npm - @adyen/bento-vue2 - Versions diffs - 1.97.0 → 1.98.0 - Mend

@adyen/bento-vue2 1.97.0 → 1.98.0

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

Files changed (229) hide show

package/dist/assets/filter-bar.css CHANGED Viewed

	@@ -1 +1 @@
1	- button[data-v-e633a8a6]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-e633a8a6]:focus-visible{outline:none}.b-filter-bar-button[data-v-e633a8a6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-color-background-primary);border:var(--b-border-width-s) solid var(--b-color-outline-secondary);border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:var(--b-spacer-020) var(--b-spacer-050);text-decoration:none;-webkit-user-select:none;user-select:none}.b-filter-bar-button[data-v-e633a8a6],.b-filter-bar-button[data-v-e633a8a6]:before,.b-filter-bar-button[data-v-e633a8a6]:after{box-sizing:border-box}.b-filter-bar-button [data-v-e633a8a6],.b-filter-bar-button [data-v-e633a8a6]:before,.b-filter-bar-button [data-v-e633a8a6]:after{box-sizing:border-box}.b-filter-bar-button[data-v-e633a8a6] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-e633a8a6] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-filter-bar-button[data-v-e633a8a6]:hover{background-color:var(--b-color-background-primary-hover);color:var(--b-color-label-secondary)}.b-filter-bar-button:hover .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-secondary)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-primary);color:var(--b-color-label-inverse-primary)}}.b-filter-bar-button[data-v-e633a8a6]:disabled,.b-filter-bar-button[data-v-e633a8a6]:disabled:not(:focus){background-color:var(--b-color-background-primary);color:var(--b-color-label-disabled);cursor:not-allowed}.b-filter-bar-button:disabled .b-filter-bar-button__secondary-label[data-v-e633a8a6],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-disabled)}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-e633a8a6],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button[data-v-e633a8a6]:focus-visible{animation:outer-ring-default-e633a8a6 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);z-index:1}@keyframes outer-ring-default-e633a8a6{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-filter-bar-button--icon-only[data-v-e633a8a6]{padding:var(--b-spacer-020)}.b-filter-bar-button--icon-only .b-filter-bar-button__container[data-v-e633a8a6]{display:flex;gap:0}.b-filter-bar-button--filter-open[data-v-e633a8a6]:not(:hover){background-color:var(--b-color-background-primary-active);border:var(--b-border-width-s) solid var(--b-color-outline-secondary-active);color:var(--b-color-label-primary)}.b-filter-bar-button--filter-open-applied[data-v-e633a8a6]:not(:hover){background-color:var(--b-color-background-inverse-secondary-active);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-active);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--with-counter[data-v-e633a8a6]:not(.b-filter-bar-button--icon-only){padding-right:var(--b-spacer-020)}.b-filter-bar-button--with-counter:not(.b-filter-bar-button--icon-only) .b-filter-bar-button__container[data-v-e633a8a6]{padding-right:var(--b-spacer-020)}.b-filter-bar-button--applied[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-secondary);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-e633a8a6]:hover{background-color:var(--b-color-background-inverse-secondary-hover);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-hover);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied:hover .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-e633a8a6]:disabled,.b-filter-bar-button--applied[data-v-e633a8a6]:disabled:not(:focus){background-color:var(--b-color-background-inverse-disabled);border:var(--b-border-width-s) solid var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button--applied:disabled .b-filter-bar-button__secondary-label[data-v-e633a8a6],.b-filter-bar-button--applied:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button__container[data-v-e633a8a6]{align-items:center;display:flex;gap:var(--b-spacer-040);justify-content:center;vertical-align:bottom}.b-filter-bar-button__counter[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-primary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-inverse-primary);padding:0 var(--b-spacer-020)}.b-filter-bar-button__label-container[data-v-e633a8a6]{align-items:center;display:inline-flex;gap:var(--b-spacer-020)}.b-filter-bar-button__label[data-v-e633a8a6],.b-filter-bar-button__secondary-label[data-v-e633a8a6]{display:inline-flex;line-height:20px;vertical-align:middle}.b-filter-bar-button__icon-left[data-v-e633a8a6],.b-filter-bar-button__icon-right[data-v-e633a8a6]{display:inline-flex}button[data-v-c0b008f0]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-c0b008f0]:focus-visible{outline:none}.b-filter-bar-button-group[data-v-c0b008f0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-filter-bar-button-group[data-v-c0b008f0],.b-filter-bar-button-group[data-v-c0b008f0]:before,.b-filter-bar-button-group[data-v-c0b008f0]:after{box-sizing:border-box}.b-filter-bar-button-group [data-v-c0b008f0],.b-filter-bar-button-group [data-v-c0b008f0]:before,.b-filter-bar-button-group [data-v-c0b008f0]:after{box-sizing:border-box}.b-filter-bar-button-group[data-v-c0b008f0] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button-group[data-v-c0b008f0] ::-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-filter-bar-button-group--grouped[data-v-c0b008f0] button:first-child{border-end-end-radius:0;border-start-end-radius:0}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:last-child{border-end-start-radius:0;border-start-start-radius:0}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:last-child){border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);padding-inline-end:var(--b-spacer-020)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:last-child):hover{border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child){border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);padding-inline-start:var(--b-spacer-020)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child):hover{border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:last-child){border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:first-child){border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active)}.b-base-filter[data-v-a15cd8ca]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;flex-shrink:0}.b-base-filter[data-v-a15cd8ca],.b-base-filter[data-v-a15cd8ca]:before,.b-base-filter[data-v-a15cd8ca]:after{box-sizing:border-box}.b-base-filter [data-v-a15cd8ca],.b-base-filter [data-v-a15cd8ca]:before,.b-base-filter [data-v-a15cd8ca]:after{box-sizing:border-box}.b-base-filter[data-v-a15cd8ca] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter[data-v-a15cd8ca] ::-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-filter[data-v-72e86cb6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-input-filter[data-v-72e86cb6],.b-input-filter[data-v-72e86cb6]:before,.b-input-filter[data-v-72e86cb6]:after{box-sizing:border-box}.b-input-filter [data-v-72e86cb6],.b-input-filter [data-v-72e86cb6]:before,.b-input-filter [data-v-72e86cb6]:after{box-sizing:border-box}.b-input-filter[data-v-72e86cb6] ::-webkit-scrollbar{height:14px;width:14px}.b-input-filter[data-v-72e86cb6] ::-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-filter--only-slot[data-v-72e86cb6]{padding:var(--b-spacer-000)}.b-input-with-dropdown-filter[data-v-f2603e12]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-input-with-dropdown-filter[data-v-f2603e12],.b-input-with-dropdown-filter[data-v-f2603e12]:before,.b-input-with-dropdown-filter[data-v-f2603e12]:after{box-sizing:border-box}.b-input-with-dropdown-filter [data-v-f2603e12],.b-input-with-dropdown-filter [data-v-f2603e12]:before,.b-input-with-dropdown-filter [data-v-f2603e12]:after{box-sizing:border-box}.b-input-with-dropdown-filter[data-v-f2603e12] ::-webkit-scrollbar{height:14px;width:14px}.b-input-with-dropdown-filter[data-v-f2603e12] ::-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-with-dropdown-filter--only-slot[data-v-f2603e12]{padding:var(--b-spacer-000)}.b-date-filter[data-v-0233b5ff]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070)}.b-date-filter[data-v-0233b5ff],.b-date-filter[data-v-0233b5ff]:before,.b-date-filter[data-v-0233b5ff]:after{box-sizing:border-box}.b-date-filter [data-v-0233b5ff],.b-date-filter [data-v-0233b5ff]:before,.b-date-filter [data-v-0233b5ff]:after{box-sizing:border-box}.b-date-filter[data-v-0233b5ff] ::-webkit-scrollbar{height:14px;width:14px}.b-date-filter[data-v-0233b5ff] ::-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-date-filter--touch-device[data-v-0233b5ff]{padding:var(--b-spacer-060) var(--b-spacer-070)}.b-date-filter__divider[data-v-0233b5ff]{margin-top:var(--b-spacer-060)}@container (max-width: 260px){.b-base-filter-date-range-filter[data-v-a2ab81d9] .b-filter-bar-button__secondary-label{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.b-date-range-filter[data-v-a2ab81d9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-date-range-filter[data-v-a2ab81d9],.b-date-range-filter[data-v-a2ab81d9]:before,.b-date-range-filter[data-v-a2ab81d9]:after{box-sizing:border-box}.b-date-range-filter [data-v-a2ab81d9],.b-date-range-filter [data-v-a2ab81d9]:before,.b-date-range-filter [data-v-a2ab81d9]:after{box-sizing:border-box}.b-date-range-filter[data-v-a2ab81d9] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-filter[data-v-a2ab81d9] ::-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-date-range-filter__actions[data-v-a2ab81d9]{padding:0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070)}.b-date-range-filter__divider[data-v-a2ab81d9]{margin:var(--b-spacer-060) 0}.b-radio-group-filter[data-v-8fe9c1b3]{padding:var(--b-spacer-060) var(--b-spacer-070)}.b-radio-group-filter--only-slot[data-v-8fe9c1b3]{padding:var(--b-spacer-000)}.b-select-filter-button[data-v-0eecb17a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-select-filter-button[data-v-0eecb17a],.b-select-filter-button[data-v-0eecb17a]:before,.b-select-filter-button[data-v-0eecb17a]:after{box-sizing:border-box}.b-select-filter-button [data-v-0eecb17a],.b-select-filter-button [data-v-0eecb17a]:before,.b-select-filter-button [data-v-0eecb17a]:after{box-sizing:border-box}.b-select-filter-button[data-v-0eecb17a] ::-webkit-scrollbar{height:14px;width:14px}.b-select-filter-button[data-v-0eecb17a] ::-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-select-filter-button__divider[data-v-0eecb17a]{margin:var(--b-spacer-040) var(--b-spacer-000) var(--b-spacer-000)}.b-select-filter-button__search-bar[data-v-0eecb17a]{padding:var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-000)}.b-select-filter-button__search-bar-wrapper[data-v-0eecb17a]{margin-top:var(--b-spacer-060)}.b-select-filter-button__wrapper[data-v-0eecb17a]{max-height:270px}.b-toggle-filter[data-v-16cb6c7e]{align-items:center;display:flex;gap:var(--b-spacer-020)}.b-toggle-filter__checkbox[data-v-16cb6c7e]{margin-top:5px}.b-toggle-filter__checkmark[data-v-16cb6c7e]{margin:var(--b-spacer-010)}.b-toggle-filter__content[data-v-16cb6c7e]{display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-toggle-filter__only-slot[data-v-16cb6c7e]{cursor:pointer;display:flex;gap:var(--b-spacer-070)}.b-toggle-filter__only-slot--disabled[data-v-16cb6c7e]{cursor:not-allowed}.b-boolean-filter[data-v-85731910]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-boolean-filter[data-v-85731910],.b-boolean-filter[data-v-85731910]:before,.b-boolean-filter[data-v-85731910]:after{box-sizing:border-box}.b-boolean-filter [data-v-85731910],.b-boolean-filter [data-v-85731910]:before,.b-boolean-filter [data-v-85731910]:after{box-sizing:border-box}.b-boolean-filter[data-v-85731910] ::-webkit-scrollbar{height:14px;width:14px}.b-boolean-filter[data-v-85731910] ::-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-boolean-filter--only-slot[data-v-85731910]{padding:var(--b-spacer-000)}.b-range-filter[data-v-540f94ab]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-range-filter[data-v-540f94ab],.b-range-filter[data-v-540f94ab]:before,.b-range-filter[data-v-540f94ab]:after{box-sizing:border-box}.b-range-filter [data-v-540f94ab],.b-range-filter [data-v-540f94ab]:before,.b-range-filter [data-v-540f94ab]:after{box-sizing:border-box}.b-range-filter[data-v-540f94ab] ::-webkit-scrollbar{height:14px;width:14px}.b-range-filter[data-v-540f94ab] ::-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-range-filter__input-field[data-v-540f94ab]{padding-top:var(--b-spacer-060)}.b-range-filter--only-slot[data-v-540f94ab]{padding:var(--b-spacer-000)}.b-checkbox-group-filter[data-v-a3c2bae1]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-checkbox-group-filter[data-v-a3c2bae1],.b-checkbox-group-filter[data-v-a3c2bae1]:before,.b-checkbox-group-filter[data-v-a3c2bae1]:after{box-sizing:border-box}.b-checkbox-group-filter [data-v-a3c2bae1],.b-checkbox-group-filter [data-v-a3c2bae1]:before,.b-checkbox-group-filter [data-v-a3c2bae1]:after{box-sizing:border-box}.b-checkbox-group-filter[data-v-a3c2bae1] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-group-filter[data-v-a3c2bae1] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-checkbox-group-filter--only-slot[data-v-a3c2bae1]{padding:var(--b-spacer-000)}button[data-v-66b170d4]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-66b170d4]:focus-visible{outline:none}.b-base-filter-button[data-v-66b170d4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-color-background-primary);color:var(--b-color-label-primary);cursor:pointer;height:40px;justify-content:center;padding:var(--b-spacer-030) var(--b-spacer-070);text-decoration:none;-webkit-user-select:none;user-select:none;width:100%}.b-base-filter-button[data-v-66b170d4],.b-base-filter-button[data-v-66b170d4]:before,.b-base-filter-button[data-v-66b170d4]:after{box-sizing:border-box}.b-base-filter-button [data-v-66b170d4],.b-base-filter-button [data-v-66b170d4]:before,.b-base-filter-button [data-v-66b170d4]:after{box-sizing:border-box}.b-base-filter-button[data-v-66b170d4] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter-button[data-v-66b170d4] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-base-filter-button[data-v-66b170d4]:hover{background-color:var(--b-color-background-primary-hover);color:var(--b-color-label-primary-hover)}}.b-base-filter-button[data-v-66b170d4] .b-base-button__label{width:100%}.b-base-filter-button[data-v-66b170d4]:active:not(:disabled){background-color:var(--b-color-background-primary-active)}.b-base-filter-button[data-v-66b170d4]:disabled,.b-base-filter-button[data-v-66b170d4]:disabled:not(:focus){background-color:var(--b-color-background-primary);color:var(--b-color-label-disabled);cursor:not-allowed}.b-base-filter-button:disabled .b-base-filter-button__counter[data-v-66b170d4],.b-base-filter-button:disabled:not(:focus) .b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-base-filter-button[data-v-66b170d4]:focus-visible{background-color:var(--b-color-background-primary-active)}.b-base-filter-button--filter-open[data-v-66b170d4]{background-color:var(--b-color-background-modal-active)}.b-base-filter-button__default-container[data-v-66b170d4]{align-items:center;display:flex;gap:var(--b-spacer-070);width:100%}.b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-color-background-inverse-primary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-inverse-primary);padding:var(--b-spacer-020) var(--b-spacer-030)}.b-base-filter-button__counter-wrapper[data-v-66b170d4]{align-items:center;display:flex}.b-base-filter-button__label[data-v-66b170d4]{display:block;overflow:hidden;text-overflow:ellipsis}.b-base-filter-button__label-container[data-v-66b170d4]{overflow:hidden;white-space:nowrap;width:100%}.b-base-filter-button__icon-left[data-v-66b170d4],.b-base-filter-button__icon-right[data-v-66b170d4]{display:inline-flex}.b-all-filters-modal-button[data-v-4c415ac7]{background-color:var(--b-color-background-primary);scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal-button--filter-open[data-v-4c415ac7]{background-color:var(--b-color-background-primary-active)}.b-all-filters-modal-button[data-v-4c415ac7],.b-all-filters-modal-button[data-v-4c415ac7]:before,.b-all-filters-modal-button[data-v-4c415ac7]:after{box-sizing:border-box}.b-all-filters-modal-button [data-v-4c415ac7],.b-all-filters-modal-button [data-v-4c415ac7]:before,.b-all-filters-modal-button [data-v-4c415ac7]:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-4c415ac7] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal-button[data-v-4c415ac7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-all-filters-modal-button[data-v-4c415ac7]:hover{background-color:var(--b-color-background-modal-hover);color:var(--b-color-label-primary)}}.b-all-filters-modal[data-v-732cf9cb]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal[data-v-732cf9cb],.b-all-filters-modal[data-v-732cf9cb]:before,.b-all-filters-modal[data-v-732cf9cb]:after{box-sizing:border-box}.b-all-filters-modal [data-v-732cf9cb],.b-all-filters-modal [data-v-732cf9cb]:before,.b-all-filters-modal [data-v-732cf9cb]:after{box-sizing:border-box}.b-all-filters-modal[data-v-732cf9cb] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-732cf9cb] ::-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-all-filters-modal[data-v-732cf9cb] .b-modal-page{height:calc(100vh - 128px);max-height:800px;position:relative}.b-all-filters-modal[data-v-732cf9cb] .b-modal-base__container{height:calc(100vh - 128px)!important;max-height:800px}.b-all-filters-modal[data-v-732cf9cb] .b-dialog-page__content{display:flex}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__content{flex:1;padding:var(--b-spacer-000)}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__content>.b-typography{height:100%}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__grid{overflow:hidden}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__grid>:nth-child(1){-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:auto;padding-bottom:var(--b-spacer-000);padding-right:var(--b-spacer-000)}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-732cf9cb] .b-grid-layout{gap:0;height:100%}.b-all-filters-modal__filters[data-v-732cf9cb]{display:flex;flex-direction:column;gap:var(--b-spacer-090)}.b-all-filters-modal__search-bar[data-v-732cf9cb]{padding:var(--b-spacer-000) var(--b-spacer-070)}.b-all-filters-modal__empty-search-message[data-v-732cf9cb]{color:var(--b-color-label-secondary);padding:var(--b-spacer-000) var(--b-spacer-070);text-align:center}.b-all-filters-modal__filters-list[data-v-732cf9cb]{list-style:none;margin:var(--b-spacer-000);padding:var(--b-spacer-000)}.b-all-filters-modal__filters-section[data-v-732cf9cb]{display:flex;flex-direction:column;gap:var(--b-spacer-030)}.b-all-filters-modal__filters-section-title[data-v-732cf9cb]{color:var(--b-color-label-secondary);padding:var(--b-spacer-000) var(--b-spacer-070)}.b-all-filters-modal__selected-filter-content[data-v-732cf9cb]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-040) var(--b-spacer-100) var(--b-spacer-040) var(--b-spacer-040)}.b-all-filters-modal__selected-filter-component[data-v-732cf9cb]{flex:1}.b-all-filters-modal__clear-button[data-v-732cf9cb]{display:flex;justify-content:flex-end}.b-all-filters-modal__selected-filter-text[data-v-732cf9cb]{display:flex;flex-direction:column;gap:var(--b-spacer-030);margin-bottom:var(--b-spacer-100)}.b-filter-bar[data-v-a9f59b6d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;width:100%}.b-filter-bar[data-v-a9f59b6d],.b-filter-bar[data-v-a9f59b6d]:before,.b-filter-bar[data-v-a9f59b6d]:after{box-sizing:border-box}.b-filter-bar [data-v-a9f59b6d],.b-filter-bar [data-v-a9f59b6d]:before,.b-filter-bar *[data-v-a9f59b6d]:after{box-sizing:border-box}.b-filter-bar[data-v-a9f59b6d] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-a9f59b6d] ::-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-filter-bar__all-filters-modal[data-v-a9f59b6d],.b-filter-bar__clear-all[data-v-a9f59b6d],.b-filter-bar__reset-all[data-v-a9f59b6d]{display:inline-block;flex-shrink:0}.b-filter-bar__search-external-container[data-v-a9f59b6d]{margin-bottom:var(--b-spacer-040)}.b-filter-bar__fixed-scroller[data-v-a9f59b6d] .b-fixed-scroller__right .b-button--condensed,.b-filter-bar__fixed-scroller[data-v-a9f59b6d] .b-fixed-scroller__left .b-button--condensed{height:inherit;max-height:inherit}.b-filter-bar__container[data-v-a9f59b6d]{display:flex;flex-direction:row}.b-filter-bar__filters[data-v-a9f59b6d]{display:flex;flex-wrap:wrap;gap:var(--b-spacer-040)}.b-filter-bar__filters .b-filter-bar__search-bar-container[data-v-a9f59b6d]{min-width:200px;width:200px}.b-filter-bar__search-bar-container[data-v-a9f59b6d]{flex:0 1 auto}.b-filter-bar--large-layout .b-filter-bar__search-bar[data-v-a9f59b6d]{width:100%}.b-filter-bar__scroller-content[data-v-a9f59b6d]{display:flex;gap:var(--b-spacer-040)}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-a9f59b6d]{min-width:180px}
1	+ button[data-v-e633a8a6]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-e633a8a6]:focus-visible{outline:none}.b-filter-bar-button[data-v-e633a8a6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-color-background-primary);border:var(--b-border-width-s) solid var(--b-color-outline-secondary);border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:var(--b-spacer-020) var(--b-spacer-050);text-decoration:none;-webkit-user-select:none;user-select:none}.b-filter-bar-button[data-v-e633a8a6],.b-filter-bar-button[data-v-e633a8a6]:before,.b-filter-bar-button[data-v-e633a8a6]:after{box-sizing:border-box}.b-filter-bar-button [data-v-e633a8a6],.b-filter-bar-button [data-v-e633a8a6]:before,.b-filter-bar-button [data-v-e633a8a6]:after{box-sizing:border-box}.b-filter-bar-button[data-v-e633a8a6] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-e633a8a6] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-filter-bar-button[data-v-e633a8a6]:hover{background-color:var(--b-color-background-primary-hover);color:var(--b-color-label-secondary)}.b-filter-bar-button:hover .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-secondary)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-primary);color:var(--b-color-label-inverse-primary)}}.b-filter-bar-button[data-v-e633a8a6]:disabled,.b-filter-bar-button[data-v-e633a8a6]:disabled:not(:focus){background-color:var(--b-color-background-primary);color:var(--b-color-label-disabled);cursor:not-allowed}.b-filter-bar-button:disabled .b-filter-bar-button__secondary-label[data-v-e633a8a6],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-disabled)}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-e633a8a6],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button[data-v-e633a8a6]:focus-visible{animation:outer-ring-default-e633a8a6 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);z-index:1}@keyframes outer-ring-default-e633a8a6{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-filter-bar-button--icon-only[data-v-e633a8a6]{padding:var(--b-spacer-020)}.b-filter-bar-button--icon-only .b-filter-bar-button__container[data-v-e633a8a6]{display:flex;gap:0}.b-filter-bar-button--filter-open[data-v-e633a8a6]:not(:hover){background-color:var(--b-color-background-primary-active);border:var(--b-border-width-s) solid var(--b-color-outline-secondary-active);color:var(--b-color-label-primary)}.b-filter-bar-button--filter-open-applied[data-v-e633a8a6]:not(:hover){background-color:var(--b-color-background-inverse-secondary-active);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-active);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--with-counter[data-v-e633a8a6]:not(.b-filter-bar-button--icon-only){padding-right:var(--b-spacer-020)}.b-filter-bar-button--with-counter:not(.b-filter-bar-button--icon-only) .b-filter-bar-button__container[data-v-e633a8a6]{padding-right:var(--b-spacer-020)}.b-filter-bar-button--applied[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-secondary);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-e633a8a6]:hover{background-color:var(--b-color-background-inverse-secondary-hover);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-hover);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied:hover .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-e633a8a6]:disabled,.b-filter-bar-button--applied[data-v-e633a8a6]:disabled:not(:focus){background-color:var(--b-color-background-inverse-disabled);border:var(--b-border-width-s) solid var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button--applied:disabled .b-filter-bar-button__secondary-label[data-v-e633a8a6],.b-filter-bar-button--applied:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button__container[data-v-e633a8a6]{align-items:center;display:flex;gap:var(--b-spacer-040);justify-content:center;vertical-align:bottom}.b-filter-bar-button__counter[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-primary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-inverse-primary);padding:0 var(--b-spacer-020)}.b-filter-bar-button__label-container[data-v-e633a8a6]{align-items:center;display:inline-flex;gap:var(--b-spacer-020)}.b-filter-bar-button__label[data-v-e633a8a6],.b-filter-bar-button__secondary-label[data-v-e633a8a6]{display:inline-flex;line-height:20px;vertical-align:middle}.b-filter-bar-button__icon-left[data-v-e633a8a6],.b-filter-bar-button__icon-right[data-v-e633a8a6]{display:inline-flex}button[data-v-c0b008f0]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-c0b008f0]:focus-visible{outline:none}.b-filter-bar-button-group[data-v-c0b008f0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-filter-bar-button-group[data-v-c0b008f0],.b-filter-bar-button-group[data-v-c0b008f0]:before,.b-filter-bar-button-group[data-v-c0b008f0]:after{box-sizing:border-box}.b-filter-bar-button-group [data-v-c0b008f0],.b-filter-bar-button-group [data-v-c0b008f0]:before,.b-filter-bar-button-group [data-v-c0b008f0]:after{box-sizing:border-box}.b-filter-bar-button-group[data-v-c0b008f0] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button-group[data-v-c0b008f0] ::-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-filter-bar-button-group--grouped[data-v-c0b008f0] button:first-child{border-end-end-radius:0;border-start-end-radius:0}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:last-child{border-end-start-radius:0;border-start-start-radius:0}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:last-child){border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);padding-inline-end:var(--b-spacer-020)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:last-child):hover{border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child){border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);padding-inline-start:var(--b-spacer-020)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child):hover{border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:last-child){border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:first-child){border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active)}.b-base-filter[data-v-a15cd8ca]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;flex-shrink:0}.b-base-filter[data-v-a15cd8ca],.b-base-filter[data-v-a15cd8ca]:before,.b-base-filter[data-v-a15cd8ca]:after{box-sizing:border-box}.b-base-filter [data-v-a15cd8ca],.b-base-filter [data-v-a15cd8ca]:before,.b-base-filter [data-v-a15cd8ca]:after{box-sizing:border-box}.b-base-filter[data-v-a15cd8ca] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter[data-v-a15cd8ca] ::-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-filter[data-v-72e86cb6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-input-filter[data-v-72e86cb6],.b-input-filter[data-v-72e86cb6]:before,.b-input-filter[data-v-72e86cb6]:after{box-sizing:border-box}.b-input-filter [data-v-72e86cb6],.b-input-filter [data-v-72e86cb6]:before,.b-input-filter [data-v-72e86cb6]:after{box-sizing:border-box}.b-input-filter[data-v-72e86cb6] ::-webkit-scrollbar{height:14px;width:14px}.b-input-filter[data-v-72e86cb6] ::-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-filter--only-slot[data-v-72e86cb6]{padding:var(--b-spacer-000)}.b-input-with-dropdown-filter[data-v-f2603e12]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-input-with-dropdown-filter[data-v-f2603e12],.b-input-with-dropdown-filter[data-v-f2603e12]:before,.b-input-with-dropdown-filter[data-v-f2603e12]:after{box-sizing:border-box}.b-input-with-dropdown-filter [data-v-f2603e12],.b-input-with-dropdown-filter [data-v-f2603e12]:before,.b-input-with-dropdown-filter [data-v-f2603e12]:after{box-sizing:border-box}.b-input-with-dropdown-filter[data-v-f2603e12] ::-webkit-scrollbar{height:14px;width:14px}.b-input-with-dropdown-filter[data-v-f2603e12] ::-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-with-dropdown-filter--only-slot[data-v-f2603e12]{padding:var(--b-spacer-000)}.b-date-filter[data-v-043cd215]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070)}.b-date-filter[data-v-043cd215],.b-date-filter[data-v-043cd215]:before,.b-date-filter[data-v-043cd215]:after{box-sizing:border-box}.b-date-filter [data-v-043cd215],.b-date-filter [data-v-043cd215]:before,.b-date-filter [data-v-043cd215]:after{box-sizing:border-box}.b-date-filter[data-v-043cd215] ::-webkit-scrollbar{height:14px;width:14px}.b-date-filter[data-v-043cd215] ::-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-date-filter--touch-device[data-v-043cd215]{padding:var(--b-spacer-060) var(--b-spacer-070)}.b-date-filter__divider[data-v-043cd215]{margin-top:var(--b-spacer-060)}@container (max-width: 260px){.b-base-filter-date-range-filter[data-v-829a27d5] .b-filter-bar-button__secondary-label{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.b-date-range-filter[data-v-829a27d5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-date-range-filter[data-v-829a27d5],.b-date-range-filter[data-v-829a27d5]:before,.b-date-range-filter[data-v-829a27d5]:after{box-sizing:border-box}.b-date-range-filter [data-v-829a27d5],.b-date-range-filter [data-v-829a27d5]:before,.b-date-range-filter [data-v-829a27d5]:after{box-sizing:border-box}.b-date-range-filter[data-v-829a27d5] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-filter[data-v-829a27d5] ::-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-date-range-filter__actions[data-v-829a27d5]{padding:0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070)}.b-date-range-filter__divider[data-v-829a27d5]{margin:var(--b-spacer-060) 0}.b-radio-group-filter[data-v-8fe9c1b3]{padding:var(--b-spacer-060) var(--b-spacer-070)}.b-radio-group-filter--only-slot[data-v-8fe9c1b3]{padding:var(--b-spacer-000)}.b-select-filter-button[data-v-0eecb17a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-select-filter-button[data-v-0eecb17a],.b-select-filter-button[data-v-0eecb17a]:before,.b-select-filter-button[data-v-0eecb17a]:after{box-sizing:border-box}.b-select-filter-button [data-v-0eecb17a],.b-select-filter-button [data-v-0eecb17a]:before,.b-select-filter-button [data-v-0eecb17a]:after{box-sizing:border-box}.b-select-filter-button[data-v-0eecb17a] ::-webkit-scrollbar{height:14px;width:14px}.b-select-filter-button[data-v-0eecb17a] ::-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-select-filter-button__divider[data-v-0eecb17a]{margin:var(--b-spacer-040) var(--b-spacer-000) var(--b-spacer-000)}.b-select-filter-button__search-bar[data-v-0eecb17a]{padding:var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-000)}.b-select-filter-button__search-bar-wrapper[data-v-0eecb17a]{margin-top:var(--b-spacer-060)}.b-select-filter-button__wrapper[data-v-0eecb17a]{max-height:270px}.b-toggle-filter[data-v-16cb6c7e]{align-items:center;display:flex;gap:var(--b-spacer-020)}.b-toggle-filter__checkbox[data-v-16cb6c7e]{margin-top:5px}.b-toggle-filter__checkmark[data-v-16cb6c7e]{margin:var(--b-spacer-010)}.b-toggle-filter__content[data-v-16cb6c7e]{display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-toggle-filter__only-slot[data-v-16cb6c7e]{cursor:pointer;display:flex;gap:var(--b-spacer-070)}.b-toggle-filter__only-slot--disabled[data-v-16cb6c7e]{cursor:not-allowed}.b-boolean-filter[data-v-85731910]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-boolean-filter[data-v-85731910],.b-boolean-filter[data-v-85731910]:before,.b-boolean-filter[data-v-85731910]:after{box-sizing:border-box}.b-boolean-filter [data-v-85731910],.b-boolean-filter [data-v-85731910]:before,.b-boolean-filter [data-v-85731910]:after{box-sizing:border-box}.b-boolean-filter[data-v-85731910] ::-webkit-scrollbar{height:14px;width:14px}.b-boolean-filter[data-v-85731910] ::-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-boolean-filter--only-slot[data-v-85731910]{padding:var(--b-spacer-000)}.b-range-filter[data-v-540f94ab]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-range-filter[data-v-540f94ab],.b-range-filter[data-v-540f94ab]:before,.b-range-filter[data-v-540f94ab]:after{box-sizing:border-box}.b-range-filter [data-v-540f94ab],.b-range-filter [data-v-540f94ab]:before,.b-range-filter [data-v-540f94ab]:after{box-sizing:border-box}.b-range-filter[data-v-540f94ab] ::-webkit-scrollbar{height:14px;width:14px}.b-range-filter[data-v-540f94ab] ::-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-range-filter__input-field[data-v-540f94ab]{padding-top:var(--b-spacer-060)}.b-range-filter--only-slot[data-v-540f94ab]{padding:var(--b-spacer-000)}.b-checkbox-group-filter[data-v-a3c2bae1]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-checkbox-group-filter[data-v-a3c2bae1],.b-checkbox-group-filter[data-v-a3c2bae1]:before,.b-checkbox-group-filter[data-v-a3c2bae1]:after{box-sizing:border-box}.b-checkbox-group-filter [data-v-a3c2bae1],.b-checkbox-group-filter [data-v-a3c2bae1]:before,.b-checkbox-group-filter [data-v-a3c2bae1]:after{box-sizing:border-box}.b-checkbox-group-filter[data-v-a3c2bae1] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-group-filter[data-v-a3c2bae1] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-checkbox-group-filter--only-slot[data-v-a3c2bae1]{padding:var(--b-spacer-000)}button[data-v-66b170d4]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-66b170d4]:focus-visible{outline:none}.b-base-filter-button[data-v-66b170d4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-color-background-primary);color:var(--b-color-label-primary);cursor:pointer;height:40px;justify-content:center;padding:var(--b-spacer-030) var(--b-spacer-070);text-decoration:none;-webkit-user-select:none;user-select:none;width:100%}.b-base-filter-button[data-v-66b170d4],.b-base-filter-button[data-v-66b170d4]:before,.b-base-filter-button[data-v-66b170d4]:after{box-sizing:border-box}.b-base-filter-button [data-v-66b170d4],.b-base-filter-button [data-v-66b170d4]:before,.b-base-filter-button [data-v-66b170d4]:after{box-sizing:border-box}.b-base-filter-button[data-v-66b170d4] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter-button[data-v-66b170d4] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-base-filter-button[data-v-66b170d4]:hover{background-color:var(--b-color-background-primary-hover);color:var(--b-color-label-primary-hover)}}.b-base-filter-button[data-v-66b170d4] .b-base-button__label{width:100%}.b-base-filter-button[data-v-66b170d4]:active:not(:disabled){background-color:var(--b-color-background-primary-active)}.b-base-filter-button[data-v-66b170d4]:disabled,.b-base-filter-button[data-v-66b170d4]:disabled:not(:focus){background-color:var(--b-color-background-primary);color:var(--b-color-label-disabled);cursor:not-allowed}.b-base-filter-button:disabled .b-base-filter-button__counter[data-v-66b170d4],.b-base-filter-button:disabled:not(:focus) .b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-base-filter-button[data-v-66b170d4]:focus-visible{background-color:var(--b-color-background-primary-active)}.b-base-filter-button--filter-open[data-v-66b170d4]{background-color:var(--b-color-background-modal-active)}.b-base-filter-button__default-container[data-v-66b170d4]{align-items:center;display:flex;gap:var(--b-spacer-070);width:100%}.b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-color-background-inverse-primary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-inverse-primary);padding:var(--b-spacer-020) var(--b-spacer-030)}.b-base-filter-button__counter-wrapper[data-v-66b170d4]{align-items:center;display:flex}.b-base-filter-button__label[data-v-66b170d4]{display:block;overflow:hidden;text-overflow:ellipsis}.b-base-filter-button__label-container[data-v-66b170d4]{overflow:hidden;white-space:nowrap;width:100%}.b-base-filter-button__icon-left[data-v-66b170d4],.b-base-filter-button__icon-right[data-v-66b170d4]{display:inline-flex}.b-all-filters-modal-button[data-v-4c415ac7]{background-color:var(--b-color-background-primary);scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal-button--filter-open[data-v-4c415ac7]{background-color:var(--b-color-background-primary-active)}.b-all-filters-modal-button[data-v-4c415ac7],.b-all-filters-modal-button[data-v-4c415ac7]:before,.b-all-filters-modal-button[data-v-4c415ac7]:after{box-sizing:border-box}.b-all-filters-modal-button [data-v-4c415ac7],.b-all-filters-modal-button [data-v-4c415ac7]:before,.b-all-filters-modal-button [data-v-4c415ac7]:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-4c415ac7] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal-button[data-v-4c415ac7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-all-filters-modal-button[data-v-4c415ac7]:hover{background-color:var(--b-color-background-modal-hover);color:var(--b-color-label-primary)}}.b-all-filters-modal[data-v-732cf9cb]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal[data-v-732cf9cb],.b-all-filters-modal[data-v-732cf9cb]:before,.b-all-filters-modal[data-v-732cf9cb]:after{box-sizing:border-box}.b-all-filters-modal [data-v-732cf9cb],.b-all-filters-modal [data-v-732cf9cb]:before,.b-all-filters-modal [data-v-732cf9cb]:after{box-sizing:border-box}.b-all-filters-modal[data-v-732cf9cb] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-732cf9cb] ::-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-all-filters-modal[data-v-732cf9cb] .b-modal-page{height:calc(100vh - 128px);max-height:800px;position:relative}.b-all-filters-modal[data-v-732cf9cb] .b-modal-base__container{height:calc(100vh - 128px)!important;max-height:800px}.b-all-filters-modal[data-v-732cf9cb] .b-dialog-page__content{display:flex}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__content{flex:1;padding:var(--b-spacer-000)}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__content>.b-typography{height:100%}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__grid{overflow:hidden}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__grid>:nth-child(1){-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:auto;padding-bottom:var(--b-spacer-000);padding-right:var(--b-spacer-000)}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-732cf9cb] .b-grid-layout{gap:0;height:100%}.b-all-filters-modal__filters[data-v-732cf9cb]{display:flex;flex-direction:column;gap:var(--b-spacer-090)}.b-all-filters-modal__search-bar[data-v-732cf9cb]{padding:var(--b-spacer-000) var(--b-spacer-070)}.b-all-filters-modal__empty-search-message[data-v-732cf9cb]{color:var(--b-color-label-secondary);padding:var(--b-spacer-000) var(--b-spacer-070);text-align:center}.b-all-filters-modal__filters-list[data-v-732cf9cb]{list-style:none;margin:var(--b-spacer-000);padding:var(--b-spacer-000)}.b-all-filters-modal__filters-section[data-v-732cf9cb]{display:flex;flex-direction:column;gap:var(--b-spacer-030)}.b-all-filters-modal__filters-section-title[data-v-732cf9cb]{color:var(--b-color-label-secondary);padding:var(--b-spacer-000) var(--b-spacer-070)}.b-all-filters-modal__selected-filter-content[data-v-732cf9cb]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-040) var(--b-spacer-100) var(--b-spacer-040) var(--b-spacer-040)}.b-all-filters-modal__selected-filter-component[data-v-732cf9cb]{flex:1}.b-all-filters-modal__clear-button[data-v-732cf9cb]{display:flex;justify-content:flex-end}.b-all-filters-modal__selected-filter-text[data-v-732cf9cb]{display:flex;flex-direction:column;gap:var(--b-spacer-030);margin-bottom:var(--b-spacer-100)}.b-filter-bar[data-v-a9f59b6d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;width:100%}.b-filter-bar[data-v-a9f59b6d],.b-filter-bar[data-v-a9f59b6d]:before,.b-filter-bar[data-v-a9f59b6d]:after{box-sizing:border-box}.b-filter-bar [data-v-a9f59b6d],.b-filter-bar [data-v-a9f59b6d]:before,.b-filter-bar *[data-v-a9f59b6d]:after{box-sizing:border-box}.b-filter-bar[data-v-a9f59b6d] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-a9f59b6d] ::-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-filter-bar__all-filters-modal[data-v-a9f59b6d],.b-filter-bar__clear-all[data-v-a9f59b6d],.b-filter-bar__reset-all[data-v-a9f59b6d]{display:inline-block;flex-shrink:0}.b-filter-bar__search-external-container[data-v-a9f59b6d]{margin-bottom:var(--b-spacer-040)}.b-filter-bar__fixed-scroller[data-v-a9f59b6d] .b-fixed-scroller__right .b-button--condensed,.b-filter-bar__fixed-scroller[data-v-a9f59b6d] .b-fixed-scroller__left .b-button--condensed{height:inherit;max-height:inherit}.b-filter-bar__container[data-v-a9f59b6d]{display:flex;flex-direction:row}.b-filter-bar__filters[data-v-a9f59b6d]{display:flex;flex-wrap:wrap;gap:var(--b-spacer-040);width:100%}.b-filter-bar__filters .b-filter-bar__search-bar-container[data-v-a9f59b6d]{min-width:200px;width:200px}.b-filter-bar__search-bar-container[data-v-a9f59b6d]{flex:0 1 auto}.b-filter-bar--large-layout .b-filter-bar__search-bar[data-v-a9f59b6d]{width:100%}.b-filter-bar__scroller-content[data-v-a9f59b6d]{display:flex;gap:var(--b-spacer-040)}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-a9f59b6d]{min-width:180px}

package/dist/assets/header-meta.css CHANGED Viewed

	@@ -1 +1 @@
1	- .b-info-icon-with-popover[data-v-4cb2adfc]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;outline:none}.b-info-icon-with-popover[data-v-4cb2adfc],.b-info-icon-with-popover[data-v-4cb2adfc]:before,.b-info-icon-with-popover[data-v-4cb2adfc]:after{box-sizing:border-box}.b-info-icon-with-popover [data-v-4cb2adfc],.b-info-icon-with-popover [data-v-4cb2adfc]:before,.b-info-icon-with-popover [data-v-4cb2adfc]:after{box-sizing:border-box}.b-info-icon-with-popover[data-v-4cb2adfc] ::-webkit-scrollbar{height:14px;width:14px}.b-info-icon-with-popover[data-v-4cb2adfc] ::-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-info-icon-with-popover:focus-visible .b-info-icon-with-popover__svg[data-v-4cb2adfc]{animation:outer-ring-default-4cb2adfc 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);border-radius:50%;height:16px;width:16px}@keyframes outer-ring-default-4cb2adfc{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-header-meta[data-v-~~0b8d63cc~~]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-header-meta[data-v-~~0b8d63cc~~],.b-header-meta[data-v-~~0b8d63cc~~]:before,.b-header-meta[data-v-~~0b8d63cc~~]:after{box-sizing:border-box}.b-header-meta [data-v-~~0b8d63cc~~],.b-header-meta [data-v-~~0b8d63cc~~]:before,.b-header-meta [data-v-~~0b8d63cc~~]:after{box-sizing:border-box}.b-header-meta[data-v-~~0b8d63cc~~] ::-webkit-scrollbar{height:14px;width:14px}.b-header-meta[data-v-~~0b8d63cc~~] ::-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-header-meta__container[data-v-~~0b8d63cc~~]{display:flex;flex-direction:column;gap:var(--b-spacer-020);max-width:700px}.b-header-meta__description[data-v-~~0b8d63cc~~]{color:var(--b-color-label-secondary)}.b-header-meta__timestamp-section[data-v-~~0b8d63cc~~]{align-items:center;column-gap:var(--b-spacer-060);display:flex;flex-wrap:wrap}.b-header-meta__timestamp[data-v-~~0b8d63cc~~]{color:var(--b-color-label-secondary)}
1	+ .b-info-icon-with-popover[data-v-4cb2adfc]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;outline:none}.b-info-icon-with-popover[data-v-4cb2adfc],.b-info-icon-with-popover[data-v-4cb2adfc]:before,.b-info-icon-with-popover[data-v-4cb2adfc]:after{box-sizing:border-box}.b-info-icon-with-popover [data-v-4cb2adfc],.b-info-icon-with-popover [data-v-4cb2adfc]:before,.b-info-icon-with-popover [data-v-4cb2adfc]:after{box-sizing:border-box}.b-info-icon-with-popover[data-v-4cb2adfc] ::-webkit-scrollbar{height:14px;width:14px}.b-info-icon-with-popover[data-v-4cb2adfc] ::-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-info-icon-with-popover:focus-visible .b-info-icon-with-popover__svg[data-v-4cb2adfc]{animation:outer-ring-default-4cb2adfc 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);border-radius:50%;height:16px;width:16px}@keyframes outer-ring-default-4cb2adfc{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-header-meta[data-v-134e427d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-header-meta[data-v-134e427d],.b-header-meta[data-v-134e427d]:before,.b-header-meta[data-v-134e427d]:after{box-sizing:border-box}.b-header-meta [data-v-134e427d],.b-header-meta [data-v-134e427d]:before,.b-header-meta [data-v-134e427d]:after{box-sizing:border-box}.b-header-meta[data-v-134e427d] ::-webkit-scrollbar{height:14px;width:14px}.b-header-meta[data-v-134e427d] ::-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-header-meta__container[data-v-134e427d]{display:flex;flex-direction:column;gap:var(--b-spacer-020);max-width:700px}.b-header-meta__description[data-v-134e427d]{color:var(--b-color-label-secondary)}.b-header-meta__timestamp-section[data-v-134e427d]{align-items:center;column-gap:var(--b-spacer-060);display:flex;flex-wrap:wrap}.b-header-meta__timestamp[data-v-134e427d]{color:var(--b-color-label-secondary)}

package/dist/assets/inspector.css CHANGED Viewed

	@@ -1 +1 @@
1	- .b-inspector[data-v-62a28c4d]{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-62a28c4d],.b-inspector[data-v-62a28c4d]:before,.b-inspector[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector [data-v-62a28c4d],.b-inspector [data-v-62a28c4d]:before,.b-inspector *[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector[data-v-62a28c4d] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-62a28c4d] ::-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-62a28c4d]{box-shadow:var(--b-shadow-medium);position:absolute;right:0;z-index:var(--b-z-index-global-elevated)}.b-inspector__page-wrapper[data-v-62a28c4d]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-62a28c4d]{height:100%}.b-inspector__container-wrapper[data-v-62a28c4d]{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-62a28c4d]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-070) var(--b-spacer-090)}.b-inspector__header[data-v-62a28c4d]{color:var(--b-color-label-primary);display:flex;gap:var(--b-spacer-060);padding-bottom:var(--b-spacer-070)}.b-inspector__title[data-v-62a28c4d]{flex-grow:1}.b-inspector__icons[data-v-62a28c4d]{display:flex;flex-shrink:0;gap:var(--b-spacer-050)}.b-inspector__content[data-v-62a28c4d]{flex-grow:1}.b-inspector__loading-indicator[data-v-62a28c4d]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-62a28c4d]{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-62a28c4d]: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-62a28c4d]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-62a28c4d]{width:420px}.b-inspector--small .b-inspector__container[data-v-62a28c4d]{width:419px}@keyframes expand-small-62a28c4d{0%{width:0}to{width:420px}}@keyframes shrink-small-62a28c4d{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--small .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{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-62a28c4d]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-~~u2zw9te~~-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-~~u2zw9te~~-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-~~u2zw9ty~~-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-~~u2zw9ty~~-62a28c4d{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-62a28c4d]{width:595px}.b-inspector--large .b-inspector__container[data-v-62a28c4d]{width:594px}@keyframes expand-large-62a28c4d{0%{width:0}to{width:595px}}@keyframes shrink-large-62a28c4d{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-large-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--large .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-large-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{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-62a28c4d]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-~~u2zw9u0~~-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-~~u2zw9u0~~-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-~~u2zw9uz~~-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-~~u2zw9uz~~-62a28c4d{0%{translate:0 0}to{translate:100% 0}}
1	+ .b-inspector[data-v-62a28c4d]{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-62a28c4d],.b-inspector[data-v-62a28c4d]:before,.b-inspector[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector [data-v-62a28c4d],.b-inspector [data-v-62a28c4d]:before,.b-inspector *[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector[data-v-62a28c4d] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-62a28c4d] ::-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-62a28c4d]{box-shadow:var(--b-shadow-medium);position:absolute;right:0;z-index:var(--b-z-index-global-elevated)}.b-inspector__page-wrapper[data-v-62a28c4d]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-62a28c4d]{height:100%}.b-inspector__container-wrapper[data-v-62a28c4d]{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-62a28c4d]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-070) var(--b-spacer-090)}.b-inspector__header[data-v-62a28c4d]{color:var(--b-color-label-primary);display:flex;gap:var(--b-spacer-060);padding-bottom:var(--b-spacer-070)}.b-inspector__title[data-v-62a28c4d]{flex-grow:1}.b-inspector__icons[data-v-62a28c4d]{display:flex;flex-shrink:0;gap:var(--b-spacer-050)}.b-inspector__content[data-v-62a28c4d]{flex-grow:1}.b-inspector__loading-indicator[data-v-62a28c4d]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-62a28c4d]{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-62a28c4d]: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-62a28c4d]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-62a28c4d]{width:420px}.b-inspector--small .b-inspector__container[data-v-62a28c4d]{width:419px}@keyframes expand-small-62a28c4d{0%{width:0}to{width:420px}}@keyframes shrink-small-62a28c4d{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--small .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{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-62a28c4d]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-uhw49zw-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uhw49zw-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-uhw4a0q-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uhw4a0q-62a28c4d{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-62a28c4d]{width:595px}.b-inspector--large .b-inspector__container[data-v-62a28c4d]{width:594px}@keyframes expand-large-62a28c4d{0%{width:0}to{width:595px}}@keyframes shrink-large-62a28c4d{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-large-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--large .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-large-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{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-62a28c4d]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-uhw4a1f-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uhw4a1f-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-uhw4a1n-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uhw4a1n-62a28c4d{0%{translate:0 0}to{translate:100% 0}}

package/dist/assets/list-item.css CHANGED Viewed

	@@ -1 +1 @@
1	- .b-list[data-v-~~9bae82a2~~]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale~~;color:var(--b-color-label-primary);display:flex;flex-direction:column;margin:0;padding:0~~}.b-list[data-v-~~9bae82a2~~],.b-list[data-v-~~9bae82a2~~]:before,.b-list[data-v-~~9bae82a2~~]:after{box-sizing:border-box}.b-list [data-v-~~9bae82a2~~],.b-list [data-v-~~9bae82a2~~]:before,.b-list [data-v-~~9bae82a2~~]:after{box-sizing:border-box}.b-list[data-v-~~9bae82a2~~] ::-webkit-scrollbar{height:14px;width:14px}.b-list[data-v-~~9bae82a2~~] ::-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-list-item[data-v-~~c5d47092~~]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-list-item[data-v-~~c5d47092~~],.b-list-item[data-v-~~c5d47092~~]:before,.b-list-item[data-v-~~c5d47092~~]:after{box-sizing:border-box}.b-list-item [data-v-~~c5d47092~~],.b-list-item [data-v-~~c5d47092~~]:before,.b-list-item [data-v-~~c5d47092~~]:after{box-sizing:border-box}.b-list-item[data-v-~~c5d47092~~] ::-webkit-scrollbar{height:14px;width:14px}.b-list-item[data-v-~~c5d47092~~] ::-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-list-item__inner[data-v-~~c5d47092~~]{align-items:center;background-color:var(--b-color-background-primary);display:flex;gap:var(--b-spacer-060);padding:var(--b-spacer-040) 0;width:100%}.b-list-item__inner--clickable[data-v-~~c5d47092~~]{cursor:pointer}.b-list-item__inner--clickable[data-v-~~c5d47092~~]:hover{background-color:var(--b-color-background-primary-hover)}.b-list-item__inner--clickable[data-v-~~c5d47092~~]:active{background-color:var(--b-color-background-primary-active)}.b-list-item__inner--clickable[data-v-~~c5d47092~~]:focus-visible{animation:outer-ring-default-~~c5d47092~~ 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-~~c5d47092~~{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-list-item__inner--clickable[data-v-~~c5d47092~~] .b-tag{cursor:pointer}.b-list-item__inner--top-divider[data-v-~~c5d47092~~]{border-top:var(--b-border-width-s) solid var(--b-color-separator-primary)}.b-list-item__inner--bottom-divider[data-v-~~c5d47092~~]{border-bottom:var(--b-border-width-s) solid var(--b-color-separator-primary)}.b-list-item__content[data-v-~~c5d47092~~]{display:flex;flex:1;flex-direction:column;gap:var(--b-spacer-010)}.b-list-item__header[data-v-~~c5d47092~~]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--b-spacer-040)}.b-list-item__description[data-v-~~c5d47092~~]{color:var(--b-color-label-secondary)}.b-list-item__status[data-v-~~c5d47092~~] .b-status__label{display:none}.b-list-item__start[data-v-~~c5d47092~~],.b-list-item__image[data-v-~~c5d47092~~],.b-list-item__end[data-v-~~c5d47092~~]{display:flex}.b-list-item__tag[data-v-~~c5d47092~~],.b-list-item__status[data-v-~~c5d47092~~]{align-self:start}.b-list-item__end[data-v-~~c5d47092~~]{gap:var(--b-spacer-060)}
1	+ .b-list[data-v-c2ccaf69]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-list[data-v-c2ccaf69],.b-list[data-v-c2ccaf69]:before,.b-list[data-v-c2ccaf69]:after{box-sizing:border-box}.b-list [data-v-c2ccaf69],.b-list [data-v-c2ccaf69]:before,.b-list [data-v-c2ccaf69]:after{box-sizing:border-box}.b-list[data-v-c2ccaf69] ::-webkit-scrollbar{height:14px;width:14px}.b-list[data-v-c2ccaf69] ::-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-list__list[data-v-c2ccaf69]{color:var(--b-color-label-primary);display:flex;flex-direction:column;margin:0;padding:0}.b-list__announcement[data-v-c2ccaf69]{border:0;clip:rect(0,0,0,0);position:absolute;height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.b-list-item[data-v-3cc5daca]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-list-item[data-v-3cc5daca],.b-list-item[data-v-3cc5daca]:before,.b-list-item[data-v-3cc5daca]:after{box-sizing:border-box}.b-list-item [data-v-3cc5daca],.b-list-item [data-v-3cc5daca]:before,.b-list-item [data-v-3cc5daca]:after{box-sizing:border-box}.b-list-item[data-v-3cc5daca] ::-webkit-scrollbar{height:14px;width:14px}.b-list-item[data-v-3cc5daca] ::-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-list-item__inner[data-v-3cc5daca]{align-items:center;background-color:var(--b-color-background-primary);display:flex;gap:var(--b-spacer-060);padding:var(--b-spacer-040) 0;width:100%}.b-list-item__inner--clickable[data-v-3cc5daca]{cursor:pointer}.b-list-item__inner--clickable[data-v-3cc5daca]:hover{background-color:var(--b-color-background-primary-hover)}.b-list-item__inner--clickable[data-v-3cc5daca]:active{background-color:var(--b-color-background-primary-active)}.b-list-item__inner--clickable[data-v-3cc5daca]:focus-visible{animation:outer-ring-default-3cc5daca 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-3cc5daca{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-list-item__inner--clickable[data-v-3cc5daca] .b-tag{cursor:pointer}.b-list-item__inner--top-divider[data-v-3cc5daca]{border-top:var(--b-border-width-s) solid var(--b-color-separator-primary)}.b-list-item__inner--bottom-divider[data-v-3cc5daca]{border-bottom:var(--b-border-width-s) solid var(--b-color-separator-primary)}.b-list-item__content[data-v-3cc5daca]{display:flex;flex:1;flex-direction:column;gap:var(--b-spacer-010)}.b-list-item__header[data-v-3cc5daca]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--b-spacer-040)}.b-list-item__description[data-v-3cc5daca]{color:var(--b-color-label-secondary)}.b-list-item__status[data-v-3cc5daca] .b-status__label{display:none}.b-list-item__start[data-v-3cc5daca],.b-list-item__image[data-v-3cc5daca],.b-list-item__end[data-v-3cc5daca]{display:flex}.b-list-item__tag[data-v-3cc5daca],.b-list-item__status[data-v-3cc5daca]{align-self:start}.b-list-item__end[data-v-3cc5daca]{gap:var(--b-spacer-060)}

package/dist/assets/modal-fullscreen.css CHANGED Viewed

	@@ -1 +1 @@
1	- .b-modal-fullscreen-page[data-v-50f40dc1]{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-50f40dc1],.b-modal-fullscreen-page[data-v-50f40dc1]:before,.b-modal-fullscreen-page[data-v-50f40dc1]:after{box-sizing:border-box}.b-modal-fullscreen-page [data-v-50f40dc1],.b-modal-fullscreen-page [data-v-50f40dc1]:before,.b-modal-fullscreen-page [data-v-50f40dc1]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-50f40dc1] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-50f40dc1] ::-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-50f40dc1]{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-50f40dc1]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-50f40dc1]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-50f40dc1]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-50f40dc1]{align-items:center;gap:var(--b-spacer-090);justify-content:end}.b-modal-fullscreen-page__title[data-v-50f40dc1]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-50f40dc1]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-50f40dc1]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-50f40dc1] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-50f40dc1]{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-50f40dc1]{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-9349b04a]{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-9349b04a],.b-modal-fullscreen[data-v-9349b04a]:before,.b-modal-fullscreen[data-v-9349b04a]:after{box-sizing:border-box}.b-modal-fullscreen [data-v-9349b04a],.b-modal-fullscreen [data-v-9349b04a]:before,.b-modal-fullscreen [data-v-9349b04a]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-9349b04a] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-9349b04a] ::-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-9349b04a]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen[data-v-9349b04a]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-9349b04a]{animation:fade-in-~~u2zw97l~~-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-~~u2zw97l~~-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-~~u2zw97l~~-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-~~u2zw97l~~-9349b04a{0%{opacity:0}to{opacity:1}}@keyframes scale-up-~~u2zw97l~~-9349b04a{0%{scale:1}to{scale:1}}@keyframes enter-~~u2zw97l~~-9349b04a{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-9349b04a]{animation:fade-out-~~u2zw995~~-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-~~u2zw995~~-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-~~u2zw995~~-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-~~u2zw995~~-9349b04a{0%{opacity:1}to{opacity:0}}@keyframes scale-down-~~u2zw995~~-9349b04a{0%{scale:1}to{scale:1}}@keyframes exit-~~u2zw995~~-9349b04a{0%{translate:0 0}to{translate:0 64px}}
1	+ .b-modal-fullscreen-page[data-v-50f40dc1]{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-50f40dc1],.b-modal-fullscreen-page[data-v-50f40dc1]:before,.b-modal-fullscreen-page[data-v-50f40dc1]:after{box-sizing:border-box}.b-modal-fullscreen-page [data-v-50f40dc1],.b-modal-fullscreen-page [data-v-50f40dc1]:before,.b-modal-fullscreen-page [data-v-50f40dc1]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-50f40dc1] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-50f40dc1] ::-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-50f40dc1]{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:not(:has(.b-modal-fullscreen-page__actions)) .b-modal-fullscreen-page__header-section--slot[data-v-50f40dc1]{flex:0 1 auto}.b-modal-fullscreen-page__header-section[data-v-50f40dc1]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-50f40dc1]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-50f40dc1]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-50f40dc1]{align-items:center;gap:var(--b-spacer-090);justify-content:end}.b-modal-fullscreen-page__title[data-v-50f40dc1]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-50f40dc1]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-50f40dc1]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-50f40dc1] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-50f40dc1]{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-50f40dc1]{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-9349b04a]{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-9349b04a],.b-modal-fullscreen[data-v-9349b04a]:before,.b-modal-fullscreen[data-v-9349b04a]:after{box-sizing:border-box}.b-modal-fullscreen [data-v-9349b04a],.b-modal-fullscreen [data-v-9349b04a]:before,.b-modal-fullscreen [data-v-9349b04a]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-9349b04a] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-9349b04a] ::-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-9349b04a]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen[data-v-9349b04a]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-9349b04a]{animation:fade-in-uhw49ca-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uhw49ca-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uhw49ca-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-uhw49ca-9349b04a{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uhw49ca-9349b04a{0%{scale:1}to{scale:1}}@keyframes enter-uhw49ca-9349b04a{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-9349b04a]{animation:fade-out-uhw49d6-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uhw49d6-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uhw49d6-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-uhw49d6-9349b04a{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uhw49d6-9349b04a{0%{scale:1}to{scale:1}}@keyframes exit-uhw49d6-9349b04a{0%{translate:0 0}to{translate:0 64px}}

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

	@@ -1 +1 @@
1	- .b-navigation-menu[data-v-2ed5fb08]{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-2ed5fb08],.b-navigation-menu[data-v-2ed5fb08]:before,.b-navigation-menu[data-v-2ed5fb08]:after{box-sizing:border-box}.b-navigation-menu [data-v-2ed5fb08],.b-navigation-menu [data-v-2ed5fb08]:before,.b-navigation-menu [data-v-2ed5fb08]:after{box-sizing:border-box}.b-navigation-menu[data-v-2ed5fb08] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu[data-v-2ed5fb08] ::-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-2ed5fb08]{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-2ed5fb08]{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-2ed5fb08],.b-navigation-menu__actions[data-v-2ed5fb08]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-navigation-menu__actions-container[data-v-2ed5fb08] .b-button--icon-only{padding:var(--b-spacer-030)}.b-navigation-menu__content[data-v-2ed5fb08]{display:flex;flex-direction:column;gap:var(--b-spacer-010);list-style:none;margin:0;padding:0}.b-navigation-menu__content[data-v-2ed5fb08] a{text-decoration:none}.b-navigation-menu-item[data-v-2a8e67a7]{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-2a8e67a7],.b-navigation-menu-item[data-v-2a8e67a7]:before,.b-navigation-menu-item[data-v-2a8e67a7]:after{box-sizing:border-box}.b-navigation-menu-item [data-v-2a8e67a7],.b-navigation-menu-item [data-v-2a8e67a7]:before,.b-navigation-menu-item [data-v-2a8e67a7]:after{box-sizing:border-box}.b-navigation-menu-item[data-v-2a8e67a7] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-item[data-v-2a8e67a7] ::-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-2a8e67a7]{padding-left:var(--b-spacer-060)}.b-navigation-menu-item[data-v-2a8e67a7]:hover{background-color:var(--b-color-background-modal-hover)}.b-navigation-menu-item[data-v-2a8e67a7]:active{background-color:var(--b-color-background-modal-active)}.b-navigation-menu-item__link[data-v-2a8e67a7]{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-2a8e67a7]:focus-visible{border-radius:var(--b-border-radius-m)}.b-navigation-menu-item__icon[data-v-2a8e67a7]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item__label[data-v-2a8e67a7]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-item__icon[data-v-2a8e67a7],.b-navigation-menu-item__label[data-v-2a8e67a7]{color:var(--b-color-label-primary)}.b-navigation-menu-item__action[data-v-2a8e67a7]{display:none;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-2a8e67a7]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-2a8e67a7]{animation:fade-in-u2zw9ki-2a8e67a7 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-u2zw9ki-2a8e67a7{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-item--selected[data-v-2a8e67a7]{background-color:var(--b-color-background-navigation)}.b-navigation-menu-item--selected[data-v-2a8e67a7]:hover{background-color:var(--b-color-background-navigation-hover)}.b-navigation-menu-item--selected[data-v-2a8e67a7]:active{background-color:var(--b-color-background-navigation-active)}.b-navigation-menu-item--nested[data-v-2a8e67a7]{margin-top:var(--b-spacer-010)}.b-navigation-menu-item--nested .b-navigation-menu-item__link[data-v-2a8e67a7]{padding-left:36px}.b-navigation-menu-item--nested .b-navigation-menu-item__label[data-v-2a8e67a7]{color:var(--b-color-label-secondary)}.b-navigation-menu-item--nested:hover .b-navigation-menu-item__label[data-v-2a8e67a7],.b-navigation-menu-item--nested:active .b-navigation-menu-item__label[data-v-2a8e67a7],.b-navigation-menu-item--nested.b-navigation-menu-item--selected .b-navigation-menu-item__label[data-v-2a8e67a7]{color:var(--b-color-label-primary)}.b-navigation-menu-item--hidden[data-v-2a8e67a7]{margin-top:0;max-height:0;min-height:0;opacity:0}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item--hidden[data-v-2a8e67a7]{transition:all var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-item--hidden .b-navigation-menu-item__link[data-v-2a8e67a7]{padding-bottom:0;padding-top:0}.b-navigation-menu-group[data-v-1199c152]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-navigation-menu-group[data-v-1199c152],.b-navigation-menu-group[data-v-1199c152]:before,.b-navigation-menu-group[data-v-1199c152]:after{box-sizing:border-box}.b-navigation-menu-group [data-v-1199c152],.b-navigation-menu-group [data-v-1199c152]:before,.b-navigation-menu-group *[data-v-1199c152]:after{box-sizing:border-box}.b-navigation-menu-group[data-v-1199c152] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-group[data-v-1199c152] ::-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-1199c152]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-navigation-menu-group button[data-v-1199c152]:focus-visible{outline:none}.b-navigation-menu-group__header[data-v-1199c152]{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-1199c152]:hover{background-color:var(--b-color-background-modal-hover)}.b-navigation-menu-group__header[data-v-1199c152]:active{background-color:var(--b-color-background-modal-active)}.b-navigation-menu-group__header[data-v-1199c152]:focus-visible{animation:outer-ring-default-1199c152 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-1199c152{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-1199c152]{padding-left:var(--b-spacer-050)}.b-navigation-menu-group__icon[data-v-1199c152]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-group__icon--chevron[data-v-1199c152]{display:none}.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-1199c152],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-1199c152]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-1199c152],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-1199c152]{animation:fade-in-u2zw9o1-1199c152 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-u2zw9o1-1199c152{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-group__label[data-v-1199c152]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-group__content-wrapper[data-v-1199c152]{overflow:clip;overflow-clip-margin:var(--b-spacer-020)}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__content-wrapper[data-v-1199c152]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-group__content[data-v-1199c152]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.b-navigation-menu-group__animation--content-enter-active[data-v-1199c152]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-enter-active[data-v-1199c152]{animation:fade-in-u2zw9od-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-u2zw9od-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-u2zw9od-1199c152 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-u2zw9od-1199c152{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u2zw9od-1199c152{0%{scale:1}to{scale:1}}@keyframes enter-u2zw9od-1199c152{0%{translate:0 -8px}to{translate:0 0}}}.b-navigation-menu-group__animation--content-leave-active[data-v-1199c152]{max-height:0!important;overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-leave-active[data-v-1199c152]{animation:fade-out-u2zw9p6-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-u2zw9p6-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-u2zw9p6-1199c152 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-u2zw9p6-1199c152{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u2zw9p6-1199c152{0%{scale:1}to{scale:1}}@keyframes exit-u2zw9p6-1199c152{0%{translate:0 0}to{translate:0 -8px}}}
1	+ .b-navigation-menu[data-v-2ed5fb08]{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-2ed5fb08],.b-navigation-menu[data-v-2ed5fb08]:before,.b-navigation-menu[data-v-2ed5fb08]:after{box-sizing:border-box}.b-navigation-menu [data-v-2ed5fb08],.b-navigation-menu [data-v-2ed5fb08]:before,.b-navigation-menu [data-v-2ed5fb08]:after{box-sizing:border-box}.b-navigation-menu[data-v-2ed5fb08] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu[data-v-2ed5fb08] ::-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-2ed5fb08]{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-2ed5fb08]{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-2ed5fb08],.b-navigation-menu__actions[data-v-2ed5fb08]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-navigation-menu__actions-container[data-v-2ed5fb08] .b-button--icon-only{padding:var(--b-spacer-030)}.b-navigation-menu__content[data-v-2ed5fb08]{display:flex;flex-direction:column;gap:var(--b-spacer-010);list-style:none;margin:0;padding:0}.b-navigation-menu__content[data-v-2ed5fb08] a{text-decoration:none}.b-navigation-menu-item[data-v-2a8e67a7]{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-2a8e67a7],.b-navigation-menu-item[data-v-2a8e67a7]:before,.b-navigation-menu-item[data-v-2a8e67a7]:after{box-sizing:border-box}.b-navigation-menu-item [data-v-2a8e67a7],.b-navigation-menu-item [data-v-2a8e67a7]:before,.b-navigation-menu-item [data-v-2a8e67a7]:after{box-sizing:border-box}.b-navigation-menu-item[data-v-2a8e67a7] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-item[data-v-2a8e67a7] ::-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-2a8e67a7]{padding-left:var(--b-spacer-060)}.b-navigation-menu-item[data-v-2a8e67a7]:hover{background-color:var(--b-color-background-modal-hover)}.b-navigation-menu-item[data-v-2a8e67a7]:active{background-color:var(--b-color-background-modal-active)}.b-navigation-menu-item__link[data-v-2a8e67a7]{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-2a8e67a7]:focus-visible{border-radius:var(--b-border-radius-m)}.b-navigation-menu-item__icon[data-v-2a8e67a7]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item__label[data-v-2a8e67a7]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-item__icon[data-v-2a8e67a7],.b-navigation-menu-item__label[data-v-2a8e67a7]{color:var(--b-color-label-primary)}.b-navigation-menu-item__action[data-v-2a8e67a7]{display:none;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-2a8e67a7]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-2a8e67a7]{animation:fade-in-uhw49qs-2a8e67a7 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-uhw49qs-2a8e67a7{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-item--selected[data-v-2a8e67a7]{background-color:var(--b-color-background-navigation)}.b-navigation-menu-item--selected[data-v-2a8e67a7]:hover{background-color:var(--b-color-background-navigation-hover)}.b-navigation-menu-item--selected[data-v-2a8e67a7]:active{background-color:var(--b-color-background-navigation-active)}.b-navigation-menu-item--nested[data-v-2a8e67a7]{margin-top:var(--b-spacer-010)}.b-navigation-menu-item--nested .b-navigation-menu-item__link[data-v-2a8e67a7]{padding-left:36px}.b-navigation-menu-item--nested .b-navigation-menu-item__label[data-v-2a8e67a7]{color:var(--b-color-label-secondary)}.b-navigation-menu-item--nested:hover .b-navigation-menu-item__label[data-v-2a8e67a7],.b-navigation-menu-item--nested:active .b-navigation-menu-item__label[data-v-2a8e67a7],.b-navigation-menu-item--nested.b-navigation-menu-item--selected .b-navigation-menu-item__label[data-v-2a8e67a7]{color:var(--b-color-label-primary)}.b-navigation-menu-item--hidden[data-v-2a8e67a7]{margin-top:0;max-height:0;min-height:0;opacity:0}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item--hidden[data-v-2a8e67a7]{transition:all var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-item--hidden .b-navigation-menu-item__link[data-v-2a8e67a7]{padding-bottom:0;padding-top:0}.b-navigation-menu-group[data-v-1199c152]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-navigation-menu-group[data-v-1199c152],.b-navigation-menu-group[data-v-1199c152]:before,.b-navigation-menu-group[data-v-1199c152]:after{box-sizing:border-box}.b-navigation-menu-group [data-v-1199c152],.b-navigation-menu-group [data-v-1199c152]:before,.b-navigation-menu-group *[data-v-1199c152]:after{box-sizing:border-box}.b-navigation-menu-group[data-v-1199c152] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-group[data-v-1199c152] ::-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-1199c152]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-navigation-menu-group button[data-v-1199c152]:focus-visible{outline:none}.b-navigation-menu-group__header[data-v-1199c152]{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-1199c152]:hover{background-color:var(--b-color-background-modal-hover)}.b-navigation-menu-group__header[data-v-1199c152]:active{background-color:var(--b-color-background-modal-active)}.b-navigation-menu-group__header[data-v-1199c152]:focus-visible{animation:outer-ring-default-1199c152 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-1199c152{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-1199c152]{padding-left:var(--b-spacer-050)}.b-navigation-menu-group__icon[data-v-1199c152]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-group__icon--chevron[data-v-1199c152]{display:none}.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-1199c152],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-1199c152]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-1199c152],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-1199c152]{animation:fade-in-uhw49se-1199c152 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-uhw49se-1199c152{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-group__label[data-v-1199c152]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-group__content-wrapper[data-v-1199c152]{overflow:clip;overflow-clip-margin:var(--b-spacer-020)}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__content-wrapper[data-v-1199c152]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-group__content[data-v-1199c152]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.b-navigation-menu-group__animation--content-enter-active[data-v-1199c152]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-enter-active[data-v-1199c152]{animation:fade-in-uhw49t6-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uhw49t6-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uhw49t6-1199c152 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-uhw49t6-1199c152{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uhw49t6-1199c152{0%{scale:1}to{scale:1}}@keyframes enter-uhw49t6-1199c152{0%{translate:0 -8px}to{translate:0 0}}}.b-navigation-menu-group__animation--content-leave-active[data-v-1199c152]{max-height:0!important;overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-leave-active[data-v-1199c152]{animation:fade-out-uhw49tm-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uhw49tm-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uhw49tm-1199c152 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-uhw49tm-1199c152{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uhw49tm-1199c152{0%{scale:1}to{scale:1}}@keyframes exit-uhw49tm-1199c152{0%{translate:0 0}to{translate:0 -8px}}}

package/dist/assets/secondary-nav.css CHANGED Viewed

	@@ -1 +1 @@
1	- button[data-v-14334916]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-14334916]:focus-visible{outline:none}.b-secondary-nav-item[data-v-14334916]{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-14334916],.b-secondary-nav-item[data-v-14334916]:before,.b-secondary-nav-item[data-v-14334916]:after{box-sizing:border-box}.b-secondary-nav-item [data-v-14334916],.b-secondary-nav-item [data-v-14334916]:before,.b-secondary-nav-item [data-v-14334916]:after{box-sizing:border-box}.b-secondary-nav-item[data-v-14334916] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-item[data-v-14334916] ::-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-14334916]{position:relative}.b-secondary-nav-item__option[data-v-14334916]{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-14334916]:hover{background-color:var(--b-color-background-primary-hover)}}.b-secondary-nav-item__option[data-v-14334916]:active,.b-secondary-nav-item__option--active[data-v-14334916]{background-color:var(--b-color-background-primary-active)}.b-secondary-nav-item__option[data-v-14334916]:focus-visible{animation:outer-ring-default-14334916 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-14334916{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-14334916]{padding-left:var(--b-spacer-080)}.b-secondary-nav-item__option--expandable[data-v-14334916]{padding-right:var(--b-spacer-100)}.b-secondary-nav-item__toggle[data-v-14334916]{position:absolute;right:var(--b-spacer-050);top:50%;transform:translateY(-50%)}.b-secondary-nav-item__toggle[data-v-14334916]:after{content:"";display:block;inset:calc(var(--b-spacer-050) -1);position:absolute}.b-secondary-nav-item__visually-hidden[data-v-14334916]{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-14334916]{list-style:none;padding:0}.b-secondary-nav-item__animation--content-enter-active[data-v-14334916]{animation:fade-in-~~u2zw9vh~~-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-~~u2zw9vh~~-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-~~u2zw9vh~~-14334916 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-~~u2zw9vh~~-14334916{0%{opacity:0}to{opacity:1}}@keyframes scale-up-~~u2zw9vh~~-14334916{0%{scale:1}to{scale:1}}@keyframes enter-~~u2zw9vh~~-14334916{0%{translate:0 -8px}to{translate:0 0}}.b-secondary-nav-item__animation--content-leave-active[data-v-14334916]{animation:fade-out-~~u2zw9wf~~-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-~~u2zw9wf~~-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-~~u2zw9wf~~-14334916 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-~~u2zw9wf~~-14334916{0%{opacity:1}to{opacity:0}}@keyframes scale-down-~~u2zw9wf~~-14334916{0%{scale:1}to{scale:1}}@keyframes exit-~~u2zw9wf~~-14334916{0%{translate:0 0}to{translate:0 -8px}}.b-secondary-nav-category[data-v-777b2ce6]{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-777b2ce6],.b-secondary-nav-category[data-v-777b2ce6]:before,.b-secondary-nav-category[data-v-777b2ce6]:after{box-sizing:border-box}.b-secondary-nav-category [data-v-777b2ce6],.b-secondary-nav-category [data-v-777b2ce6]:before,.b-secondary-nav-category [data-v-777b2ce6]:after{box-sizing:border-box}.b-secondary-nav-category[data-v-777b2ce6] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-category[data-v-777b2ce6] ::-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-777b2ce6]{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-900dc964]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-secondary-nav[data-v-900dc964],.b-secondary-nav[data-v-900dc964]:before,.b-secondary-nav[data-v-900dc964]:after{box-sizing:border-box}.b-secondary-nav [data-v-900dc964],.b-secondary-nav [data-v-900dc964]:before,.b-secondary-nav [data-v-900dc964]:after{box-sizing:border-box}.b-secondary-nav[data-v-900dc964] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav[data-v-900dc964] ::-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-900dc964]{max-width:250px}}.b-secondary-nav[data-v-900dc964] .b-secondary-nav__list{list-style:none;margin:0;padding:0}.b-secondary-nav__option[data-v-900dc964]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-secondary-nav__nested-option[data-v-900dc964]{padding-left:var(--b-spacer-070)}.b-secondary-nav__visually-hidden[data-v-900dc964]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
1	+ button[data-v-14334916]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-14334916]:focus-visible{outline:none}.b-secondary-nav-item[data-v-14334916]{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-14334916],.b-secondary-nav-item[data-v-14334916]:before,.b-secondary-nav-item[data-v-14334916]:after{box-sizing:border-box}.b-secondary-nav-item [data-v-14334916],.b-secondary-nav-item [data-v-14334916]:before,.b-secondary-nav-item [data-v-14334916]:after{box-sizing:border-box}.b-secondary-nav-item[data-v-14334916] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-item[data-v-14334916] ::-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-14334916]{position:relative}.b-secondary-nav-item__option[data-v-14334916]{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-14334916]:hover{background-color:var(--b-color-background-primary-hover)}}.b-secondary-nav-item__option[data-v-14334916]:active,.b-secondary-nav-item__option--active[data-v-14334916]{background-color:var(--b-color-background-primary-active)}.b-secondary-nav-item__option[data-v-14334916]:focus-visible{animation:outer-ring-default-14334916 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-14334916{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-14334916]{padding-left:var(--b-spacer-080)}.b-secondary-nav-item__option--expandable[data-v-14334916]{padding-right:var(--b-spacer-100)}.b-secondary-nav-item__toggle[data-v-14334916]{position:absolute;right:var(--b-spacer-050);top:50%;transform:translateY(-50%)}.b-secondary-nav-item__toggle[data-v-14334916]:after{content:"";display:block;inset:calc(var(--b-spacer-050) -1);position:absolute}.b-secondary-nav-item__visually-hidden[data-v-14334916]{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-14334916]{list-style:none;padding:0}.b-secondary-nav-item__animation--content-enter-active[data-v-14334916]{animation:fade-in-uhw4a1y-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uhw4a1y-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uhw4a1y-14334916 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-uhw4a1y-14334916{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uhw4a1y-14334916{0%{scale:1}to{scale:1}}@keyframes enter-uhw4a1y-14334916{0%{translate:0 -8px}to{translate:0 0}}.b-secondary-nav-item__animation--content-leave-active[data-v-14334916]{animation:fade-out-uhw4a2j-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uhw4a2j-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uhw4a2j-14334916 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-uhw4a2j-14334916{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uhw4a2j-14334916{0%{scale:1}to{scale:1}}@keyframes exit-uhw4a2j-14334916{0%{translate:0 0}to{translate:0 -8px}}.b-secondary-nav-category[data-v-777b2ce6]{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-777b2ce6],.b-secondary-nav-category[data-v-777b2ce6]:before,.b-secondary-nav-category[data-v-777b2ce6]:after{box-sizing:border-box}.b-secondary-nav-category [data-v-777b2ce6],.b-secondary-nav-category [data-v-777b2ce6]:before,.b-secondary-nav-category [data-v-777b2ce6]:after{box-sizing:border-box}.b-secondary-nav-category[data-v-777b2ce6] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-category[data-v-777b2ce6] ::-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-777b2ce6]{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-900dc964]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-secondary-nav[data-v-900dc964],.b-secondary-nav[data-v-900dc964]:before,.b-secondary-nav[data-v-900dc964]:after{box-sizing:border-box}.b-secondary-nav [data-v-900dc964],.b-secondary-nav [data-v-900dc964]:before,.b-secondary-nav [data-v-900dc964]:after{box-sizing:border-box}.b-secondary-nav[data-v-900dc964] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav[data-v-900dc964] ::-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-900dc964]{max-width:250px}}.b-secondary-nav[data-v-900dc964] .b-secondary-nav__list{list-style:none;margin:0;padding:0}.b-secondary-nav__option[data-v-900dc964]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-secondary-nav__nested-option[data-v-900dc964]{padding-left:var(--b-spacer-070)}.b-secondary-nav__visually-hidden[data-v-900dc964]{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 CHANGED Viewed

	@@ -1 +1 @@
1	- .b-sidepanel-page[data-v-12d4c262]{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-12d4c262],.b-sidepanel-page[data-v-12d4c262]:before,.b-sidepanel-page[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page [data-v-12d4c262],.b-sidepanel-page [data-v-12d4c262]:before,.b-sidepanel-page [data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-12d4c262] ::-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-12d4c262]{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-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-12d4c262]{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-e2c7d722]{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-e2c7d722],.b-sidepanel[data-v-e2c7d722]:before,.b-sidepanel[data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel [data-v-e2c7d722],.b-sidepanel [data-v-e2c7d722]:before,.b-sidepanel [data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel[data-v-e2c7d722] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-e2c7d722] ::-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-e2c7d722]{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-e2c7d722]{max-width:680px;min-width:480px;width:33%}}.b-sidepanel__close-button[data-v-e2c7d722]{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-e2c7d722]{overflow:hidden}.b-sidepanel[data-v-e2c7d722]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-sidepanel[open][data-v-e2c7d722]{animation:enter-~~u2zw9l5~~-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-~~u2zw9l5~~-e2c7d722{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-e2c7d722]::backdrop{animation:fade-in-~~u2zw9m2~~-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-~~u2zw9m2~~-e2c7d722{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-e2c7d722]{animation:exit-~~u2zw9mi~~-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-~~u2zw9mi~~-e2c7d722{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-e2c7d722]::backdrop{animation:fade-out-~~u2zw9ne~~-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-~~u2zw9ne~~-e2c7d722{0%{opacity:.5}to{opacity:0}}
1	+ .b-sidepanel-page[data-v-12d4c262]{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-12d4c262],.b-sidepanel-page[data-v-12d4c262]:before,.b-sidepanel-page[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page [data-v-12d4c262],.b-sidepanel-page [data-v-12d4c262]:before,.b-sidepanel-page [data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-12d4c262] ::-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-12d4c262]{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-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-12d4c262]{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-e2c7d722]{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-e2c7d722],.b-sidepanel[data-v-e2c7d722]:before,.b-sidepanel[data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel [data-v-e2c7d722],.b-sidepanel [data-v-e2c7d722]:before,.b-sidepanel [data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel[data-v-e2c7d722] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-e2c7d722] ::-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-e2c7d722]{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-e2c7d722]{max-width:680px;min-width:480px;width:33%}}.b-sidepanel__close-button[data-v-e2c7d722]{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-e2c7d722]{overflow:hidden}.b-sidepanel[data-v-e2c7d722]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-sidepanel[open][data-v-e2c7d722]{animation:enter-uhw49pw-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-uhw49pw-e2c7d722{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-e2c7d722]::backdrop{animation:fade-in-uhw49rr-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uhw49rr-e2c7d722{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-e2c7d722]{animation:exit-uhw49ry-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-uhw49ry-e2c7d722{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-e2c7d722]::backdrop{animation:fade-out-uhw49sc-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uhw49sc-e2c7d722{0%{opacity:.5}to{opacity:0}}

package/dist/button.js CHANGED Viewed

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

package/dist/card.js CHANGED Viewed

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

package/dist/checkbox.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { B as t, a } from "./chunks/checkbox.BAQDBNL6.js";
-import { B as x, a as n } from "./chunks/checkbox-group.BAjvgXlc.js";
+import { B as t, a } from "./chunks/checkbox.CBawZCc6.js";
+import { B as x, a as n } from "./chunks/checkbox-group.mgC7eJkE.js";
 import { C } from "./chunks/minus-small.DJacLGTw.js";
 export {
   t as BentoCheckbox,

package/dist/chunks/{action-bar.B890LCTe.js → action-bar.X-dXuOcv.js} RENAMED Viewed

@@ -2,13 +2,13 @@ import { defineComponent as D, computed as s, ref as c, toRefs as G, watch as w,
 import { B as J } from "./button.DITA6YtS.js";
 import { B as K } from "./typography.C8lPlsbD.js";
 import { B as q } from "./loading-indicator.PxbRzshH.js";
-import { B as Q } from "./button-actions-with-menu.DqDQ_gVX.js";
+import { B as Q } from "./button-actions-with-menu.BV5aDUCD.js";
 import { C as X } from "./cross.CC_B-vG-.js";
 import { C as Y } from "./checkmark-circle-fill.BttTCjrM.js";
 import { C as Z } from "./cross-circle-fill.DTDtgLMf.js";
 import { u as H } from "./index.B6WW_F-J.js";
-import { a as ee } from "./index.CJYgd0QI.js";
-import { P as ne, B as te } from "./button-actions.DKc63aCb.js";
+import { a as ee } from "./index.BPUMyryR.js";
+import { P as ne, B as te } from "./button-actions.BD4Dyp4U.js";
 import { n as ae } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/action-bar.css";
 const se = {
@@ -331,4 +331,4 @@ const Be = le.exports;
 export {
   Be as B
 };
-//# sourceMappingURL=action-bar.B890LCTe.js.map
+//# sourceMappingURL=action-bar.X-dXuOcv.js.map

package/dist/chunks/{action-bar.B890LCTe.js.map → action-bar.X-dXuOcv.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"action-bar.B890LCTe.js","sources":["../../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([\"close\", \"cancel\", \"save\", \"undo-action\", \"retry-action\", \"cancel-action\"]);\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","AVERAGE_BUTTON_SIZE","MENU_OFFSET","RESPONSIVE_BREAKPOINT","SPACING","t","tc","n","useI18n","label","computed","props","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","emit","noItemCounter","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgZIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,GAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAjSAC,IAAA,KACAC,IAAA,GACAC,IAAA,KACAC,IAAA,IAkFA,EAAA,GAAAC,GAAA,IAAAC,GAAA,GAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAC,EAAA,iBAAAA,EAAA,iBAAAN,EAAA,UAAA,CAAA,GAEAO,IAAAF,EAAA,MAAA;AACI,cAAAC,EAAA,OAAA;AAAA,QAAqB,KAAA;AAEb,iBAAAN,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,GAIJQ,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GACAG,IAAAH,EAAA,EAAA,GAEAI,IAAAR;AAAA,MAA4B,MAAAC,EAAA,UAAA,YAAA,WAAA;AAAA,IACsB,GAGlDQ,IAAAT;AAAA,MAAyB,MAAAC,EAAA,UAAA,aAAAA,EAAA,UAAA,aAAA,CAAAA,EAAA;AAAA,IACmD,GAG5ES,IAAA,CAAAC,MAAA;AACI,MAAAV,EAAA,UAAA,cAIAI,EAAA,QAAA,GAAAM,EAAA,WAAA,MACAL,EAAA,QAAA;AAAA,IAAuB,GAG3BM,IAAA,CAAAD,MAAA;AACI,UAAAV,EAAA,UAAA;AACI;AAIJ,aAAA,OAAAU,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,MAEAL,EAAA,UAAA,WACIM,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,EAAAlB,CAAA,GACA,EAAA,OAAAmB,EAAA,IAAAC,GAAA,GACAC,IAAAlB,EAAA,IAAA,GACAmB,IAAAnB,EAAA,IAAA,GAEAoB,IAAAxB,EAAA,MAAAC,EAAA,YAAA,cAAA;AAEA,IAAAwB;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,IAAA3B,EAAA,OAAA;AAAA,MAA2C,+BAAAiB,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,MACE,wCAAAjB,EAAA;AAAA,IACF,EAAA,GAGtDqB,IAAA5B,EAAA,OAAA;AAAA,MAAyC,CAAA,4BAAAC,EAAA,KAAA,EAAA,GAAAA,EAAA,UAAA;AAAA,IACwB,EAAA;AAIjE,IAAA4B,EAAAC,IAAAtC,CAAA;AAGA,UAAAuC,IAAA/B,EAAA,MAAA;AAEI,YAAAgC,IAAA/B,EAAA,QAAA,IAAA,CAAAgC,OAAA;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,IAAApC,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAL,EAAA,MAAA;AAAA,QACmB,OAAA,MAAA0C,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAA1C,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAA0C,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAGJC,IAAAtC,EAAA,MACIC,EAAA,eAAA,QAAAA,EAAA,cAAA,CAAwD,GAI5DsC,IAAA,YAAA;AACI,YAAAC,EAAA,GACApB,EAAA,QAAAjB,EAAA,MAAA,cAAAT,IAAAH,KAAA+B,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAiB,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACApB,EAAA,QAAAjB,EAAA,MAAA,cAAAT,KAAA4B,EAAA,QAAA,MACIA,EAAA,SAAA,GACAmB,EAAA;AAAA,IACJ;AAIJ,WAAAhB;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAsB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAArC,EAAA;AACI;AAEJ,cAAAyC,IAAAF,IAAAC;AACA,QAAAvB,EAAA,QAAA3B,IACI6B,EAAA,QAAA,IAAiCsB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"action-bar.X-dXuOcv.js","sources":["../../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([\"close\", \"cancel\", \"save\", \"undo-action\", \"retry-action\", \"cancel-action\"]);\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","AVERAGE_BUTTON_SIZE","MENU_OFFSET","RESPONSIVE_BREAKPOINT","SPACING","t","tc","n","useI18n","label","computed","props","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","emit","noItemCounter","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgZIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,GAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAjSAC,IAAA,KACAC,IAAA,GACAC,IAAA,KACAC,IAAA,IAkFA,EAAA,GAAAC,GAAA,IAAAC,GAAA,GAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAC,EAAA,iBAAAA,EAAA,iBAAAN,EAAA,UAAA,CAAA,GAEAO,IAAAF,EAAA,MAAA;AACI,cAAAC,EAAA,OAAA;AAAA,QAAqB,KAAA;AAEb,iBAAAN,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,GAIJQ,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GACAG,IAAAH,EAAA,EAAA,GAEAI,IAAAR;AAAA,MAA4B,MAAAC,EAAA,UAAA,YAAA,WAAA;AAAA,IACsB,GAGlDQ,IAAAT;AAAA,MAAyB,MAAAC,EAAA,UAAA,aAAAA,EAAA,UAAA,aAAA,CAAAA,EAAA;AAAA,IACmD,GAG5ES,IAAA,CAAAC,MAAA;AACI,MAAAV,EAAA,UAAA,cAIAI,EAAA,QAAA,GAAAM,EAAA,WAAA,MACAL,EAAA,QAAA;AAAA,IAAuB,GAG3BM,IAAA,CAAAD,MAAA;AACI,UAAAV,EAAA,UAAA;AACI;AAIJ,aAAA,OAAAU,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,MAEAL,EAAA,UAAA,WACIM,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,EAAAlB,CAAA,GACA,EAAA,OAAAmB,EAAA,IAAAC,GAAA,GACAC,IAAAlB,EAAA,IAAA,GACAmB,IAAAnB,EAAA,IAAA,GAEAoB,IAAAxB,EAAA,MAAAC,EAAA,YAAA,cAAA;AAEA,IAAAwB;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,IAAA3B,EAAA,OAAA;AAAA,MAA2C,+BAAAiB,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,MACE,wCAAAjB,EAAA;AAAA,IACF,EAAA,GAGtDqB,IAAA5B,EAAA,OAAA;AAAA,MAAyC,CAAA,4BAAAC,EAAA,KAAA,EAAA,GAAAA,EAAA,UAAA;AAAA,IACwB,EAAA;AAIjE,IAAA4B,EAAAC,IAAAtC,CAAA;AAGA,UAAAuC,IAAA/B,EAAA,MAAA;AAEI,YAAAgC,IAAA/B,EAAA,QAAA,IAAA,CAAAgC,OAAA;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,IAAApC,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAL,EAAA,MAAA;AAAA,QACmB,OAAA,MAAA0C,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAA1C,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAA0C,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAGJC,IAAAtC,EAAA,MACIC,EAAA,eAAA,QAAAA,EAAA,cAAA,CAAwD,GAI5DsC,IAAA,YAAA;AACI,YAAAC,EAAA,GACApB,EAAA,QAAAjB,EAAA,MAAA,cAAAT,IAAAH,KAAA+B,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAiB,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACApB,EAAA,QAAAjB,EAAA,MAAA,cAAAT,KAAA4B,EAAA,QAAA,MACIA,EAAA,SAAA,GACAmB,EAAA;AAAA,IACJ;AAIJ,WAAAhB;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAsB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAArC,EAAA;AACI;AAEJ,cAAAyC,IAAAF,IAAAC;AACA,QAAAvB,EAAA,QAAA3B,IACI6B,EAAA,QAAA,IAAiCsB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{ai-tag.C8RxACNj.js → ai-tag.Cdn4JK1m.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { defineComponent as u, ref as n, watch as f, computed as _ } from "vue";
-import { u as v, c as m, h as I } from "./button-actions.DKc63aCb.js";
+import { u as v, c as m, h as I } from "./button-actions.BD4Dyp4U.js";
 import { B as A } from "./typography.C8lPlsbD.js";
 import "./index.Cl4_42j5.js";
 import { u as x } from "./index.B6WW_F-J.js";
@@ -107,4 +107,4 @@ const F = P.exports;
 export {
   F as a
 };
-//# sourceMappingURL=ai-tag.C8RxACNj.js.map
+//# sourceMappingURL=ai-tag.Cdn4JK1m.js.map

package/dist/chunks/{ai-tag.C8RxACNj.js.map → ai-tag.Cdn4JK1m.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ai-tag.~~C8RxACNj~~.js","sources":["../../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 = defineProps({\n title: null,\n description: null,\n influencedValue: { default: undefined },\n toggled: { type: Boolean, default: false },\n action: { default: 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([\"update:toggled\"]);\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","useI18n","toggled","ref","props","aiTagRef","targetElement","popoverId","generateUid","watch","value","useClickOutside","closePopover","popoverActions","computed","onToggle","emit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuIIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;iBA/DA,EAAA,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAAC,EAAA,OAAA,GACAC,IAAAF,EAAA,IAAA,GACAG,IAAAH,EAAA,IAAA,GACAI,IAAAC,EAAA,kBAAA;AAEA,IAAAC;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,CAAAM,MAAA;AAER,QAAAR,EAAA,QAAAQ;AAAA,MAAgB;AAAA,IACpB,GAGJC,EAAAN,GAAA,MAAA;AACI,MAAAO,EAAA;AAAA,IAAa,CAAA;AAGjB,UAAAC,IAAAC;AAAA,MAAuB,MAAAV,EAAA,SAAA;AAAA,QAEb;AAAA,UACI,GAAAA,EAAA;AAAA,UACa,SAAA;AAAA,QACA;AAAA,MACb,IAAA;AAAA,IAEJ,GAKVW,IAAA,CAAAL,MAAA;AACI,MAAAR,EAAA,QAAAQ,GACAM,EAAA,kBAAAN,CAAA;AAAA,IAA4B,GAGhCE,IAAA,MAAA;AACI,MAAAV,EAAA,SACIa,EAAA,EAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"ai-tag.Cdn4JK1m.js","sources":["../../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 = defineProps({\n title: null,\n description: null,\n influencedValue: { default: undefined },\n toggled: { type: Boolean, default: false },\n action: { default: 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([\"update:toggled\"]);\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","useI18n","toggled","ref","props","aiTagRef","targetElement","popoverId","generateUid","watch","value","useClickOutside","closePopover","popoverActions","computed","onToggle","emit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuIIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;iBA/DA,EAAA,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAAC,EAAA,OAAA,GACAC,IAAAF,EAAA,IAAA,GACAG,IAAAH,EAAA,IAAA,GACAI,IAAAC,EAAA,kBAAA;AAEA,IAAAC;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,CAAAM,MAAA;AAER,QAAAR,EAAA,QAAAQ;AAAA,MAAgB;AAAA,IACpB,GAGJC,EAAAN,GAAA,MAAA;AACI,MAAAO,EAAA;AAAA,IAAa,CAAA;AAGjB,UAAAC,IAAAC;AAAA,MAAuB,MAAAV,EAAA,SAAA;AAAA,QAEb;AAAA,UACI,GAAAA,EAAA;AAAA,UACa,SAAA;AAAA,QACA;AAAA,MACb,IAAA;AAAA,IAEJ,GAKVW,IAAA,CAAAL,MAAA;AACI,MAAAR,EAAA,QAAAQ,GACAM,EAAA,kBAAAN,CAAA;AAAA,IAA4B,GAGhCE,IAAA,MAAA;AACI,MAAAV,EAAA,SACIa,EAAA,EAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{anchor-scroller.B8VXotik.js → anchor-scroller.Bu7GtOqH.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { defineComponent as T, ref as x, computed as m, watch as h, watchEffect as C, toRef as k } from "vue";
-import { h as j, f as B, a as A, i as R, t as y, j as D, r as F } from "./index.CJYgd0QI.js";
+import { defineComponent as T, ref as x, computed as m, watch as h, watchEffect as k, toRef as C } from "vue";
+import { j, h as B, a as A, k as R, t as y, l as D, r as F } from "./index.BPUMyryR.js";
 import { p as S, B as E } from "./typography.C8lPlsbD.js";
 import { u as L } from "./index.B6WW_F-J.js";
 import { g as M } from "./generate-uid.NJ8tVoha.js";
@@ -136,7 +136,7 @@ const J = P.exports, K = {
     }
     u !== -1 && n.value !== u && (n.value = u);
   };
-  return R([t, c], i, { throttle: 100, trailing: !0 }), C(() => {
+  return R([t, c], i, { throttle: 100, trailing: !0 }), k(() => {
     y(p).length && i();
   }), {
     activeIndex: n
@@ -163,7 +163,7 @@ const J = P.exports, K = {
     ), { top: d, bottom: s } = D(c), r = m(() => l.value.map((o) => o.element)), u = m(() => ({
       "b-anchor-scroller__navigation--pinned": d.value <= 1
     })), { activeIndex: a } = W(r, {
-      default: k(n, "activeIndex")
+      default: C(n, "activeIndex")
     }), f = F(a, 200), b = m(() => {
       const o = l.value[f.value];
       return o ? o.originalIndex : 0;
@@ -195,4 +195,4 @@ const se = q.exports;
 export {
   se as a
 };
-//# sourceMappingURL=anchor-scroller.B8VXotik.js.map
+//# sourceMappingURL=anchor-scroller.Bu7GtOqH.js.map