@adyen/bento-vue3 1.94.0 → 1.96.0

package/dist/assets/input-field.css

@@ -1 +1 @@
-@charset "UTF-8";.b-input-field[data-v-069114be]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-input-field[data-v-069114be],.b-input-field[data-v-069114be]:before,.b-input-field[data-v-069114be]:after{box-sizing:border-box}.b-input-field[data-v-069114be] *,.b-input-field[data-v-069114be] *:before,.b-input-field[data-v-069114be] *:after{box-sizing:border-box}.b-input-field[data-v-069114be] ::-webkit-scrollbar{height:14px;width:14px}.b-input-field[data-v-069114be] ::-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-input-field--condensed .b-input-field__input-box[data-v-069114be]{height:28px}.b-input-field--condensed .b-input-field__icon-before[data-v-069114be]{margin-left:var(--b-spacer-050)}.b-input-field--condensed .b-input-field__icon-after[data-v-069114be]{margin-right:var(--b-spacer-050)}.b-input-field--condensed .b-input-field__input[data-v-069114be]{margin:var(--b-spacer-020) var(--b-spacer-050)}.b-input-field--condensed .b-input-field__payment-method[data-v-069114be]{margin-left:var(--b-spacer-030)}.b-input-field--condensed .b-input-field__static-value[data-v-069114be]{height:20px;word-break:keep-all}.b-input-field--condensed .b-input-field__static-value--end[data-v-069114be]{margin-right:var(--b-spacer-020)}.b-input-field--condensed .b-input-field__static-value--start[data-v-069114be]{margin-left:var(--b-spacer-020)}.b-input-field--condensed[data-v-069114be] .b-dropdown-small-textbox{height:20px}.b-input-field--condensed[data-v-069114be] .b-dropdown-small-textbox__textbox{padding:0 var(--b-spacer-030)}.b-input-field--condensed[data-v-069114be] .b-dropdown-base-textbox{height:100%}.b-input-field--disabled[data-v-069114be] *{cursor:not-allowed}.b-input-field--disabled .b-input-field__input-box[data-v-069114be]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled)}.b-input-field--disabled .b-input-field__input-box[data-v-069114be]:hover{border-color:var(--b-color-outline-disabled)}.b-input-field--disabled .b-input-field__icon-before[data-v-069114be],.b-input-field--disabled .b-input-field__icon-after[data-v-069114be],.b-input-field--disabled .b-input-field__static-value[data-v-069114be]{background-color:var(--b-color-background-disabled);color:var(--b-color-label-disabled)}.b-input-field--disabled .b-input-field__payment-method[data-v-069114be]{opacity:.3}.b-input-field--readonly .b-input-field__input-box[data-v-069114be]{overflow:hidden}.b-input-field--readonly .b-input-field__input-box[data-v-069114be],.b-input-field--readonly .b-input-field__input-box[data-v-069114be] *{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled);cursor:unset}.b-input-field--readonly .b-input-field__input-box[data-v-069114be]:focus-within,.b-input-field--readonly .b-input-field__input-box[data-v-069114be]:hover,.b-input-field--readonly .b-input-field__input-box[data-v-069114be] *:focus-within,.b-input-field--readonly .b-input-field__input-box[data-v-069114be] *:hover{border-color:var(--b-color-outline-disabled);outline:unset}.b-input-field--readonly .b-input-field__static-value[data-v-069114be]{background-color:var(--b-color-background-disabled)}.b-input-field--error .b-input-field__input-box[data-v-069114be]{border-color:var(--b-color-outline-critical);outline:.5px solid var(--b-color-outline-critical)}.b-input-field--slashed-zero .b-input-field__input-box[data-v-069114be] *,.b-input-field--slashed-zero[data-v-069114be] .b-dropdown *{font-variant-numeric:slashed-zero}.b-input-field__input-box[data-v-069114be]{align-items:center;background-color:var(--b-color-background-primary);border:1px var(--b-color-outline-tertiary) solid;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);display:flex;flex-direction:row;height:36px;outline:none}.b-input-field__input-box[data-v-069114be]:hover{border-color:var(--b-color-outline-tertiary-active);outline-color:var(--b-color-outline-tertiary-active)}.b-input-field__input-box[data-v-069114be]:focus-within{border-color:var(--b-color-outline-tertiary-active);outline:.5px solid var(--b-color-outline-tertiary-active)}.b-input-field__input-box[data-v-069114be]>*{background-color:var(--b-color-background-primary)}.b-input-field__static-value[data-v-069114be]{align-items:center;background-color:var(--b-color-background-secondary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-primary);display:flex;height:28px;padding:var(--b-spacer-020) var(--b-spacer-030)}.b-input-field__static-value--start[data-v-069114be]{margin-left:var(--b-spacer-020)}.b-input-field__static-value--end[data-v-069114be]{margin-right:var(--b-spacer-020)}.b-input-field__input-container[data-v-069114be]{align-items:center;background:transparent;display:flex;flex-direction:row;width:100%}.b-input-field__hint[data-v-069114be]{color:var(--b-color-label-secondary);margin-right:var(--b-spacer-060);max-width:100%;text-align:right;white-space:nowrap}.b-input-field__payment-method[data-v-069114be]{height:16px;margin-left:var(--b-spacer-030)}.b-input-field__dropdown[data-v-069114be] .b-dropdown-small-textbox{border-radius:var(--b-border-radius-s);min-width:70px}.b-input-field__dropdown--start[data-v-069114be]{margin-left:var(--b-spacer-020)}.b-input-field__dropdown--end[data-v-069114be]{margin-right:var(--b-spacer-020)}.b-input-field__input[data-v-069114be]{background-color:transparent;border:0;color:var(--b-color-label-primary);font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:var(--b-spacer-040) var(--b-spacer-060);overflow:hidden;padding:0;width:100%}.b-input-field__input[type=search][data-v-069114be]::-ms-clear,.b-input-field__input[type=search][data-v-069114be]::-ms-reveal{display:none;height:0;width:0}.b-input-field__input[type=search][data-v-069114be]::-webkit-search-decoration,.b-input-field__input[type=search][data-v-069114be]::-webkit-search-cancel-button,.b-input-field__input[type=search][data-v-069114be]::-webkit-search-results-button,.b-input-field__input[type=search][data-v-069114be]::-webkit-search-results-decoration{display:none}.b-input-field__input[type=number][data-v-069114be]::-webkit-outer-spin-button,.b-input-field__input[type=number][data-v-069114be]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.b-input-field__input[data-v-069114be]::placeholder{color:var(--b-color-label-secondary);opacity:1}.b-input-field__input[data-v-069114be]:focus-visible{box-shadow:none;outline:none}.b-input-field__input[data-v-069114be]:disabled{background-color:var(--b-color-background-disabled);color:var(--b-color-label-disabled)}.b-input-field__input[data-v-069114be]:disabled::placeholder{background-color:var(--b-color-background-disabled)}.b-input-field__input[type=number][data-v-069114be]{-moz-appearance:textfield}.b-input-field__description[data-v-069114be]{color:var(--b-color-label-secondary);display:block;margin-top:var(--b-spacer-040)}.b-input-field__error-message[data-v-069114be]{margin-bottom:-4px;margin-top:var(--b-spacer-040)}.b-input-field__icon-before[data-v-069114be]{display:flex;margin-left:var(--b-spacer-060)}.b-input-field__icon-after[data-v-069114be]{display:flex;margin-right:var(--b-spacer-060)}
+@charset "UTF-8";.b-input-field[data-v-a764fbac]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-input-field[data-v-a764fbac],.b-input-field[data-v-a764fbac]:before,.b-input-field[data-v-a764fbac]:after{box-sizing:border-box}.b-input-field[data-v-a764fbac] *,.b-input-field[data-v-a764fbac] *:before,.b-input-field[data-v-a764fbac] *:after{box-sizing:border-box}.b-input-field[data-v-a764fbac] ::-webkit-scrollbar{height:14px;width:14px}.b-input-field[data-v-a764fbac] ::-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-input-field--condensed .b-input-field__input-box[data-v-a764fbac]{height:28px}.b-input-field--condensed .b-input-field__icon-before[data-v-a764fbac]{margin-left:var(--b-spacer-050)}.b-input-field--condensed .b-input-field__icon-after[data-v-a764fbac]{margin-right:var(--b-spacer-050)}.b-input-field--condensed .b-input-field__input[data-v-a764fbac]{margin:var(--b-spacer-020) var(--b-spacer-050)}.b-input-field--condensed .b-input-field__payment-method[data-v-a764fbac]{margin-left:var(--b-spacer-030)}.b-input-field--condensed .b-input-field__static-value[data-v-a764fbac]{height:20px;word-break:keep-all}.b-input-field--condensed .b-input-field__static-value--end[data-v-a764fbac]{margin-right:var(--b-spacer-020)}.b-input-field--condensed .b-input-field__static-value--start[data-v-a764fbac]{margin-left:var(--b-spacer-020)}.b-input-field--condensed[data-v-a764fbac] .b-dropdown-small-textbox{height:20px}.b-input-field--condensed[data-v-a764fbac] .b-dropdown-small-textbox__textbox{padding:0 var(--b-spacer-030)}.b-input-field--condensed[data-v-a764fbac] .b-dropdown-base-textbox{height:100%}.b-input-field--disabled[data-v-a764fbac] *{cursor:not-allowed}.b-input-field--disabled .b-input-field__input-box[data-v-a764fbac]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled)}.b-input-field--disabled .b-input-field__input-box[data-v-a764fbac]:hover{border-color:var(--b-color-outline-disabled)}.b-input-field--disabled .b-input-field__icon-before[data-v-a764fbac],.b-input-field--disabled .b-input-field__icon-after[data-v-a764fbac],.b-input-field--disabled .b-input-field__static-value[data-v-a764fbac]{background-color:var(--b-color-background-disabled);color:var(--b-color-label-disabled)}.b-input-field--disabled .b-input-field__payment-method[data-v-a764fbac]{opacity:.3}.b-input-field--readonly .b-input-field__input-box[data-v-a764fbac]{overflow:hidden}.b-input-field--readonly .b-input-field__input-box[data-v-a764fbac],.b-input-field--readonly .b-input-field__input-box[data-v-a764fbac] *{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled);cursor:unset}.b-input-field--readonly .b-input-field__input-box[data-v-a764fbac]:focus-within,.b-input-field--readonly .b-input-field__input-box[data-v-a764fbac]:hover,.b-input-field--readonly .b-input-field__input-box[data-v-a764fbac] *:focus-within,.b-input-field--readonly .b-input-field__input-box[data-v-a764fbac] *:hover{border-color:var(--b-color-outline-disabled);outline:unset}.b-input-field--readonly .b-input-field__static-value[data-v-a764fbac]{background-color:var(--b-color-background-disabled)}.b-input-field--error .b-input-field__input-box[data-v-a764fbac]{border-color:var(--b-color-outline-critical);outline:.5px solid var(--b-color-outline-critical)}.b-input-field--slashed-zero .b-input-field__input-box[data-v-a764fbac] *,.b-input-field--slashed-zero[data-v-a764fbac] .b-dropdown *{font-variant-numeric:slashed-zero}.b-input-field__input-box[data-v-a764fbac]{align-items:center;background-color:var(--b-color-background-primary);border:1px var(--b-color-outline-tertiary) solid;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);display:flex;flex-direction:row;height:36px;outline:none}.b-input-field__input-box[data-v-a764fbac]:hover{border-color:var(--b-color-outline-tertiary-active);outline-color:var(--b-color-outline-tertiary-active)}.b-input-field__input-box[data-v-a764fbac]:focus-within{border-color:var(--b-color-outline-tertiary-active);outline:.5px solid var(--b-color-outline-tertiary-active)}.b-input-field__input-box[data-v-a764fbac]>*{background-color:var(--b-color-background-primary)}.b-input-field__static-value[data-v-a764fbac]{align-items:center;background-color:var(--b-color-background-secondary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-primary);display:flex;height:28px;padding:var(--b-spacer-020) var(--b-spacer-030)}.b-input-field__static-value--start[data-v-a764fbac]{margin-left:var(--b-spacer-020)}.b-input-field__static-value--end[data-v-a764fbac]{margin-right:var(--b-spacer-020)}.b-input-field__input-container[data-v-a764fbac]{align-items:center;background:transparent;display:flex;flex-direction:row;width:100%}.b-input-field__hint[data-v-a764fbac]{color:var(--b-color-label-secondary);margin-right:var(--b-spacer-060);max-width:100%;text-align:right;white-space:nowrap}.b-input-field__payment-method[data-v-a764fbac]{height:16px;margin-left:var(--b-spacer-030)}.b-input-field__dropdown[data-v-a764fbac] .b-dropdown-small-textbox{border-radius:var(--b-border-radius-s);min-width:70px}.b-input-field__dropdown--start[data-v-a764fbac]{margin-left:var(--b-spacer-020)}.b-input-field__dropdown--end[data-v-a764fbac]{margin-right:var(--b-spacer-020)}.b-input-field__input[data-v-a764fbac]{background-color:transparent;border:0;color:var(--b-color-label-primary);font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:var(--b-spacer-040) var(--b-spacer-060);overflow:hidden;padding:0;width:100%}.b-input-field__input[type=search][data-v-a764fbac]::-ms-clear,.b-input-field__input[type=search][data-v-a764fbac]::-ms-reveal{display:none;height:0;width:0}.b-input-field__input[type=search][data-v-a764fbac]::-webkit-search-decoration,.b-input-field__input[type=search][data-v-a764fbac]::-webkit-search-cancel-button,.b-input-field__input[type=search][data-v-a764fbac]::-webkit-search-results-button,.b-input-field__input[type=search][data-v-a764fbac]::-webkit-search-results-decoration{display:none}.b-input-field__input[type=number][data-v-a764fbac]::-webkit-outer-spin-button,.b-input-field__input[type=number][data-v-a764fbac]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.b-input-field__input[data-v-a764fbac]::placeholder{color:var(--b-color-label-secondary);opacity:1}.b-input-field__input[data-v-a764fbac]:focus-visible{box-shadow:none;outline:none}.b-input-field__input[data-v-a764fbac]:disabled{background-color:var(--b-color-background-disabled);color:var(--b-color-label-disabled)}.b-input-field__input[data-v-a764fbac]:disabled::placeholder{background-color:var(--b-color-background-disabled)}.b-input-field__input[type=number][data-v-a764fbac]{-moz-appearance:textfield}.b-input-field__description[data-v-a764fbac]{color:var(--b-color-label-secondary);display:block;margin-top:var(--b-spacer-040)}.b-input-field__error-message[data-v-a764fbac]{margin-bottom:-4px;margin-top:var(--b-spacer-040)}.b-input-field__icon-before[data-v-a764fbac]{display:flex;margin-left:var(--b-spacer-060)}.b-input-field__icon-after[data-v-a764fbac]{display:flex;margin-right:var(--b-spacer-060)}

package/dist/assets/inspector.css

@@ -1 +1 @@
-.b-inspector[data-v-7df4c2ca]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;height:100%;position:relative}.b-inspector[data-v-7df4c2ca],.b-inspector[data-v-7df4c2ca]:before,.b-inspector[data-v-7df4c2ca]:after{box-sizing:border-box}.b-inspector[data-v-7df4c2ca] *,.b-inspector[data-v-7df4c2ca] *:before,.b-inspector[data-v-7df4c2ca] *:after{box-sizing:border-box}.b-inspector[data-v-7df4c2ca] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-7df4c2ca] ::-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-inspector--overlay-content .b-inspector__container-wrapper[data-v-7df4c2ca]{box-shadow:var(--b-shadow-medium);position:absolute;right:0;z-index:var(--b-z-index-global-elevated)}.b-inspector__page-wrapper[data-v-7df4c2ca]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-7df4c2ca]{height:100%}.b-inspector__container-wrapper[data-v-7df4c2ca]{background-color:var(--b-color-background-primary);border-left:1px solid var(--b-color-separator-secondary);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-7df4c2ca]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-070) var(--b-spacer-090)}.b-inspector__header[data-v-7df4c2ca]{color:var(--b-color-label-primary);display:flex;gap:var(--b-spacer-060);padding-bottom:var(--b-spacer-070)}.b-inspector__title[data-v-7df4c2ca]{flex-grow:1}.b-inspector__icons[data-v-7df4c2ca]{display:flex;flex-shrink:0;gap:var(--b-spacer-050)}.b-inspector__content[data-v-7df4c2ca]{flex-grow:1}.b-inspector__loading-indicator[data-v-7df4c2ca]{inset:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-7df4c2ca]{clip-path:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-7df4c2ca]:focus-visible{clip-path:auto;height:auto;opacity:1;right:var(--b-spacer-040);width:auto;z-index:1}.b-inspector__return-content-description[data-v-7df4c2ca]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-7df4c2ca]{width:420px}.b-inspector--small .b-inspector__container[data-v-7df4c2ca]{width:419px}@keyframes expand-small-7df4c2ca{0%{width:0}to{width:420px}}@keyframes shrink-small-7df4c2ca{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:expand-small-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--small .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:shrink-small-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-7df4c2ca]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-7df4c2ca]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:enter-uldb00j-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uldb00j-7df4c2ca{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:exit-uldb01d-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uldb01d-7df4c2ca{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-7df4c2ca]{width:595px}.b-inspector--large .b-inspector__container[data-v-7df4c2ca]{width:594px}@keyframes expand-large-7df4c2ca{0%{width:0}to{width:595px}}@keyframes shrink-large-7df4c2ca{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:expand-large-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--large .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:shrink-large-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-7df4c2ca]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-7df4c2ca]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:enter-uldb049-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uldb049-7df4c2ca{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:exit-uldb05r-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uldb05r-7df4c2ca{0%{translate:0 0}to{translate:100% 0}}
+.b-inspector[data-v-7df4c2ca]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;height:100%;position:relative}.b-inspector[data-v-7df4c2ca],.b-inspector[data-v-7df4c2ca]:before,.b-inspector[data-v-7df4c2ca]:after{box-sizing:border-box}.b-inspector[data-v-7df4c2ca] *,.b-inspector[data-v-7df4c2ca] *:before,.b-inspector[data-v-7df4c2ca] *:after{box-sizing:border-box}.b-inspector[data-v-7df4c2ca] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-7df4c2ca] ::-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-inspector--overlay-content .b-inspector__container-wrapper[data-v-7df4c2ca]{box-shadow:var(--b-shadow-medium);position:absolute;right:0;z-index:var(--b-z-index-global-elevated)}.b-inspector__page-wrapper[data-v-7df4c2ca]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-7df4c2ca]{height:100%}.b-inspector__container-wrapper[data-v-7df4c2ca]{background-color:var(--b-color-background-primary);border-left:1px solid var(--b-color-separator-secondary);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-7df4c2ca]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-070) var(--b-spacer-090)}.b-inspector__header[data-v-7df4c2ca]{color:var(--b-color-label-primary);display:flex;gap:var(--b-spacer-060);padding-bottom:var(--b-spacer-070)}.b-inspector__title[data-v-7df4c2ca]{flex-grow:1}.b-inspector__icons[data-v-7df4c2ca]{display:flex;flex-shrink:0;gap:var(--b-spacer-050)}.b-inspector__content[data-v-7df4c2ca]{flex-grow:1}.b-inspector__loading-indicator[data-v-7df4c2ca]{inset:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-7df4c2ca]{clip-path:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-7df4c2ca]:focus-visible{clip-path:auto;height:auto;opacity:1;right:var(--b-spacer-040);width:auto;z-index:1}.b-inspector__return-content-description[data-v-7df4c2ca]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-7df4c2ca]{width:420px}.b-inspector--small .b-inspector__container[data-v-7df4c2ca]{width:419px}@keyframes expand-small-7df4c2ca{0%{width:0}to{width:420px}}@keyframes shrink-small-7df4c2ca{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:expand-small-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--small .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:shrink-small-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-7df4c2ca]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-7df4c2ca]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:enter-uicmuil-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uicmuil-7df4c2ca{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:exit-uicmujg-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uicmujg-7df4c2ca{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-7df4c2ca]{width:595px}.b-inspector--large .b-inspector__container[data-v-7df4c2ca]{width:594px}@keyframes expand-large-7df4c2ca{0%{width:0}to{width:595px}}@keyframes shrink-large-7df4c2ca{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:expand-large-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--large .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:shrink-large-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-7df4c2ca]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-7df4c2ca]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-7df4c2ca]{animation:enter-uicmull-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uicmull-7df4c2ca{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-7df4c2ca]{animation:exit-uicmumo-7df4c2ca var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uicmumo-7df4c2ca{0%{translate:0 0}to{translate:100% 0}}

package/dist/assets/modal-fullscreen.css

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

package/dist/assets/navigation-menu-group.css

@@ -1 +1 @@
-.b-navigation-menu[data-v-4914a78e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;padding:var(--b-spacer-020) var(--b-spacer-040) var(--b-spacer-040)}.b-navigation-menu[data-v-4914a78e],.b-navigation-menu[data-v-4914a78e]:before,.b-navigation-menu[data-v-4914a78e]:after{box-sizing:border-box}.b-navigation-menu[data-v-4914a78e] *,.b-navigation-menu[data-v-4914a78e] *:before,.b-navigation-menu[data-v-4914a78e] *:after{box-sizing:border-box}.b-navigation-menu[data-v-4914a78e] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu[data-v-4914a78e] ::-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-navigation-menu__header[data-v-4914a78e]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030) var(--b-spacer-010) var(--b-spacer-060)}.b-navigation-menu__title[data-v-4914a78e]{color:var(--b-color-label-secondary);font-family:var(--b-text-caption-font-family-secondary);font-variant-numeric:slashed-zero;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.b-navigation-menu__actions-container[data-v-4914a78e],.b-navigation-menu__actions[data-v-4914a78e]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-navigation-menu__actions-container[data-v-4914a78e] .b-button--icon-only{padding:var(--b-spacer-030)}.b-navigation-menu__content[data-v-4914a78e]{display:flex;flex-direction:column;gap:var(--b-spacer-010);list-style:none;margin:0;padding:0}.b-navigation-menu__content[data-v-4914a78e] a{text-decoration:none}.b-navigation-menu-item[data-v-138b6e28]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;border-radius:var(--b-border-radius-m);cursor:pointer;display:flex;gap:var(--b-spacer-020);min-height:32px;opacity:1;padding:var(--b-spacer-010) var(--b-spacer-030) var(--b-spacer-010) var(--b-spacer-020);text-decoration:none;width:100%}.b-navigation-menu-item[data-v-138b6e28],.b-navigation-menu-item[data-v-138b6e28]:before,.b-navigation-menu-item[data-v-138b6e28]:after{box-sizing:border-box}.b-navigation-menu-item[data-v-138b6e28] *,.b-navigation-menu-item[data-v-138b6e28] *:before,.b-navigation-menu-item[data-v-138b6e28] *:after{box-sizing:border-box}.b-navigation-menu-item[data-v-138b6e28] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-item[data-v-138b6e28] ::-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-navigation-menu-item--no-icon[data-v-138b6e28]{padding-left:var(--b-spacer-060)}.b-navigation-menu-item[data-v-138b6e28]:focus-visible{border-radius:var(--b-border-radius-m)}.b-navigation-menu-item[data-v-138b6e28]:hover{background-color:var(--b-color-background-modal-hover)}.b-navigation-menu-item[data-v-138b6e28]:active{background-color:var(--b-color-background-modal-active)}.b-navigation-menu-item__icon[data-v-138b6e28]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item__label[data-v-138b6e28]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-item__icon[data-v-138b6e28],.b-navigation-menu-item__label[data-v-138b6e28]{color:var(--b-color-label-primary)}.b-navigation-menu-item__action[data-v-138b6e28]{display:none;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-138b6e28],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-138b6e28],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-138b6e28]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-138b6e28],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-138b6e28],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-138b6e28]{animation:fade-in-uldb077-138b6e28 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-uldb077-138b6e28{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-item--selected[data-v-138b6e28]{background-color:var(--b-color-background-navigation)}.b-navigation-menu-item--selected[data-v-138b6e28]:hover{background-color:var(--b-color-background-navigation-hover)}.b-navigation-menu-item--selected[data-v-138b6e28]:active{background-color:var(--b-color-background-navigation-active)}.b-navigation-menu-item--nested[data-v-138b6e28]{margin-top:var(--b-spacer-010);padding-left:36px}.b-navigation-menu-item--nested .b-navigation-menu-item__label[data-v-138b6e28]{color:var(--b-color-label-secondary)}.b-navigation-menu-item--nested:hover .b-navigation-menu-item__label[data-v-138b6e28],.b-navigation-menu-item--nested:active .b-navigation-menu-item__label[data-v-138b6e28],.b-navigation-menu-item--nested.b-navigation-menu-item--selected .b-navigation-menu-item__label[data-v-138b6e28]{color:var(--b-color-label-primary)}.b-navigation-menu-item--hidden[data-v-138b6e28]{margin-top:0;max-height:0;min-height:0;opacity:0;padding-bottom:0;padding-top:0}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item--hidden[data-v-138b6e28]{transition:all var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-group[data-v-dcf04f6f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-navigation-menu-group[data-v-dcf04f6f],.b-navigation-menu-group[data-v-dcf04f6f]:before,.b-navigation-menu-group[data-v-dcf04f6f]:after{box-sizing:border-box}.b-navigation-menu-group[data-v-dcf04f6f] *,.b-navigation-menu-group[data-v-dcf04f6f] *:before,.b-navigation-menu-group[data-v-dcf04f6f] *:after{box-sizing:border-box}.b-navigation-menu-group[data-v-dcf04f6f] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-group[data-v-dcf04f6f] ::-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-navigation-menu-group button[data-v-dcf04f6f]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-navigation-menu-group button[data-v-dcf04f6f]:focus-visible{outline:none}.b-navigation-menu-group__header[data-v-dcf04f6f]{align-items:center;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;gap:var(--b-spacer-020);min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030);padding-left:var(--b-spacer-020);position:relative;width:100%}.b-navigation-menu-group__header[data-v-dcf04f6f]:hover{background-color:var(--b-color-background-modal-hover)}.b-navigation-menu-group__header[data-v-dcf04f6f]:active{background-color:var(--b-color-background-modal-active)}.b-navigation-menu-group__header[data-v-dcf04f6f]:focus-visible{animation:outer-ring-default-dcf04f6f 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-dcf04f6f{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-navigation-menu-group__header--no-icon[data-v-dcf04f6f]{padding-left:var(--b-spacer-050)}.b-navigation-menu-group__icon[data-v-dcf04f6f]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-group__icon--chevron[data-v-dcf04f6f]{display:none}.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-dcf04f6f],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-dcf04f6f]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-dcf04f6f],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-dcf04f6f]{animation:fade-in-uldb08x-dcf04f6f var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-uldb08x-dcf04f6f{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-group__label[data-v-dcf04f6f]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-group__content-wrapper[data-v-dcf04f6f]{overflow:clip;overflow-clip-margin:var(--b-spacer-020)}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__content-wrapper[data-v-dcf04f6f]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-group__content[data-v-dcf04f6f]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.b-navigation-menu-group__animation--content-enter-active[data-v-dcf04f6f]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-enter-active[data-v-dcf04f6f]{animation:fade-in-uldb09k-dcf04f6f var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uldb09k-dcf04f6f var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uldb09k-dcf04f6f var(--b-animation-duration-moderate) var(--b-animation-easing-linear);transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-in-uldb09k-dcf04f6f{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uldb09k-dcf04f6f{0%{scale:1}to{scale:1}}@keyframes enter-uldb09k-dcf04f6f{0%{translate:0 -8px}to{translate:0 0}}}.b-navigation-menu-group__animation--content-leave-active[data-v-dcf04f6f]{max-height:0!important;overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-leave-active[data-v-dcf04f6f]{animation:fade-out-uldb09w-dcf04f6f var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uldb09w-dcf04f6f var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uldb09w-dcf04f6f var(--b-animation-duration-moderate) var(--b-animation-easing-linear);transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-out-uldb09w-dcf04f6f{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uldb09w-dcf04f6f{0%{scale:1}to{scale:1}}@keyframes exit-uldb09w-dcf04f6f{0%{translate:0 0}to{translate:0 -8px}}}
+.b-navigation-menu[data-v-7b260c27]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;padding:var(--b-spacer-020) var(--b-spacer-040) var(--b-spacer-040)}.b-navigation-menu[data-v-7b260c27],.b-navigation-menu[data-v-7b260c27]:before,.b-navigation-menu[data-v-7b260c27]:after{box-sizing:border-box}.b-navigation-menu[data-v-7b260c27] *,.b-navigation-menu[data-v-7b260c27] *:before,.b-navigation-menu[data-v-7b260c27] *:after{box-sizing:border-box}.b-navigation-menu[data-v-7b260c27] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu[data-v-7b260c27] ::-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-navigation-menu__header[data-v-7b260c27]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030) var(--b-spacer-010) var(--b-spacer-060)}.b-navigation-menu__title[data-v-7b260c27]{color:var(--b-color-label-secondary);font-family:var(--b-text-caption-font-family-secondary);font-variant-numeric:slashed-zero;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.b-navigation-menu__actions-container[data-v-7b260c27],.b-navigation-menu__actions[data-v-7b260c27]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-navigation-menu__actions-container[data-v-7b260c27] .b-button--icon-only{padding:var(--b-spacer-030)}.b-navigation-menu__content[data-v-7b260c27]{display:flex;flex-direction:column;gap:var(--b-spacer-010);list-style:none;margin:0;padding:0}.b-navigation-menu__content[data-v-7b260c27] a{text-decoration:none}.b-navigation-menu-item[data-v-cd626488]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;border-radius:var(--b-border-radius-m);display:flex;min-height:32px;opacity:1;padding-right:var(--b-spacer-030)}.b-navigation-menu-item[data-v-cd626488],.b-navigation-menu-item[data-v-cd626488]:before,.b-navigation-menu-item[data-v-cd626488]:after{box-sizing:border-box}.b-navigation-menu-item[data-v-cd626488] *,.b-navigation-menu-item[data-v-cd626488] *:before,.b-navigation-menu-item[data-v-cd626488] *:after{box-sizing:border-box}.b-navigation-menu-item[data-v-cd626488] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-item[data-v-cd626488] ::-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-navigation-menu-item--no-icon .b-navigation-menu-item__link[data-v-cd626488]{padding-left:var(--b-spacer-060)}.b-navigation-menu-item[data-v-cd626488]:hover{background-color:var(--b-color-background-modal-hover)}.b-navigation-menu-item[data-v-cd626488]:active{background-color:var(--b-color-background-modal-active)}.b-navigation-menu-item__link[data-v-cd626488]{align-items:center;cursor:pointer;display:flex;flex:1;gap:var(--b-spacer-020);min-height:32px;min-width:0;padding:var(--b-spacer-010) 0 var(--b-spacer-010) var(--b-spacer-020);text-decoration:none}.b-navigation-menu-item__link[data-v-cd626488]:focus-visible{border-radius:var(--b-border-radius-m)}.b-navigation-menu-item__icon[data-v-cd626488]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item__label[data-v-cd626488]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-item__icon[data-v-cd626488],.b-navigation-menu-item__label[data-v-cd626488]{color:var(--b-color-label-primary)}.b-navigation-menu-item__action[data-v-cd626488]{display:none;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-cd626488],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-cd626488],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-cd626488]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-cd626488],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-cd626488],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-cd626488]{animation:fade-in-uicmueg-cd626488 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-uicmueg-cd626488{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-item--selected[data-v-cd626488]{background-color:var(--b-color-background-navigation)}.b-navigation-menu-item--selected[data-v-cd626488]:hover{background-color:var(--b-color-background-navigation-hover)}.b-navigation-menu-item--selected[data-v-cd626488]:active{background-color:var(--b-color-background-navigation-active)}.b-navigation-menu-item--nested[data-v-cd626488]{margin-top:var(--b-spacer-010)}.b-navigation-menu-item--nested .b-navigation-menu-item__link[data-v-cd626488]{padding-left:36px}.b-navigation-menu-item--nested .b-navigation-menu-item__label[data-v-cd626488]{color:var(--b-color-label-secondary)}.b-navigation-menu-item--nested:hover .b-navigation-menu-item__label[data-v-cd626488],.b-navigation-menu-item--nested:active .b-navigation-menu-item__label[data-v-cd626488],.b-navigation-menu-item--nested.b-navigation-menu-item--selected .b-navigation-menu-item__label[data-v-cd626488]{color:var(--b-color-label-primary)}.b-navigation-menu-item--hidden[data-v-cd626488]{margin-top:0;max-height:0;min-height:0;opacity:0}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item--hidden[data-v-cd626488]{transition:all var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-item--hidden .b-navigation-menu-item__link[data-v-cd626488]{padding-bottom:0;padding-top:0}.b-navigation-menu-group[data-v-150dd8b0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-navigation-menu-group[data-v-150dd8b0],.b-navigation-menu-group[data-v-150dd8b0]:before,.b-navigation-menu-group[data-v-150dd8b0]:after{box-sizing:border-box}.b-navigation-menu-group[data-v-150dd8b0] *,.b-navigation-menu-group[data-v-150dd8b0] *:before,.b-navigation-menu-group[data-v-150dd8b0] *:after{box-sizing:border-box}.b-navigation-menu-group[data-v-150dd8b0] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-group[data-v-150dd8b0] ::-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-navigation-menu-group button[data-v-150dd8b0]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-navigation-menu-group button[data-v-150dd8b0]:focus-visible{outline:none}.b-navigation-menu-group__header[data-v-150dd8b0]{align-items:center;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;gap:var(--b-spacer-020);min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030);padding-left:var(--b-spacer-020);position:relative;width:100%}.b-navigation-menu-group__header[data-v-150dd8b0]:hover{background-color:var(--b-color-background-modal-hover)}.b-navigation-menu-group__header[data-v-150dd8b0]:active{background-color:var(--b-color-background-modal-active)}.b-navigation-menu-group__header[data-v-150dd8b0]:focus-visible{animation:outer-ring-default-150dd8b0 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-150dd8b0{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-navigation-menu-group__header--no-icon[data-v-150dd8b0]{padding-left:var(--b-spacer-050)}.b-navigation-menu-group__icon[data-v-150dd8b0]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-group__icon--chevron[data-v-150dd8b0]{display:none}.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-150dd8b0],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-150dd8b0]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-150dd8b0],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-150dd8b0]{animation:fade-in-uicmux7-150dd8b0 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-uicmux7-150dd8b0{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-group__label[data-v-150dd8b0]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-group__content-wrapper[data-v-150dd8b0]{overflow:clip;overflow-clip-margin:var(--b-spacer-020)}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__content-wrapper[data-v-150dd8b0]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-group__content[data-v-150dd8b0]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.b-navigation-menu-group__animation--content-enter-active[data-v-150dd8b0]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-enter-active[data-v-150dd8b0]{animation:fade-in-uicmuxf-150dd8b0 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uicmuxf-150dd8b0 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uicmuxf-150dd8b0 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-in-uicmuxf-150dd8b0{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uicmuxf-150dd8b0{0%{scale:1}to{scale:1}}@keyframes enter-uicmuxf-150dd8b0{0%{translate:0 -8px}to{translate:0 0}}}.b-navigation-menu-group__animation--content-leave-active[data-v-150dd8b0]{max-height:0!important;overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-leave-active[data-v-150dd8b0]{animation:fade-out-uicmuyb-150dd8b0 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uicmuyb-150dd8b0 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uicmuyb-150dd8b0 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-out-uicmuyb-150dd8b0{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uicmuyb-150dd8b0{0%{scale:1}to{scale:1}}@keyframes exit-uicmuyb-150dd8b0{0%{translate:0 0}to{translate:0 -8px}}}

package/dist/assets/secondary-nav.css

@@ -1 +1 @@
-button[data-v-0d3fb0ab]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-0d3fb0ab]:focus-visible{outline:none}.b-secondary-nav-item[data-v-0d3fb0ab]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:var(--b-spacer-020)}.b-secondary-nav-item[data-v-0d3fb0ab],.b-secondary-nav-item[data-v-0d3fb0ab]:before,.b-secondary-nav-item[data-v-0d3fb0ab]:after{box-sizing:border-box}.b-secondary-nav-item[data-v-0d3fb0ab] *,.b-secondary-nav-item[data-v-0d3fb0ab] *:before,.b-secondary-nav-item[data-v-0d3fb0ab] *:after{box-sizing:border-box}.b-secondary-nav-item[data-v-0d3fb0ab] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-item[data-v-0d3fb0ab] ::-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-secondary-nav-item__wrapper[data-v-0d3fb0ab]{position:relative}.b-secondary-nav-item__option[data-v-0d3fb0ab]{align-items:center;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;justify-content:space-between;padding:var(--b-spacer-040) var(--b-spacer-050);width:100%}@media(hover:hover){.b-secondary-nav-item__option[data-v-0d3fb0ab]:hover{background-color:var(--b-color-background-primary-hover)}}.b-secondary-nav-item__option[data-v-0d3fb0ab]:active,.b-secondary-nav-item__option--active[data-v-0d3fb0ab]{background-color:var(--b-color-background-primary-active)}.b-secondary-nav-item__option[data-v-0d3fb0ab]:focus-visible{animation:outer-ring-default-0d3fb0ab 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-0d3fb0ab{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-secondary-nav-item__option--sub-item[data-v-0d3fb0ab]{padding-left:var(--b-spacer-080)}.b-secondary-nav-item__option--expandable[data-v-0d3fb0ab]{padding-right:var(--b-spacer-100)}.b-secondary-nav-item__toggle[data-v-0d3fb0ab]{position:absolute;right:var(--b-spacer-050);top:50%;transform:translateY(-50%)}.b-secondary-nav-item__toggle[data-v-0d3fb0ab]:after{content:"";display:block;inset:calc(var(--b-spacer-050) * -1);position:absolute}.b-secondary-nav-item__visually-hidden[data-v-0d3fb0ab]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.b-secondary-nav-item__sub-items[data-v-0d3fb0ab]{list-style:none;padding:0}.b-secondary-nav-item__animation--content-enter-active[data-v-0d3fb0ab]{animation:fade-in-uldb0ed-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uldb0ed-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uldb0ed-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-in-uldb0ed-0d3fb0ab{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uldb0ed-0d3fb0ab{0%{scale:1}to{scale:1}}@keyframes enter-uldb0ed-0d3fb0ab{0%{translate:0 -8px}to{translate:0 0}}.b-secondary-nav-item__animation--content-leave-active[data-v-0d3fb0ab]{animation:fade-out-uldb0eg-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uldb0eg-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uldb0eg-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-out-uldb0eg-0d3fb0ab{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uldb0eg-0d3fb0ab{0%{scale:1}to{scale:1}}@keyframes exit-uldb0eg-0d3fb0ab{0%{translate:0 0}to{translate:0 -8px}}.b-secondary-nav-category[data-v-7b080ce9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-spacer-080)}.b-secondary-nav-category[data-v-7b080ce9],.b-secondary-nav-category[data-v-7b080ce9]:before,.b-secondary-nav-category[data-v-7b080ce9]:after{box-sizing:border-box}.b-secondary-nav-category[data-v-7b080ce9] *,.b-secondary-nav-category[data-v-7b080ce9] *:before,.b-secondary-nav-category[data-v-7b080ce9] *:after{box-sizing:border-box}.b-secondary-nav-category[data-v-7b080ce9] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-category[data-v-7b080ce9] ::-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-secondary-nav-category__label[data-v-7b080ce9]{color:var(--b-color-label-secondary);padding:0 var(--b-spacer-050) var(--b-spacer-020) var(--b-spacer-050)}.b-secondary-nav[data-v-34eeb7b8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-secondary-nav[data-v-34eeb7b8],.b-secondary-nav[data-v-34eeb7b8]:before,.b-secondary-nav[data-v-34eeb7b8]:after{box-sizing:border-box}.b-secondary-nav[data-v-34eeb7b8] *,.b-secondary-nav[data-v-34eeb7b8] *:before,.b-secondary-nav[data-v-34eeb7b8] *:after{box-sizing:border-box}.b-secondary-nav[data-v-34eeb7b8] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav[data-v-34eeb7b8] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-secondary-nav[data-v-34eeb7b8]{max-width:250px}}.b-secondary-nav[data-v-34eeb7b8] .b-secondary-nav__list{list-style:none;margin:0;padding:0}.b-secondary-nav__option[data-v-34eeb7b8]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-secondary-nav__nested-option[data-v-34eeb7b8]{padding-left:var(--b-spacer-070)}.b-secondary-nav__visually-hidden[data-v-34eeb7b8]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
+button[data-v-0d3fb0ab]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-0d3fb0ab]:focus-visible{outline:none}.b-secondary-nav-item[data-v-0d3fb0ab]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:var(--b-spacer-020)}.b-secondary-nav-item[data-v-0d3fb0ab],.b-secondary-nav-item[data-v-0d3fb0ab]:before,.b-secondary-nav-item[data-v-0d3fb0ab]:after{box-sizing:border-box}.b-secondary-nav-item[data-v-0d3fb0ab] *,.b-secondary-nav-item[data-v-0d3fb0ab] *:before,.b-secondary-nav-item[data-v-0d3fb0ab] *:after{box-sizing:border-box}.b-secondary-nav-item[data-v-0d3fb0ab] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-item[data-v-0d3fb0ab] ::-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-secondary-nav-item__wrapper[data-v-0d3fb0ab]{position:relative}.b-secondary-nav-item__option[data-v-0d3fb0ab]{align-items:center;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;justify-content:space-between;padding:var(--b-spacer-040) var(--b-spacer-050);width:100%}@media(hover:hover){.b-secondary-nav-item__option[data-v-0d3fb0ab]:hover{background-color:var(--b-color-background-primary-hover)}}.b-secondary-nav-item__option[data-v-0d3fb0ab]:active,.b-secondary-nav-item__option--active[data-v-0d3fb0ab]{background-color:var(--b-color-background-primary-active)}.b-secondary-nav-item__option[data-v-0d3fb0ab]:focus-visible{animation:outer-ring-default-0d3fb0ab 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-0d3fb0ab{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-secondary-nav-item__option--sub-item[data-v-0d3fb0ab]{padding-left:var(--b-spacer-080)}.b-secondary-nav-item__option--expandable[data-v-0d3fb0ab]{padding-right:var(--b-spacer-100)}.b-secondary-nav-item__toggle[data-v-0d3fb0ab]{position:absolute;right:var(--b-spacer-050);top:50%;transform:translateY(-50%)}.b-secondary-nav-item__toggle[data-v-0d3fb0ab]:after{content:"";display:block;inset:calc(var(--b-spacer-050) * -1);position:absolute}.b-secondary-nav-item__visually-hidden[data-v-0d3fb0ab]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.b-secondary-nav-item__sub-items[data-v-0d3fb0ab]{list-style:none;padding:0}.b-secondary-nav-item__animation--content-enter-active[data-v-0d3fb0ab]{animation:fade-in-uicmv3q-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uicmv3q-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uicmv3q-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-in-uicmv3q-0d3fb0ab{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uicmv3q-0d3fb0ab{0%{scale:1}to{scale:1}}@keyframes enter-uicmv3q-0d3fb0ab{0%{translate:0 -8px}to{translate:0 0}}.b-secondary-nav-item__animation--content-leave-active[data-v-0d3fb0ab]{animation:fade-out-uicmv43-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uicmv43-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uicmv43-0d3fb0ab var(--b-animation-duration-moderate) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-out-uicmv43-0d3fb0ab{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uicmv43-0d3fb0ab{0%{scale:1}to{scale:1}}@keyframes exit-uicmv43-0d3fb0ab{0%{translate:0 0}to{translate:0 -8px}}.b-secondary-nav-category[data-v-7b080ce9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-spacer-080)}.b-secondary-nav-category[data-v-7b080ce9],.b-secondary-nav-category[data-v-7b080ce9]:before,.b-secondary-nav-category[data-v-7b080ce9]:after{box-sizing:border-box}.b-secondary-nav-category[data-v-7b080ce9] *,.b-secondary-nav-category[data-v-7b080ce9] *:before,.b-secondary-nav-category[data-v-7b080ce9] *:after{box-sizing:border-box}.b-secondary-nav-category[data-v-7b080ce9] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-category[data-v-7b080ce9] ::-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-secondary-nav-category__label[data-v-7b080ce9]{color:var(--b-color-label-secondary);padding:0 var(--b-spacer-050) var(--b-spacer-020) var(--b-spacer-050)}.b-secondary-nav[data-v-34eeb7b8]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-secondary-nav[data-v-34eeb7b8],.b-secondary-nav[data-v-34eeb7b8]:before,.b-secondary-nav[data-v-34eeb7b8]:after{box-sizing:border-box}.b-secondary-nav[data-v-34eeb7b8] *,.b-secondary-nav[data-v-34eeb7b8] *:before,.b-secondary-nav[data-v-34eeb7b8] *:after{box-sizing:border-box}.b-secondary-nav[data-v-34eeb7b8] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav[data-v-34eeb7b8] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-secondary-nav[data-v-34eeb7b8]{max-width:250px}}.b-secondary-nav[data-v-34eeb7b8] .b-secondary-nav__list{list-style:none;margin:0;padding:0}.b-secondary-nav__option[data-v-34eeb7b8]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-secondary-nav__nested-option[data-v-34eeb7b8]{padding-left:var(--b-spacer-070)}.b-secondary-nav__visually-hidden[data-v-34eeb7b8]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}

package/dist/assets/sidepanel.css

@@ -1 +1 @@
-.b-sidepanel-page[data-v-42613cdd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-42613cdd],.b-sidepanel-page[data-v-42613cdd]:before,.b-sidepanel-page[data-v-42613cdd]:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] *,.b-sidepanel-page[data-v-42613cdd] *:before,.b-sidepanel-page[data-v-42613cdd] *:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-42613cdd] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-42613cdd]{align-items:center;background-color:var(--b-color-background-modal);border-top-left-radius:var(--b-border-radius-l);display:flex;overflow:hidden;padding:var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-42613cdd]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-42613cdd]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-42613cdd]{background-color:var(--b-color-background-modal);border-bottom-left-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);padding:var(--b-spacer-070) var(--b-spacer-090)}.b-sidepanel[data-v-681d8947]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-modal);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-681d8947],.b-sidepanel[data-v-681d8947]:before,.b-sidepanel[data-v-681d8947]:after{box-sizing:border-box}.b-sidepanel[data-v-681d8947] *,.b-sidepanel[data-v-681d8947] *:before,.b-sidepanel[data-v-681d8947] *:after{box-sizing:border-box}.b-sidepanel[data-v-681d8947] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-681d8947] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-sidepanel[data-v-681d8947]{border-radius:var(--b-border-radius-l) 0 0 var(--b-border-radius-l);margin:0 0 0 auto;width:480px}}@media(min-width:768px){.b-sidepanel[data-v-681d8947]{max-width:680px;min-width:480px;width:33%}}.b-sidepanel__close-button[data-v-681d8947]{align-items:center;display:flex;height:64px;position:absolute;right:var(--b-spacer-090);z-index:var(--b-z-index-local-tier-1)}.b-sidepanel--animation[data-v-681d8947]{overflow:hidden}.b-sidepanel[data-v-681d8947]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-sidepanel[open][data-v-681d8947]{animation:enter-uldaztl-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-uldaztl-681d8947{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-681d8947]::backdrop{animation:fade-in-uldazvr-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uldazvr-681d8947{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-681d8947]{animation:exit-uldazwn-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-uldazwn-681d8947{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-681d8947]::backdrop{animation:fade-out-uldazyo-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uldazyo-681d8947{0%{opacity:.5}to{opacity:0}}
+.b-sidepanel-page[data-v-42613cdd]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-42613cdd],.b-sidepanel-page[data-v-42613cdd]:before,.b-sidepanel-page[data-v-42613cdd]:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] *,.b-sidepanel-page[data-v-42613cdd] *:before,.b-sidepanel-page[data-v-42613cdd] *:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-42613cdd] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-42613cdd]{align-items:center;background-color:var(--b-color-background-modal);border-top-left-radius:var(--b-border-radius-l);display:flex;overflow:hidden;padding:var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-42613cdd]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-42613cdd]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-42613cdd]{background-color:var(--b-color-background-modal);border-bottom-left-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);padding:var(--b-spacer-070) var(--b-spacer-090)}.b-sidepanel[data-v-681d8947]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-modal);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-681d8947],.b-sidepanel[data-v-681d8947]:before,.b-sidepanel[data-v-681d8947]:after{box-sizing:border-box}.b-sidepanel[data-v-681d8947] *,.b-sidepanel[data-v-681d8947] *:before,.b-sidepanel[data-v-681d8947] *:after{box-sizing:border-box}.b-sidepanel[data-v-681d8947] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-681d8947] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-sidepanel[data-v-681d8947]{border-radius:var(--b-border-radius-l) 0 0 var(--b-border-radius-l);margin:0 0 0 auto;width:480px}}@media(min-width:768px){.b-sidepanel[data-v-681d8947]{max-width:680px;min-width:480px;width:33%}}.b-sidepanel__close-button[data-v-681d8947]{align-items:center;display:flex;height:64px;position:absolute;right:var(--b-spacer-090);z-index:var(--b-z-index-local-tier-1)}.b-sidepanel--animation[data-v-681d8947]{overflow:hidden}.b-sidepanel[data-v-681d8947]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-sidepanel[open][data-v-681d8947]{animation:enter-uicmuef-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-uicmuef-681d8947{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-681d8947]::backdrop{animation:fade-in-uicmuf9-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uicmuf9-681d8947{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-681d8947]{animation:exit-uicmufc-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-uicmufc-681d8947{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-681d8947]::backdrop{animation:fade-out-uicmugw-681d8947 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uicmugw-681d8947{0%{opacity:.5}to{opacity:0}}

package/dist/button.js

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

package/dist/card.js

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

package/dist/checkbox.js

@@ -1,5 +1,5 @@
-import { B as t, a } from "./chunks/checkbox.DreTXMg0.js";
-import { B as x, a as n } from "./chunks/checkbox-group.Bq6PsVI_.js";
+import { B as t, a } from "./chunks/checkbox.LTRqb-pE.js";
+import { B as x, a as n } from "./chunks/checkbox-group.BcDIXL27.js";
 import { C } from "./chunks/minus-small.CnYLTuSv.js";
 export {
   t as BentoCheckbox,

package/dist/chunks/{action-bar.jhGXgcQl.js → action-bar.CIVprT2U.js}

@@ -2,13 +2,13 @@ import { defineComponent as ne, computed as c, ref as f, toRefs as te, watch as
 import { B as S } from "./button.DWF7FSIw.js";
 import { B as F } from "./typography.B3J6_tYk.js";
 import { B as ce } from "./loading-indicator.BPol9I84.js";
-import { B as re } from "./button-actions-with-menu.DJzCF9ja.js";
+import { B as re } from "./button-actions-with-menu.cMAAF47d.js";
 import { C as le } from "./cross.CCHdi6v3.js";
 import { C as ue } from "./checkmark-circle-fill.DugX5fbG.js";
 import { C as de } from "./cross-circle-fill.BWCKKn0E.js";
 import { u as ve } from "./index.B875RXHM.js";
-import { u as me } from "./index.Cqv1XuTj.js";
-import { P as ge, B as he } from "./button-actions.uco5ptf5.js";
+import { a as me } from "./index.oOAkh64h.js";
+import { P as ge, B as he } from "./button-actions.CxTxPprd.js";
 import { _ as fe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/action-bar.css";
 const P = {
@@ -333,4 +333,4 @@ const P = {
 export {
   Ge as B
 };
-//# sourceMappingURL=action-bar.jhGXgcQl.js.map
+//# sourceMappingURL=action-bar.CIVprT2U.js.map

package/dist/chunks/{action-bar.jhGXgcQl.js.map → action-bar.CIVprT2U.js.map}

@@ -1 +1 @@
-{"version":3,"file":"action-bar.jhGXgcQl.js","sources":["../../../vue2/src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n    <Transition name=\"b-action-bar__animation\" appear>\n        <section\n            class=\"b-action-bar\"\n            :class=\"conditionalClasses\"\n            :aria-label=\"t('actionBar')\"\n            @animationend=\"onAnimationEnd\"\n        >\n            <Transition\n                :name=\"`b-action-bar__state-animation--${state}`\"\n                :mode=\"stateTransitionMode\"\n                @before-leave=\"onBeforeLeave\"\n                @enter=\"onEnter\"\n                @after-enter=\"onAfterEnter\"\n            >\n                <div\n                    ref=\"actionBar\"\n                    :key=\"state\"\n                    class=\"b-action-bar__container\"\n                    :class=\"containerClasses\"\n                    :style=\"{ width: containerWidth, maxWidth: containerMaxWidth }\"\n                >\n                    <div v-if=\"state === 'start'\" class=\"b-action-bar__container-inner\">\n                        <div v-if=\"!isConfirmationVariant\" class=\"b-action-bar__close-button\">\n                            <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n                                <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n                            </bento-button>\n                        </div>\n                        <bento-typography el=\"span\" stronger class=\"b-action-bar__selection\">\n                            <template v-if=\"isConfirmationVariant && noItemCounter\">\n                                {{ tc('unsavedChanges', 0) }}\n                            </template>\n                            <template v-else>\n                                {{ n(itemCounter) }}\n                                {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n                            </template>\n                        </bento-typography>\n                        <bento-button-actions\n                            v-if=\"isConfirmationVariant\"\n                            :actions=\"confirmationActions\"\n                            class=\"b-action-bar__actions\"\n                            inverse\n                        />\n                        <button-actions-with-menu\n                            v-else\n                            :actions=\"actionsInternal\"\n                            class=\"b-action-bar__actions\"\n                            :displayed-actions=\"internalDisplayedActions\"\n                            menu-position=\"top-end\"\n                            disable-responsive-behavior\n                            inverse\n                        />\n                    </div>\n                    <div v-else class=\"b-action-bar__container-inner\">\n                        <div class=\"b-action-bar__state-icon\">\n                            <bento-loading-indicator v-if=\"state === 'loading'\" small inverse />\n                            <checkmark-circle-fill v-if=\"state === 'success'\" :aria-hidden=\"true\" />\n                            <cross-circle-fill v-if=\"state === 'fail'\" :aria-hidden=\"true\" />\n                        </div>\n                        <bento-typography stronger>\n                            <slot name=\"stateLabel\">{{ defaultStateLabel }}</slot>\n                        </bento-typography>\n                        <div v-if=\"!hideStateActions\" class=\"b-action-bar__state-actions\">\n                            <bento-button\n                                v-if=\"state === 'success' && showUndoAction\"\n                                variant=\"tertiary\"\n                                inverse\n                                @click=\"emit('undo-action')\"\n                                >{{ t('undo') }}</bento-button\n                            >\n                            <bento-button\n                                v-if=\"state === 'fail' && showRetryAction\"\n                                variant=\"tertiary\"\n                                inverse\n                                @click=\"emit('retry-action')\"\n                                >{{ t('retry') }}</bento-button\n                            >\n                            <bento-button\n                                v-if=\"state === 'fail'\"\n                                variant=\"tertiary\"\n                                inverse\n                                @click=\"emit('cancel-action')\"\n                                >{{ t('cancel') }}</bento-button\n                            >\n                        </div>\n                    </div>\n                </div>\n            </Transition>\n        </section>\n    </Transition>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, nextTick, type PropType, provide, ref, toRefs, type TransitionProps, watch } from 'vue';\n    import { BentoButton, BentoButtonActions, type BentoButtonActionsList } from '@/components/button';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoLoadingIndicator } from '@/components/loading-indicator';\n\n    import { type BentoActionBarState, type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n    import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n    import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n    import CheckmarkCircleFill from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n    import CrossCircleFill from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n\n    import { useI18n } from '@/utils/ts/i18n';\n    import { useWindowSize } from '@vueuse/core';\n\n    import messages from './messages.json';\n    import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    // Constants\n    const AVERAGE_BUTTON_SIZE = 100;\n    const MENU_OFFSET = 7;\n    const RESPONSIVE_BREAKPOINT = 500;\n    const SPACING = 32;\n\n    const props = defineProps({\n        /**\n         * List of actions that will be used to render the buttons.\n         * Required and used for the `default` variant.\n         *\n         * Each object in the list should have a `title`, an `event` and,\n         * optionally, an `icon`.\n         *\n         * The component will display 4 actions and the hide the rest inside a menu.\n         *\n         * @see BentoButton for a list of all the other props supported by each button action.\n         */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            default: () => [],\n        },\n        /**\n         * How many actions should be visible outside the menu, cannot be more than 4\n         */\n        visibleActions: {\n            type: Number,\n            default: 4,\n            validator: (value: number) => value > 0 && value <= 4,\n        },\n        /**\n         * Use when there are sticky elements at the bottom, like sticky pagination\n         */\n        extraBottomSpacing: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Show how many items are selected.\n         * When omitted in the `confirmation` variant, a generic \"Unsaved changes\" label is displayed.\n         */\n        itemCounter: {\n            type: Number,\n            default: null,\n        },\n        /**\n         * Label for the selection, e.g. 'selected'/'changed'\n         */\n        selectionLabel: {\n            type: String,\n            default: null,\n        },\n        /**\n         * State of the action bar.\n         * @values start, loading, success, fail\n         */\n        state: {\n            type: String as PropType<BentoActionBarState>,\n            default: 'start',\n        },\n        /**\n         * Displays the undo action button in `success` state.\n         */\n        showUndoAction: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Displays the retry action button in `fail` state.\n         */\n        showRetryAction: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Variant for the action bar\n         * @values default, confirmation\n         */\n        variant: {\n            type: String as PropType<BentoActionBarVariant>,\n            default: 'default',\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Event emitted when the user click the close button\n         */\n        (e: 'close'): void;\n        /**\n         * Event emitted when the user clicks the cancel button in `confirmation` variant.\n         */\n        (e: 'cancel'): void;\n        /**\n         * Event emitted when the user clicks the save button in `confirmation` variant.\n         */\n        (e: 'save'): void;\n        /**\n         * Event emitted when the user clicks the undo button in `success` state.\n         */\n        (e: 'undo-action'): void;\n        /**\n         * Event emitted when the user clicks the retry button in `fail` state.\n         */\n        (e: 'retry-action'): void;\n        /**\n         * Event emitted when the user clicks the cancel button in `fail` state.\n         */\n        (e: 'cancel-action'): void;\n    }>();\n\n    const { t, tc, n } = useI18n<{ message: MessageSchema }>({ messages });\n    const label = computed(() => (props.selectionLabel ? props.selectionLabel : t('selected')));\n\n    const defaultStateLabel = computed(() => {\n        switch (props.state) {\n            case 'loading':\n                return t('applying');\n            case 'success':\n                return t('success');\n            case 'fail':\n                return t('somethingWentWrong');\n            default:\n                return '';\n        }\n    });\n\n    // Refs\n    const actionBar = ref<HTMLDivElement>(null);\n    const containerMaxWidth = ref<string | null>(null);\n    const containerWidth = ref<string | null>(null);\n    const isShaking = ref(false);\n\n    const stateTransitionMode = computed(\n        () => (props.state === 'loading' ? 'out-in' : undefined) as TransitionProps['mode']\n    );\n\n    const hideStateActions = computed(\n        () => props.state === 'loading' || (props.state === 'success' && !props.showUndoAction)\n    );\n\n    const onBeforeLeave = (el: HTMLElement) => {\n        if (props.state !== 'loading') {\n            return;\n        }\n\n        containerMaxWidth.value = `${el.offsetWidth}px`;\n        containerWidth.value = '100%';\n    };\n\n    const onEnter = (el: HTMLElement) => {\n        if (props.state !== 'loading') {\n            return;\n        }\n\n        // Reset styles to get natural width\n        Object.assign(el.style, { width: 'auto', maxWidth: 'none' });\n        const newWidth = el.offsetWidth;\n\n        // Reset it back to the original values\n        Object.assign(el.style, { width: '100%', maxWidth: containerMaxWidth.value });\n\n        requestAnimationFrame(() => {\n            containerMaxWidth.value = `${newWidth}px`;\n        });\n    };\n\n    const onAfterEnter = () => {\n        containerMaxWidth.value = null;\n        containerWidth.value = null;\n\n        if (props.state === 'fail') {\n            isShaking.value = true;\n        }\n    };\n\n    const onAnimationEnd = (event: AnimationEvent) => {\n        if (event.animationName.startsWith('shake-')) {\n            isShaking.value = false;\n        }\n    };\n\n    const { extraBottomSpacing, visibleActions } = toRefs(props);\n    const { width } = useWindowSize();\n    const internalDisplayedActions = ref(null);\n    const internalVisibleActions = ref(null);\n\n    const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n\n    watch(\n        () => visibleActions.value,\n        value => {\n            internalVisibleActions.value = value <= 4 ? value : 4;\n            internalDisplayedActions.value = internalVisibleActions.value;\n        },\n        { immediate: true }\n    );\n\n    // Styling\n    const conditionalClasses = computed(() => ({\n        'b-action-bar--extra-spacing': extraBottomSpacing.value,\n        'b-action-bar--confirmation': isConfirmationVariant.value,\n        'b-action-bar__state-animation--shake': isShaking.value,\n    }));\n\n    const containerClasses = computed(() => ({\n        [`b-action-bar__container--${props.state}`]: props.state !== 'start',\n    }));\n\n    // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n    provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n    // Manipulate actions array to display as intended\n    const actionsInternal = computed(() => {\n        // All buttons should be of type secondary in the action bar\n        const actions = props.actions.map(action => ({\n            ...action,\n            variant: 'secondary',\n        })) as BentoButtonActionsList;\n        // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n        const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n        const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n        return [...shownActions, ...hiddenActions];\n    });\n\n    const confirmationActions = computed<BentoButtonActionsList>(() => [\n        {\n            title: t('save'),\n            event: () => emit('save'),\n        },\n        {\n            title: t('cancel'),\n            variant: 'secondary',\n            event: () => emit('cancel'),\n        },\n    ]);\n\n    const noItemCounter = computed(() => {\n        return props.itemCounter == null || props.itemCounter < 1;\n    });\n\n    // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n    const showActions = async () => {\n        await nextTick();\n        if (\n            width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n            internalDisplayedActions.value < internalVisibleActions.value\n        ) {\n            internalDisplayedActions.value += 1;\n            showActions();\n        }\n    };\n\n    const hideActions = async () => {\n        await nextTick();\n        if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n            internalDisplayedActions.value -= 1;\n            hideActions();\n        }\n    };\n\n    // Screen width watcher to toggle hidden/visible actions\n    watch(\n        () => width.value,\n        async (newValue, oldValue) => {\n            await nextTick();\n            if (!actionBar.value) {\n                return;\n            }\n            const isIncreasing = newValue > oldValue;\n            if (width.value < RESPONSIVE_BREAKPOINT) {\n                internalDisplayedActions.value = 0;\n            } else if (isIncreasing) {\n                showActions();\n            } else {\n                hideActions();\n            }\n        },\n        { immediate: true }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n     *\n     * @example\n     * import { BentoActionBar } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoActionBar },\n     *     template: `\n     *          <bento-action-bar\n     *               :actions='[\n     *                   {\n     *                       title: 'Delete',\n     *                       critical: true,\n     *                       icon: BinIcon,\n     *                       event: () => true,\n     *                   },\n     *                   {\n     *                       title: 'Edit',\n     *                       icon: EditIcon,\n     *                       event: () => true,\n     *                   }\n     *               ]'\n     *               @close=\"closeAction\"\n     *               :item-counter=\"5\"\n     *           />\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","props","__props","emit","__emit","t","tc","n","useI18n","label","computed","defaultStateLabel","actionBar","ref","containerMaxWidth","containerWidth","isShaking","stateTransitionMode","hideStateActions","onBeforeLeave","el","onEnter","newWidth","onAfterEnter","onAnimationEnd","event","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","containerClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","noItemCounter","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyaIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AArTA,UAAAC,IAAAC,GA8EAC,IAAAC,GA2BA,EAAA,GAAAC,GAAA,IAAAC,GAAA,GAAAC,EAAA,IAAAC,GAAA,EAAA,UAAAR,EAAA,CAAA,GACAS,IAAAC,EAAA,MAAAT,EAAA,iBAAAA,EAAA,iBAAAI,EAAA,UAAA,CAAA,GAEAM,IAAAD,EAAA,MAAA;AACI,cAAAT,EAAA,OAAA;AAAA,QAAqB,KAAA;AAEb,iBAAAI,EAAA,UAAA;AAAA,QAAmB,KAAA;AAEnB,iBAAAA,EAAA,SAAA;AAAA,QAAkB,KAAA;AAElB,iBAAAA,EAAA,oBAAA;AAAA,QAA6B;AAE7B,iBAAA;AAAA,MAAO;AAAA,IACf,CAAA,GAIJO,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GACAG,IAAAH,EAAA,EAAA,GAEAI,IAAAP;AAAA,MAA4B,MAAAT,EAAA,UAAA,YAAA,WAAA;AAAA,IACsB,GAGlDiB,IAAAR;AAAA,MAAyB,MAAAT,EAAA,UAAA,aAAAA,EAAA,UAAA,aAAA,CAAAA,EAAA;AAAA,IACmD,GAG5EkB,IAAA,CAAAC,MAAA;AACI,MAAAnB,EAAA,UAAA,cAIAa,EAAA,QAAA,GAAAM,EAAA,WAAA,MACAL,EAAA,QAAA;AAAA,IAAuB,GAG3BM,IAAA,CAAAD,MAAA;AACI,UAAAnB,EAAA,UAAA;AACI;AAIJ,aAAA,OAAAmB,EAAA,OAAA,EAAA,OAAA,QAAA,UAAA,OAAA,CAAA;AACA,YAAAE,IAAAF,EAAA;AAGA,aAAA,OAAAA,EAAA,OAAA,EAAA,OAAA,QAAA,UAAAN,EAAA,MAAA,CAAA,GAEA,sBAAA,MAAA;AACI,QAAAA,EAAA,QAAA,GAAAQ,CAAA;AAAA,MAAqC,CAAA;AAAA,IACxC,GAGLC,IAAA,MAAA;AACI,MAAAT,EAAA,QAAA,MACAC,EAAA,QAAA,MAEAd,EAAA,UAAA,WACIe,EAAA,QAAA;AAAA,IACJ,GAGJQ,IAAA,CAAAC,MAAA;AACI,MAAAA,EAAA,cAAA,WAAA,QAAA,MACIT,EAAA,QAAA;AAAA,IACJ,GAGJ,EAAA,oBAAAU,GAAA,gBAAAC,EAAA,IAAAC,GAAA3B,CAAA,GACA,EAAA,OAAA4B,EAAA,IAAAC,GAAA,GACAC,IAAAlB,EAAA,IAAA,GACAmB,IAAAnB,EAAA,IAAA,GAEAoB,IAAAvB,EAAA,MAAAT,EAAA,YAAA,cAAA;AAEA,IAAAiC;AAAA,MAAA,MAAAP,EAAA;AAAA,MACyB,CAAAQ,MAAA;AAEjB,QAAAH,EAAA,QAAAG,KAAA,IAAAA,IAAA,GACAJ,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAI,IAAA1B,EAAA,OAAA;AAAA,MAA2C,+BAAAgB,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,MACE,wCAAAjB,EAAA;AAAA,IACF,EAAA,GAGtDqB,IAAA3B,EAAA,OAAA;AAAA,MAAyC,CAAA,4BAAAT,EAAA,KAAA,EAAA,GAAAA,EAAA,UAAA;AAAA,IACwB,EAAA;AAIjE,IAAAqC,GAAAC,IAAA,CAAA;AAGA,UAAAC,IAAA9B,EAAA,MAAA;AAEI,YAAA+B,IAAAxC,EAAA,QAAA,IAAA,CAAAyC,QAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAV,EAAA,KAAA,EAAA,QAAA,GACAa,IAAAH,EAAA,MAAAV,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAY,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,IAAAnC,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAL,EAAA,MAAA;AAAA,QACmB,OAAA,MAAAF,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAAE,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAAF,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAGJ2C,KAAApC,EAAA,MACIT,EAAA,eAAA,QAAAA,EAAA,cAAA,CAAwD,GAI5D8C,IAAA,YAAA;AACI,YAAAC,EAAA,GACAnB,EAAA,QAAAjB,EAAA,MAAA,cAAA,KAAA,OAAAmB,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAgB,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAnB,EAAA,QAAAjB,EAAA,MAAA,cAAA,MAAAmB,EAAA,QAAA,MACIA,EAAA,SAAA,GACAkB,EAAA;AAAA,IACJ;AAIJ,WAAAf;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAqB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAApC,EAAA;AACI;AAEJ,cAAAwC,IAAAF,IAAAC;AACA,QAAAtB,EAAA,QAAA,MACIE,EAAA,QAAA,IAAiCqB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"action-bar.CIVprT2U.js","sources":["../../../vue2/src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n    <Transition name=\"b-action-bar__animation\" appear>\n        <section\n            class=\"b-action-bar\"\n            :class=\"conditionalClasses\"\n            :aria-label=\"t('actionBar')\"\n            @animationend=\"onAnimationEnd\"\n        >\n            <Transition\n                :name=\"`b-action-bar__state-animation--${state}`\"\n                :mode=\"stateTransitionMode\"\n                @before-leave=\"onBeforeLeave\"\n                @enter=\"onEnter\"\n                @after-enter=\"onAfterEnter\"\n            >\n                <div\n                    ref=\"actionBar\"\n                    :key=\"state\"\n                    class=\"b-action-bar__container\"\n                    :class=\"containerClasses\"\n                    :style=\"{ width: containerWidth, maxWidth: containerMaxWidth }\"\n                >\n                    <div v-if=\"state === 'start'\" class=\"b-action-bar__container-inner\">\n                        <div v-if=\"!isConfirmationVariant\" class=\"b-action-bar__close-button\">\n                            <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n                                <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n                            </bento-button>\n                        </div>\n                        <bento-typography el=\"span\" stronger class=\"b-action-bar__selection\">\n                            <template v-if=\"isConfirmationVariant && noItemCounter\">\n                                {{ tc('unsavedChanges', 0) }}\n                            </template>\n                            <template v-else>\n                                {{ n(itemCounter) }}\n                                {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n                            </template>\n                        </bento-typography>\n                        <bento-button-actions\n                            v-if=\"isConfirmationVariant\"\n                            :actions=\"confirmationActions\"\n                            class=\"b-action-bar__actions\"\n                            inverse\n                        />\n                        <button-actions-with-menu\n                            v-else\n                            :actions=\"actionsInternal\"\n                            class=\"b-action-bar__actions\"\n                            :displayed-actions=\"internalDisplayedActions\"\n                            menu-position=\"top-end\"\n                            disable-responsive-behavior\n                            inverse\n                        />\n                    </div>\n                    <div v-else class=\"b-action-bar__container-inner\">\n                        <div class=\"b-action-bar__state-icon\">\n                            <bento-loading-indicator v-if=\"state === 'loading'\" small inverse />\n                            <checkmark-circle-fill v-if=\"state === 'success'\" :aria-hidden=\"true\" />\n                            <cross-circle-fill v-if=\"state === 'fail'\" :aria-hidden=\"true\" />\n                        </div>\n                        <bento-typography stronger>\n                            <slot name=\"stateLabel\">{{ defaultStateLabel }}</slot>\n                        </bento-typography>\n                        <div v-if=\"!hideStateActions\" class=\"b-action-bar__state-actions\">\n                            <bento-button\n                                v-if=\"state === 'success' && showUndoAction\"\n                                variant=\"tertiary\"\n                                inverse\n                                @click=\"emit('undo-action')\"\n                                >{{ t('undo') }}</bento-button\n                            >\n                            <bento-button\n                                v-if=\"state === 'fail' && showRetryAction\"\n                                variant=\"tertiary\"\n                                inverse\n                                @click=\"emit('retry-action')\"\n                                >{{ t('retry') }}</bento-button\n                            >\n                            <bento-button\n                                v-if=\"state === 'fail'\"\n                                variant=\"tertiary\"\n                                inverse\n                                @click=\"emit('cancel-action')\"\n                                >{{ t('cancel') }}</bento-button\n                            >\n                        </div>\n                    </div>\n                </div>\n            </Transition>\n        </section>\n    </Transition>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, nextTick, type PropType, provide, ref, toRefs, type TransitionProps, watch } from 'vue';\n    import { BentoButton, BentoButtonActions, type BentoButtonActionsList } from '@/components/button';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoLoadingIndicator } from '@/components/loading-indicator';\n\n    import { type BentoActionBarState, type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n    import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n    import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n    import CheckmarkCircleFill from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n    import CrossCircleFill from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n\n    import { useI18n } from '@/utils/ts/i18n';\n    import { useWindowSize } from '@vueuse/core';\n\n    import messages from './messages.json';\n    import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    // Constants\n    const AVERAGE_BUTTON_SIZE = 100;\n    const MENU_OFFSET = 7;\n    const RESPONSIVE_BREAKPOINT = 500;\n    const SPACING = 32;\n\n    const props = defineProps({\n        /**\n         * List of actions that will be used to render the buttons.\n         * Required and used for the `default` variant.\n         *\n         * Each object in the list should have a `title`, an `event` and,\n         * optionally, an `icon`.\n         *\n         * The component will display 4 actions and the hide the rest inside a menu.\n         *\n         * @see BentoButton for a list of all the other props supported by each button action.\n         */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            default: () => [],\n        },\n        /**\n         * How many actions should be visible outside the menu, cannot be more than 4\n         */\n        visibleActions: {\n            type: Number,\n            default: 4,\n            validator: (value: number) => value > 0 && value <= 4,\n        },\n        /**\n         * Use when there are sticky elements at the bottom, like sticky pagination\n         */\n        extraBottomSpacing: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Show how many items are selected.\n         * When omitted in the `confirmation` variant, a generic \"Unsaved changes\" label is displayed.\n         */\n        itemCounter: {\n            type: Number,\n            default: null,\n        },\n        /**\n         * Label for the selection, e.g. 'selected'/'changed'\n         */\n        selectionLabel: {\n            type: String,\n            default: null,\n        },\n        /**\n         * State of the action bar.\n         * @values start, loading, success, fail\n         */\n        state: {\n            type: String as PropType<BentoActionBarState>,\n            default: 'start',\n        },\n        /**\n         * Displays the undo action button in `success` state.\n         */\n        showUndoAction: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Displays the retry action button in `fail` state.\n         */\n        showRetryAction: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Variant for the action bar\n         * @values default, confirmation\n         */\n        variant: {\n            type: String as PropType<BentoActionBarVariant>,\n            default: 'default',\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Event emitted when the user click the close button\n         */\n        (e: 'close'): void;\n        /**\n         * Event emitted when the user clicks the cancel button in `confirmation` variant.\n         */\n        (e: 'cancel'): void;\n        /**\n         * Event emitted when the user clicks the save button in `confirmation` variant.\n         */\n        (e: 'save'): void;\n        /**\n         * Event emitted when the user clicks the undo button in `success` state.\n         */\n        (e: 'undo-action'): void;\n        /**\n         * Event emitted when the user clicks the retry button in `fail` state.\n         */\n        (e: 'retry-action'): void;\n        /**\n         * Event emitted when the user clicks the cancel button in `fail` state.\n         */\n        (e: 'cancel-action'): void;\n    }>();\n\n    const { t, tc, n } = useI18n<{ message: MessageSchema }>({ messages });\n    const label = computed(() => (props.selectionLabel ? props.selectionLabel : t('selected')));\n\n    const defaultStateLabel = computed(() => {\n        switch (props.state) {\n            case 'loading':\n                return t('applying');\n            case 'success':\n                return t('success');\n            case 'fail':\n                return t('somethingWentWrong');\n            default:\n                return '';\n        }\n    });\n\n    // Refs\n    const actionBar = ref<HTMLDivElement>(null);\n    const containerMaxWidth = ref<string | null>(null);\n    const containerWidth = ref<string | null>(null);\n    const isShaking = ref(false);\n\n    const stateTransitionMode = computed(\n        () => (props.state === 'loading' ? 'out-in' : undefined) as TransitionProps['mode']\n    );\n\n    const hideStateActions = computed(\n        () => props.state === 'loading' || (props.state === 'success' && !props.showUndoAction)\n    );\n\n    const onBeforeLeave = (el: HTMLElement) => {\n        if (props.state !== 'loading') {\n            return;\n        }\n\n        containerMaxWidth.value = `${el.offsetWidth}px`;\n        containerWidth.value = '100%';\n    };\n\n    const onEnter = (el: HTMLElement) => {\n        if (props.state !== 'loading') {\n            return;\n        }\n\n        // Reset styles to get natural width\n        Object.assign(el.style, { width: 'auto', maxWidth: 'none' });\n        const newWidth = el.offsetWidth;\n\n        // Reset it back to the original values\n        Object.assign(el.style, { width: '100%', maxWidth: containerMaxWidth.value });\n\n        requestAnimationFrame(() => {\n            containerMaxWidth.value = `${newWidth}px`;\n        });\n    };\n\n    const onAfterEnter = () => {\n        containerMaxWidth.value = null;\n        containerWidth.value = null;\n\n        if (props.state === 'fail') {\n            isShaking.value = true;\n        }\n    };\n\n    const onAnimationEnd = (event: AnimationEvent) => {\n        if (event.animationName.startsWith('shake-')) {\n            isShaking.value = false;\n        }\n    };\n\n    const { extraBottomSpacing, visibleActions } = toRefs(props);\n    const { width } = useWindowSize();\n    const internalDisplayedActions = ref(null);\n    const internalVisibleActions = ref(null);\n\n    const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n\n    watch(\n        () => visibleActions.value,\n        value => {\n            internalVisibleActions.value = value <= 4 ? value : 4;\n            internalDisplayedActions.value = internalVisibleActions.value;\n        },\n        { immediate: true }\n    );\n\n    // Styling\n    const conditionalClasses = computed(() => ({\n        'b-action-bar--extra-spacing': extraBottomSpacing.value,\n        'b-action-bar--confirmation': isConfirmationVariant.value,\n        'b-action-bar__state-animation--shake': isShaking.value,\n    }));\n\n    const containerClasses = computed(() => ({\n        [`b-action-bar__container--${props.state}`]: props.state !== 'start',\n    }));\n\n    // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n    provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n    // Manipulate actions array to display as intended\n    const actionsInternal = computed(() => {\n        // All buttons should be of type secondary in the action bar\n        const actions = props.actions.map(action => ({\n            ...action,\n            variant: 'secondary',\n        })) as BentoButtonActionsList;\n        // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n        const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n        const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n        return [...shownActions, ...hiddenActions];\n    });\n\n    const confirmationActions = computed<BentoButtonActionsList>(() => [\n        {\n            title: t('save'),\n            event: () => emit('save'),\n        },\n        {\n            title: t('cancel'),\n            variant: 'secondary',\n            event: () => emit('cancel'),\n        },\n    ]);\n\n    const noItemCounter = computed(() => {\n        return props.itemCounter == null || props.itemCounter < 1;\n    });\n\n    // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n    const showActions = async () => {\n        await nextTick();\n        if (\n            width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n            internalDisplayedActions.value < internalVisibleActions.value\n        ) {\n            internalDisplayedActions.value += 1;\n            showActions();\n        }\n    };\n\n    const hideActions = async () => {\n        await nextTick();\n        if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n            internalDisplayedActions.value -= 1;\n            hideActions();\n        }\n    };\n\n    // Screen width watcher to toggle hidden/visible actions\n    watch(\n        () => width.value,\n        async (newValue, oldValue) => {\n            await nextTick();\n            if (!actionBar.value) {\n                return;\n            }\n            const isIncreasing = newValue > oldValue;\n            if (width.value < RESPONSIVE_BREAKPOINT) {\n                internalDisplayedActions.value = 0;\n            } else if (isIncreasing) {\n                showActions();\n            } else {\n                hideActions();\n            }\n        },\n        { immediate: true }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n     *\n     * @example\n     * import { BentoActionBar } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoActionBar },\n     *     template: `\n     *          <bento-action-bar\n     *               :actions='[\n     *                   {\n     *                       title: 'Delete',\n     *                       critical: true,\n     *                       icon: BinIcon,\n     *                       event: () => true,\n     *                   },\n     *                   {\n     *                       title: 'Edit',\n     *                       icon: EditIcon,\n     *                       event: () => true,\n     *                   }\n     *               ]'\n     *               @close=\"closeAction\"\n     *               :item-counter=\"5\"\n     *           />\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","props","__props","emit","__emit","t","tc","n","useI18n","label","computed","defaultStateLabel","actionBar","ref","containerMaxWidth","containerWidth","isShaking","stateTransitionMode","hideStateActions","onBeforeLeave","el","onEnter","newWidth","onAfterEnter","onAnimationEnd","event","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","containerClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","noItemCounter","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyaIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AArTA,UAAAC,IAAAC,GA8EAC,IAAAC,GA2BA,EAAA,GAAAC,GAAA,IAAAC,GAAA,GAAAC,EAAA,IAAAC,GAAA,EAAA,UAAAR,EAAA,CAAA,GACAS,IAAAC,EAAA,MAAAT,EAAA,iBAAAA,EAAA,iBAAAI,EAAA,UAAA,CAAA,GAEAM,IAAAD,EAAA,MAAA;AACI,cAAAT,EAAA,OAAA;AAAA,QAAqB,KAAA;AAEb,iBAAAI,EAAA,UAAA;AAAA,QAAmB,KAAA;AAEnB,iBAAAA,EAAA,SAAA;AAAA,QAAkB,KAAA;AAElB,iBAAAA,EAAA,oBAAA;AAAA,QAA6B;AAE7B,iBAAA;AAAA,MAAO;AAAA,IACf,CAAA,GAIJO,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GACAG,IAAAH,EAAA,EAAA,GAEAI,IAAAP;AAAA,MAA4B,MAAAT,EAAA,UAAA,YAAA,WAAA;AAAA,IACsB,GAGlDiB,IAAAR;AAAA,MAAyB,MAAAT,EAAA,UAAA,aAAAA,EAAA,UAAA,aAAA,CAAAA,EAAA;AAAA,IACmD,GAG5EkB,IAAA,CAAAC,MAAA;AACI,MAAAnB,EAAA,UAAA,cAIAa,EAAA,QAAA,GAAAM,EAAA,WAAA,MACAL,EAAA,QAAA;AAAA,IAAuB,GAG3BM,IAAA,CAAAD,MAAA;AACI,UAAAnB,EAAA,UAAA;AACI;AAIJ,aAAA,OAAAmB,EAAA,OAAA,EAAA,OAAA,QAAA,UAAA,OAAA,CAAA;AACA,YAAAE,IAAAF,EAAA;AAGA,aAAA,OAAAA,EAAA,OAAA,EAAA,OAAA,QAAA,UAAAN,EAAA,MAAA,CAAA,GAEA,sBAAA,MAAA;AACI,QAAAA,EAAA,QAAA,GAAAQ,CAAA;AAAA,MAAqC,CAAA;AAAA,IACxC,GAGLC,IAAA,MAAA;AACI,MAAAT,EAAA,QAAA,MACAC,EAAA,QAAA,MAEAd,EAAA,UAAA,WACIe,EAAA,QAAA;AAAA,IACJ,GAGJQ,IAAA,CAAAC,MAAA;AACI,MAAAA,EAAA,cAAA,WAAA,QAAA,MACIT,EAAA,QAAA;AAAA,IACJ,GAGJ,EAAA,oBAAAU,GAAA,gBAAAC,EAAA,IAAAC,GAAA3B,CAAA,GACA,EAAA,OAAA4B,EAAA,IAAAC,GAAA,GACAC,IAAAlB,EAAA,IAAA,GACAmB,IAAAnB,EAAA,IAAA,GAEAoB,IAAAvB,EAAA,MAAAT,EAAA,YAAA,cAAA;AAEA,IAAAiC;AAAA,MAAA,MAAAP,EAAA;AAAA,MACyB,CAAAQ,MAAA;AAEjB,QAAAH,EAAA,QAAAG,KAAA,IAAAA,IAAA,GACAJ,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAI,IAAA1B,EAAA,OAAA;AAAA,MAA2C,+BAAAgB,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,MACE,wCAAAjB,EAAA;AAAA,IACF,EAAA,GAGtDqB,IAAA3B,EAAA,OAAA;AAAA,MAAyC,CAAA,4BAAAT,EAAA,KAAA,EAAA,GAAAA,EAAA,UAAA;AAAA,IACwB,EAAA;AAIjE,IAAAqC,GAAAC,IAAA,CAAA;AAGA,UAAAC,IAAA9B,EAAA,MAAA;AAEI,YAAA+B,IAAAxC,EAAA,QAAA,IAAA,CAAAyC,QAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAV,EAAA,KAAA,EAAA,QAAA,GACAa,IAAAH,EAAA,MAAAV,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAY,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,IAAAnC,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAL,EAAA,MAAA;AAAA,QACmB,OAAA,MAAAF,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAAE,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAAF,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAGJ2C,KAAApC,EAAA,MACIT,EAAA,eAAA,QAAAA,EAAA,cAAA,CAAwD,GAI5D8C,IAAA,YAAA;AACI,YAAAC,EAAA,GACAnB,EAAA,QAAAjB,EAAA,MAAA,cAAA,KAAA,OAAAmB,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAgB,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAnB,EAAA,QAAAjB,EAAA,MAAA,cAAA,MAAAmB,EAAA,QAAA,MACIA,EAAA,SAAA,GACAkB,EAAA;AAAA,IACJ;AAIJ,WAAAf;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAqB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAApC,EAAA;AACI;AAEJ,cAAAwC,IAAAF,IAAAC;AACA,QAAAtB,EAAA,QAAA,MACIE,EAAA,QAAA,IAAiCqB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{ai-tag.DIdhvkaT.js → ai-tag.DkTlRY__.js}

@@ -1,5 +1,5 @@
 import { defineComponent as k, ref as c, watch as b, computed as T, openBlock as p, createElementBlock as V, withKeys as w, createVNode as o, unref as e, withCtx as t, createTextVNode as r, toDisplayString as s, createBlock as v, createElementVNode as C, createCommentVNode as I } from "vue";
-import { u as N, c as D, h as K } from "./button-actions.uco5ptf5.js";
+import { u as N, c as D, h as K } from "./button-actions.CxTxPprd.js";
 import { B as g } from "./typography.B3J6_tYk.js";
 import { u as R } from "./index.B875RXHM.js";
 import { g as L } from "./generate-uid.DBWe4g6T.js";
@@ -134,4 +134,4 @@ const x = {
 export {
   H as a
 };
-//# sourceMappingURL=ai-tag.DIdhvkaT.js.map
+//# sourceMappingURL=ai-tag.DkTlRY__.js.map

package/dist/chunks/{ai-tag.DIdhvkaT.js.map → ai-tag.DkTlRY__.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ai-tag.DIdhvkaT.js","sources":["../../../vue2/src/components/ai-tag/ai-tag.vue"],"sourcesContent":["<template>\n    <div ref=\"aiTagRef\" class=\"b-ai-tag\" @keydown.esc=\"closePopover\">\n        <bento-toggle-button\n            ref=\"targetElement\"\n            :toggled=\"toggled\"\n            :aria-controls=\"popoverId\"\n            variant=\"secondary\"\n            condensed\n            class=\"b-ai-tag__trigger\"\n            @update:toggled=\"onToggle\"\n        >\n            <template #iconLeft>\n                <artificial-intelligence-ai-icon class=\"b-ai-tag__trigger-icon\" :aria-hidden=\"true\" />\n            </template>\n            {{ t('ai') }}\n        </bento-toggle-button>\n\n        <bento-popover\n            v-if=\"targetElement\"\n            :id=\"popoverId\"\n            :open=\"toggled\"\n            :target-element=\"targetElement\"\n            :actions=\"popoverActions\"\n            actions-layout=\"fill-container\"\n            :title=\"t('aiExplained')\"\n            trap-all\n            :trap-all-options=\"{ onDeactivate: closePopover, allowOutsideClick: true }\"\n            fixed-positioning\n            overflow-visible\n            @dismiss=\"closePopover\"\n        >\n            <template #headerIcon>\n                <artificial-intelligence-ai-icon class=\"b-ai-tag__popover-header-icon\" :aria-hidden=\"true\" />\n            </template>\n            <div class=\"b-ai-tag__popover-content\">\n                <bento-typography v-if=\"influencedValue\" variant=\"title\" medium class=\"b-ai-tag__influenced-value\">\n                    {{ influencedValue }}\n                </bento-typography>\n\n                <bento-typography variant=\"title\">\n                    {{ title }}\n                </bento-typography>\n\n                <bento-typography>\n                    {{ description }}\n                </bento-typography>\n            </div>\n        </bento-popover>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue';\n    import { BentoPopover } from '@/components/popover';\n    import { BentoToggleButton } from '@/components/button';\n    import { BentoTypography } from '@/components/typography';\n    import { useClickOutside } from '@/composables';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { generateUid } from '@/core/utils/ts';\n    import type { BentoButtonActionsList } from '@/components/button/components/button-actions/button-actions.types';\n    import ArtificialIntelligenceAiIcon from '@adyen/ui-assets-icons-16/vue/artificial-intelligence-ai-filled';\n    import type { BentoAiTagProps } from './ai-tag.types';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = withDefaults(defineProps<BentoAiTagProps>(), {\n        influencedValue: undefined,\n        toggled: false,\n        action: undefined,\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const toggled = ref(props.toggled);\n    const aiTagRef = ref<HTMLElement | null>(null);\n    const targetElement = ref<InstanceType<typeof BentoToggleButton> | null>(null);\n    const popoverId = generateUid('b-ai-tag-popover');\n\n    watch(\n        () => props.toggled,\n        value => {\n            toggled.value = value;\n        }\n    );\n\n    useClickOutside(aiTagRef, () => {\n        closePopover();\n    });\n\n    const popoverActions = computed<BentoButtonActionsList>(() =>\n        props.action\n            ? [\n                  {\n                      ...props.action,\n                      variant: 'secondary',\n                  },\n              ]\n            : undefined\n    );\n\n    const emit = defineEmits<{\n        /**\n         * Triggered when the popover is toggled\n         */\n        (e: 'update:toggled', toggled: boolean): void;\n    }>();\n\n    const onToggle = (value: boolean) => {\n        toggled.value = value;\n        emit('update:toggled', value);\n    };\n\n    const closePopover = () => {\n        if (toggled.value) {\n            onToggle(false);\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * The AI tag is a component used to transparently identify content, data, or experiences that have been generated or\n     * enhanced by artificial intelligence.\n     *\n     * @example\n     * import { BentoAiTag } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAiTag },\n     *     template: `\n     *          <bento-ai-tag\n     *              title=\"Input fields auto-filled by AI\"\n     *              description=\"Based on your documents uploaded, AI has auto-filled some information for you.\"\n     *          />\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./ai-tag.scss\" />\n"],"names":["__default__","messages","props","__props","t","useI18n","toggled","ref","aiTagRef","targetElement","popoverId","generateUid","watch","value","useClickOutside","closePopover","popoverActions","computed","emit","__emit","onToggle"],"mappings":";;;;;;;;;;;;;;;;;;;+CA0IIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;AA1EA,UAAAC,IAAAC,GAMA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAJ,EAAA,CAAA,GAEAK,IAAAC,EAAAL,EAAA,OAAA,GACAM,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GACAG,IAAAC,EAAA,kBAAA;AAEA,IAAAC;AAAA,MAAA,MAAAV,EAAA;AAAA,MACgB,CAAAW,MAAA;AAER,QAAAP,EAAA,QAAAO;AAAA,MAAgB;AAAA,IACpB,GAGJC,EAAAN,GAAA,MAAA;AACI,MAAAO,EAAA;AAAA,IAAa,CAAA;AAGjB,UAAAC,IAAAC;AAAA,MAAuB,MAAAf,EAAA,SAAA;AAAA,QAEb;AAAA,UACI,GAAAA,EAAA;AAAA,UACa,SAAA;AAAA,QACA;AAAA,MACb,IAAA;AAAA,IAEJ,GAGVgB,IAAAC,GAOAC,IAAA,CAAAP,MAAA;AACI,MAAAP,EAAA,QAAAO,GACAK,EAAA,kBAAAL,CAAA;AAAA,IAA4B,GAGhCE,IAAA,MAAA;AACI,MAAAT,EAAA,SACIc,EAAA,EAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ai-tag.DkTlRY__.js","sources":["../../../vue2/src/components/ai-tag/ai-tag.vue"],"sourcesContent":["<template>\n    <div ref=\"aiTagRef\" class=\"b-ai-tag\" @keydown.esc=\"closePopover\">\n        <bento-toggle-button\n            ref=\"targetElement\"\n            :toggled=\"toggled\"\n            :aria-controls=\"popoverId\"\n            variant=\"secondary\"\n            condensed\n            class=\"b-ai-tag__trigger\"\n            @update:toggled=\"onToggle\"\n        >\n            <template #iconLeft>\n                <artificial-intelligence-ai-icon class=\"b-ai-tag__trigger-icon\" :aria-hidden=\"true\" />\n            </template>\n            {{ t('ai') }}\n        </bento-toggle-button>\n\n        <bento-popover\n            v-if=\"targetElement\"\n            :id=\"popoverId\"\n            :open=\"toggled\"\n            :target-element=\"targetElement\"\n            :actions=\"popoverActions\"\n            actions-layout=\"fill-container\"\n            :title=\"t('aiExplained')\"\n            trap-all\n            :trap-all-options=\"{ onDeactivate: closePopover, allowOutsideClick: true }\"\n            fixed-positioning\n            overflow-visible\n            @dismiss=\"closePopover\"\n        >\n            <template #headerIcon>\n                <artificial-intelligence-ai-icon class=\"b-ai-tag__popover-header-icon\" :aria-hidden=\"true\" />\n            </template>\n            <div class=\"b-ai-tag__popover-content\">\n                <bento-typography v-if=\"influencedValue\" variant=\"title\" medium class=\"b-ai-tag__influenced-value\">\n                    {{ influencedValue }}\n                </bento-typography>\n\n                <bento-typography variant=\"title\">\n                    {{ title }}\n                </bento-typography>\n\n                <bento-typography>\n                    {{ description }}\n                </bento-typography>\n            </div>\n        </bento-popover>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue';\n    import { BentoPopover } from '@/components/popover';\n    import { BentoToggleButton } from '@/components/button';\n    import { BentoTypography } from '@/components/typography';\n    import { useClickOutside } from '@/composables';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { generateUid } from '@/core/utils/ts';\n    import type { BentoButtonActionsList } from '@/components/button/components/button-actions/button-actions.types';\n    import ArtificialIntelligenceAiIcon from '@adyen/ui-assets-icons-16/vue/artificial-intelligence-ai-filled';\n    import type { BentoAiTagProps } from './ai-tag.types';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = withDefaults(defineProps<BentoAiTagProps>(), {\n        influencedValue: undefined,\n        toggled: false,\n        action: undefined,\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const toggled = ref(props.toggled);\n    const aiTagRef = ref<HTMLElement | null>(null);\n    const targetElement = ref<InstanceType<typeof BentoToggleButton> | null>(null);\n    const popoverId = generateUid('b-ai-tag-popover');\n\n    watch(\n        () => props.toggled,\n        value => {\n            toggled.value = value;\n        }\n    );\n\n    useClickOutside(aiTagRef, () => {\n        closePopover();\n    });\n\n    const popoverActions = computed<BentoButtonActionsList>(() =>\n        props.action\n            ? [\n                  {\n                      ...props.action,\n                      variant: 'secondary',\n                  },\n              ]\n            : undefined\n    );\n\n    const emit = defineEmits<{\n        /**\n         * Triggered when the popover is toggled\n         */\n        (e: 'update:toggled', toggled: boolean): void;\n    }>();\n\n    const onToggle = (value: boolean) => {\n        toggled.value = value;\n        emit('update:toggled', value);\n    };\n\n    const closePopover = () => {\n        if (toggled.value) {\n            onToggle(false);\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * The AI tag is a component used to transparently identify content, data, or experiences that have been generated or\n     * enhanced by artificial intelligence.\n     *\n     * @example\n     * import { BentoAiTag } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoAiTag },\n     *     template: `\n     *          <bento-ai-tag\n     *              title=\"Input fields auto-filled by AI\"\n     *              description=\"Based on your documents uploaded, AI has auto-filled some information for you.\"\n     *          />\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./ai-tag.scss\" />\n"],"names":["__default__","messages","props","__props","t","useI18n","toggled","ref","aiTagRef","targetElement","popoverId","generateUid","watch","value","useClickOutside","closePopover","popoverActions","computed","emit","__emit","onToggle"],"mappings":";;;;;;;;;;;;;;;;;;;+CA0IIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;AA1EA,UAAAC,IAAAC,GAMA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAJ,EAAA,CAAA,GAEAK,IAAAC,EAAAL,EAAA,OAAA,GACAM,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GACAG,IAAAC,EAAA,kBAAA;AAEA,IAAAC;AAAA,MAAA,MAAAV,EAAA;AAAA,MACgB,CAAAW,MAAA;AAER,QAAAP,EAAA,QAAAO;AAAA,MAAgB;AAAA,IACpB,GAGJC,EAAAN,GAAA,MAAA;AACI,MAAAO,EAAA;AAAA,IAAa,CAAA;AAGjB,UAAAC,IAAAC;AAAA,MAAuB,MAAAf,EAAA,SAAA;AAAA,QAEb;AAAA,UACI,GAAAA,EAAA;AAAA,UACa,SAAA;AAAA,QACA;AAAA,MACb,IAAA;AAAA,IAEJ,GAGVgB,IAAAC,GAOAC,IAAA,CAAAP,MAAA;AACI,MAAAP,EAAA,QAAAO,GACAK,EAAA,kBAAAL,CAAA;AAAA,IAA4B,GAGhCE,IAAA,MAAA;AACI,MAAAT,EAAA,SACIc,EAAA,EAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{anchor-scroller.BhppCt1n.js → anchor-scroller.J2mkf0uu.js}

@@ -1,5 +1,5 @@
-import { defineComponent as R, ref as S, computed as h, watch as y, openBlock as g, createElementBlock as x, Fragment as $, renderList as K, createVNode as I, withKeys as C, withModifiers as j, normalizeClass as V, withCtx as w, createTextVNode as D, toDisplayString as E, watchEffect as L, toRef as z, createElementVNode as B, unref as b, renderSlot as H, createCommentVNode as J } from "vue";
-import { g as O, e as W, u as P, h as U, t as A, i as G, r as X } from "./index.Cqv1XuTj.js";
+import { defineComponent as R, ref as S, computed as h, watch as y, openBlock as g, createElementBlock as x, Fragment as $, renderList as K, createVNode as I, withKeys as j, withModifiers as C, normalizeClass as V, withCtx as w, createTextVNode as D, toDisplayString as E, watchEffect as L, toRef as z, createElementVNode as B, unref as b, renderSlot as H, createCommentVNode as J } from "vue";
+import { h as O, f as W, a as P, i as U, t as A, j as G, r as X } from "./index.oOAkh64h.js";
 import { p as M, B as Y } from "./typography.B3J6_tYk.js";
 import { u as q } from "./index.B875RXHM.js";
 import { g as Q } from "./generate-uid.DBWe4g6T.js";
@@ -84,8 +84,8 @@ const te = /* @__PURE__ */ R({
           variant: "tertiary-with-background",
           onClick: (p) => s(m, r),
           onKeydown: [
-            C(j((p) => s(m, r), ["prevent"]), ["space", "native"]),
-            C(j((p) => s(m, r), ["prevent"]), ["enter", "native"])
+            j(C((p) => s(m, r), ["prevent"]), ["space", "native"]),
+            j(C((p) => s(m, r), ["prevent"]), ["enter", "native"])
           ]
         }, {
           default: w(() => [
@@ -211,4 +211,4 @@ const te = /* @__PURE__ */ R({
 export {
   _e as a
 };
-//# sourceMappingURL=anchor-scroller.BhppCt1n.js.map
+//# sourceMappingURL=anchor-scroller.J2mkf0uu.js.map

package/dist/chunks/{anchor-scroller.BhppCt1n.js.map → anchor-scroller.J2mkf0uu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"anchor-scroller.BhppCt1n.js","sources":["../../../vue2/src/components/anchor-scroller/components/anchor-scroller-list/anchor-scroller-list.vue","../../../vue2/src/components/anchor-scroller/composables/use-scroll-spy/use-scroll-spy.ts","../../../vue2/src/components/anchor-scroller/anchor-scroller.vue"],"sourcesContent":["<template>\n    <ul class=\"b-anchor-scroller-list\" @keydown=\"onKeydownNavigation\">\n        <li v-for=\"({ title, disabled, elementRef }, index) in items\" :key=\"index\" class=\"b-anchor-scroller-list__item\">\n            <bento-button\n                ref=\"listItemRefs\"\n                :aria-current=\"activeIndex === index ? 'location' : null\"\n                class=\"b-anchor-scroller-list__item-button\"\n                :class=\"{\n                    'b-anchor-scroller-list__item-button--active': activeIndex === index,\n                    'b-anchor-scroller-list__item-button--disabled': disabled,\n                }\"\n                :aria-disabled=\"disabled\"\n                :tabindex=\"activeIndex === index ? null : '-1'\"\n                variant=\"tertiary-with-background\"\n                @click=\"scrollToSection(elementRef, disabled)\"\n                @keydown.space.native.prevent=\"scrollToSection(elementRef, disabled)\"\n                @keydown.enter.native.prevent=\"scrollToSection(elementRef, disabled)\"\n            >\n                {{ title }}\n            </bento-button>\n        </li>\n    </ul>\n</template>\n\n<script setup lang=\"ts\">\n    import BentoButton from '@/components/button/button.vue';\n    import { unrefElement } from '@/directives/click-outside/utils';\n    import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n    import { type BentoAnchorScrollerItem } from '../../anchor-scroller.types';\n    import { type AnchorScrollerListProps } from './anchor-scroller-list.types';\n    import { computed, ref, watch } from 'vue';\n    import { useCycleList } from '@vueuse/core';\n\n    const props = withDefaults(defineProps<AnchorScrollerListProps>(), {\n        activeIndex: undefined,\n        scrollOffset: undefined,\n    });\n\n    const listItemRefs = ref([]);\n    const listIndices = computed(() =>\n        props.items\n            .map((item, index) => ({ disabled: item.disabled, originalIndex: index }))\n            .filter(({ disabled }) => !disabled)\n            .map(({ originalIndex }) => originalIndex)\n    );\n\n    const {\n        state: focusedIndex,\n        next,\n        prev,\n    } = useCycleList(listIndices, {\n        initialValue: props.activeIndex ?? listIndices.value[0],\n    });\n\n    watch(focusedIndex, async newIndex => {\n        const targetComponent = listItemRefs.value[newIndex];\n        const el = unrefElement(targetComponent); // Handles Component or DOM node\n\n        if (el && typeof el.focus === 'function') {\n            el.focus();\n        }\n    });\n\n    const scrollToSection = (elementRef: BentoAnchorScrollerItem['elementRef'], disabled?: boolean) => {\n        if (disabled) {\n            return;\n        }\n\n        const el = unrefElement(elementRef);\n\n        if (!el) {\n            printDevelopmentWarning(`[bento-anchor-scroller] element ref not found`);\n            return;\n        }\n\n        if (!el.style.scrollMarginTop && props.scrollOffset) {\n            const currentScrollMargin = window.getComputedStyle(el).scrollMarginTop;\n\n            if (currentScrollMargin === '0px' || currentScrollMargin === '') {\n                el.style.scrollMarginTop = `${props.scrollOffset}px`;\n            }\n        }\n\n        if (!el.hasAttribute('tabindex')) {\n            el.setAttribute('tabindex', '-1');\n        }\n\n        el.scrollIntoView({\n            behavior: 'smooth',\n            block: 'start',\n            inline: 'nearest',\n        });\n\n        el.focus({ preventScroll: true });\n    };\n\n    const onKeydownNavigation = (e: KeyboardEvent) => {\n        switch (e.key) {\n            case 'ArrowRight':\n                e.preventDefault();\n                next();\n                break;\n            case 'ArrowLeft':\n                e.preventDefault();\n                prev();\n                break;\n            case 'Home':\n                e.preventDefault();\n                focusedIndex.value = 0;\n                break;\n            case 'End':\n                e.preventDefault();\n                focusedIndex.value = listIndices.value.length - 1;\n                break;\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./anchor-scroller-list.scss\" />\n","import { type Ref, ref, watchEffect } from 'vue';\nimport { type MaybeRef, toValue, useWindowScroll, useWindowSize, watchThrottled } from '@vueuse/core';\n\n/**\n * Options for the useScrollSpy composable.\n */\nexport interface useScrollSpyOptions {\n    /**\n     * The default active index to use when no item is active or initially.\n     */\n    default?: Ref<number>;\n}\n\n/**\n * Composable to spy on scroll position and determine the active item based on visibility.\n *\n * @param items - The list of elements to spy on.\n * @param options - Configuration options for the scroll spy.\n * @returns An object containing the active index.\n */\nexport const useScrollSpy = (items: MaybeRef<Array<Element>>, options: useScrollSpyOptions) => {\n    const activeIndex = ref(options.default?.value ?? -1);\n\n    const { y: scrollY } = useWindowScroll();\n    const { height: windowHeight } = useWindowSize();\n\n    // Logic to find the \"winner\" when there are multiple items on the same page\n    const calculateActiveIndex = () => {\n        const list = toValue(items);\n        const viewportHeight = windowHeight.value;\n        const midpoint = viewportHeight / 2;\n\n        let winnerIndex = -1;\n        let maxVisibleRatio = 0;\n\n        for (let i = 0; i < list.length; i++) {\n            const item = list[i];\n            const el = item;\n\n            if (!el) {\n                continue;\n            }\n\n            const rect = el.getBoundingClientRect();\n\n            // Constraint 1: Must pass midpoint\n            if (rect.top > midpoint) {\n                continue;\n            }\n\n            // Constraint 2: Must be visible\n            const visibleHeight = Math.min(rect.bottom, viewportHeight) - Math.max(rect.top, 0);\n            if (visibleHeight <= 0) {\n                continue;\n            }\n\n            // Constraint 3: Highest visible % wins\n            const ratio = visibleHeight / rect.height;\n\n            if (ratio > maxVisibleRatio) {\n                maxVisibleRatio = ratio;\n                winnerIndex = i;\n            }\n        }\n\n        // Only update if changed to avoid unnecessary patch triggers\n        if (winnerIndex !== -1 && activeIndex.value !== winnerIndex) {\n            activeIndex.value = winnerIndex;\n        }\n    };\n\n    watchThrottled([scrollY, windowHeight], calculateActiveIndex, { throttle: 100, trailing: true });\n\n    watchEffect(() => {\n        if (toValue(items).length) {\n            calculateActiveIndex();\n        }\n    });\n\n    return {\n        activeIndex,\n    };\n};\n","<template>\n    <div v-if=\"computedItems.length\" class=\"b-anchor-scroller\">\n        <nav\n            ref=\"navigationRef\"\n            class=\"b-anchor-scroller__navigation\"\n            :class=\"navigationConditionalClasses\"\n            :aria-labelledby=\"navLabelId\"\n        >\n            <fixed-scroller condensed centered>\n                <div class=\"b-anchor-scroller__navigation-panel\">\n                    <bento-typography\n                        :id=\"navLabelId\"\n                        el=\"span\"\n                        class=\"b-anchor-scroller__navigation-panel-label\"\n                        stronger\n                    >\n                        {{ t('jumpTo') }}\n                    </bento-typography>\n\n                    <anchor-scroller-list\n                        :items=\"computedItems\"\n                        :active-index=\"currentActiveIndex\"\n                        :scroll-offset=\"bottom\"\n                    />\n                </div>\n            </fixed-scroller>\n        </nav>\n\n        <slot />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, ref, toRef, watch } from 'vue';\n    import { refDebounced, useElementBounding } from '@vueuse/core';\n    import BentoTypography from '@/components/typography/typography.vue';\n    import { FixedScroller } from '@/internal';\n    import { type BentoAnchorScrollerItem, type BentoAnchorScrollerProps } from './anchor-scroller.types';\n    import { AnchorScrollerList } from './components/anchor-scroller-list';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { generateUid } from '@/core/utils/ts';\n    import { unrefElement } from '@/directives/click-outside/utils';\n    import messages from './messages.json';\n    import { useScrollSpy } from './composables';\n    import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const props = withDefaults(defineProps<BentoAnchorScrollerProps>(), {\n        activeIndex: undefined,\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emits update event when the active index is changed\n         */\n        (e: 'update:active-index', value: number): void;\n    }>();\n\n    const navigationRef = ref(null);\n\n    const computedItems = computed<Array<BentoAnchorScrollerItem>>(() => props.items.map(item => ({ ...item })));\n\n    // Skip and cache only items that are enabled\n    const enabledItems = computed(() =>\n        props.items\n            .map((item, originalIndex) => ({\n                element: unrefElement(item.elementRef),\n                originalIndex,\n                disabled: item.disabled,\n            }))\n            .filter(\n                (item): item is { element: Element; originalIndex: number; disabled: boolean } =>\n                    !item.disabled && !!item.element\n            )\n    );\n\n    const { top, bottom } = useElementBounding(navigationRef);\n\n    // Extract strictly the elements for the ScrollSpy to watch\n    const scrollToTargets = computed(() => enabledItems.value.map(c => c.element));\n\n    const navigationConditionalClasses = computed(() => ({\n        'b-anchor-scroller__navigation--pinned': top.value <= 1,\n    }));\n\n    const { activeIndex: relativeActiveIndex } = useScrollSpy(scrollToTargets, {\n        default: toRef(props, 'activeIndex'),\n    });\n\n    const debouncedActiveIndex = refDebounced(relativeActiveIndex, 200);\n\n    const currentActiveIndex = computed(() => {\n        const candidate = enabledItems.value[debouncedActiveIndex.value];\n\n        return candidate ? candidate.originalIndex : 0;\n    });\n\n    watch(currentActiveIndex, val => {\n        if (Number.isFinite(val)) {\n            emit('update:active-index', val);\n        }\n    });\n\n    watch(\n        () => props.activeIndex,\n        val => {\n            if (Number.isFinite(val) && computedItems.value[val].disabled) {\n                printDevelopmentWarning(`[bento-anchor-scroller] activeIndex should not be a disabled item`);\n            }\n        }\n    );\n\n    const navLabelId = generateUid('bento-anchor-scroller-label');\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A navigation component that tracks page scroll and allows jumping to sections.\n     *\n     * @example\n     * import { BentoAnchorScroller } from '@adyen/bento-vue2';\n     * import { ref } from 'vue';\n     *\n     * export default {\n     *     components: { BentoAnchorScroller },\n     *     template: `\n     *          <bento-anchor-scroller :items=\"items\">\n     *              <section ref=\"section1\">Section 1</section>\n     *              <section ref=\"section2\">Section 2</section>\n     *          </bento-anchor-scroller>\n     *     `,\n     *      setup() {\n     *          const section1 = ref(null);\n     *          const section2 = ref(null);\n     *          const items = ref([\n     *              { title: 'Section 1', elementRef: section1 },\n     *              { title: 'Section 2', elementRef: section2 },\n     *          ]);\n     *          return {\n     *              items,\n     *              section1,\n     *              section2,\n     *          }\n     *      }\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-anchor-scroller',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./anchor-scroller.scss\" />\n"],"names":["props","__props","listItemRefs","ref","listIndices","computed","item","index","disabled","originalIndex","focusedIndex","next","prev","useCycleList","watch","newIndex","targetComponent","el","unrefElement","scrollToSection","elementRef","printDevelopmentWarning","currentScrollMargin","onKeydownNavigation","useScrollSpy","items","options","activeIndex","scrollY","useWindowScroll","windowHeight","useWindowSize","calculateActiveIndex","list","toValue","viewportHeight","midpoint","winnerIndex","maxVisibleRatio","i","rect","visibleHeight","ratio","watchThrottled","watchEffect","__default__","messages","t","useI18n","emit","__emit","navigationRef","computedItems","enabledItems","top","bottom","useElementBounding","scrollToTargets","c","navigationConditionalClasses","relativeActiveIndex","toRef","debouncedActiveIndex","refDebounced","currentActiveIndex","candidate","val","navLabelId","generateUid"],"mappings":"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"}
+{"version":3,"file":"anchor-scroller.J2mkf0uu.js","sources":["../../../vue2/src/components/anchor-scroller/components/anchor-scroller-list/anchor-scroller-list.vue","../../../vue2/src/components/anchor-scroller/composables/use-scroll-spy/use-scroll-spy.ts","../../../vue2/src/components/anchor-scroller/anchor-scroller.vue"],"sourcesContent":["<template>\n    <ul class=\"b-anchor-scroller-list\" @keydown=\"onKeydownNavigation\">\n        <li v-for=\"({ title, disabled, elementRef }, index) in items\" :key=\"index\" class=\"b-anchor-scroller-list__item\">\n            <bento-button\n                ref=\"listItemRefs\"\n                :aria-current=\"activeIndex === index ? 'location' : null\"\n                class=\"b-anchor-scroller-list__item-button\"\n                :class=\"{\n                    'b-anchor-scroller-list__item-button--active': activeIndex === index,\n                    'b-anchor-scroller-list__item-button--disabled': disabled,\n                }\"\n                :aria-disabled=\"disabled\"\n                :tabindex=\"activeIndex === index ? null : '-1'\"\n                variant=\"tertiary-with-background\"\n                @click=\"scrollToSection(elementRef, disabled)\"\n                @keydown.space.native.prevent=\"scrollToSection(elementRef, disabled)\"\n                @keydown.enter.native.prevent=\"scrollToSection(elementRef, disabled)\"\n            >\n                {{ title }}\n            </bento-button>\n        </li>\n    </ul>\n</template>\n\n<script setup lang=\"ts\">\n    import BentoButton from '@/components/button/button.vue';\n    import { unrefElement } from '@/directives/click-outside/utils';\n    import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n    import { type BentoAnchorScrollerItem } from '../../anchor-scroller.types';\n    import { type AnchorScrollerListProps } from './anchor-scroller-list.types';\n    import { computed, ref, watch } from 'vue';\n    import { useCycleList } from '@vueuse/core';\n\n    const props = withDefaults(defineProps<AnchorScrollerListProps>(), {\n        activeIndex: undefined,\n        scrollOffset: undefined,\n    });\n\n    const listItemRefs = ref([]);\n    const listIndices = computed(() =>\n        props.items\n            .map((item, index) => ({ disabled: item.disabled, originalIndex: index }))\n            .filter(({ disabled }) => !disabled)\n            .map(({ originalIndex }) => originalIndex)\n    );\n\n    const {\n        state: focusedIndex,\n        next,\n        prev,\n    } = useCycleList(listIndices, {\n        initialValue: props.activeIndex ?? listIndices.value[0],\n    });\n\n    watch(focusedIndex, async newIndex => {\n        const targetComponent = listItemRefs.value[newIndex];\n        const el = unrefElement(targetComponent); // Handles Component or DOM node\n\n        if (el && typeof el.focus === 'function') {\n            el.focus();\n        }\n    });\n\n    const scrollToSection = (elementRef: BentoAnchorScrollerItem['elementRef'], disabled?: boolean) => {\n        if (disabled) {\n            return;\n        }\n\n        const el = unrefElement(elementRef);\n\n        if (!el) {\n            printDevelopmentWarning(`[bento-anchor-scroller] element ref not found`);\n            return;\n        }\n\n        if (!el.style.scrollMarginTop && props.scrollOffset) {\n            const currentScrollMargin = window.getComputedStyle(el).scrollMarginTop;\n\n            if (currentScrollMargin === '0px' || currentScrollMargin === '') {\n                el.style.scrollMarginTop = `${props.scrollOffset}px`;\n            }\n        }\n\n        if (!el.hasAttribute('tabindex')) {\n            el.setAttribute('tabindex', '-1');\n        }\n\n        el.scrollIntoView({\n            behavior: 'smooth',\n            block: 'start',\n            inline: 'nearest',\n        });\n\n        el.focus({ preventScroll: true });\n    };\n\n    const onKeydownNavigation = (e: KeyboardEvent) => {\n        switch (e.key) {\n            case 'ArrowRight':\n                e.preventDefault();\n                next();\n                break;\n            case 'ArrowLeft':\n                e.preventDefault();\n                prev();\n                break;\n            case 'Home':\n                e.preventDefault();\n                focusedIndex.value = 0;\n                break;\n            case 'End':\n                e.preventDefault();\n                focusedIndex.value = listIndices.value.length - 1;\n                break;\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./anchor-scroller-list.scss\" />\n","import { type Ref, ref, watchEffect } from 'vue';\nimport { type MaybeRef, toValue, useWindowScroll, useWindowSize, watchThrottled } from '@vueuse/core';\n\n/**\n * Options for the useScrollSpy composable.\n */\nexport interface useScrollSpyOptions {\n    /**\n     * The default active index to use when no item is active or initially.\n     */\n    default?: Ref<number>;\n}\n\n/**\n * Composable to spy on scroll position and determine the active item based on visibility.\n *\n * @param items - The list of elements to spy on.\n * @param options - Configuration options for the scroll spy.\n * @returns An object containing the active index.\n */\nexport const useScrollSpy = (items: MaybeRef<Array<Element>>, options: useScrollSpyOptions) => {\n    const activeIndex = ref(options.default?.value ?? -1);\n\n    const { y: scrollY } = useWindowScroll();\n    const { height: windowHeight } = useWindowSize();\n\n    // Logic to find the \"winner\" when there are multiple items on the same page\n    const calculateActiveIndex = () => {\n        const list = toValue(items);\n        const viewportHeight = windowHeight.value;\n        const midpoint = viewportHeight / 2;\n\n        let winnerIndex = -1;\n        let maxVisibleRatio = 0;\n\n        for (let i = 0; i < list.length; i++) {\n            const item = list[i];\n            const el = item;\n\n            if (!el) {\n                continue;\n            }\n\n            const rect = el.getBoundingClientRect();\n\n            // Constraint 1: Must pass midpoint\n            if (rect.top > midpoint) {\n                continue;\n            }\n\n            // Constraint 2: Must be visible\n            const visibleHeight = Math.min(rect.bottom, viewportHeight) - Math.max(rect.top, 0);\n            if (visibleHeight <= 0) {\n                continue;\n            }\n\n            // Constraint 3: Highest visible % wins\n            const ratio = visibleHeight / rect.height;\n\n            if (ratio > maxVisibleRatio) {\n                maxVisibleRatio = ratio;\n                winnerIndex = i;\n            }\n        }\n\n        // Only update if changed to avoid unnecessary patch triggers\n        if (winnerIndex !== -1 && activeIndex.value !== winnerIndex) {\n            activeIndex.value = winnerIndex;\n        }\n    };\n\n    watchThrottled([scrollY, windowHeight], calculateActiveIndex, { throttle: 100, trailing: true });\n\n    watchEffect(() => {\n        if (toValue(items).length) {\n            calculateActiveIndex();\n        }\n    });\n\n    return {\n        activeIndex,\n    };\n};\n","<template>\n    <div v-if=\"computedItems.length\" class=\"b-anchor-scroller\">\n        <nav\n            ref=\"navigationRef\"\n            class=\"b-anchor-scroller__navigation\"\n            :class=\"navigationConditionalClasses\"\n            :aria-labelledby=\"navLabelId\"\n        >\n            <fixed-scroller condensed centered>\n                <div class=\"b-anchor-scroller__navigation-panel\">\n                    <bento-typography\n                        :id=\"navLabelId\"\n                        el=\"span\"\n                        class=\"b-anchor-scroller__navigation-panel-label\"\n                        stronger\n                    >\n                        {{ t('jumpTo') }}\n                    </bento-typography>\n\n                    <anchor-scroller-list\n                        :items=\"computedItems\"\n                        :active-index=\"currentActiveIndex\"\n                        :scroll-offset=\"bottom\"\n                    />\n                </div>\n            </fixed-scroller>\n        </nav>\n\n        <slot />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, ref, toRef, watch } from 'vue';\n    import { refDebounced, useElementBounding } from '@vueuse/core';\n    import BentoTypography from '@/components/typography/typography.vue';\n    import { FixedScroller } from '@/internal';\n    import { type BentoAnchorScrollerItem, type BentoAnchorScrollerProps } from './anchor-scroller.types';\n    import { AnchorScrollerList } from './components/anchor-scroller-list';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { generateUid } from '@/core/utils/ts';\n    import { unrefElement } from '@/directives/click-outside/utils';\n    import messages from './messages.json';\n    import { useScrollSpy } from './composables';\n    import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const props = withDefaults(defineProps<BentoAnchorScrollerProps>(), {\n        activeIndex: undefined,\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emits update event when the active index is changed\n         */\n        (e: 'update:active-index', value: number): void;\n    }>();\n\n    const navigationRef = ref(null);\n\n    const computedItems = computed<Array<BentoAnchorScrollerItem>>(() => props.items.map(item => ({ ...item })));\n\n    // Skip and cache only items that are enabled\n    const enabledItems = computed(() =>\n        props.items\n            .map((item, originalIndex) => ({\n                element: unrefElement(item.elementRef),\n                originalIndex,\n                disabled: item.disabled,\n            }))\n            .filter(\n                (item): item is { element: Element; originalIndex: number; disabled: boolean } =>\n                    !item.disabled && !!item.element\n            )\n    );\n\n    const { top, bottom } = useElementBounding(navigationRef);\n\n    // Extract strictly the elements for the ScrollSpy to watch\n    const scrollToTargets = computed(() => enabledItems.value.map(c => c.element));\n\n    const navigationConditionalClasses = computed(() => ({\n        'b-anchor-scroller__navigation--pinned': top.value <= 1,\n    }));\n\n    const { activeIndex: relativeActiveIndex } = useScrollSpy(scrollToTargets, {\n        default: toRef(props, 'activeIndex'),\n    });\n\n    const debouncedActiveIndex = refDebounced(relativeActiveIndex, 200);\n\n    const currentActiveIndex = computed(() => {\n        const candidate = enabledItems.value[debouncedActiveIndex.value];\n\n        return candidate ? candidate.originalIndex : 0;\n    });\n\n    watch(currentActiveIndex, val => {\n        if (Number.isFinite(val)) {\n            emit('update:active-index', val);\n        }\n    });\n\n    watch(\n        () => props.activeIndex,\n        val => {\n            if (Number.isFinite(val) && computedItems.value[val].disabled) {\n                printDevelopmentWarning(`[bento-anchor-scroller] activeIndex should not be a disabled item`);\n            }\n        }\n    );\n\n    const navLabelId = generateUid('bento-anchor-scroller-label');\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A navigation component that tracks page scroll and allows jumping to sections.\n     *\n     * @example\n     * import { BentoAnchorScroller } from '@adyen/bento-vue2';\n     * import { ref } from 'vue';\n     *\n     * export default {\n     *     components: { BentoAnchorScroller },\n     *     template: `\n     *          <bento-anchor-scroller :items=\"items\">\n     *              <section ref=\"section1\">Section 1</section>\n     *              <section ref=\"section2\">Section 2</section>\n     *          </bento-anchor-scroller>\n     *     `,\n     *      setup() {\n     *          const section1 = ref(null);\n     *          const section2 = ref(null);\n     *          const items = ref([\n     *              { title: 'Section 1', elementRef: section1 },\n     *              { title: 'Section 2', elementRef: section2 },\n     *          ]);\n     *          return {\n     *              items,\n     *              section1,\n     *              section2,\n     *          }\n     *      }\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-anchor-scroller',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./anchor-scroller.scss\" />\n"],"names":["props","__props","listItemRefs","ref","listIndices","computed","item","index","disabled","originalIndex","focusedIndex","next","prev","useCycleList","watch","newIndex","targetComponent","el","unrefElement","scrollToSection","elementRef","printDevelopmentWarning","currentScrollMargin","onKeydownNavigation","useScrollSpy","items","options","activeIndex","scrollY","useWindowScroll","windowHeight","useWindowSize","calculateActiveIndex","list","toValue","viewportHeight","midpoint","winnerIndex","maxVisibleRatio","i","rect","visibleHeight","ratio","watchThrottled","watchEffect","__default__","messages","t","useI18n","emit","__emit","navigationRef","computedItems","enabledItems","top","bottom","useElementBounding","scrollToTargets","c","navigationConditionalClasses","relativeActiveIndex","toRef","debouncedActiveIndex","refDebounced","currentActiveIndex","candidate","val","navLabelId","generateUid"],"mappings":"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"}

package/dist/chunks/{base-modal.DxjZyGlG.js → base-modal.BKtpH-qh.js}

@@ -1,15 +1,15 @@
 import { defineComponent as G, useSlots as X, ref as m, computed as d, inject as ue, watch as U, nextTick as re, onUnmounted as me, openBlock as y, createBlock as E, normalizeClass as K, createSlots as Z, withCtx as n, createElementVNode as b, normalizeStyle as C, unref as a, renderSlot as u, createCommentVNode as T, createVNode as H, useAttrs as ge, onMounted as ve, provide as B, toRefs as pe, createElementBlock as fe, withKeys as _e, withDirectives as be } from "vue";
 import { B as ye } from "./button.DWF7FSIw.js";
-import { B as Le } from "./focus-trap.DcxrXRKl.js";
+import { B as Le } from "./focus-trap.Dl_rHbwH.js";
 import { u as x } from "./use-has-slot.CyMiImRQ.js";
 import { u as he } from "./index.B875RXHM.js";
-import { l as Ce } from "./button-actions.uco5ptf5.js";
+import { l as Ce } from "./button-actions.CxTxPprd.js";
 import { g as Ee } from "./generate-uid.DBWe4g6T.js";
-import { B as Ae } from "./directive.C8kY-ZW-.js";
+import { B as Ae } from "./directive.D1-d-C2K.js";
 import { C as Oe } from "./cross.CCHdi6v3.js";
-import { b as Ie, B as ke, D as Pe, a as Se } from "./dialog-page.CZN5-Ohm.js";
+import { b as Ie, B as ke, D as Pe, a as Se } from "./dialog-page.BOwnhJze.js";
 import { B as V } from "./typography.B3J6_tYk.js";
-import { F as De } from "./footer-actions.Dyi8PTyI.js";
+import { F as De } from "./footer-actions.zlKq74F1.js";
 import { o as Be } from "./resize.Bqks3WUm.js";
 import { G as Te, a as Ne } from "./grid-layout.CCWNscU_.js";
 import { _ as ee } from "./_plugin-vue_export-helper.CHgC5LLL.js";
@@ -428,4 +428,4 @@ export {
   Fe as g,
   da as h
 };
-//# sourceMappingURL=base-modal.DxjZyGlG.js.map
+//# sourceMappingURL=base-modal.BKtpH-qh.js.map