@adyen/bento-vue2 1.108.0 → 1.108.2

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 (36) hide show
  1. package/dist/accordion.js +1 -1
  2. package/dist/assets/accordion-item.css +1 -1
  3. package/dist/assets/action-bar.css +1 -1
  4. package/dist/assets/base-modal.css +1 -1
  5. package/dist/assets/button-actions.css +1 -1
  6. package/dist/assets/card.css +1 -1
  7. package/dist/assets/data-grid.css +1 -1
  8. package/dist/assets/dialog-page.css +1 -1
  9. package/dist/assets/file-uploader.css +1 -1
  10. package/dist/assets/filter-bar.css +1 -1
  11. package/dist/assets/inspector.css +1 -1
  12. package/dist/assets/modal-fullscreen.css +1 -1
  13. package/dist/assets/navigation-menu-group.css +1 -1
  14. package/dist/assets/secondary-nav.css +1 -1
  15. package/dist/assets/sidepanel.css +1 -1
  16. package/dist/card.js +1 -1
  17. package/dist/chunks/{accordion-item.CrVVFIHa.js → accordion-item.5pX3UZYx.js} +2 -2
  18. package/dist/chunks/{accordion-item.CrVVFIHa.js.map → accordion-item.5pX3UZYx.js.map} +1 -1
  19. package/dist/chunks/{card.cYozaAHx.js → card.C1WJDGJZ.js} +2 -2
  20. package/dist/chunks/{card.cYozaAHx.js.map → card.C1WJDGJZ.js.map} +1 -1
  21. package/dist/chunks/{data-grid.KqPKvomW.js → data-grid.CWVHdx2g.js} +2 -2
  22. package/dist/chunks/{data-grid.KqPKvomW.js.map → data-grid.CWVHdx2g.js.map} +1 -1
  23. package/dist/chunks/{navigation-menu-group.Dwj46UXx.js → navigation-menu-group.B7k3rQ4X.js} +2 -2
  24. package/dist/chunks/{navigation-menu-group.Dwj46UXx.js.map → navigation-menu-group.B7k3rQ4X.js.map} +1 -1
  25. package/dist/chunks/{secondary-nav.CMb4DjSX.js → secondary-nav.BcTYTjOt.js} +2 -2
  26. package/dist/chunks/{secondary-nav.CMb4DjSX.js.map → secondary-nav.BcTYTjOt.js.map} +1 -1
  27. package/dist/chunks/use-expandable-content-height.DmFeas9-.js +36 -0
  28. package/dist/chunks/use-expandable-content-height.DmFeas9-.js.map +1 -0
  29. package/dist/data-grid.js +1 -1
  30. package/dist/index.js +5 -5
  31. package/dist/navigation-menu.js +1 -1
  32. package/dist/secondary-nav.js +1 -1
  33. package/dist/web-types.json +1 -1
  34. package/package.json +5 -5
  35. package/dist/chunks/use-expandable-content-height.Bdd9hQwq.js +0 -34
  36. package/dist/chunks/use-expandable-content-height.Bdd9hQwq.js.map +0 -1
package/dist/assets/filter-bar.css CHANGED
@@ -1 +1 @@
1
- button[data-v-347aabba]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-347aabba]:focus-visible{outline:none}.b-filter-bar-button[data-v-347aabba]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;align-items:center;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-347aabba],.b-filter-bar-button[data-v-347aabba]:before,.b-filter-bar-button[data-v-347aabba]:after{box-sizing:border-box}.b-filter-bar-button *[data-v-347aabba],.b-filter-bar-button *[data-v-347aabba]:before,.b-filter-bar-button *[data-v-347aabba]:after{box-sizing:border-box}.b-filter-bar-button[data-v-347aabba] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-347aabba] ::-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-347aabba]: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-347aabba]{color:var(--b-color-label-secondary)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-347aabba]{background-color:var(--b-color-background-inverse-primary);color:var(--b-color-label-inverse-primary)}}.b-filter-bar-button[data-v-347aabba]:disabled,.b-filter-bar-button[data-v-347aabba]: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-347aabba],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-347aabba]{color:var(--b-color-label-disabled)}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-347aabba],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-347aabba]{background-color:var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button[data-v-347aabba]:focus-visible{z-index:1;animation:outer-ring-default-347aabba 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-347aabba{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-347aabba]{padding:var(--b-spacer-020)}.b-filter-bar-button--icon-only .b-filter-bar-button__container[data-v-347aabba]{display:flex;gap:0}.b-filter-bar-button--filter-open[data-v-347aabba]: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-347aabba]: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-347aabba]:not(.b-filter-bar-button--icon-only):not(.b-filter-bar-button--with-secondary-label){padding-right:var(--b-spacer-020)}.b-filter-bar-button--applied[data-v-347aabba]{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-347aabba]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-347aabba]: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-347aabba]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-347aabba]:disabled,.b-filter-bar-button--applied[data-v-347aabba]: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-347aabba],.b-filter-bar-button--applied:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-347aabba]{color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button__container[data-v-347aabba]{align-items:center;display:flex;gap:var(--b-spacer-040);justify-content:center;vertical-align:bottom}.b-filter-bar-button__counter[data-v-347aabba]{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-347aabba]{align-items:center;display:inline-flex;gap:var(--b-spacer-020)}.b-filter-bar-button__label[data-v-347aabba],.b-filter-bar-button__secondary-label[data-v-347aabba]{display:inline-flex;line-height:20px;vertical-align:middle}.b-filter-bar-button__icon-left[data-v-347aabba],.b-filter-bar-button__icon-right[data-v-347aabba]{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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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-398bd8aa]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;display:inline-block;flex-shrink:0}.b-base-filter[data-v-398bd8aa],.b-base-filter[data-v-398bd8aa]:before,.b-base-filter[data-v-398bd8aa]:after{box-sizing:border-box}.b-base-filter *[data-v-398bd8aa],.b-base-filter *[data-v-398bd8aa]:before,.b-base-filter *[data-v-398bd8aa]:after{box-sizing:border-box}.b-base-filter[data-v-398bd8aa] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter[data-v-398bd8aa] ::-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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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-d9e3cc96]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-input-with-dropdown-filter[data-v-d9e3cc96],.b-input-with-dropdown-filter[data-v-d9e3cc96]:before,.b-input-with-dropdown-filter[data-v-d9e3cc96]:after{box-sizing:border-box}.b-input-with-dropdown-filter *[data-v-d9e3cc96],.b-input-with-dropdown-filter *[data-v-d9e3cc96]:before,.b-input-with-dropdown-filter *[data-v-d9e3cc96]:after{box-sizing:border-box}.b-input-with-dropdown-filter[data-v-d9e3cc96] ::-webkit-scrollbar{height:14px;width:14px}.b-input-with-dropdown-filter[data-v-d9e3cc96] ::-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-d9e3cc96]{padding:var(--b-spacer-000)}.b-date-filter[data-v-043cd215]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent}.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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent}.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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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-1947f716]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-range-filter[data-v-1947f716],.b-range-filter[data-v-1947f716]:before,.b-range-filter[data-v-1947f716]:after{box-sizing:border-box}.b-range-filter *[data-v-1947f716],.b-range-filter *[data-v-1947f716]:before,.b-range-filter *[data-v-1947f716]:after{box-sizing:border-box}.b-range-filter[data-v-1947f716] ::-webkit-scrollbar{height:14px;width:14px}.b-range-filter[data-v-1947f716] ::-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-1947f716]{padding-top:var(--b-spacer-060)}.b-range-filter--only-slot[data-v-1947f716]{padding:var(--b-spacer-000)}.b-checkbox-group-filter[data-v-a3c2bae1]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;align-items:center;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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;background-color:var(--b-color-background-primary)}.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)}.b-all-filters-modal-button--filter-open[data-v-4c415ac7]{background-color:var(--b-color-background-primary-active)}@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-14be937f]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent}.b-all-filters-modal[data-v-14be937f],.b-all-filters-modal[data-v-14be937f]:before,.b-all-filters-modal[data-v-14be937f]:after{box-sizing:border-box}.b-all-filters-modal *[data-v-14be937f],.b-all-filters-modal *[data-v-14be937f]:before,.b-all-filters-modal *[data-v-14be937f]:after{box-sizing:border-box}.b-all-filters-modal[data-v-14be937f] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-14be937f] ::-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-14be937f] .b-modal-page{height:calc(100vh - 128px);max-height:800px;position:relative}.b-all-filters-modal[data-v-14be937f] .b-modal-base__container{height:calc(100vh - 128px)!important;max-height:800px}.b-all-filters-modal[data-v-14be937f] .b-dialog-page__content{display:flex}.b-all-filters-modal[data-v-14be937f] .b-modal-page__content{flex:1;padding:var(--b-spacer-000)}.b-all-filters-modal[data-v-14be937f] .b-modal-page__content>.b-typography{height:100%}.b-all-filters-modal[data-v-14be937f] .b-modal-page__grid{overflow:hidden}.b-all-filters-modal[data-v-14be937f] .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-14be937f] .b-modal-page__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-14be937f] .b-modal-page__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-14be937f] .b-grid-layout{gap:0;height:100%}.b-all-filters-modal__filters[data-v-14be937f]{display:flex;flex-direction:column;gap:var(--b-spacer-090)}.b-all-filters-modal__search-bar[data-v-14be937f]{padding:var(--b-spacer-000) var(--b-spacer-070)}.b-all-filters-modal__empty-search-message[data-v-14be937f]{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-14be937f]{list-style:none;margin:var(--b-spacer-000);padding:var(--b-spacer-000)}.b-all-filters-modal__filters-section[data-v-14be937f]{display:flex;flex-direction:column;gap:var(--b-spacer-030)}.b-all-filters-modal__filters-section-title[data-v-14be937f]{color:var(--b-color-label-secondary);padding:var(--b-spacer-000) var(--b-spacer-070)}.b-all-filters-modal__selected-filter-content[data-v-14be937f]{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-14be937f]{flex:1}.b-all-filters-modal__clear-button[data-v-14be937f]{display:flex;justify-content:flex-end}.b-all-filters-modal__selected-filter-text[data-v-14be937f]{display:flex;flex-direction:column;gap:var(--b-spacer-030);margin-bottom:var(--b-spacer-100)}.b-filter-bar[data-v-39ddc24b]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;container-type:inline-size;width:100%}.b-filter-bar[data-v-39ddc24b],.b-filter-bar[data-v-39ddc24b]:before,.b-filter-bar[data-v-39ddc24b]:after{box-sizing:border-box}.b-filter-bar *[data-v-39ddc24b],.b-filter-bar *[data-v-39ddc24b]:before,.b-filter-bar *[data-v-39ddc24b]:after{box-sizing:border-box}.b-filter-bar[data-v-39ddc24b] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-39ddc24b] ::-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-39ddc24b],.b-filter-bar__clear-all[data-v-39ddc24b],.b-filter-bar__reset-all[data-v-39ddc24b]{display:inline-block;flex-shrink:0}.b-filter-bar__search-external-container[data-v-39ddc24b]{margin-bottom:var(--b-spacer-040)}.b-filter-bar__fixed-scroller[data-v-39ddc24b] .b-fixed-scroller__right .b-button--condensed,.b-filter-bar__fixed-scroller[data-v-39ddc24b] .b-fixed-scroller__left .b-button--condensed{height:inherit;max-height:inherit}.b-filter-bar__container[data-v-39ddc24b]{display:flex;flex-direction:row}.b-filter-bar__filters[data-v-39ddc24b]{display:flex;flex-wrap:wrap;gap:var(--b-spacer-040);width:100%}.b-filter-bar__filters .b-filter-bar__search-bar-container[data-v-39ddc24b]{min-width:200px;width:200px}.b-filter-bar__search-bar-container[data-v-39ddc24b]{flex:0 1 auto}.b-filter-bar--large-layout .b-filter-bar__search-bar[data-v-39ddc24b]{width:100%}.b-filter-bar__scroller-content[data-v-39ddc24b]{display:flex;gap:var(--b-spacer-040)}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-39ddc24b]{min-width:180px}
1
+ button[data-v-347aabba]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-347aabba]:focus-visible{outline:none}.b-filter-bar-button[data-v-347aabba]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;align-items:center;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-347aabba],.b-filter-bar-button[data-v-347aabba]:before,.b-filter-bar-button[data-v-347aabba]:after{box-sizing:border-box}.b-filter-bar-button *[data-v-347aabba],.b-filter-bar-button *[data-v-347aabba]:before,.b-filter-bar-button *[data-v-347aabba]:after{box-sizing:border-box}.b-filter-bar-button[data-v-347aabba] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-347aabba] ::-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-347aabba]: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-347aabba]{color:var(--b-color-label-secondary)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-347aabba]{background-color:var(--b-color-background-inverse-primary);color:var(--b-color-label-inverse-primary)}}.b-filter-bar-button[data-v-347aabba]:disabled,.b-filter-bar-button[data-v-347aabba]: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-347aabba],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-347aabba]{color:var(--b-color-label-disabled)}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-347aabba],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-347aabba]{background-color:var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button[data-v-347aabba]:focus-visible{z-index:1;animation:outer-ring-default-347aabba 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-347aabba{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-347aabba]{padding:var(--b-spacer-020)}.b-filter-bar-button--icon-only .b-filter-bar-button__container[data-v-347aabba]{display:flex;gap:0}.b-filter-bar-button--filter-open[data-v-347aabba]: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-347aabba]: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-347aabba]:not(.b-filter-bar-button--icon-only):not(.b-filter-bar-button--with-secondary-label){padding-right:var(--b-spacer-020)}.b-filter-bar-button--applied[data-v-347aabba]{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-347aabba]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-347aabba]: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-347aabba]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-347aabba]:disabled,.b-filter-bar-button--applied[data-v-347aabba]: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-347aabba],.b-filter-bar-button--applied:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-347aabba]{color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button__container[data-v-347aabba]{align-items:center;display:flex;gap:var(--b-spacer-040);justify-content:center;vertical-align:bottom}.b-filter-bar-button__counter[data-v-347aabba]{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-347aabba]{align-items:center;display:inline-flex;gap:var(--b-spacer-020)}.b-filter-bar-button__label[data-v-347aabba],.b-filter-bar-button__secondary-label[data-v-347aabba]{display:inline-flex;line-height:20px;vertical-align:middle}.b-filter-bar-button__icon-left[data-v-347aabba],.b-filter-bar-button__icon-right[data-v-347aabba]{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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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-398bd8aa]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;display:inline-block;flex-shrink:0}.b-base-filter[data-v-398bd8aa],.b-base-filter[data-v-398bd8aa]:before,.b-base-filter[data-v-398bd8aa]:after{box-sizing:border-box}.b-base-filter *[data-v-398bd8aa],.b-base-filter *[data-v-398bd8aa]:before,.b-base-filter *[data-v-398bd8aa]:after{box-sizing:border-box}.b-base-filter[data-v-398bd8aa] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter[data-v-398bd8aa] ::-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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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-d9e3cc96]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-input-with-dropdown-filter[data-v-d9e3cc96],.b-input-with-dropdown-filter[data-v-d9e3cc96]:before,.b-input-with-dropdown-filter[data-v-d9e3cc96]:after{box-sizing:border-box}.b-input-with-dropdown-filter *[data-v-d9e3cc96],.b-input-with-dropdown-filter *[data-v-d9e3cc96]:before,.b-input-with-dropdown-filter *[data-v-d9e3cc96]:after{box-sizing:border-box}.b-input-with-dropdown-filter[data-v-d9e3cc96] ::-webkit-scrollbar{height:14px;width:14px}.b-input-with-dropdown-filter[data-v-d9e3cc96] ::-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-d9e3cc96]{padding:var(--b-spacer-000)}.b-date-filter[data-v-043cd215]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent}.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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent}.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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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-1947f716]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-range-filter[data-v-1947f716],.b-range-filter[data-v-1947f716]:before,.b-range-filter[data-v-1947f716]:after{box-sizing:border-box}.b-range-filter *[data-v-1947f716],.b-range-filter *[data-v-1947f716]:before,.b-range-filter *[data-v-1947f716]:after{box-sizing:border-box}.b-range-filter[data-v-1947f716] ::-webkit-scrollbar{height:14px;width:14px}.b-range-filter[data-v-1947f716] ::-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-1947f716]{padding-top:var(--b-spacer-060)}.b-range-filter--only-slot[data-v-1947f716]{padding:var(--b-spacer-000)}.b-checkbox-group-filter[data-v-a3c2bae1]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;align-items:center;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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;background-color:var(--b-color-background-primary)}.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)}.b-all-filters-modal-button--filter-open[data-v-4c415ac7]{background-color:var(--b-color-background-primary-active)}@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-14be937f]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent}.b-all-filters-modal[data-v-14be937f],.b-all-filters-modal[data-v-14be937f]:before,.b-all-filters-modal[data-v-14be937f]:after{box-sizing:border-box}.b-all-filters-modal *[data-v-14be937f],.b-all-filters-modal *[data-v-14be937f]:before,.b-all-filters-modal *[data-v-14be937f]:after{box-sizing:border-box}.b-all-filters-modal[data-v-14be937f] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-14be937f] ::-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-14be937f] .b-modal-page{height:calc(100vh - 128px);max-height:800px;position:relative}.b-all-filters-modal[data-v-14be937f] .b-modal-base__container{height:calc(100vh - 128px)!important;max-height:800px}.b-all-filters-modal[data-v-14be937f] .b-dialog-page__content{display:flex}.b-all-filters-modal[data-v-14be937f] .b-modal-page__content{flex:1;padding:var(--b-spacer-000)}.b-all-filters-modal[data-v-14be937f] .b-modal-page__content>.b-typography{height:100%}.b-all-filters-modal[data-v-14be937f] .b-modal-page__grid{overflow:hidden}.b-all-filters-modal[data-v-14be937f] .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-14be937f] .b-modal-page__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-14be937f] .b-modal-page__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-14be937f] .b-grid-layout{gap:0;height:100%}.b-all-filters-modal__filters[data-v-14be937f]{display:flex;flex-direction:column;gap:var(--b-spacer-090)}.b-all-filters-modal__search-bar[data-v-14be937f]{padding:var(--b-spacer-000) var(--b-spacer-070)}.b-all-filters-modal__empty-search-message[data-v-14be937f]{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-14be937f]{list-style:none;margin:var(--b-spacer-000);padding:var(--b-spacer-000)}.b-all-filters-modal__filters-section[data-v-14be937f]{display:flex;flex-direction:column;gap:var(--b-spacer-030)}.b-all-filters-modal__filters-section-title[data-v-14be937f]{color:var(--b-color-label-secondary);padding:var(--b-spacer-000) var(--b-spacer-070)}.b-all-filters-modal__selected-filter-content[data-v-14be937f]{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-14be937f]{flex:1}.b-all-filters-modal__clear-button[data-v-14be937f]{display:flex;justify-content:flex-end}.b-all-filters-modal__selected-filter-text[data-v-14be937f]{display:flex;flex-direction:column;gap:var(--b-spacer-030);margin-bottom:var(--b-spacer-100)}.b-filter-bar[data-v-39ddc24b]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;container-type:inline-size;width:100%}.b-filter-bar[data-v-39ddc24b],.b-filter-bar[data-v-39ddc24b]:before,.b-filter-bar[data-v-39ddc24b]:after{box-sizing:border-box}.b-filter-bar *[data-v-39ddc24b],.b-filter-bar *[data-v-39ddc24b]:before,.b-filter-bar *[data-v-39ddc24b]:after{box-sizing:border-box}.b-filter-bar[data-v-39ddc24b] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-39ddc24b] ::-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-39ddc24b],.b-filter-bar__clear-all[data-v-39ddc24b],.b-filter-bar__reset-all[data-v-39ddc24b]{flex-shrink:0}.b-filter-bar__search-external-container[data-v-39ddc24b]{margin-bottom:var(--b-spacer-040)}.b-filter-bar__fixed-scroller[data-v-39ddc24b] .b-fixed-scroller__right .b-button--condensed,.b-filter-bar__fixed-scroller[data-v-39ddc24b] .b-fixed-scroller__left .b-button--condensed{height:inherit;max-height:inherit}.b-filter-bar__container[data-v-39ddc24b]{display:flex;flex-direction:row}.b-filter-bar__filters[data-v-39ddc24b]{display:flex;flex-wrap:wrap;gap:var(--b-spacer-040);width:100%}.b-filter-bar__filters .b-filter-bar__search-bar-container[data-v-39ddc24b]{min-width:200px;width:200px}.b-filter-bar__search-bar-container[data-v-39ddc24b]{flex:0 1 auto}.b-filter-bar--large-layout .b-filter-bar__search-bar[data-v-39ddc24b]{width:100%}.b-filter-bar__scroller-content[data-v-39ddc24b]{display:flex;gap:var(--b-spacer-040)}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-39ddc24b]{min-width:180px}
package/dist/assets/inspector.css CHANGED
@@ -1 +1 @@
1
- .b-inspector[data-v-04fb8222]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;display:flex;height:100%;position:relative}.b-inspector[data-v-04fb8222],.b-inspector[data-v-04fb8222]:before,.b-inspector[data-v-04fb8222]:after{box-sizing:border-box}.b-inspector *[data-v-04fb8222],.b-inspector *[data-v-04fb8222]:before,.b-inspector *[data-v-04fb8222]:after{box-sizing:border-box}.b-inspector[data-v-04fb8222] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-04fb8222] ::-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-04fb8222]{box-shadow:var(--b-shadow-medium);position:absolute;right:0;z-index:var(--b-z-index-global-elevated)}.b-inspector--multi-paged .b-inspector__container[data-v-04fb8222],.b-inspector--multi-paged .b-inspector__focus-trap[data-v-04fb8222]{height:100%}.b-inspector__page-wrapper[data-v-04fb8222]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-04fb8222]{height:100%}.b-inspector__container-wrapper[data-v-04fb8222]{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-04fb8222]{display:flex;flex-direction:column;height:100%}.b-inspector__container--padded[data-v-04fb8222]{padding:var(--b-spacer-070) var(--b-spacer-090)}.b-inspector__header[data-v-04fb8222]{color:var(--b-color-label-primary);display:flex;gap:var(--b-spacer-060);padding-bottom:var(--b-spacer-070);padding-right:42px}.b-inspector__title[data-v-04fb8222]{flex-grow:1}.b-inspector__icons[data-v-04fb8222]{display:flex;flex-shrink:0;gap:var(--b-spacer-050);height:26px;position:absolute;right:var(--b-spacer-090);top:var(--b-spacer-070)}.b-inspector__content[data-v-04fb8222]{flex-grow:1;height:100%}.b-inspector__loading-indicator[data-v-04fb8222]{inset:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-04fb8222]{clip-path:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;top:var(--b-spacer-070);width:1px}.b-inspector__return-content[data-v-04fb8222]: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-04fb8222]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-04fb8222]{width:420px}.b-inspector--small .b-inspector__container[data-v-04fb8222]{width:419px}@keyframes expand-small-04fb8222{0%{width:0}to{width:420px}}@keyframes shrink-small-04fb8222{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-04fb8222]{animation:expand-small-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--small .b-inspector__animation-enter-active .b-inspector__icons[data-v-04fb8222]{animation:enter-ugs2dvc-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-ugs2dvc-04fb8222{0%{translate:120px 0}to{translate:0 0}}.b-inspector--small .b-inspector__animation-enter-active .b-inspector__icons[data-v-04fb8222]{animation-delay:calc(var(--b-animation-duration-slow) * .3);animation-fill-mode:backwards}.b-inspector--small .b-inspector__animation-leave-active[data-v-04fb8222]{animation:shrink-small-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--small .b-inspector__animation-leave-active .b-inspector__icons[data-v-04fb8222]{animation:exit-ugs2dvm-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-ugs2dvm-04fb8222{0%{translate:0 0}to{translate:120px 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-04fb8222]{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-04fb8222]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-04fb8222]{animation:enter-ugs2dvq-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-ugs2dvq-04fb8222{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-04fb8222]{animation:exit-ugs2dwm-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-ugs2dwm-04fb8222{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-04fb8222]{width:595px}.b-inspector--large .b-inspector__container[data-v-04fb8222]{width:594px}@keyframes expand-large-04fb8222{0%{width:0}to{width:595px}}@keyframes shrink-large-04fb8222{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-04fb8222]{animation:expand-large-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--large .b-inspector__animation-enter-active .b-inspector__icons[data-v-04fb8222]{animation:enter-ugs2dx4-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-ugs2dx4-04fb8222{0%{translate:120px 0}to{translate:0 0}}.b-inspector--large .b-inspector__animation-enter-active .b-inspector__icons[data-v-04fb8222]{animation-delay:calc(var(--b-animation-duration-slow) * .3);animation-fill-mode:backwards}.b-inspector--large .b-inspector__animation-leave-active[data-v-04fb8222]{animation:shrink-large-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--large .b-inspector__animation-leave-active .b-inspector__icons[data-v-04fb8222]{animation:exit-ugs2dxs-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-ugs2dxs-04fb8222{0%{translate:0 0}to{translate:120px 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-04fb8222]{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-04fb8222]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-04fb8222]{animation:enter-ugs2dyj-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-ugs2dyj-04fb8222{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-04fb8222]{animation:exit-ugs2dzb-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-ugs2dzb-04fb8222{0%{translate:0 0}to{translate:100% 0}}
1
+ .b-inspector[data-v-04fb8222]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;display:flex;height:100%;position:relative}.b-inspector[data-v-04fb8222],.b-inspector[data-v-04fb8222]:before,.b-inspector[data-v-04fb8222]:after{box-sizing:border-box}.b-inspector *[data-v-04fb8222],.b-inspector *[data-v-04fb8222]:before,.b-inspector *[data-v-04fb8222]:after{box-sizing:border-box}.b-inspector[data-v-04fb8222] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-04fb8222] ::-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-04fb8222]{box-shadow:var(--b-shadow-medium);position:absolute;right:0;z-index:var(--b-z-index-global-elevated)}.b-inspector--multi-paged .b-inspector__container[data-v-04fb8222],.b-inspector--multi-paged .b-inspector__focus-trap[data-v-04fb8222]{height:100%}.b-inspector__page-wrapper[data-v-04fb8222]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-04fb8222]{height:100%}.b-inspector__container-wrapper[data-v-04fb8222]{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-04fb8222]{display:flex;flex-direction:column;height:100%}.b-inspector__container--padded[data-v-04fb8222]{padding:var(--b-spacer-070) var(--b-spacer-090)}.b-inspector__header[data-v-04fb8222]{color:var(--b-color-label-primary);display:flex;gap:var(--b-spacer-060);padding-bottom:var(--b-spacer-070);padding-right:42px}.b-inspector__title[data-v-04fb8222]{flex-grow:1}.b-inspector__icons[data-v-04fb8222]{display:flex;flex-shrink:0;gap:var(--b-spacer-050);height:26px;position:absolute;right:var(--b-spacer-090);top:var(--b-spacer-070)}.b-inspector__content[data-v-04fb8222]{flex-grow:1;height:100%}.b-inspector__loading-indicator[data-v-04fb8222]{inset:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-04fb8222]{clip-path:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;top:var(--b-spacer-070);width:1px}.b-inspector__return-content[data-v-04fb8222]: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-04fb8222]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-04fb8222]{width:420px}.b-inspector--small .b-inspector__container[data-v-04fb8222]{width:419px}@keyframes expand-small-04fb8222{0%{width:0}to{width:420px}}@keyframes shrink-small-04fb8222{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-04fb8222]{animation:expand-small-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--small .b-inspector__animation-enter-active .b-inspector__icons[data-v-04fb8222]{animation:enter-uo0fams-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uo0fams-04fb8222{0%{translate:120px 0}to{translate:0 0}}.b-inspector--small .b-inspector__animation-enter-active .b-inspector__icons[data-v-04fb8222]{animation-delay:calc(var(--b-animation-duration-slow) * .3);animation-fill-mode:backwards}.b-inspector--small .b-inspector__animation-leave-active[data-v-04fb8222]{animation:shrink-small-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--small .b-inspector__animation-leave-active .b-inspector__icons[data-v-04fb8222]{animation:exit-uo0fan6-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uo0fan6-04fb8222{0%{translate:0 0}to{translate:120px 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-04fb8222]{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-04fb8222]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-04fb8222]{animation:enter-uo0fanq-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uo0fanq-04fb8222{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-04fb8222]{animation:exit-uo0fany-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uo0fany-04fb8222{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-04fb8222]{width:595px}.b-inspector--large .b-inspector__container[data-v-04fb8222]{width:594px}@keyframes expand-large-04fb8222{0%{width:0}to{width:595px}}@keyframes shrink-large-04fb8222{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-04fb8222]{animation:expand-large-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--large .b-inspector__animation-enter-active .b-inspector__icons[data-v-04fb8222]{animation:enter-uo0faoh-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uo0faoh-04fb8222{0%{translate:120px 0}to{translate:0 0}}.b-inspector--large .b-inspector__animation-enter-active .b-inspector__icons[data-v-04fb8222]{animation-delay:calc(var(--b-animation-duration-slow) * .3);animation-fill-mode:backwards}.b-inspector--large .b-inspector__animation-leave-active[data-v-04fb8222]{animation:shrink-large-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--large .b-inspector__animation-leave-active .b-inspector__icons[data-v-04fb8222]{animation:exit-uo0fape-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uo0fape-04fb8222{0%{translate:0 0}to{translate:120px 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-04fb8222]{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-04fb8222]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-04fb8222]{animation:enter-uo0faq9-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uo0faq9-04fb8222{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-04fb8222]{animation:exit-uo0faqj-04fb8222 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uo0faqj-04fb8222{0%{translate:0 0}to{translate:100% 0}}
package/dist/assets/modal-fullscreen.css CHANGED
@@ -1 +1 @@
1
- .b-modal-fullscreen-page[data-v-50f40dc1]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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-ugs2d4a-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-ugs2d4a-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-ugs2d4a-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-ugs2d4a-9349b04a{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ugs2d4a-9349b04a{0%{scale:1}to{scale:1}}@keyframes enter-ugs2d4a-9349b04a{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-9349b04a]{animation:fade-out-ugs2d5x-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-ugs2d5x-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-ugs2d5x-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-ugs2d5x-9349b04a{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ugs2d5x-9349b04a{0%{scale:1}to{scale:1}}@keyframes exit-ugs2d5x-9349b04a{0%{translate:0 0}to{translate:0 64px}}
1
+ .b-modal-fullscreen-page[data-v-50f40dc1]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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-uo0fa1y-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uo0fa1y-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uo0fa1y-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-uo0fa1y-9349b04a{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uo0fa1y-9349b04a{0%{scale:1}to{scale:1}}@keyframes enter-uo0fa1y-9349b04a{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-9349b04a]{animation:fade-out-uo0fa2i-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uo0fa2i-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uo0fa2i-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-uo0fa2i-9349b04a{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uo0fa2i-9349b04a{0%{scale:1}to{scale:1}}@keyframes exit-uo0fa2i-9349b04a{0%{translate:0 0}to{translate:0 64px}}
package/dist/assets/navigation-menu-group.css CHANGED
@@ -1 +1 @@
1
- .b-navigation-menu[data-v-4ce1df6a]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;display:flex;flex-direction:column;padding:var(--b-spacer-020) var(--b-spacer-040) var(--b-spacer-040)}.b-navigation-menu[data-v-4ce1df6a],.b-navigation-menu[data-v-4ce1df6a]:before,.b-navigation-menu[data-v-4ce1df6a]:after{box-sizing:border-box}.b-navigation-menu *[data-v-4ce1df6a],.b-navigation-menu *[data-v-4ce1df6a]:before,.b-navigation-menu *[data-v-4ce1df6a]:after{box-sizing:border-box}.b-navigation-menu[data-v-4ce1df6a] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu[data-v-4ce1df6a] ::-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-4ce1df6a]{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-4ce1df6a]{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-4ce1df6a],.b-navigation-menu__actions[data-v-4ce1df6a]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-navigation-menu__actions-container[data-v-4ce1df6a] .b-button--icon-only{padding:var(--b-spacer-030)}.b-navigation-menu__content[data-v-4ce1df6a]{display:flex;flex-direction:column;gap:var(--b-spacer-010);list-style:none;margin:0;padding:0}.b-navigation-menu__content[data-v-4ce1df6a] a{text-decoration:none}.b-navigation-menu-item[data-v-48c78612]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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-48c78612],.b-navigation-menu-item[data-v-48c78612]:before,.b-navigation-menu-item[data-v-48c78612]:after{box-sizing:border-box}.b-navigation-menu-item *[data-v-48c78612],.b-navigation-menu-item *[data-v-48c78612]:before,.b-navigation-menu-item *[data-v-48c78612]:after{box-sizing:border-box}.b-navigation-menu-item[data-v-48c78612] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-item[data-v-48c78612] ::-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-48c78612]{padding-left:var(--b-spacer-060)}.b-navigation-menu-item[data-v-48c78612]:hover{background-color:var(--b-color-background-tertiary-hover)}.b-navigation-menu-item[data-v-48c78612]:active{background-color:var(--b-color-background-tertiary-active)}.b-navigation-menu-item__link[data-v-48c78612]{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-48c78612]:focus-visible{border-radius:var(--b-border-radius-m)}.b-navigation-menu-item__icon[data-v-48c78612]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item__label[data-v-48c78612]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-item__icon[data-v-48c78612],.b-navigation-menu-item__label[data-v-48c78612]{color:var(--b-color-label-primary)}.b-navigation-menu-item__action[data-v-48c78612]{display:none;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-48c78612],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-48c78612],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-48c78612]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-48c78612],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-48c78612],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-48c78612]{animation:fade-in-ugs2do7-48c78612 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-ugs2do7-48c78612{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-item--selected[data-v-48c78612]{background-color:var(--b-color-background-navigation)}.b-navigation-menu-item--selected[data-v-48c78612]:hover{background-color:var(--b-color-background-navigation-hover)}.b-navigation-menu-item--selected[data-v-48c78612]:active{background-color:var(--b-color-background-navigation-active)}.b-navigation-menu-item--nested[data-v-48c78612]{margin-top:var(--b-spacer-010)}.b-navigation-menu-item--nested .b-navigation-menu-item__link[data-v-48c78612]{padding-left:36px}.b-navigation-menu-item--nested .b-navigation-menu-item__label[data-v-48c78612]{color:var(--b-color-label-secondary)}.b-navigation-menu-item--nested:hover .b-navigation-menu-item__label[data-v-48c78612],.b-navigation-menu-item--nested:active .b-navigation-menu-item__label[data-v-48c78612],.b-navigation-menu-item--nested.b-navigation-menu-item--selected .b-navigation-menu-item__label[data-v-48c78612]{color:var(--b-color-label-primary)}.b-navigation-menu-item--hidden[data-v-48c78612]{margin-top:0;max-height:0;min-height:0;opacity:0}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item--hidden[data-v-48c78612]{transition:all var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-item--hidden .b-navigation-menu-item__link[data-v-48c78612]{padding-bottom:0;padding-top:0}.b-navigation-menu-group[data-v-ba49992c]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent}.b-navigation-menu-group button[data-v-ba49992c]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-navigation-menu-group button[data-v-ba49992c]:focus-visible{outline:none}.b-navigation-menu-group[data-v-ba49992c],.b-navigation-menu-group[data-v-ba49992c]:before,.b-navigation-menu-group[data-v-ba49992c]:after{box-sizing:border-box}.b-navigation-menu-group *[data-v-ba49992c],.b-navigation-menu-group *[data-v-ba49992c]:before,.b-navigation-menu-group *[data-v-ba49992c]:after{box-sizing:border-box}.b-navigation-menu-group[data-v-ba49992c] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-group[data-v-ba49992c] ::-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__header[data-v-ba49992c]{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-ba49992c]:hover{background-color:var(--b-color-background-tertiary-hover)}.b-navigation-menu-group__header[data-v-ba49992c]:active{background-color:var(--b-color-background-tertiary-active)}.b-navigation-menu-group__header[data-v-ba49992c]:focus-visible{outline:none;animation:outer-ring-default-ba49992c 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-ba49992c{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-ba49992c]{padding-left:var(--b-spacer-050)}.b-navigation-menu-group__icon[data-v-ba49992c]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-group__icon--chevron[data-v-ba49992c]{display:none}.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-ba49992c],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-ba49992c]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-ba49992c],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-ba49992c]{animation:fade-in-ugs2dop-ba49992c var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-ugs2dop-ba49992c{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-group__label[data-v-ba49992c]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-group__content-wrapper[data-v-ba49992c]{overflow:clip;overflow-clip-margin:var(--b-spacer-020)}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__content-wrapper[data-v-ba49992c]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-group__content[data-v-ba49992c]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.b-navigation-menu-group__animation--content-enter-active[data-v-ba49992c]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-enter-active[data-v-ba49992c]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-in-ugs2dpd-ba49992c var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-ugs2dpd-ba49992c var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-ugs2dpd-ba49992c var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-ugs2dpd-ba49992c{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ugs2dpd-ba49992c{0%{scale:1}to{scale:1}}@keyframes enter-ugs2dpd-ba49992c{0%{translate:0 -8px}to{translate:0 0}}}.b-navigation-menu-group__animation--content-leave-active[data-v-ba49992c]{max-height:0!important;overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-leave-active[data-v-ba49992c]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-out-ugs2dq4-ba49992c var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-ugs2dq4-ba49992c var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-ugs2dq4-ba49992c var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-ugs2dq4-ba49992c{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ugs2dq4-ba49992c{0%{scale:1}to{scale:1}}@keyframes exit-ugs2dq4-ba49992c{0%{translate:0 0}to{translate:0 -8px}}}
1
+ .b-navigation-menu[data-v-4ce1df6a]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;display:flex;flex-direction:column;padding:var(--b-spacer-020) var(--b-spacer-040) var(--b-spacer-040)}.b-navigation-menu[data-v-4ce1df6a],.b-navigation-menu[data-v-4ce1df6a]:before,.b-navigation-menu[data-v-4ce1df6a]:after{box-sizing:border-box}.b-navigation-menu *[data-v-4ce1df6a],.b-navigation-menu *[data-v-4ce1df6a]:before,.b-navigation-menu *[data-v-4ce1df6a]:after{box-sizing:border-box}.b-navigation-menu[data-v-4ce1df6a] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu[data-v-4ce1df6a] ::-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-4ce1df6a]{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-4ce1df6a]{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-4ce1df6a],.b-navigation-menu__actions[data-v-4ce1df6a]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-navigation-menu__actions-container[data-v-4ce1df6a] .b-button--icon-only{padding:var(--b-spacer-030)}.b-navigation-menu__content[data-v-4ce1df6a]{display:flex;flex-direction:column;gap:var(--b-spacer-010);list-style:none;margin:0;padding:0}.b-navigation-menu__content[data-v-4ce1df6a] a{text-decoration:none}.b-navigation-menu-item[data-v-48c78612]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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-48c78612],.b-navigation-menu-item[data-v-48c78612]:before,.b-navigation-menu-item[data-v-48c78612]:after{box-sizing:border-box}.b-navigation-menu-item *[data-v-48c78612],.b-navigation-menu-item *[data-v-48c78612]:before,.b-navigation-menu-item *[data-v-48c78612]:after{box-sizing:border-box}.b-navigation-menu-item[data-v-48c78612] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-item[data-v-48c78612] ::-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-48c78612]{padding-left:var(--b-spacer-060)}.b-navigation-menu-item[data-v-48c78612]:hover{background-color:var(--b-color-background-tertiary-hover)}.b-navigation-menu-item[data-v-48c78612]:active{background-color:var(--b-color-background-tertiary-active)}.b-navigation-menu-item__link[data-v-48c78612]{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-48c78612]:focus-visible{border-radius:var(--b-border-radius-m)}.b-navigation-menu-item__icon[data-v-48c78612]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item__label[data-v-48c78612]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-item__icon[data-v-48c78612],.b-navigation-menu-item__label[data-v-48c78612]{color:var(--b-color-label-primary)}.b-navigation-menu-item__action[data-v-48c78612]{display:none;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-48c78612],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-48c78612],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-48c78612]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-48c78612],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-48c78612],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-48c78612]{animation:fade-in-uo0faff-48c78612 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-uo0faff-48c78612{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-item--selected[data-v-48c78612]{background-color:var(--b-color-background-navigation)}.b-navigation-menu-item--selected[data-v-48c78612]:hover{background-color:var(--b-color-background-navigation-hover)}.b-navigation-menu-item--selected[data-v-48c78612]:active{background-color:var(--b-color-background-navigation-active)}.b-navigation-menu-item--nested[data-v-48c78612]{margin-top:var(--b-spacer-010)}.b-navigation-menu-item--nested .b-navigation-menu-item__link[data-v-48c78612]{padding-left:36px}.b-navigation-menu-item--nested .b-navigation-menu-item__label[data-v-48c78612]{color:var(--b-color-label-secondary)}.b-navigation-menu-item--nested:hover .b-navigation-menu-item__label[data-v-48c78612],.b-navigation-menu-item--nested:active .b-navigation-menu-item__label[data-v-48c78612],.b-navigation-menu-item--nested.b-navigation-menu-item--selected .b-navigation-menu-item__label[data-v-48c78612]{color:var(--b-color-label-primary)}.b-navigation-menu-item--hidden[data-v-48c78612]{margin-top:0;max-height:0;min-height:0;opacity:0}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item--hidden[data-v-48c78612]{transition:all var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-item--hidden .b-navigation-menu-item__link[data-v-48c78612]{padding-bottom:0;padding-top:0}.b-navigation-menu-group[data-v-ba49992c]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent}.b-navigation-menu-group button[data-v-ba49992c]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-navigation-menu-group button[data-v-ba49992c]:focus-visible{outline:none}.b-navigation-menu-group[data-v-ba49992c],.b-navigation-menu-group[data-v-ba49992c]:before,.b-navigation-menu-group[data-v-ba49992c]:after{box-sizing:border-box}.b-navigation-menu-group *[data-v-ba49992c],.b-navigation-menu-group *[data-v-ba49992c]:before,.b-navigation-menu-group *[data-v-ba49992c]:after{box-sizing:border-box}.b-navigation-menu-group[data-v-ba49992c] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-group[data-v-ba49992c] ::-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__header[data-v-ba49992c]{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-ba49992c]:hover{background-color:var(--b-color-background-tertiary-hover)}.b-navigation-menu-group__header[data-v-ba49992c]:active{background-color:var(--b-color-background-tertiary-active)}.b-navigation-menu-group__header[data-v-ba49992c]:focus-visible{outline:none;animation:outer-ring-default-ba49992c 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-ba49992c{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-ba49992c]{padding-left:var(--b-spacer-050)}.b-navigation-menu-group__icon[data-v-ba49992c]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-group__icon--chevron[data-v-ba49992c]{display:none}.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-ba49992c],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-ba49992c]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-ba49992c],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-ba49992c]{animation:fade-in-uo0fafz-ba49992c var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-uo0fafz-ba49992c{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-group__label[data-v-ba49992c]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-group__content-wrapper[data-v-ba49992c]{overflow:clip;overflow-clip-margin:var(--b-spacer-020)}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__content-wrapper[data-v-ba49992c]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-group__content[data-v-ba49992c]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.b-navigation-menu-group__animation--content-enter-active[data-v-ba49992c]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-enter-active[data-v-ba49992c]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-in-uo0fag8-ba49992c var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uo0fag8-ba49992c var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uo0fag8-ba49992c var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-uo0fag8-ba49992c{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uo0fag8-ba49992c{0%{scale:1}to{scale:1}}@keyframes enter-uo0fag8-ba49992c{0%{translate:0 -8px}to{translate:0 0}}}.b-navigation-menu-group__animation--content-leave-active[data-v-ba49992c]{max-height:0!important;overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-leave-active[data-v-ba49992c]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-out-uo0fago-ba49992c var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uo0fago-ba49992c var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uo0fago-ba49992c var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-uo0fago-ba49992c{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uo0fago-ba49992c{0%{scale:1}to{scale:1}}@keyframes exit-uo0fago-ba49992c{0%{translate:0 0}to{translate:0 -8px}}}
package/dist/assets/secondary-nav.css CHANGED
@@ -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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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}@media(hover:hover){.b-secondary-nav-item__wrapper:hover .b-secondary-nav-item__option[data-v-14334916]:not(:active){background-color:var(--b-color-background-primary-hover)}}.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%}.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__error-counter[data-v-14334916]{cursor:inherit}.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]{overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-in-ugs2dzu-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-ugs2dzu-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-ugs2dzu-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-ugs2dzu-14334916{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ugs2dzu-14334916{0%{scale:1}to{scale:1}}@keyframes enter-ugs2dzu-14334916{0%{translate:0 -8px}to{translate:0 0}}.b-secondary-nav-item__animation--content-leave-active[data-v-14334916]{max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-out-ugs2dzy-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-ugs2dzy-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-ugs2dzy-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-ugs2dzy-14334916{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ugs2dzy-14334916{0%{scale:1}to{scale:1}}@keyframes exit-ugs2dzy-14334916{0%{translate:0 0}to{translate:0 -8px}}.b-secondary-nav-category[data-v-777b2ce6]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent}.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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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}@media(hover:hover){.b-secondary-nav-item__wrapper:hover .b-secondary-nav-item__option[data-v-14334916]:not(:active){background-color:var(--b-color-background-primary-hover)}}.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%}.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__error-counter[data-v-14334916]{cursor:inherit}.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]{overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-in-uo0farj-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uo0farj-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uo0farj-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-uo0farj-14334916{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uo0farj-14334916{0%{scale:1}to{scale:1}}@keyframes enter-uo0farj-14334916{0%{translate:0 -8px}to{translate:0 0}}.b-secondary-nav-item__animation--content-leave-active[data-v-14334916]{max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-out-uo0fark-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uo0fark-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uo0fark-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-uo0fark-14334916{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uo0fark-14334916{0%{scale:1}to{scale:1}}@keyframes exit-uo0fark-14334916{0%{translate:0 0}to{translate:0 -8px}}.b-secondary-nav-category[data-v-777b2ce6]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent}.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
@@ -1 +1 @@
1
- .b-sidepanel-page[data-v-12d4c262]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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-ugs2dly-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-ugs2dly-e2c7d722{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-e2c7d722]::backdrop{animation:fade-in-ugs2dmy-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-ugs2dmy-e2c7d722{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-e2c7d722]{animation:exit-ugs2dna-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-ugs2dna-e2c7d722{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-e2c7d722]::backdrop{animation:fade-out-ugs2do0-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-ugs2do0-e2c7d722{0%{opacity:.5}to{opacity:0}}
1
+ .b-sidepanel-page[data-v-12d4c262]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-background-quaternary) transparent;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-uo0fae8-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-uo0fae8-e2c7d722{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-e2c7d722]::backdrop{animation:fade-in-uo0faec-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uo0faec-e2c7d722{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-e2c7d722]{animation:exit-uo0faei-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-uo0faei-e2c7d722{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-e2c7d722]::backdrop{animation:fade-out-uo0faeo-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uo0faeo-e2c7d722{0%{opacity:.5}to{opacity:0}}
package/dist/card.js CHANGED
@@ -1,4 +1,4 @@
1
- import { c as o, B as r, a as t } from "./chunks/card.cYozaAHx.js";
1
+ import { c as o, B as r, a as t } from "./chunks/card.C1WJDGJZ.js";
2
2
  export {
3
3
  o as BentoCard,
4
4
  r as BentoCardBackground,
package/dist/chunks/{accordion-item.CrVVFIHa.js → accordion-item.5pX3UZYx.js} RENAMED
@@ -5,7 +5,7 @@ import { C as y } from "./chevron-down.eYtgv5ly.js";
5
5
  import { C as T } from "./chevron-up.d8cwIlA_.js";
6
6
  import { g as d } from "./generate-uid.DBWe4g6T.js";
7
7
  import { u as N } from "./index.CPOlyau9.js";
8
- import { u as O } from "./use-expandable-content-height.Bdd9hQwq.js";
8
+ import { u as O } from "./use-expandable-content-height.DmFeas9-.js";
9
9
  import "../assets/accordion-item.css";
10
10
  const u = /* @__PURE__ */ Symbol("accordion title size injection key"), S = {}, A = /* @__PURE__ */ _({
11
11
  ...S,
@@ -104,4 +104,4 @@ export {
104
104
  L as a,
105
105
  X as b
106
106
  };
107
- //# sourceMappingURL=accordion-item.CrVVFIHa.js.map
107
+ //# sourceMappingURL=accordion-item.5pX3UZYx.js.map
package/dist/chunks/{accordion-item.CrVVFIHa.js.map → accordion-item.5pX3UZYx.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"accordion-item.CrVVFIHa.js","sources":["../../src/components/accordion/accordion.keys.ts","../../src/components/accordion/accordion.vue","../../src/components/accordion/components/accordion-item.vue"],"sourcesContent":["export const ACCORDION_TITLE_SIZE_INJECTION_KEY = Symbol('accordion title size injection key');\n","<template>\n <div class=\"b-accordion\">\n <slot />\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { type PropType, provide, toRef } from 'vue';\n\n import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from './accordion.keys';\n\n import type { BentoAccordionTitleSize } from './accordion.types';\n\n const props = defineProps({\n /**\n * Controls accordion title size.\n * @values default, small\n */\n titleSize: {\n type: String as PropType<BentoAccordionTitleSize>,\n default: 'default',\n },\n });\n\n provide(ACCORDION_TITLE_SIZE_INJECTION_KEY, toRef(props, 'titleSize'));\n</script>\n\n<script lang=\"ts\">\n /**\n * An accordion is a vertical stack of interactive headers used to reveal or hide\n * sections of content associated with these headers.\n *\n * This component must only have `BentoAccordionItem` components in its default slot.\n *\n * Accordion items should be collapsed by default.\n *\n * @example\n * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAccordion, BentoAccordionItem },\n * template: `\n * <bento-accordion>\n * <bento-accordion-item title=\"Item 1\">\n * Content for item 1\n * </bento-accordion-item>\n * <bento-accordion-item title=\"Item 2\">\n * Content for item 2\n * </bento-accordion-item>\n * </bento-accordion>\n * `\n * }\n */\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion.scss\" />\n","<template>\n <div class=\"b-accordion-item\">\n <bento-typography\n el=\"h3\"\n :variant=\"titleSize === 'small' ? 'body' : 'title'\"\n :strongest=\"titleSize === 'small'\"\n >\n <button\n :id=\"buttonId\"\n :aria-controls=\"contentId\"\n :aria-expanded=\"`${isOpen}`\"\n type=\"button\"\n class=\"b-accordion-item__button\"\n @click=\"isOpen = !isOpen\"\n >\n <chevron-up-icon\n v-if=\"isOpen\"\n class=\"b-accordion-item__icon\"\n :svg-title=\"t('collapse')\"\n aria-hidden=\"true\"\n />\n <chevron-down-icon v-else class=\"b-accordion-item__icon\" :svg-title=\"t('expand')\" aria-hidden=\"true\" />\n {{ title }}\n </button>\n </bento-typography>\n\n <Transition :name=\"CONTENT_TRANSITION_NAME\">\n <div v-if=\"isOpen\" :id=\"contentId\" :aria-labelledby=\"buttonId\" role=\"region\" :style=\"contentMaxHeight\">\n <div ref=\"contentDiv\" class=\"b-accordion-item__content\">\n <slot />\n </div>\n </div>\n </Transition>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, inject, ref, watch } from 'vue';\n\n import { BentoTypography } from '@/components/typography';\n import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n import { generateUid } from '@/core/utils/ts';\n import { useI18n } from '@/utils/ts/i18n';\n\n import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from '../accordion.keys';\n\n import type { BentoAccordionTitleSize } from '../accordion.types';\n import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const CONTENT_TRANSITION_NAME = 'b-accordion-item__animation--content';\n\n const props = defineProps({\n /**\n * Sets the title of the accordion item.\n */\n title: {\n type: String,\n required: true,\n },\n /**\n * Controls if the content is visible or hidden.\n */\n isExpanded: {\n type: Boolean,\n default: false,\n },\n });\n\n const emit = defineEmits([\"update:is-expanded\"]);\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n // Refs\n const contentDiv = ref<HTMLDivElement>(null);\n const isOpen = ref(props.isExpanded);\n\n // Generating IDs\n const buttonId = generateUid('accordionItemButton');\n const contentId = generateUid('accordionItemContent');\n\n // Injecting prop from parent\n const titleSize = inject<`${BentoAccordionTitleSize}`>(ACCORDION_TITLE_SIZE_INJECTION_KEY, 'default');\n\n // Getting and setting the item height to be able to handle height animation\n const { contentHeight } = useExpandableContentHeight(contentDiv, isOpen);\n\n const contentMaxHeight = computed(() => (contentHeight.value ? { 'max-height': contentHeight.value } : {}));\n\n watch(\n () => props.isExpanded,\n value => {\n isOpen.value = value;\n }\n );\n\n watch(\n isOpen,\n value => {\n // Enable two-way data binding for `isExpanded`\n emit('update:is-expanded', value);\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * An accordion item is an interactive header used to reveal or hide a\n * section of content associated with this header.\n *\n * This component must always be wrapped by a `BentoAccordion` component.\n *\n * @example\n * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAccordion, BentoAccordionItem },\n * template: `\n * <bento-accordion>\n * <bento-accordion-item title=\"Item 1\">\n * Content for item 1\n * </bento-accordion-item>\n * <bento-accordion-item title=\"Item 2\">\n * Content for item 2\n * </bento-accordion-item>\n * </bento-accordion>\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion-item.scss\" />\n"],"names":["ACCORDION_TITLE_SIZE_INJECTION_KEY","__default__$1","provide","toRef","props","__default__","messages","CONTENT_TRANSITION_NAME","t","useI18n","contentDiv","ref","isOpen","buttonId","generateUid","contentId","titleSize","inject","contentHeight","useExpandableContentHeight","contentMaxHeight","computed","watch","value","emit"],"mappings":";;;;;;;;;AAAO,MAAAA,IAAA,uBAAA,oCAAA,GCqDHC,IAAA,CAAA;;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,EAAAC,GAAA,WAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GC+GAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;iBAlFAC,IAAA,wCAqBA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GAGAC,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAAP,EAAA,UAAA,GAGAS,IAAAC,EAAA,qBAAA,GACAC,IAAAD,EAAA,sBAAA,GAGAE,IAAAC,EAAAjB,GAAA,SAAA,GAGA,EAAA,eAAAkB,EAAA,IAAAC,EAAAT,GAAAE,CAAA,GAEAQ,IAAAC,EAAA,MAAAH,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAI;AAAA,MAAA,MAAAlB,EAAA;AAAA,MACgB,CAAAmB,MAAA;AAER,QAAAX,EAAA,QAAAW;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAAV;AAAA,MACI,CAAAW,MAAA;AAGI,QAAAC,EAAA,sBAAAD,CAAA;AAAA,MAAgC;AAAA,MACpC,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"accordion-item.5pX3UZYx.js","sources":["../../src/components/accordion/accordion.keys.ts","../../src/components/accordion/accordion.vue","../../src/components/accordion/components/accordion-item.vue"],"sourcesContent":["export const ACCORDION_TITLE_SIZE_INJECTION_KEY = Symbol('accordion title size injection key');\n","<template>\n <div class=\"b-accordion\">\n <slot />\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { type PropType, provide, toRef } from 'vue';\n\n import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from './accordion.keys';\n\n import type { BentoAccordionTitleSize } from './accordion.types';\n\n const props = defineProps({\n /**\n * Controls accordion title size.\n * @values default, small\n */\n titleSize: {\n type: String as PropType<BentoAccordionTitleSize>,\n default: 'default',\n },\n });\n\n provide(ACCORDION_TITLE_SIZE_INJECTION_KEY, toRef(props, 'titleSize'));\n</script>\n\n<script lang=\"ts\">\n /**\n * An accordion is a vertical stack of interactive headers used to reveal or hide\n * sections of content associated with these headers.\n *\n * This component must only have `BentoAccordionItem` components in its default slot.\n *\n * Accordion items should be collapsed by default.\n *\n * @example\n * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAccordion, BentoAccordionItem },\n * template: `\n * <bento-accordion>\n * <bento-accordion-item title=\"Item 1\">\n * Content for item 1\n * </bento-accordion-item>\n * <bento-accordion-item title=\"Item 2\">\n * Content for item 2\n * </bento-accordion-item>\n * </bento-accordion>\n * `\n * }\n */\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion.scss\" />\n","<template>\n <div class=\"b-accordion-item\">\n <bento-typography\n el=\"h3\"\n :variant=\"titleSize === 'small' ? 'body' : 'title'\"\n :strongest=\"titleSize === 'small'\"\n >\n <button\n :id=\"buttonId\"\n :aria-controls=\"contentId\"\n :aria-expanded=\"`${isOpen}`\"\n type=\"button\"\n class=\"b-accordion-item__button\"\n @click=\"isOpen = !isOpen\"\n >\n <chevron-up-icon\n v-if=\"isOpen\"\n class=\"b-accordion-item__icon\"\n :svg-title=\"t('collapse')\"\n aria-hidden=\"true\"\n />\n <chevron-down-icon v-else class=\"b-accordion-item__icon\" :svg-title=\"t('expand')\" aria-hidden=\"true\" />\n {{ title }}\n </button>\n </bento-typography>\n\n <Transition :name=\"CONTENT_TRANSITION_NAME\">\n <div v-if=\"isOpen\" :id=\"contentId\" :aria-labelledby=\"buttonId\" role=\"region\" :style=\"contentMaxHeight\">\n <div ref=\"contentDiv\" class=\"b-accordion-item__content\">\n <slot />\n </div>\n </div>\n </Transition>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, inject, ref, watch } from 'vue';\n\n import { BentoTypography } from '@/components/typography';\n import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n import { generateUid } from '@/core/utils/ts';\n import { useI18n } from '@/utils/ts/i18n';\n\n import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from '../accordion.keys';\n\n import type { BentoAccordionTitleSize } from '../accordion.types';\n import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const CONTENT_TRANSITION_NAME = 'b-accordion-item__animation--content';\n\n const props = defineProps({\n /**\n * Sets the title of the accordion item.\n */\n title: {\n type: String,\n required: true,\n },\n /**\n * Controls if the content is visible or hidden.\n */\n isExpanded: {\n type: Boolean,\n default: false,\n },\n });\n\n const emit = defineEmits([\"update:is-expanded\"]);\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n // Refs\n const contentDiv = ref<HTMLDivElement>(null);\n const isOpen = ref(props.isExpanded);\n\n // Generating IDs\n const buttonId = generateUid('accordionItemButton');\n const contentId = generateUid('accordionItemContent');\n\n // Injecting prop from parent\n const titleSize = inject<`${BentoAccordionTitleSize}`>(ACCORDION_TITLE_SIZE_INJECTION_KEY, 'default');\n\n // Getting and setting the item height to be able to handle height animation\n const { contentHeight } = useExpandableContentHeight(contentDiv, isOpen);\n\n const contentMaxHeight = computed(() => (contentHeight.value ? { 'max-height': contentHeight.value } : {}));\n\n watch(\n () => props.isExpanded,\n value => {\n isOpen.value = value;\n }\n );\n\n watch(\n isOpen,\n value => {\n // Enable two-way data binding for `isExpanded`\n emit('update:is-expanded', value);\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * An accordion item is an interactive header used to reveal or hide a\n * section of content associated with this header.\n *\n * This component must always be wrapped by a `BentoAccordion` component.\n *\n * @example\n * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAccordion, BentoAccordionItem },\n * template: `\n * <bento-accordion>\n * <bento-accordion-item title=\"Item 1\">\n * Content for item 1\n * </bento-accordion-item>\n * <bento-accordion-item title=\"Item 2\">\n * Content for item 2\n * </bento-accordion-item>\n * </bento-accordion>\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion-item.scss\" />\n"],"names":["ACCORDION_TITLE_SIZE_INJECTION_KEY","__default__$1","provide","toRef","props","__default__","messages","CONTENT_TRANSITION_NAME","t","useI18n","contentDiv","ref","isOpen","buttonId","generateUid","contentId","titleSize","inject","contentHeight","useExpandableContentHeight","contentMaxHeight","computed","watch","value","emit"],"mappings":";;;;;;;;;AAAO,MAAAA,IAAA,uBAAA,oCAAA,GCqDHC,IAAA,CAAA;;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,EAAAC,GAAA,WAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GC+GAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;iBAlFAC,IAAA,wCAqBA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GAGAC,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAAP,EAAA,UAAA,GAGAS,IAAAC,EAAA,qBAAA,GACAC,IAAAD,EAAA,sBAAA,GAGAE,IAAAC,EAAAjB,GAAA,SAAA,GAGA,EAAA,eAAAkB,EAAA,IAAAC,EAAAT,GAAAE,CAAA,GAEAQ,IAAAC,EAAA,MAAAH,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAI;AAAA,MAAA,MAAAlB,EAAA;AAAA,MACgB,CAAAmB,MAAA;AAER,QAAAX,EAAA,QAAAW;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAAV;AAAA,MACI,CAAAW,MAAA;AAGI,QAAAC,EAAA,sBAAAD,CAAA;AAAA,MAAgC;AAAA,MACpC,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;"}
package/dist/chunks/{card.cYozaAHx.js → card.C1WJDGJZ.js} RENAMED
@@ -2,7 +2,7 @@ import { defineComponent as A, useSlots as E, ref as h, watch as M, computed as
2
2
  import { B as D, d as L } from "./typography.D1OZJbEa.js";
3
3
  import { C as H } from "./chevron-down.eYtgv5ly.js";
4
4
  import { C as O } from "./chevron-up.d8cwIlA_.js";
5
- import { u as U } from "./use-expandable-content-height.Bdd9hQwq.js";
5
+ import { u as U } from "./use-expandable-content-height.DmFeas9-.js";
6
6
  import { u as R } from "./use-has-slot.C9lQZ6nz.js";
7
7
  import { g as z } from "./generate-uid.DBWe4g6T.js";
8
8
  import { u as N } from "./index.CPOlyau9.js";
@@ -121,4 +121,4 @@ export {
121
121
  r as a,
122
122
  ce as c
123
123
  };
124
- //# sourceMappingURL=card.cYozaAHx.js.map
124
+ //# sourceMappingURL=card.C1WJDGJZ.js.map
package/dist/chunks/{card.cYozaAHx.js.map → card.C1WJDGJZ.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"card.cYozaAHx.js","sources":["../../src/components/card/card.types.ts","../../src/components/card/card.vue"],"sourcesContent":["/**\n * @deprecated Since v2.0.0. Use string literal instead.\n */\nexport enum BentoCardBackground {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n}\n\n/**\n * @deprecated Since v2.0.0. Use string literal instead.\n */\nexport enum BentoCardTitleSize {\n DEFAULT = 'default',\n SMALL = 'small',\n}\n","<template>\n <div\n class=\"b-card\"\n :class=\"cardConditionalClasses\"\n :tabindex=\"tabIndex\"\n data-testid=\"card\"\n @click=\"onClick\"\n @keydown.enter=\"onKeyDown\"\n @keydown.space=\"onKeyDown\"\n >\n <div v-if=\"hasSlot('image')\" class=\"b-card__image\">\n <slot name=\"image\"></slot>\n </div>\n <div\n v-if=\"showHeader\"\n class=\"b-card__header\"\n :class=\"cardHeaderConditionalClasses\"\n :tabindex=\"headerTabIndex\"\n :aria-controls=\"expandable && showCardBody ? cardId : null\"\n :aria-expanded=\"expandable ? `${showContent}` : null\"\n :role=\"expandable ? 'button' : null\"\n @click=\"toggleExpansion\"\n @keypress.enter=\"toggleExpansion\"\n @keypress.space=\"toggleExpansion\"\n >\n <div class=\"b-card__header-wrapper\">\n <div v-if=\"showTitleWrapper\" class=\"b-card__header-slot-wrapper\">\n <div class=\"b-card__title-wrapper\" :class=\"cardTitleWrapperConditionalClasses\">\n <div v-if=\"expandable\" class=\"b-card__toggle\" :class=\"cardToggleConditionalClasses\">\n <chevron-up-icon v-if=\"showContent\" :svg-title=\"t('hideContent')\" aria-hidden=\"true\" />\n <chevron-down-icon v-else :svg-title=\"t('showContent')\" aria-hidden=\"true\" />\n </div>\n <bento-typography v-if=\"hasSlot('default')\" class=\"b-card__title\" v-bind=\"typography\">\n <slot />\n </bento-typography>\n </div>\n\n <template v-if=\"hasSlot('header')\">\n <slot name=\"header\"></slot>\n </template>\n </div>\n\n <bento-typography v-if=\"hasSlot('description')\" class=\"b-card__description\" el=\"div\" variant=\"body\">\n <slot name=\"description\" />\n </bento-typography>\n </div>\n </div>\n\n <Transition name=\"b-card__animation\">\n <div v-if=\"showCardBody\" class=\"b-card__wrapper\" :style=\"contentMaxHeight\">\n <div\n :id=\"expandable ? cardId : null\"\n ref=\"contentDiv\"\n class=\"b-card__body\"\n :class=\"cardBodyConditionalClasses\"\n >\n <div v-if=\"hasSlot('content')\" class=\"b-card__content\" :class=\"cardContentConditionalClasses\">\n <slot name=\"content\" />\n </div>\n\n <div v-if=\"actions\" class=\"b-card__actions\" :class=\"cardActionsConditionalClasses\">\n <bento-button-actions :actions=\"actions\" :layout=\"actionsLayout\"></bento-button-actions>\n </div>\n </div>\n </div>\n </Transition>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, ref, useSlots, watch } from 'vue';\n\n // Components\n import { BentoTypography } from '@/components/typography';\n import { BentoButtonActions, BentoButtonActionsLayout, type BentoButtonActionsList } from '@/components/button';\n import { BentoCardBackground, BentoCardTitleSize } from '@/components/card/card.types';\n import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n // Composables\n import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n\n // Utils\n import { useHasSlot } from '@/composables';\n import { generateUid } from '@/core/utils/ts';\n import { useI18n } from '@/utils/ts/i18n';\n\n import messages from './messages.json';\n import { deprecate } from '@/utils/ts/deprecate';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const props = defineProps({\n actions: { default: null },\n actionsLayout: { default: BentoButtonActionsLayout.BUTTONS_END },\n background: { default: BentoCardBackground.PRIMARY },\n clickable: { type: Boolean, default: false },\n closed: { type: Boolean, default: false },\n disabled: { type: Boolean, default: false },\n expandable: { type: Boolean, default: false },\n titleSize: { default: BentoCardTitleSize.DEFAULT }\n});\n\n const emit = defineEmits([\"click\", \"expanded\"]);\n\n const contentDiv = ref<HTMLDivElement>(null);\n\n const cardId = generateUid('card');\n const showContent = ref(!props.closed);\n watch(\n () => props.closed,\n value => {\n showContent.value = !value;\n }\n );\n const showHeader = computed(() => hasSlot('default') || hasSlot('description') || hasSlot('header'));\n const showTitleWrapper = computed(() => hasSlot('default') || hasSlot('header'));\n const showCardBody = computed(\n () =>\n (hasSlot('content') || props.actions?.length) &&\n (!props.expandable || (props.expandable && showContent.value))\n );\n const tabIndex = computed(() => (props.clickable && !props.disabled ? 0 : -1));\n const headerTabIndex = computed(() => (props.expandable && !props.disabled ? 0 : -1));\n\n const cardConditionalClasses = computed(() => ({\n [`b-card--${props.background}`]: props.background,\n 'b-card--clickable': props.clickable,\n 'b-card--expandable': props.expandable,\n 'b-card--disabled': (props.clickable || props.expandable) && props.disabled,\n }));\n\n const cardHeaderConditionalClasses = computed(() => ({\n 'b-card__header--expandable': props.expandable,\n 'b-card__header--without-body': !props.expandable && !showCardBody.value,\n }));\n\n const cardToggleConditionalClasses = computed(() => ({\n 'b-card__toggle--small-text': props.titleSize === BentoCardTitleSize.SMALL,\n }));\n\n const cardBodyConditionalClasses = computed(() => ({\n 'b-card__body--expandable': props.expandable && hasSlot('content'),\n 'b-card__body--without-header': !props.expandable && !showHeader.value,\n }));\n\n const cardContentConditionalClasses = computed(() => ({\n 'b-card__content--without-header': !props.expandable && !showHeader.value,\n 'b-card__content--expandable': props.expandable,\n }));\n\n const cardActionsConditionalClasses = computed(() => {\n const isNotExpandableWithoutContent = !props.expandable && props.actions && !hasSlot('content');\n\n return {\n 'b-card__actions--without-content': isNotExpandableWithoutContent,\n 'b-card__actions--without-content-and-with-header': isNotExpandableWithoutContent && showHeader.value,\n };\n });\n\n const cardTitleWrapperConditionalClasses = computed(() => ({\n 'b-card__title-wrapper--truncated': hasSlot('header'),\n }));\n\n const typography = computed(\n () =>\n ({\n el: 'div',\n variant: props.titleSize === BentoCardTitleSize.DEFAULT ? 'title' : 'body',\n strongest: props.titleSize === BentoCardTitleSize.SMALL,\n wide: props.titleSize === BentoCardTitleSize.SMALL,\n }) as InstanceType<typeof BentoTypography>['$props']\n );\n\n // Toggle open and close logic and animation\n const { contentHeight } = useExpandableContentHeight(contentDiv, showContent);\n\n const contentMaxHeight = computed(() =>\n props.expandable && contentHeight.value ? { 'max-height': contentHeight.value } : {}\n );\n\n const toggleExpansion = () => {\n if (!props.disabled && props.expandable) {\n showContent.value = !showContent.value;\n emit('expanded', showContent.value);\n }\n };\n\n const onClick = () => {\n if (!props.disabled) {\n emit('click');\n\n if (!props.clickable) {\n deprecate(\n 'BentoCard \"@click\" property',\n `Use the BentoCard \"@click\" with the \"clickable\" property to enable accessible styles.`,\n '2.0.0'\n );\n }\n }\n };\n\n const onKeyDown = () => {\n if (props.clickable && !props.disabled) {\n emit('click');\n }\n };\n</script>\n\n<script lang=\"ts\">\n /**\n * A card is a flexible and composable container.\n * Use cards to represent a single object or to visually group certain content, like legal information within company settings.\n *\n * @example\n * import { BentoCard } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoCard },\n * template: `\n * <bento-card>\n * Title of the Card\n * </bento-card>\n * `\n * };\n */\n export default {\n i18n: { messages },\n name: 'bento-card',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./card.scss\" />\n"],"names":["BentoCardBackground","BentoCardBackground2","BentoCardTitleSize","BentoCardTitleSize2","__default__","messages","useI18n","slots","useSlots","hasSlot","useHasSlot","contentDiv","ref","cardId","generateUid","showContent","props","watch","value","showHeader","computed","showTitleWrapper","showCardBody","tabIndex","headerTabIndex","cardConditionalClasses","cardHeaderConditionalClasses","cardToggleConditionalClasses","cardBodyConditionalClasses","cardContentConditionalClasses","cardActionsConditionalClasses","isNotExpandableWithoutContent","cardTitleWrapperConditionalClasses","typography","contentHeight","useExpandableContentHeight","contentMaxHeight","emit","deprecate"],"mappings":";;;;;;;;;;;;AAGO,IAAAA,IAAA,kBAAAC,OACHA,EAAA,UAAA,WACAA,EAAA,YAAA,aAFQA,IAAAD,KAAA,CAAA,CAAA,GAQLE,IAAA,kBAAAC,OACHA,EAAA,UAAA,WACAA,EAAA,QAAA,SAFQA,IAAAD,KAAA,CAAA,CAAA;;;;;;;;;;;;;GC4NRE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;;;iBA9IA,EAAA,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAeAI,IAAAC,EAAA,IAAA,GAEAC,IAAAC,EAAA,MAAA,GACAC,IAAAH,EAAA,CAAAI,EAAA,MAAA;AACA,IAAAC;AAAA,MAAA,MAAAD,EAAA;AAAA,MACgB,CAAAE,MAAA;AAER,QAAAH,EAAA,QAAA,CAAAG;AAAA,MAAqB;AAAA,IACzB;AAEJ,UAAAC,IAAAC,EAAA,MAAAX,EAAA,SAAA,KAAAA,EAAA,aAAA,KAAAA,EAAA,QAAA,CAAA,GACAY,IAAAD,EAAA,MAAAX,EAAA,SAAA,KAAAA,EAAA,QAAA,CAAA,GACAa,IAAAF;AAAA,MAAqB,OAAAX,EAAA,SAAA,KAAAO,EAAA,SAAA,YAAA,CAAAA,EAAA,cAAAA,EAAA,cAAAD,EAAA;AAAA,IAG0C,GAE/DQ,IAAAH,EAAA,MAAAJ,EAAA,aAAA,CAAAA,EAAA,WAAA,IAAA,EAAA,GACAQ,IAAAJ,EAAA,MAAAJ,EAAA,cAAA,CAAAA,EAAA,WAAA,IAAA,EAAA,GAEAS,IAAAL,EAAA,OAAA;AAAA,MAA+C,CAAA,WAAAJ,EAAA,UAAA,EAAA,GAAAA,EAAA;AAAA,MACJ,qBAAAA,EAAA;AAAA,MACZ,sBAAAA,EAAA;AAAA,MACC,qBAAAA,EAAA,aAAAA,EAAA,eAAAA,EAAA;AAAA,IACuC,EAAA,GAGvEU,IAAAN,EAAA,OAAA;AAAA,MAAqD,8BAAAJ,EAAA;AAAA,MACb,gCAAA,CAAAA,EAAA,cAAA,CAAAM,EAAA;AAAA,IAC+B,EAAA,GAGvEK,IAAAP,EAAA,OAAA;AAAA,MAAqD,8BAAAJ,EAAA,cAAAd,EAAA;AAAA,IACoB,EAAA,GAGzE0B,IAAAR,EAAA,OAAA;AAAA,MAAmD,4BAAAJ,EAAA,cAAAP,EAAA,SAAA;AAAA,MACkB,gCAAA,CAAAO,EAAA,cAAA,CAAAG,EAAA;AAAA,IACA,EAAA,GAGrEU,IAAAT,EAAA,OAAA;AAAA,MAAsD,mCAAA,CAAAJ,EAAA,cAAA,CAAAG,EAAA;AAAA,MACkB,+BAAAH,EAAA;AAAA,IAC/B,EAAA,GAGzCc,IAAAV,EAAA,MAAA;AACI,YAAAW,IAAA,CAAAf,EAAA,cAAAA,EAAA,WAAA,CAAAP,EAAA,SAAA;AAEA,aAAA;AAAA,QAAO,oCAAAsB;AAAA,QACiC,oDAAAA,KAAAZ,EAAA;AAAA,MAC4D;AAAA,IACpG,CAAA,GAGJa,IAAAZ,EAAA,OAAA;AAAA,MAA2D,oCAAAX,EAAA,QAAA;AAAA,IACH,EAAA,GAGxDwB,IAAAb;AAAA,MAAmB,OAAA;AAAA,QAEV,IAAA;AAAA,QACO,SAAAJ,EAAA,cAAAd,EAAA,UAAA,UAAA;AAAA,QACgE,WAAAc,EAAA,cAAAd,EAAA;AAAA,QAClB,MAAAc,EAAA,cAAAd,EAAA;AAAA,MACL;AAAA,IACjD,GAIR,EAAA,eAAAgC,EAAA,IAAAC,EAAAxB,GAAAI,CAAA,GAEAqB,IAAAhB;AAAA,MAAyB,MAAAJ,EAAA,cAAAkB,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA;AAAA,IAC8D;ifAGvF,MAAA;AACI,MAAA,CAAAlB,EAAA,YAAAA,EAAA,eACID,EAAA,QAAA,CAAAA,EAAA,OACAsB,EAAA,YAAAtB,EAAA,KAAA;AAAA,IACJ,YAGJ,MAAA;AACI,MAAAC,EAAA,aACIqB,EAAA,OAAA,GAEArB,EAAA,aACIsB;AAAA,QAAA;AAAA,QACI;AAAA,QACA;AAAA,MACA;AAAA,IAGZ,cAGJ,MAAA;AACI,MAAAtB,EAAA,aAAA,CAAAA,EAAA,YACIqB,EAAA,OAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"card.C1WJDGJZ.js","sources":["../../src/components/card/card.types.ts","../../src/components/card/card.vue"],"sourcesContent":["/**\n * @deprecated Since v2.0.0. Use string literal instead.\n */\nexport enum BentoCardBackground {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n}\n\n/**\n * @deprecated Since v2.0.0. Use string literal instead.\n */\nexport enum BentoCardTitleSize {\n DEFAULT = 'default',\n SMALL = 'small',\n}\n","<template>\n <div\n class=\"b-card\"\n :class=\"cardConditionalClasses\"\n :tabindex=\"tabIndex\"\n data-testid=\"card\"\n @click=\"onClick\"\n @keydown.enter=\"onKeyDown\"\n @keydown.space=\"onKeyDown\"\n >\n <div v-if=\"hasSlot('image')\" class=\"b-card__image\">\n <slot name=\"image\"></slot>\n </div>\n <div\n v-if=\"showHeader\"\n class=\"b-card__header\"\n :class=\"cardHeaderConditionalClasses\"\n :tabindex=\"headerTabIndex\"\n :aria-controls=\"expandable && showCardBody ? cardId : null\"\n :aria-expanded=\"expandable ? `${showContent}` : null\"\n :role=\"expandable ? 'button' : null\"\n @click=\"toggleExpansion\"\n @keypress.enter=\"toggleExpansion\"\n @keypress.space=\"toggleExpansion\"\n >\n <div class=\"b-card__header-wrapper\">\n <div v-if=\"showTitleWrapper\" class=\"b-card__header-slot-wrapper\">\n <div class=\"b-card__title-wrapper\" :class=\"cardTitleWrapperConditionalClasses\">\n <div v-if=\"expandable\" class=\"b-card__toggle\" :class=\"cardToggleConditionalClasses\">\n <chevron-up-icon v-if=\"showContent\" :svg-title=\"t('hideContent')\" aria-hidden=\"true\" />\n <chevron-down-icon v-else :svg-title=\"t('showContent')\" aria-hidden=\"true\" />\n </div>\n <bento-typography v-if=\"hasSlot('default')\" class=\"b-card__title\" v-bind=\"typography\">\n <slot />\n </bento-typography>\n </div>\n\n <template v-if=\"hasSlot('header')\">\n <slot name=\"header\"></slot>\n </template>\n </div>\n\n <bento-typography v-if=\"hasSlot('description')\" class=\"b-card__description\" el=\"div\" variant=\"body\">\n <slot name=\"description\" />\n </bento-typography>\n </div>\n </div>\n\n <Transition name=\"b-card__animation\">\n <div v-if=\"showCardBody\" class=\"b-card__wrapper\" :style=\"contentMaxHeight\">\n <div\n :id=\"expandable ? cardId : null\"\n ref=\"contentDiv\"\n class=\"b-card__body\"\n :class=\"cardBodyConditionalClasses\"\n >\n <div v-if=\"hasSlot('content')\" class=\"b-card__content\" :class=\"cardContentConditionalClasses\">\n <slot name=\"content\" />\n </div>\n\n <div v-if=\"actions\" class=\"b-card__actions\" :class=\"cardActionsConditionalClasses\">\n <bento-button-actions :actions=\"actions\" :layout=\"actionsLayout\"></bento-button-actions>\n </div>\n </div>\n </div>\n </Transition>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, ref, useSlots, watch } from 'vue';\n\n // Components\n import { BentoTypography } from '@/components/typography';\n import { BentoButtonActions, BentoButtonActionsLayout, type BentoButtonActionsList } from '@/components/button';\n import { BentoCardBackground, BentoCardTitleSize } from '@/components/card/card.types';\n import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n // Composables\n import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n\n // Utils\n import { useHasSlot } from '@/composables';\n import { generateUid } from '@/core/utils/ts';\n import { useI18n } from '@/utils/ts/i18n';\n\n import messages from './messages.json';\n import { deprecate } from '@/utils/ts/deprecate';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const props = defineProps({\n actions: { default: null },\n actionsLayout: { default: BentoButtonActionsLayout.BUTTONS_END },\n background: { default: BentoCardBackground.PRIMARY },\n clickable: { type: Boolean, default: false },\n closed: { type: Boolean, default: false },\n disabled: { type: Boolean, default: false },\n expandable: { type: Boolean, default: false },\n titleSize: { default: BentoCardTitleSize.DEFAULT }\n});\n\n const emit = defineEmits([\"click\", \"expanded\"]);\n\n const contentDiv = ref<HTMLDivElement>(null);\n\n const cardId = generateUid('card');\n const showContent = ref(!props.closed);\n watch(\n () => props.closed,\n value => {\n showContent.value = !value;\n }\n );\n const showHeader = computed(() => hasSlot('default') || hasSlot('description') || hasSlot('header'));\n const showTitleWrapper = computed(() => hasSlot('default') || hasSlot('header'));\n const showCardBody = computed(\n () =>\n (hasSlot('content') || props.actions?.length) &&\n (!props.expandable || (props.expandable && showContent.value))\n );\n const tabIndex = computed(() => (props.clickable && !props.disabled ? 0 : -1));\n const headerTabIndex = computed(() => (props.expandable && !props.disabled ? 0 : -1));\n\n const cardConditionalClasses = computed(() => ({\n [`b-card--${props.background}`]: props.background,\n 'b-card--clickable': props.clickable,\n 'b-card--expandable': props.expandable,\n 'b-card--disabled': (props.clickable || props.expandable) && props.disabled,\n }));\n\n const cardHeaderConditionalClasses = computed(() => ({\n 'b-card__header--expandable': props.expandable,\n 'b-card__header--without-body': !props.expandable && !showCardBody.value,\n }));\n\n const cardToggleConditionalClasses = computed(() => ({\n 'b-card__toggle--small-text': props.titleSize === BentoCardTitleSize.SMALL,\n }));\n\n const cardBodyConditionalClasses = computed(() => ({\n 'b-card__body--expandable': props.expandable && hasSlot('content'),\n 'b-card__body--without-header': !props.expandable && !showHeader.value,\n }));\n\n const cardContentConditionalClasses = computed(() => ({\n 'b-card__content--without-header': !props.expandable && !showHeader.value,\n 'b-card__content--expandable': props.expandable,\n }));\n\n const cardActionsConditionalClasses = computed(() => {\n const isNotExpandableWithoutContent = !props.expandable && props.actions && !hasSlot('content');\n\n return {\n 'b-card__actions--without-content': isNotExpandableWithoutContent,\n 'b-card__actions--without-content-and-with-header': isNotExpandableWithoutContent && showHeader.value,\n };\n });\n\n const cardTitleWrapperConditionalClasses = computed(() => ({\n 'b-card__title-wrapper--truncated': hasSlot('header'),\n }));\n\n const typography = computed(\n () =>\n ({\n el: 'div',\n variant: props.titleSize === BentoCardTitleSize.DEFAULT ? 'title' : 'body',\n strongest: props.titleSize === BentoCardTitleSize.SMALL,\n wide: props.titleSize === BentoCardTitleSize.SMALL,\n }) as InstanceType<typeof BentoTypography>['$props']\n );\n\n // Toggle open and close logic and animation\n const { contentHeight } = useExpandableContentHeight(contentDiv, showContent);\n\n const contentMaxHeight = computed(() =>\n props.expandable && contentHeight.value ? { 'max-height': contentHeight.value } : {}\n );\n\n const toggleExpansion = () => {\n if (!props.disabled && props.expandable) {\n showContent.value = !showContent.value;\n emit('expanded', showContent.value);\n }\n };\n\n const onClick = () => {\n if (!props.disabled) {\n emit('click');\n\n if (!props.clickable) {\n deprecate(\n 'BentoCard \"@click\" property',\n `Use the BentoCard \"@click\" with the \"clickable\" property to enable accessible styles.`,\n '2.0.0'\n );\n }\n }\n };\n\n const onKeyDown = () => {\n if (props.clickable && !props.disabled) {\n emit('click');\n }\n };\n</script>\n\n<script lang=\"ts\">\n /**\n * A card is a flexible and composable container.\n * Use cards to represent a single object or to visually group certain content, like legal information within company settings.\n *\n * @example\n * import { BentoCard } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoCard },\n * template: `\n * <bento-card>\n * Title of the Card\n * </bento-card>\n * `\n * };\n */\n export default {\n i18n: { messages },\n name: 'bento-card',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./card.scss\" />\n"],"names":["BentoCardBackground","BentoCardBackground2","BentoCardTitleSize","BentoCardTitleSize2","__default__","messages","useI18n","slots","useSlots","hasSlot","useHasSlot","contentDiv","ref","cardId","generateUid","showContent","props","watch","value","showHeader","computed","showTitleWrapper","showCardBody","tabIndex","headerTabIndex","cardConditionalClasses","cardHeaderConditionalClasses","cardToggleConditionalClasses","cardBodyConditionalClasses","cardContentConditionalClasses","cardActionsConditionalClasses","isNotExpandableWithoutContent","cardTitleWrapperConditionalClasses","typography","contentHeight","useExpandableContentHeight","contentMaxHeight","emit","deprecate"],"mappings":";;;;;;;;;;;;AAGO,IAAAA,IAAA,kBAAAC,OACHA,EAAA,UAAA,WACAA,EAAA,YAAA,aAFQA,IAAAD,KAAA,CAAA,CAAA,GAQLE,IAAA,kBAAAC,OACHA,EAAA,UAAA,WACAA,EAAA,QAAA,SAFQA,IAAAD,KAAA,CAAA,CAAA;;;;;;;;;;;;;GC4NRE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;;;iBA9IA,EAAA,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAeAI,IAAAC,EAAA,IAAA,GAEAC,IAAAC,EAAA,MAAA,GACAC,IAAAH,EAAA,CAAAI,EAAA,MAAA;AACA,IAAAC;AAAA,MAAA,MAAAD,EAAA;AAAA,MACgB,CAAAE,MAAA;AAER,QAAAH,EAAA,QAAA,CAAAG;AAAA,MAAqB;AAAA,IACzB;AAEJ,UAAAC,IAAAC,EAAA,MAAAX,EAAA,SAAA,KAAAA,EAAA,aAAA,KAAAA,EAAA,QAAA,CAAA,GACAY,IAAAD,EAAA,MAAAX,EAAA,SAAA,KAAAA,EAAA,QAAA,CAAA,GACAa,IAAAF;AAAA,MAAqB,OAAAX,EAAA,SAAA,KAAAO,EAAA,SAAA,YAAA,CAAAA,EAAA,cAAAA,EAAA,cAAAD,EAAA;AAAA,IAG0C,GAE/DQ,IAAAH,EAAA,MAAAJ,EAAA,aAAA,CAAAA,EAAA,WAAA,IAAA,EAAA,GACAQ,IAAAJ,EAAA,MAAAJ,EAAA,cAAA,CAAAA,EAAA,WAAA,IAAA,EAAA,GAEAS,IAAAL,EAAA,OAAA;AAAA,MAA+C,CAAA,WAAAJ,EAAA,UAAA,EAAA,GAAAA,EAAA;AAAA,MACJ,qBAAAA,EAAA;AAAA,MACZ,sBAAAA,EAAA;AAAA,MACC,qBAAAA,EAAA,aAAAA,EAAA,eAAAA,EAAA;AAAA,IACuC,EAAA,GAGvEU,IAAAN,EAAA,OAAA;AAAA,MAAqD,8BAAAJ,EAAA;AAAA,MACb,gCAAA,CAAAA,EAAA,cAAA,CAAAM,EAAA;AAAA,IAC+B,EAAA,GAGvEK,IAAAP,EAAA,OAAA;AAAA,MAAqD,8BAAAJ,EAAA,cAAAd,EAAA;AAAA,IACoB,EAAA,GAGzE0B,IAAAR,EAAA,OAAA;AAAA,MAAmD,4BAAAJ,EAAA,cAAAP,EAAA,SAAA;AAAA,MACkB,gCAAA,CAAAO,EAAA,cAAA,CAAAG,EAAA;AAAA,IACA,EAAA,GAGrEU,IAAAT,EAAA,OAAA;AAAA,MAAsD,mCAAA,CAAAJ,EAAA,cAAA,CAAAG,EAAA;AAAA,MACkB,+BAAAH,EAAA;AAAA,IAC/B,EAAA,GAGzCc,IAAAV,EAAA,MAAA;AACI,YAAAW,IAAA,CAAAf,EAAA,cAAAA,EAAA,WAAA,CAAAP,EAAA,SAAA;AAEA,aAAA;AAAA,QAAO,oCAAAsB;AAAA,QACiC,oDAAAA,KAAAZ,EAAA;AAAA,MAC4D;AAAA,IACpG,CAAA,GAGJa,IAAAZ,EAAA,OAAA;AAAA,MAA2D,oCAAAX,EAAA,QAAA;AAAA,IACH,EAAA,GAGxDwB,IAAAb;AAAA,MAAmB,OAAA;AAAA,QAEV,IAAA;AAAA,QACO,SAAAJ,EAAA,cAAAd,EAAA,UAAA,UAAA;AAAA,QACgE,WAAAc,EAAA,cAAAd,EAAA;AAAA,QAClB,MAAAc,EAAA,cAAAd,EAAA;AAAA,MACL;AAAA,IACjD,GAIR,EAAA,eAAAgC,EAAA,IAAAC,EAAAxB,GAAAI,CAAA,GAEAqB,IAAAhB;AAAA,MAAyB,MAAAJ,EAAA,cAAAkB,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA;AAAA,IAC8D;ifAGvF,MAAA;AACI,MAAA,CAAAlB,EAAA,YAAAA,EAAA,eACID,EAAA,QAAA,CAAAA,EAAA,OACAsB,EAAA,YAAAtB,EAAA,KAAA;AAAA,IACJ,YAGJ,MAAA;AACI,MAAAC,EAAA,aACIqB,EAAA,OAAA,GAEArB,EAAA,aACIsB;AAAA,QAAA;AAAA,QACI;AAAA,QACA;AAAA,MACA;AAAA,IAGZ,cAGJ,MAAA;AACI,MAAAtB,EAAA,aAAA,CAAAA,EAAA,YACIqB,EAAA,OAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/chunks/{data-grid.KqPKvomW.js → data-grid.CWVHdx2g.js} RENAMED
@@ -32,7 +32,7 @@ import { E as lt } from "./link.CscSbaXa.js";
32
32
  import { C as st } from "./copy.BX0WZTRS.js";
33
33
  import { C as to } from "./chevron-down.eYtgv5ly.js";
34
34
  import { C as no } from "./chevron-up.d8cwIlA_.js";
35
- import { u as oo } from "./use-expandable-content-height.Bdd9hQwq.js";
35
+ import { u as oo } from "./use-expandable-content-height.DmFeas9-.js";
36
36
  import { B as lo } from "./info-icon.C0oj7yYi.js";
37
37
  import { j as so, f as ao } from "./dropdown.DGUdfiro.js";
38
38
  import { B as at } from "./popover.types.DvIwSAAp.js";
@@ -3264,4 +3264,4 @@ export {
3264
3264
  _e as h,
3265
3265
  ae as i
3266
3266
  };
3267
- //# sourceMappingURL=data-grid.KqPKvomW.js.map
3267
+ //# sourceMappingURL=data-grid.CWVHdx2g.js.map