@adyen/bento-vue2 1.96.0 → 1.96.1

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 (37) hide show
  1. package/dist/assets/accordion-item.css +1 -1
  2. package/dist/assets/action-bar.css +1 -1
  3. package/dist/assets/base-modal.css +1 -1
  4. package/dist/assets/button-actions.css +1 -1
  5. package/dist/assets/card.css +1 -1
  6. package/dist/assets/data-grid.css +1 -1
  7. package/dist/assets/dialog-page.css +1 -1
  8. package/dist/assets/file-uploader.css +1 -1
  9. package/dist/assets/filter-bar.css +1 -1
  10. package/dist/assets/inspector.css +1 -1
  11. package/dist/assets/modal-fullscreen.css +1 -1
  12. package/dist/assets/navigation-menu-group.css +1 -1
  13. package/dist/assets/secondary-nav.css +1 -1
  14. package/dist/assets/sidepanel.css +1 -1
  15. package/dist/checkbox.js +2 -2
  16. package/dist/chunks/{checkbox-group.BAjvgXlc.js → checkbox-group.CNTMMwQr.js} +2 -2
  17. package/dist/chunks/{checkbox-group.BAjvgXlc.js.map → checkbox-group.CNTMMwQr.js.map} +1 -1
  18. package/dist/chunks/{checkbox.BAQDBNL6.js → checkbox.BIzqX_eH.js} +18 -18
  19. package/dist/chunks/{checkbox.BAQDBNL6.js.map → checkbox.BIzqX_eH.js.map} +1 -1
  20. package/dist/chunks/{data-grid.Djy7XjVS.js → data-grid.DQwAkw4U.js} +3 -3
  21. package/dist/chunks/{data-grid.Djy7XjVS.js.map → data-grid.DQwAkw4U.js.map} +1 -1
  22. package/dist/chunks/{filter-bar.C6ZBgizQ.js → filter-bar.DQ9fJXq1.js} +44 -37
  23. package/dist/chunks/{filter-bar.C6ZBgizQ.js.map → filter-bar.DQ9fJXq1.js.map} +1 -1
  24. package/dist/chunks/{header-with-views.m0xMmoav.js → header-with-views.4VNHbNk0.js} +2 -2
  25. package/dist/chunks/{header-with-views.m0xMmoav.js.map → header-with-views.4VNHbNk0.js.map} +1 -1
  26. package/dist/chunks/{rich-text-editor.Dwq3Z_lK.js → rich-text-editor.D5URbwnM.js} +2 -2
  27. package/dist/chunks/{rich-text-editor.Dwq3Z_lK.js.map → rich-text-editor.D5URbwnM.js.map} +1 -1
  28. package/dist/chunks/{selection-card-group.ZZ_qF1L1.js → selection-card-group.CiFW4AZR.js} +8 -8
  29. package/dist/chunks/{selection-card-group.ZZ_qF1L1.js.map → selection-card-group.CiFW4AZR.js.map} +1 -1
  30. package/dist/data-grid.js +1 -1
  31. package/dist/filter-bar.js +1 -1
  32. package/dist/header-with-views.js +1 -1
  33. package/dist/index.js +7 -7
  34. package/dist/rich-text-editor.js +1 -1
  35. package/dist/selection-card.js +1 -1
  36. package/dist/web-types.json +1 -1
  37. package/package.json +3 -3
package/dist/assets/filter-bar.css CHANGED
@@ -1 +1 @@
1
- button[data-v-e633a8a6]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-e633a8a6]:focus-visible{outline:none}.b-filter-bar-button[data-v-e633a8a6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-color-background-primary);border:var(--b-border-width-s) solid var(--b-color-outline-secondary);border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:var(--b-spacer-020) var(--b-spacer-050);text-decoration:none;-webkit-user-select:none;user-select:none}.b-filter-bar-button[data-v-e633a8a6],.b-filter-bar-button[data-v-e633a8a6]:before,.b-filter-bar-button[data-v-e633a8a6]:after{box-sizing:border-box}.b-filter-bar-button *[data-v-e633a8a6],.b-filter-bar-button *[data-v-e633a8a6]:before,.b-filter-bar-button *[data-v-e633a8a6]:after{box-sizing:border-box}.b-filter-bar-button[data-v-e633a8a6] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-e633a8a6] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-filter-bar-button[data-v-e633a8a6]:hover{background-color:var(--b-color-background-primary-hover);color:var(--b-color-label-secondary)}.b-filter-bar-button:hover .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-secondary)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-primary);color:var(--b-color-label-inverse-primary)}}.b-filter-bar-button[data-v-e633a8a6]:disabled,.b-filter-bar-button[data-v-e633a8a6]:disabled:not(:focus){background-color:var(--b-color-background-primary);color:var(--b-color-label-disabled);cursor:not-allowed}.b-filter-bar-button:disabled .b-filter-bar-button__secondary-label[data-v-e633a8a6],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-disabled)}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-e633a8a6],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button[data-v-e633a8a6]:focus-visible{animation:outer-ring-default-e633a8a6 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);z-index:1}@keyframes outer-ring-default-e633a8a6{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-filter-bar-button--icon-only[data-v-e633a8a6]{padding:var(--b-spacer-020)}.b-filter-bar-button--icon-only .b-filter-bar-button__container[data-v-e633a8a6]{display:flex;gap:0}.b-filter-bar-button--filter-open[data-v-e633a8a6]:not(:hover){background-color:var(--b-color-background-primary-active);border:var(--b-border-width-s) solid var(--b-color-outline-secondary-active);color:var(--b-color-label-primary)}.b-filter-bar-button--filter-open-applied[data-v-e633a8a6]:not(:hover){background-color:var(--b-color-background-inverse-secondary-active);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-active);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--with-counter[data-v-e633a8a6]:not(.b-filter-bar-button--icon-only){padding-right:var(--b-spacer-020)}.b-filter-bar-button--with-counter:not(.b-filter-bar-button--icon-only) .b-filter-bar-button__container[data-v-e633a8a6]{padding-right:var(--b-spacer-020)}.b-filter-bar-button--applied[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-secondary);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-e633a8a6]:hover{background-color:var(--b-color-background-inverse-secondary-hover);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-hover);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied:hover .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-e633a8a6]:disabled,.b-filter-bar-button--applied[data-v-e633a8a6]:disabled:not(:focus){background-color:var(--b-color-background-inverse-disabled);border:var(--b-border-width-s) solid var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button--applied:disabled .b-filter-bar-button__secondary-label[data-v-e633a8a6],.b-filter-bar-button--applied:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button__container[data-v-e633a8a6]{align-items:center;display:flex;gap:var(--b-spacer-040);justify-content:center;vertical-align:bottom}.b-filter-bar-button__counter[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-primary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-inverse-primary);padding:0 var(--b-spacer-020)}.b-filter-bar-button__label-container[data-v-e633a8a6]{align-items:center;display:inline-flex;gap:var(--b-spacer-020)}.b-filter-bar-button__label[data-v-e633a8a6],.b-filter-bar-button__secondary-label[data-v-e633a8a6]{display:inline-flex;line-height:20px;vertical-align:middle}.b-filter-bar-button__icon-left[data-v-e633a8a6],.b-filter-bar-button__icon-right[data-v-e633a8a6]{display:inline-flex}button[data-v-c0b008f0]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-c0b008f0]:focus-visible{outline:none}.b-filter-bar-button-group[data-v-c0b008f0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-filter-bar-button-group[data-v-c0b008f0],.b-filter-bar-button-group[data-v-c0b008f0]:before,.b-filter-bar-button-group[data-v-c0b008f0]:after{box-sizing:border-box}.b-filter-bar-button-group *[data-v-c0b008f0],.b-filter-bar-button-group *[data-v-c0b008f0]:before,.b-filter-bar-button-group *[data-v-c0b008f0]:after{box-sizing:border-box}.b-filter-bar-button-group[data-v-c0b008f0] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button-group[data-v-c0b008f0] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:first-child{border-end-end-radius:0;border-start-end-radius:0}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:last-child{border-end-start-radius:0;border-start-start-radius:0}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:last-child){border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);padding-inline-end:var(--b-spacer-020)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:last-child):hover{border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child){border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);padding-inline-start:var(--b-spacer-020)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child):hover{border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:last-child){border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:first-child){border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active)}.b-base-filter[data-v-a15cd8ca]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;flex-shrink:0}.b-base-filter[data-v-a15cd8ca],.b-base-filter[data-v-a15cd8ca]:before,.b-base-filter[data-v-a15cd8ca]:after{box-sizing:border-box}.b-base-filter *[data-v-a15cd8ca],.b-base-filter *[data-v-a15cd8ca]:before,.b-base-filter *[data-v-a15cd8ca]:after{box-sizing:border-box}.b-base-filter[data-v-a15cd8ca] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter[data-v-a15cd8ca] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-filter[data-v-72e86cb6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-input-filter[data-v-72e86cb6],.b-input-filter[data-v-72e86cb6]:before,.b-input-filter[data-v-72e86cb6]:after{box-sizing:border-box}.b-input-filter *[data-v-72e86cb6],.b-input-filter *[data-v-72e86cb6]:before,.b-input-filter *[data-v-72e86cb6]:after{box-sizing:border-box}.b-input-filter[data-v-72e86cb6] ::-webkit-scrollbar{height:14px;width:14px}.b-input-filter[data-v-72e86cb6] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-filter--only-slot[data-v-72e86cb6]{padding:var(--b-spacer-000)}.b-input-with-dropdown-filter[data-v-f2603e12]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-input-with-dropdown-filter[data-v-f2603e12],.b-input-with-dropdown-filter[data-v-f2603e12]:before,.b-input-with-dropdown-filter[data-v-f2603e12]:after{box-sizing:border-box}.b-input-with-dropdown-filter *[data-v-f2603e12],.b-input-with-dropdown-filter *[data-v-f2603e12]:before,.b-input-with-dropdown-filter *[data-v-f2603e12]:after{box-sizing:border-box}.b-input-with-dropdown-filter[data-v-f2603e12] ::-webkit-scrollbar{height:14px;width:14px}.b-input-with-dropdown-filter[data-v-f2603e12] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-with-dropdown-filter--only-slot[data-v-f2603e12]{padding:var(--b-spacer-000)}.b-date-filter[data-v-d69da45c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070)}.b-date-filter[data-v-d69da45c],.b-date-filter[data-v-d69da45c]:before,.b-date-filter[data-v-d69da45c]:after{box-sizing:border-box}.b-date-filter *[data-v-d69da45c],.b-date-filter *[data-v-d69da45c]:before,.b-date-filter *[data-v-d69da45c]:after{box-sizing:border-box}.b-date-filter[data-v-d69da45c] ::-webkit-scrollbar{height:14px;width:14px}.b-date-filter[data-v-d69da45c] ::-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-d69da45c]{padding:var(--b-spacer-060) var(--b-spacer-070)}.b-date-filter__divider[data-v-d69da45c]{margin-top:var(--b-spacer-060)}@container (max-width: 260px){.b-base-filter-date-range-filter[data-v-46dea252] .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-46dea252]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-date-range-filter[data-v-46dea252],.b-date-range-filter[data-v-46dea252]:before,.b-date-range-filter[data-v-46dea252]:after{box-sizing:border-box}.b-date-range-filter *[data-v-46dea252],.b-date-range-filter *[data-v-46dea252]:before,.b-date-range-filter *[data-v-46dea252]:after{box-sizing:border-box}.b-date-range-filter[data-v-46dea252] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-filter[data-v-46dea252] ::-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-46dea252]{padding:0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070)}.b-date-range-filter__divider[data-v-46dea252]{margin:var(--b-spacer-060) 0}.b-radio-group-filter[data-v-8fe9c1b3]{padding:var(--b-spacer-060) var(--b-spacer-070)}.b-radio-group-filter--only-slot[data-v-8fe9c1b3]{padding:var(--b-spacer-000)}.b-select-filter-button[data-v-0eecb17a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-select-filter-button[data-v-0eecb17a],.b-select-filter-button[data-v-0eecb17a]:before,.b-select-filter-button[data-v-0eecb17a]:after{box-sizing:border-box}.b-select-filter-button *[data-v-0eecb17a],.b-select-filter-button *[data-v-0eecb17a]:before,.b-select-filter-button *[data-v-0eecb17a]:after{box-sizing:border-box}.b-select-filter-button[data-v-0eecb17a] ::-webkit-scrollbar{height:14px;width:14px}.b-select-filter-button[data-v-0eecb17a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-select-filter-button__divider[data-v-0eecb17a]{margin:var(--b-spacer-040) var(--b-spacer-000) var(--b-spacer-000)}.b-select-filter-button__search-bar[data-v-0eecb17a]{padding:var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-000)}.b-select-filter-button__search-bar-wrapper[data-v-0eecb17a]{margin-top:var(--b-spacer-060)}.b-select-filter-button__wrapper[data-v-0eecb17a]{max-height:270px}.b-toggle-filter[data-v-16cb6c7e]{align-items:center;display:flex;gap:var(--b-spacer-020)}.b-toggle-filter__checkbox[data-v-16cb6c7e]{margin-top:5px}.b-toggle-filter__checkmark[data-v-16cb6c7e]{margin:var(--b-spacer-010)}.b-toggle-filter__content[data-v-16cb6c7e]{display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-toggle-filter__only-slot[data-v-16cb6c7e]{cursor:pointer;display:flex;gap:var(--b-spacer-070)}.b-toggle-filter__only-slot--disabled[data-v-16cb6c7e]{cursor:not-allowed}.b-boolean-filter[data-v-85731910]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-boolean-filter[data-v-85731910],.b-boolean-filter[data-v-85731910]:before,.b-boolean-filter[data-v-85731910]:after{box-sizing:border-box}.b-boolean-filter *[data-v-85731910],.b-boolean-filter *[data-v-85731910]:before,.b-boolean-filter *[data-v-85731910]:after{box-sizing:border-box}.b-boolean-filter[data-v-85731910] ::-webkit-scrollbar{height:14px;width:14px}.b-boolean-filter[data-v-85731910] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-boolean-filter--only-slot[data-v-85731910]{padding:var(--b-spacer-000)}.b-range-filter[data-v-540f94ab]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-range-filter[data-v-540f94ab],.b-range-filter[data-v-540f94ab]:before,.b-range-filter[data-v-540f94ab]:after{box-sizing:border-box}.b-range-filter *[data-v-540f94ab],.b-range-filter *[data-v-540f94ab]:before,.b-range-filter *[data-v-540f94ab]:after{box-sizing:border-box}.b-range-filter[data-v-540f94ab] ::-webkit-scrollbar{height:14px;width:14px}.b-range-filter[data-v-540f94ab] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-range-filter__input-field[data-v-540f94ab]{padding-top:var(--b-spacer-060)}.b-range-filter--only-slot[data-v-540f94ab]{padding:var(--b-spacer-000)}.b-checkbox-group-filter[data-v-508aa213]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-checkbox-group-filter[data-v-508aa213],.b-checkbox-group-filter[data-v-508aa213]:before,.b-checkbox-group-filter[data-v-508aa213]:after{box-sizing:border-box}.b-checkbox-group-filter *[data-v-508aa213],.b-checkbox-group-filter *[data-v-508aa213]:before,.b-checkbox-group-filter *[data-v-508aa213]:after{box-sizing:border-box}.b-checkbox-group-filter[data-v-508aa213] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-group-filter[data-v-508aa213] ::-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-508aa213]{padding:var(--b-spacer-000)}button[data-v-66b170d4]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-66b170d4]:focus-visible{outline:none}.b-base-filter-button[data-v-66b170d4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-color-background-primary);color:var(--b-color-label-primary);cursor:pointer;height:40px;justify-content:center;padding:var(--b-spacer-030) var(--b-spacer-070);text-decoration:none;-webkit-user-select:none;user-select:none;width:100%}.b-base-filter-button[data-v-66b170d4],.b-base-filter-button[data-v-66b170d4]:before,.b-base-filter-button[data-v-66b170d4]:after{box-sizing:border-box}.b-base-filter-button *[data-v-66b170d4],.b-base-filter-button *[data-v-66b170d4]:before,.b-base-filter-button *[data-v-66b170d4]:after{box-sizing:border-box}.b-base-filter-button[data-v-66b170d4] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter-button[data-v-66b170d4] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-base-filter-button[data-v-66b170d4]:hover{background-color:var(--b-color-background-primary-hover);color:var(--b-color-label-primary-hover)}}.b-base-filter-button[data-v-66b170d4] .b-base-button__label{width:100%}.b-base-filter-button[data-v-66b170d4]:active:not(:disabled){background-color:var(--b-color-background-primary-active)}.b-base-filter-button[data-v-66b170d4]:disabled,.b-base-filter-button[data-v-66b170d4]:disabled:not(:focus){background-color:var(--b-color-background-primary);color:var(--b-color-label-disabled);cursor:not-allowed}.b-base-filter-button:disabled .b-base-filter-button__counter[data-v-66b170d4],.b-base-filter-button:disabled:not(:focus) .b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-base-filter-button[data-v-66b170d4]:focus-visible{background-color:var(--b-color-background-primary-active)}.b-base-filter-button--filter-open[data-v-66b170d4]{background-color:var(--b-color-background-modal-active)}.b-base-filter-button__default-container[data-v-66b170d4]{align-items:center;display:flex;gap:var(--b-spacer-070);width:100%}.b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-color-background-inverse-primary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-inverse-primary);padding:var(--b-spacer-020) var(--b-spacer-030)}.b-base-filter-button__counter-wrapper[data-v-66b170d4]{align-items:center;display:flex}.b-base-filter-button__label[data-v-66b170d4]{display:block;overflow:hidden;text-overflow:ellipsis}.b-base-filter-button__label-container[data-v-66b170d4]{overflow:hidden;white-space:nowrap;width:100%}.b-base-filter-button__icon-left[data-v-66b170d4],.b-base-filter-button__icon-right[data-v-66b170d4]{display:inline-flex}.b-all-filters-modal-button[data-v-4c415ac7]{background-color:var(--b-color-background-primary);scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal-button--filter-open[data-v-4c415ac7]{background-color:var(--b-color-background-primary-active)}.b-all-filters-modal-button[data-v-4c415ac7],.b-all-filters-modal-button[data-v-4c415ac7]:before,.b-all-filters-modal-button[data-v-4c415ac7]:after{box-sizing:border-box}.b-all-filters-modal-button *[data-v-4c415ac7],.b-all-filters-modal-button *[data-v-4c415ac7]:before,.b-all-filters-modal-button *[data-v-4c415ac7]:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-4c415ac7] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal-button[data-v-4c415ac7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-all-filters-modal-button[data-v-4c415ac7]:hover{background-color:var(--b-color-background-modal-hover);color:var(--b-color-label-primary)}}.b-all-filters-modal[data-v-732cf9cb]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal[data-v-732cf9cb],.b-all-filters-modal[data-v-732cf9cb]:before,.b-all-filters-modal[data-v-732cf9cb]:after{box-sizing:border-box}.b-all-filters-modal *[data-v-732cf9cb],.b-all-filters-modal *[data-v-732cf9cb]:before,.b-all-filters-modal *[data-v-732cf9cb]:after{box-sizing:border-box}.b-all-filters-modal[data-v-732cf9cb] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-732cf9cb] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page{height:calc(100vh - 128px);max-height:800px;position:relative}.b-all-filters-modal[data-v-732cf9cb] .b-modal-base__container{height:calc(100vh - 128px)!important;max-height:800px}.b-all-filters-modal[data-v-732cf9cb] .b-dialog-page__content{display:flex}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__content{flex:1;padding:var(--b-spacer-000)}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__content>.b-typography{height:100%}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__grid{overflow:hidden}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__grid>:nth-child(1){-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:auto;padding-bottom:var(--b-spacer-000);padding-right:var(--b-spacer-000)}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-732cf9cb] .b-grid-layout{gap:0;height:100%}.b-all-filters-modal__filters[data-v-732cf9cb]{display:flex;flex-direction:column;gap:var(--b-spacer-090)}.b-all-filters-modal__search-bar[data-v-732cf9cb]{padding:var(--b-spacer-000) var(--b-spacer-070)}.b-all-filters-modal__empty-search-message[data-v-732cf9cb]{color:var(--b-color-label-secondary);padding:var(--b-spacer-000) var(--b-spacer-070);text-align:center}.b-all-filters-modal__filters-list[data-v-732cf9cb]{list-style:none;margin:var(--b-spacer-000);padding:var(--b-spacer-000)}.b-all-filters-modal__filters-section[data-v-732cf9cb]{display:flex;flex-direction:column;gap:var(--b-spacer-030)}.b-all-filters-modal__filters-section-title[data-v-732cf9cb]{color:var(--b-color-label-secondary);padding:var(--b-spacer-000) var(--b-spacer-070)}.b-all-filters-modal__selected-filter-content[data-v-732cf9cb]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-040) var(--b-spacer-100) var(--b-spacer-040) var(--b-spacer-040)}.b-all-filters-modal__selected-filter-component[data-v-732cf9cb]{flex:1}.b-all-filters-modal__clear-button[data-v-732cf9cb]{display:flex;justify-content:flex-end}.b-all-filters-modal__selected-filter-text[data-v-732cf9cb]{display:flex;flex-direction:column;gap:var(--b-spacer-030);margin-bottom:var(--b-spacer-100)}.b-filter-bar[data-v-a9f59b6d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;width:100%}.b-filter-bar[data-v-a9f59b6d],.b-filter-bar[data-v-a9f59b6d]:before,.b-filter-bar[data-v-a9f59b6d]:after{box-sizing:border-box}.b-filter-bar *[data-v-a9f59b6d],.b-filter-bar *[data-v-a9f59b6d]:before,.b-filter-bar *[data-v-a9f59b6d]:after{box-sizing:border-box}.b-filter-bar[data-v-a9f59b6d] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-a9f59b6d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-filter-bar__all-filters-modal[data-v-a9f59b6d],.b-filter-bar__clear-all[data-v-a9f59b6d],.b-filter-bar__reset-all[data-v-a9f59b6d]{display:inline-block;flex-shrink:0}.b-filter-bar__search-external-container[data-v-a9f59b6d]{margin-bottom:var(--b-spacer-040)}.b-filter-bar__fixed-scroller[data-v-a9f59b6d] .b-fixed-scroller__right .b-button--condensed,.b-filter-bar__fixed-scroller[data-v-a9f59b6d] .b-fixed-scroller__left .b-button--condensed{height:inherit;max-height:inherit}.b-filter-bar__container[data-v-a9f59b6d]{display:flex;flex-direction:row}.b-filter-bar__filters[data-v-a9f59b6d]{display:flex;flex-wrap:wrap;gap:var(--b-spacer-040)}.b-filter-bar__filters .b-filter-bar__search-bar-container[data-v-a9f59b6d]{min-width:200px;width:200px}.b-filter-bar__search-bar-container[data-v-a9f59b6d]{flex:0 1 auto}.b-filter-bar--large-layout .b-filter-bar__search-bar[data-v-a9f59b6d]{width:100%}.b-filter-bar__scroller-content[data-v-a9f59b6d]{display:flex;gap:var(--b-spacer-040)}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-a9f59b6d]{min-width:180px}
1
+ button[data-v-e633a8a6]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-e633a8a6]:focus-visible{outline:none}.b-filter-bar-button[data-v-e633a8a6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-color-background-primary);border:var(--b-border-width-s) solid var(--b-color-outline-secondary);border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:var(--b-spacer-020) var(--b-spacer-050);text-decoration:none;-webkit-user-select:none;user-select:none}.b-filter-bar-button[data-v-e633a8a6],.b-filter-bar-button[data-v-e633a8a6]:before,.b-filter-bar-button[data-v-e633a8a6]:after{box-sizing:border-box}.b-filter-bar-button *[data-v-e633a8a6],.b-filter-bar-button *[data-v-e633a8a6]:before,.b-filter-bar-button *[data-v-e633a8a6]:after{box-sizing:border-box}.b-filter-bar-button[data-v-e633a8a6] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-e633a8a6] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-filter-bar-button[data-v-e633a8a6]:hover{background-color:var(--b-color-background-primary-hover);color:var(--b-color-label-secondary)}.b-filter-bar-button:hover .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-secondary)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-primary);color:var(--b-color-label-inverse-primary)}}.b-filter-bar-button[data-v-e633a8a6]:disabled,.b-filter-bar-button[data-v-e633a8a6]:disabled:not(:focus){background-color:var(--b-color-background-primary);color:var(--b-color-label-disabled);cursor:not-allowed}.b-filter-bar-button:disabled .b-filter-bar-button__secondary-label[data-v-e633a8a6],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-disabled)}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-e633a8a6],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button[data-v-e633a8a6]:focus-visible{animation:outer-ring-default-e633a8a6 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);z-index:1}@keyframes outer-ring-default-e633a8a6{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-filter-bar-button--icon-only[data-v-e633a8a6]{padding:var(--b-spacer-020)}.b-filter-bar-button--icon-only .b-filter-bar-button__container[data-v-e633a8a6]{display:flex;gap:0}.b-filter-bar-button--filter-open[data-v-e633a8a6]:not(:hover){background-color:var(--b-color-background-primary-active);border:var(--b-border-width-s) solid var(--b-color-outline-secondary-active);color:var(--b-color-label-primary)}.b-filter-bar-button--filter-open-applied[data-v-e633a8a6]:not(:hover){background-color:var(--b-color-background-inverse-secondary-active);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-active);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--with-counter[data-v-e633a8a6]:not(.b-filter-bar-button--icon-only){padding-right:var(--b-spacer-020)}.b-filter-bar-button--with-counter:not(.b-filter-bar-button--icon-only) .b-filter-bar-button__container[data-v-e633a8a6]{padding-right:var(--b-spacer-020)}.b-filter-bar-button--applied[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-secondary);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-e633a8a6]:hover{background-color:var(--b-color-background-inverse-secondary-hover);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-hover);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied:hover .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-e633a8a6]:disabled,.b-filter-bar-button--applied[data-v-e633a8a6]:disabled:not(:focus){background-color:var(--b-color-background-inverse-disabled);border:var(--b-border-width-s) solid var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button--applied:disabled .b-filter-bar-button__secondary-label[data-v-e633a8a6],.b-filter-bar-button--applied:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-e633a8a6]{color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button__container[data-v-e633a8a6]{align-items:center;display:flex;gap:var(--b-spacer-040);justify-content:center;vertical-align:bottom}.b-filter-bar-button__counter[data-v-e633a8a6]{background-color:var(--b-color-background-inverse-primary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-inverse-primary);padding:0 var(--b-spacer-020)}.b-filter-bar-button__label-container[data-v-e633a8a6]{align-items:center;display:inline-flex;gap:var(--b-spacer-020)}.b-filter-bar-button__label[data-v-e633a8a6],.b-filter-bar-button__secondary-label[data-v-e633a8a6]{display:inline-flex;line-height:20px;vertical-align:middle}.b-filter-bar-button__icon-left[data-v-e633a8a6],.b-filter-bar-button__icon-right[data-v-e633a8a6]{display:inline-flex}button[data-v-c0b008f0]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-c0b008f0]:focus-visible{outline:none}.b-filter-bar-button-group[data-v-c0b008f0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.b-filter-bar-button-group[data-v-c0b008f0],.b-filter-bar-button-group[data-v-c0b008f0]:before,.b-filter-bar-button-group[data-v-c0b008f0]:after{box-sizing:border-box}.b-filter-bar-button-group *[data-v-c0b008f0],.b-filter-bar-button-group *[data-v-c0b008f0]:before,.b-filter-bar-button-group *[data-v-c0b008f0]:after{box-sizing:border-box}.b-filter-bar-button-group[data-v-c0b008f0] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button-group[data-v-c0b008f0] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:first-child{border-end-end-radius:0;border-start-end-radius:0}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:last-child{border-end-start-radius:0;border-start-start-radius:0}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:last-child){border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);padding-inline-end:var(--b-spacer-020)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:last-child):hover{border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child){border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);padding-inline-start:var(--b-spacer-020)}.b-filter-bar-button-group--grouped[data-v-c0b008f0] button:not(:first-child):hover{border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:last-child){border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-c0b008f0] button:not(:first-child){border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active)}.b-base-filter[data-v-a15cd8ca]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;flex-shrink:0}.b-base-filter[data-v-a15cd8ca],.b-base-filter[data-v-a15cd8ca]:before,.b-base-filter[data-v-a15cd8ca]:after{box-sizing:border-box}.b-base-filter *[data-v-a15cd8ca],.b-base-filter *[data-v-a15cd8ca]:before,.b-base-filter *[data-v-a15cd8ca]:after{box-sizing:border-box}.b-base-filter[data-v-a15cd8ca] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter[data-v-a15cd8ca] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-filter[data-v-72e86cb6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-input-filter[data-v-72e86cb6],.b-input-filter[data-v-72e86cb6]:before,.b-input-filter[data-v-72e86cb6]:after{box-sizing:border-box}.b-input-filter *[data-v-72e86cb6],.b-input-filter *[data-v-72e86cb6]:before,.b-input-filter *[data-v-72e86cb6]:after{box-sizing:border-box}.b-input-filter[data-v-72e86cb6] ::-webkit-scrollbar{height:14px;width:14px}.b-input-filter[data-v-72e86cb6] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-filter--only-slot[data-v-72e86cb6]{padding:var(--b-spacer-000)}.b-input-with-dropdown-filter[data-v-f2603e12]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-input-with-dropdown-filter[data-v-f2603e12],.b-input-with-dropdown-filter[data-v-f2603e12]:before,.b-input-with-dropdown-filter[data-v-f2603e12]:after{box-sizing:border-box}.b-input-with-dropdown-filter *[data-v-f2603e12],.b-input-with-dropdown-filter *[data-v-f2603e12]:before,.b-input-with-dropdown-filter *[data-v-f2603e12]:after{box-sizing:border-box}.b-input-with-dropdown-filter[data-v-f2603e12] ::-webkit-scrollbar{height:14px;width:14px}.b-input-with-dropdown-filter[data-v-f2603e12] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-with-dropdown-filter--only-slot[data-v-f2603e12]{padding:var(--b-spacer-000)}.b-date-filter[data-v-d69da45c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070)}.b-date-filter[data-v-d69da45c],.b-date-filter[data-v-d69da45c]:before,.b-date-filter[data-v-d69da45c]:after{box-sizing:border-box}.b-date-filter *[data-v-d69da45c],.b-date-filter *[data-v-d69da45c]:before,.b-date-filter *[data-v-d69da45c]:after{box-sizing:border-box}.b-date-filter[data-v-d69da45c] ::-webkit-scrollbar{height:14px;width:14px}.b-date-filter[data-v-d69da45c] ::-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-d69da45c]{padding:var(--b-spacer-060) var(--b-spacer-070)}.b-date-filter__divider[data-v-d69da45c]{margin-top:var(--b-spacer-060)}@container (max-width: 260px){.b-base-filter-date-range-filter[data-v-46dea252] .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-46dea252]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-date-range-filter[data-v-46dea252],.b-date-range-filter[data-v-46dea252]:before,.b-date-range-filter[data-v-46dea252]:after{box-sizing:border-box}.b-date-range-filter *[data-v-46dea252],.b-date-range-filter *[data-v-46dea252]:before,.b-date-range-filter *[data-v-46dea252]:after{box-sizing:border-box}.b-date-range-filter[data-v-46dea252] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-filter[data-v-46dea252] ::-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-46dea252]{padding:0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070)}.b-date-range-filter__divider[data-v-46dea252]{margin:var(--b-spacer-060) 0}.b-radio-group-filter[data-v-8fe9c1b3]{padding:var(--b-spacer-060) var(--b-spacer-070)}.b-radio-group-filter--only-slot[data-v-8fe9c1b3]{padding:var(--b-spacer-000)}.b-select-filter-button[data-v-0eecb17a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-select-filter-button[data-v-0eecb17a],.b-select-filter-button[data-v-0eecb17a]:before,.b-select-filter-button[data-v-0eecb17a]:after{box-sizing:border-box}.b-select-filter-button *[data-v-0eecb17a],.b-select-filter-button *[data-v-0eecb17a]:before,.b-select-filter-button *[data-v-0eecb17a]:after{box-sizing:border-box}.b-select-filter-button[data-v-0eecb17a] ::-webkit-scrollbar{height:14px;width:14px}.b-select-filter-button[data-v-0eecb17a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-select-filter-button__divider[data-v-0eecb17a]{margin:var(--b-spacer-040) var(--b-spacer-000) var(--b-spacer-000)}.b-select-filter-button__search-bar[data-v-0eecb17a]{padding:var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-000)}.b-select-filter-button__search-bar-wrapper[data-v-0eecb17a]{margin-top:var(--b-spacer-060)}.b-select-filter-button__wrapper[data-v-0eecb17a]{max-height:270px}.b-toggle-filter[data-v-16cb6c7e]{align-items:center;display:flex;gap:var(--b-spacer-020)}.b-toggle-filter__checkbox[data-v-16cb6c7e]{margin-top:5px}.b-toggle-filter__checkmark[data-v-16cb6c7e]{margin:var(--b-spacer-010)}.b-toggle-filter__content[data-v-16cb6c7e]{display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-toggle-filter__only-slot[data-v-16cb6c7e]{cursor:pointer;display:flex;gap:var(--b-spacer-070)}.b-toggle-filter__only-slot--disabled[data-v-16cb6c7e]{cursor:not-allowed}.b-boolean-filter[data-v-85731910]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-boolean-filter[data-v-85731910],.b-boolean-filter[data-v-85731910]:before,.b-boolean-filter[data-v-85731910]:after{box-sizing:border-box}.b-boolean-filter *[data-v-85731910],.b-boolean-filter *[data-v-85731910]:before,.b-boolean-filter *[data-v-85731910]:after{box-sizing:border-box}.b-boolean-filter[data-v-85731910] ::-webkit-scrollbar{height:14px;width:14px}.b-boolean-filter[data-v-85731910] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-boolean-filter--only-slot[data-v-85731910]{padding:var(--b-spacer-000)}.b-range-filter[data-v-540f94ab]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-range-filter[data-v-540f94ab],.b-range-filter[data-v-540f94ab]:before,.b-range-filter[data-v-540f94ab]:after{box-sizing:border-box}.b-range-filter *[data-v-540f94ab],.b-range-filter *[data-v-540f94ab]:before,.b-range-filter *[data-v-540f94ab]:after{box-sizing:border-box}.b-range-filter[data-v-540f94ab] ::-webkit-scrollbar{height:14px;width:14px}.b-range-filter[data-v-540f94ab] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-range-filter__input-field[data-v-540f94ab]{padding-top:var(--b-spacer-060)}.b-range-filter--only-slot[data-v-540f94ab]{padding:var(--b-spacer-000)}.b-checkbox-group-filter[data-v-a3c2bae1]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-checkbox-group-filter[data-v-a3c2bae1],.b-checkbox-group-filter[data-v-a3c2bae1]:before,.b-checkbox-group-filter[data-v-a3c2bae1]:after{box-sizing:border-box}.b-checkbox-group-filter *[data-v-a3c2bae1],.b-checkbox-group-filter *[data-v-a3c2bae1]:before,.b-checkbox-group-filter *[data-v-a3c2bae1]:after{box-sizing:border-box}.b-checkbox-group-filter[data-v-a3c2bae1] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-group-filter[data-v-a3c2bae1] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-checkbox-group-filter--only-slot[data-v-a3c2bae1]{padding:var(--b-spacer-000)}button[data-v-66b170d4]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-66b170d4]:focus-visible{outline:none}.b-base-filter-button[data-v-66b170d4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-color-background-primary);color:var(--b-color-label-primary);cursor:pointer;height:40px;justify-content:center;padding:var(--b-spacer-030) var(--b-spacer-070);text-decoration:none;-webkit-user-select:none;user-select:none;width:100%}.b-base-filter-button[data-v-66b170d4],.b-base-filter-button[data-v-66b170d4]:before,.b-base-filter-button[data-v-66b170d4]:after{box-sizing:border-box}.b-base-filter-button *[data-v-66b170d4],.b-base-filter-button *[data-v-66b170d4]:before,.b-base-filter-button *[data-v-66b170d4]:after{box-sizing:border-box}.b-base-filter-button[data-v-66b170d4] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter-button[data-v-66b170d4] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-base-filter-button[data-v-66b170d4]:hover{background-color:var(--b-color-background-primary-hover);color:var(--b-color-label-primary-hover)}}.b-base-filter-button[data-v-66b170d4] .b-base-button__label{width:100%}.b-base-filter-button[data-v-66b170d4]:active:not(:disabled){background-color:var(--b-color-background-primary-active)}.b-base-filter-button[data-v-66b170d4]:disabled,.b-base-filter-button[data-v-66b170d4]:disabled:not(:focus){background-color:var(--b-color-background-primary);color:var(--b-color-label-disabled);cursor:not-allowed}.b-base-filter-button:disabled .b-base-filter-button__counter[data-v-66b170d4],.b-base-filter-button:disabled:not(:focus) .b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-base-filter-button[data-v-66b170d4]:focus-visible{background-color:var(--b-color-background-primary-active)}.b-base-filter-button--filter-open[data-v-66b170d4]{background-color:var(--b-color-background-modal-active)}.b-base-filter-button__default-container[data-v-66b170d4]{align-items:center;display:flex;gap:var(--b-spacer-070);width:100%}.b-base-filter-button__counter[data-v-66b170d4]{background-color:var(--b-color-background-inverse-primary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-inverse-primary);padding:var(--b-spacer-020) var(--b-spacer-030)}.b-base-filter-button__counter-wrapper[data-v-66b170d4]{align-items:center;display:flex}.b-base-filter-button__label[data-v-66b170d4]{display:block;overflow:hidden;text-overflow:ellipsis}.b-base-filter-button__label-container[data-v-66b170d4]{overflow:hidden;white-space:nowrap;width:100%}.b-base-filter-button__icon-left[data-v-66b170d4],.b-base-filter-button__icon-right[data-v-66b170d4]{display:inline-flex}.b-all-filters-modal-button[data-v-4c415ac7]{background-color:var(--b-color-background-primary);scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal-button--filter-open[data-v-4c415ac7]{background-color:var(--b-color-background-primary-active)}.b-all-filters-modal-button[data-v-4c415ac7],.b-all-filters-modal-button[data-v-4c415ac7]:before,.b-all-filters-modal-button[data-v-4c415ac7]:after{box-sizing:border-box}.b-all-filters-modal-button *[data-v-4c415ac7],.b-all-filters-modal-button *[data-v-4c415ac7]:before,.b-all-filters-modal-button *[data-v-4c415ac7]:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-4c415ac7] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal-button[data-v-4c415ac7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-all-filters-modal-button[data-v-4c415ac7]:hover{background-color:var(--b-color-background-modal-hover);color:var(--b-color-label-primary)}}.b-all-filters-modal[data-v-732cf9cb]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-all-filters-modal[data-v-732cf9cb],.b-all-filters-modal[data-v-732cf9cb]:before,.b-all-filters-modal[data-v-732cf9cb]:after{box-sizing:border-box}.b-all-filters-modal *[data-v-732cf9cb],.b-all-filters-modal *[data-v-732cf9cb]:before,.b-all-filters-modal *[data-v-732cf9cb]:after{box-sizing:border-box}.b-all-filters-modal[data-v-732cf9cb] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-732cf9cb] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page{height:calc(100vh - 128px);max-height:800px;position:relative}.b-all-filters-modal[data-v-732cf9cb] .b-modal-base__container{height:calc(100vh - 128px)!important;max-height:800px}.b-all-filters-modal[data-v-732cf9cb] .b-dialog-page__content{display:flex}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__content{flex:1;padding:var(--b-spacer-000)}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__content>.b-typography{height:100%}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__grid{overflow:hidden}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__grid>:nth-child(1){-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:auto;padding-bottom:var(--b-spacer-000);padding-right:var(--b-spacer-000)}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-732cf9cb] .b-modal-page__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-732cf9cb] .b-grid-layout{gap:0;height:100%}.b-all-filters-modal__filters[data-v-732cf9cb]{display:flex;flex-direction:column;gap:var(--b-spacer-090)}.b-all-filters-modal__search-bar[data-v-732cf9cb]{padding:var(--b-spacer-000) var(--b-spacer-070)}.b-all-filters-modal__empty-search-message[data-v-732cf9cb]{color:var(--b-color-label-secondary);padding:var(--b-spacer-000) var(--b-spacer-070);text-align:center}.b-all-filters-modal__filters-list[data-v-732cf9cb]{list-style:none;margin:var(--b-spacer-000);padding:var(--b-spacer-000)}.b-all-filters-modal__filters-section[data-v-732cf9cb]{display:flex;flex-direction:column;gap:var(--b-spacer-030)}.b-all-filters-modal__filters-section-title[data-v-732cf9cb]{color:var(--b-color-label-secondary);padding:var(--b-spacer-000) var(--b-spacer-070)}.b-all-filters-modal__selected-filter-content[data-v-732cf9cb]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-040) var(--b-spacer-100) var(--b-spacer-040) var(--b-spacer-040)}.b-all-filters-modal__selected-filter-component[data-v-732cf9cb]{flex:1}.b-all-filters-modal__clear-button[data-v-732cf9cb]{display:flex;justify-content:flex-end}.b-all-filters-modal__selected-filter-text[data-v-732cf9cb]{display:flex;flex-direction:column;gap:var(--b-spacer-030);margin-bottom:var(--b-spacer-100)}.b-filter-bar[data-v-a9f59b6d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;width:100%}.b-filter-bar[data-v-a9f59b6d],.b-filter-bar[data-v-a9f59b6d]:before,.b-filter-bar[data-v-a9f59b6d]:after{box-sizing:border-box}.b-filter-bar *[data-v-a9f59b6d],.b-filter-bar *[data-v-a9f59b6d]:before,.b-filter-bar *[data-v-a9f59b6d]:after{box-sizing:border-box}.b-filter-bar[data-v-a9f59b6d] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-a9f59b6d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-filter-bar__all-filters-modal[data-v-a9f59b6d],.b-filter-bar__clear-all[data-v-a9f59b6d],.b-filter-bar__reset-all[data-v-a9f59b6d]{display:inline-block;flex-shrink:0}.b-filter-bar__search-external-container[data-v-a9f59b6d]{margin-bottom:var(--b-spacer-040)}.b-filter-bar__fixed-scroller[data-v-a9f59b6d] .b-fixed-scroller__right .b-button--condensed,.b-filter-bar__fixed-scroller[data-v-a9f59b6d] .b-fixed-scroller__left .b-button--condensed{height:inherit;max-height:inherit}.b-filter-bar__container[data-v-a9f59b6d]{display:flex;flex-direction:row}.b-filter-bar__filters[data-v-a9f59b6d]{display:flex;flex-wrap:wrap;gap:var(--b-spacer-040)}.b-filter-bar__filters .b-filter-bar__search-bar-container[data-v-a9f59b6d]{min-width:200px;width:200px}.b-filter-bar__search-bar-container[data-v-a9f59b6d]{flex:0 1 auto}.b-filter-bar--large-layout .b-filter-bar__search-bar[data-v-a9f59b6d]{width:100%}.b-filter-bar__scroller-content[data-v-a9f59b6d]{display:flex;gap:var(--b-spacer-040)}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-a9f59b6d]{min-width:180px}
package/dist/assets/inspector.css CHANGED
@@ -1 +1 @@
1
- .b-inspector[data-v-62a28c4d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;height:100%;position:relative}.b-inspector[data-v-62a28c4d],.b-inspector[data-v-62a28c4d]:before,.b-inspector[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector *[data-v-62a28c4d],.b-inspector *[data-v-62a28c4d]:before,.b-inspector *[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector[data-v-62a28c4d] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-62a28c4d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-inspector--overlay-content .b-inspector__container-wrapper[data-v-62a28c4d]{box-shadow:var(--b-shadow-medium);position:absolute;right:0;z-index:var(--b-z-index-global-elevated)}.b-inspector__page-wrapper[data-v-62a28c4d]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-62a28c4d]{height:100%}.b-inspector__container-wrapper[data-v-62a28c4d]{background-color:var(--b-color-background-primary);border-left:1px solid var(--b-color-separator-secondary);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-62a28c4d]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-070) var(--b-spacer-090)}.b-inspector__header[data-v-62a28c4d]{color:var(--b-color-label-primary);display:flex;gap:var(--b-spacer-060);padding-bottom:var(--b-spacer-070)}.b-inspector__title[data-v-62a28c4d]{flex-grow:1}.b-inspector__icons[data-v-62a28c4d]{display:flex;flex-shrink:0;gap:var(--b-spacer-050)}.b-inspector__content[data-v-62a28c4d]{flex-grow:1}.b-inspector__loading-indicator[data-v-62a28c4d]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-62a28c4d]{clip-path:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-62a28c4d]:focus-visible{clip-path:auto;height:auto;opacity:1;right:var(--b-spacer-040);width:auto;z-index:1}.b-inspector__return-content-description[data-v-62a28c4d]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-62a28c4d]{width:420px}.b-inspector--small .b-inspector__container[data-v-62a28c4d]{width:419px}@keyframes expand-small-62a28c4d{0%{width:0}to{width:420px}}@keyframes shrink-small-62a28c4d{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--small .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-uovw3ls-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uovw3ls-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-uovw3m0-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uovw3m0-62a28c4d{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-62a28c4d]{width:595px}.b-inspector--large .b-inspector__container[data-v-62a28c4d]{width:594px}@keyframes expand-large-62a28c4d{0%{width:0}to{width:595px}}@keyframes shrink-large-62a28c4d{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-large-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--large .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-large-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-uovw3my-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uovw3my-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-uovw3n5-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uovw3n5-62a28c4d{0%{translate:0 0}to{translate:100% 0}}
1
+ .b-inspector[data-v-62a28c4d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;height:100%;position:relative}.b-inspector[data-v-62a28c4d],.b-inspector[data-v-62a28c4d]:before,.b-inspector[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector *[data-v-62a28c4d],.b-inspector *[data-v-62a28c4d]:before,.b-inspector *[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector[data-v-62a28c4d] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-62a28c4d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-inspector--overlay-content .b-inspector__container-wrapper[data-v-62a28c4d]{box-shadow:var(--b-shadow-medium);position:absolute;right:0;z-index:var(--b-z-index-global-elevated)}.b-inspector__page-wrapper[data-v-62a28c4d]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-62a28c4d]{height:100%}.b-inspector__container-wrapper[data-v-62a28c4d]{background-color:var(--b-color-background-primary);border-left:1px solid var(--b-color-separator-secondary);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-62a28c4d]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-070) var(--b-spacer-090)}.b-inspector__header[data-v-62a28c4d]{color:var(--b-color-label-primary);display:flex;gap:var(--b-spacer-060);padding-bottom:var(--b-spacer-070)}.b-inspector__title[data-v-62a28c4d]{flex-grow:1}.b-inspector__icons[data-v-62a28c4d]{display:flex;flex-shrink:0;gap:var(--b-spacer-050)}.b-inspector__content[data-v-62a28c4d]{flex-grow:1}.b-inspector__loading-indicator[data-v-62a28c4d]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-62a28c4d]{clip-path:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-62a28c4d]:focus-visible{clip-path:auto;height:auto;opacity:1;right:var(--b-spacer-040);width:auto;z-index:1}.b-inspector__return-content-description[data-v-62a28c4d]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-62a28c4d]{width:420px}.b-inspector--small .b-inspector__container[data-v-62a28c4d]{width:419px}@keyframes expand-small-62a28c4d{0%{width:0}to{width:420px}}@keyframes shrink-small-62a28c4d{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--small .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-uo1etwy-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uo1etwy-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-uo1etx9-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uo1etx9-62a28c4d{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-62a28c4d]{width:595px}.b-inspector--large .b-inspector__container[data-v-62a28c4d]{width:594px}@keyframes expand-large-62a28c4d{0%{width:0}to{width:595px}}@keyframes shrink-large-62a28c4d{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-large-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--large .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-large-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-uo1ety3-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uo1ety3-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-uo1etyz-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uo1etyz-62a28c4d{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]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-50f40dc1],.b-modal-fullscreen-page[data-v-50f40dc1]:before,.b-modal-fullscreen-page[data-v-50f40dc1]:after{box-sizing:border-box}.b-modal-fullscreen-page *[data-v-50f40dc1],.b-modal-fullscreen-page *[data-v-50f40dc1]:before,.b-modal-fullscreen-page *[data-v-50f40dc1]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-50f40dc1] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-50f40dc1] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen-page__header[data-v-50f40dc1]{align-items:center;display:flex;flex-grow:1;gap:var(--b-spacer-090);height:64px;overflow:auto hidden;padding:var(--b-spacer-060) var(--b-spacer-090)}.b-modal-fullscreen-page__header-section[data-v-50f40dc1]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-50f40dc1]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-50f40dc1]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-50f40dc1]{align-items:center;gap:var(--b-spacer-090);justify-content:end}.b-modal-fullscreen-page__title[data-v-50f40dc1]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-50f40dc1]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-50f40dc1]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-50f40dc1] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-50f40dc1]{border-left:var(--b-border-width-s) solid var(--b-color-separator-primary);height:26px;margin-right:var(--b-spacer-110)}.b-modal-fullscreen-page__close-button[data-v-50f40dc1]{align-items:center;background-color:var(--b-color-background-primary);display:flex;height:64px;padding-inline:var(--b-spacer-090);position:absolute;right:0;z-index:var(--b-z-index-local-tier-1)}.b-modal-fullscreen[data-v-9349b04a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-primary);border:0;color:var(--b-color-label-primary);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-9349b04a],.b-modal-fullscreen[data-v-9349b04a]:before,.b-modal-fullscreen[data-v-9349b04a]:after{box-sizing:border-box}.b-modal-fullscreen *[data-v-9349b04a],.b-modal-fullscreen *[data-v-9349b04a]:before,.b-modal-fullscreen *[data-v-9349b04a]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-9349b04a] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-9349b04a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen__wrapper[data-v-9349b04a]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen[data-v-9349b04a]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-9349b04a]{animation:fade-in-uovw328-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uovw328-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uovw328-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-uovw328-9349b04a{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uovw328-9349b04a{0%{scale:1}to{scale:1}}@keyframes enter-uovw328-9349b04a{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-9349b04a]{animation:fade-out-uovw340-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uovw340-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uovw340-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-uovw340-9349b04a{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uovw340-9349b04a{0%{scale:1}to{scale:1}}@keyframes exit-uovw340-9349b04a{0%{translate:0 0}to{translate:0 64px}}
1
+ .b-modal-fullscreen-page[data-v-50f40dc1]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-50f40dc1],.b-modal-fullscreen-page[data-v-50f40dc1]:before,.b-modal-fullscreen-page[data-v-50f40dc1]:after{box-sizing:border-box}.b-modal-fullscreen-page *[data-v-50f40dc1],.b-modal-fullscreen-page *[data-v-50f40dc1]:before,.b-modal-fullscreen-page *[data-v-50f40dc1]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-50f40dc1] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-50f40dc1] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen-page__header[data-v-50f40dc1]{align-items:center;display:flex;flex-grow:1;gap:var(--b-spacer-090);height:64px;overflow:auto hidden;padding:var(--b-spacer-060) var(--b-spacer-090)}.b-modal-fullscreen-page__header-section[data-v-50f40dc1]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-50f40dc1]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-50f40dc1]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-50f40dc1]{align-items:center;gap:var(--b-spacer-090);justify-content:end}.b-modal-fullscreen-page__title[data-v-50f40dc1]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-50f40dc1]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-50f40dc1]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-50f40dc1] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-50f40dc1]{border-left:var(--b-border-width-s) solid var(--b-color-separator-primary);height:26px;margin-right:var(--b-spacer-110)}.b-modal-fullscreen-page__close-button[data-v-50f40dc1]{align-items:center;background-color:var(--b-color-background-primary);display:flex;height:64px;padding-inline:var(--b-spacer-090);position:absolute;right:0;z-index:var(--b-z-index-local-tier-1)}.b-modal-fullscreen[data-v-9349b04a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-primary);border:0;color:var(--b-color-label-primary);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-9349b04a],.b-modal-fullscreen[data-v-9349b04a]:before,.b-modal-fullscreen[data-v-9349b04a]:after{box-sizing:border-box}.b-modal-fullscreen *[data-v-9349b04a],.b-modal-fullscreen *[data-v-9349b04a]:before,.b-modal-fullscreen *[data-v-9349b04a]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-9349b04a] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-9349b04a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen__wrapper[data-v-9349b04a]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen[data-v-9349b04a]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-9349b04a]{animation:fade-in-uo1etdo-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uo1etdo-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uo1etdo-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-uo1etdo-9349b04a{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uo1etdo-9349b04a{0%{scale:1}to{scale:1}}@keyframes enter-uo1etdo-9349b04a{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-9349b04a]{animation:fade-out-uo1etel-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uo1etel-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uo1etel-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-uo1etel-9349b04a{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uo1etel-9349b04a{0%{scale:1}to{scale:1}}@keyframes exit-uo1etel-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-2ed5fb08]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;padding:var(--b-spacer-020) var(--b-spacer-040) var(--b-spacer-040)}.b-navigation-menu[data-v-2ed5fb08],.b-navigation-menu[data-v-2ed5fb08]:before,.b-navigation-menu[data-v-2ed5fb08]:after{box-sizing:border-box}.b-navigation-menu *[data-v-2ed5fb08],.b-navigation-menu *[data-v-2ed5fb08]:before,.b-navigation-menu *[data-v-2ed5fb08]:after{box-sizing:border-box}.b-navigation-menu[data-v-2ed5fb08] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu[data-v-2ed5fb08] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-navigation-menu__header[data-v-2ed5fb08]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030) var(--b-spacer-010) var(--b-spacer-060)}.b-navigation-menu__title[data-v-2ed5fb08]{color:var(--b-color-label-secondary);font-family:var(--b-text-caption-font-family-secondary);font-variant-numeric:slashed-zero;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.b-navigation-menu__actions-container[data-v-2ed5fb08],.b-navigation-menu__actions[data-v-2ed5fb08]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-navigation-menu__actions-container[data-v-2ed5fb08] .b-button--icon-only{padding:var(--b-spacer-030)}.b-navigation-menu__content[data-v-2ed5fb08]{display:flex;flex-direction:column;gap:var(--b-spacer-010);list-style:none;margin:0;padding:0}.b-navigation-menu__content[data-v-2ed5fb08] a{text-decoration:none}.b-navigation-menu-item[data-v-2a8e67a7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;border-radius:var(--b-border-radius-m);display:flex;min-height:32px;opacity:1;padding-right:var(--b-spacer-030)}.b-navigation-menu-item[data-v-2a8e67a7],.b-navigation-menu-item[data-v-2a8e67a7]:before,.b-navigation-menu-item[data-v-2a8e67a7]:after{box-sizing:border-box}.b-navigation-menu-item *[data-v-2a8e67a7],.b-navigation-menu-item *[data-v-2a8e67a7]:before,.b-navigation-menu-item *[data-v-2a8e67a7]:after{box-sizing:border-box}.b-navigation-menu-item[data-v-2a8e67a7] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-item[data-v-2a8e67a7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-navigation-menu-item--no-icon .b-navigation-menu-item__link[data-v-2a8e67a7]{padding-left:var(--b-spacer-060)}.b-navigation-menu-item[data-v-2a8e67a7]:hover{background-color:var(--b-color-background-modal-hover)}.b-navigation-menu-item[data-v-2a8e67a7]:active{background-color:var(--b-color-background-modal-active)}.b-navigation-menu-item__link[data-v-2a8e67a7]{align-items:center;cursor:pointer;display:flex;flex:1;gap:var(--b-spacer-020);min-height:32px;min-width:0;padding:var(--b-spacer-010) 0 var(--b-spacer-010) var(--b-spacer-020);text-decoration:none}.b-navigation-menu-item__link[data-v-2a8e67a7]:focus-visible{border-radius:var(--b-border-radius-m)}.b-navigation-menu-item__icon[data-v-2a8e67a7]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item__label[data-v-2a8e67a7]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-item__icon[data-v-2a8e67a7],.b-navigation-menu-item__label[data-v-2a8e67a7]{color:var(--b-color-label-primary)}.b-navigation-menu-item__action[data-v-2a8e67a7]{display:none;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-2a8e67a7]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-2a8e67a7]{animation:fade-in-uovw3bd-2a8e67a7 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-uovw3bd-2a8e67a7{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-item--selected[data-v-2a8e67a7]{background-color:var(--b-color-background-navigation)}.b-navigation-menu-item--selected[data-v-2a8e67a7]:hover{background-color:var(--b-color-background-navigation-hover)}.b-navigation-menu-item--selected[data-v-2a8e67a7]:active{background-color:var(--b-color-background-navigation-active)}.b-navigation-menu-item--nested[data-v-2a8e67a7]{margin-top:var(--b-spacer-010)}.b-navigation-menu-item--nested .b-navigation-menu-item__link[data-v-2a8e67a7]{padding-left:36px}.b-navigation-menu-item--nested .b-navigation-menu-item__label[data-v-2a8e67a7]{color:var(--b-color-label-secondary)}.b-navigation-menu-item--nested:hover .b-navigation-menu-item__label[data-v-2a8e67a7],.b-navigation-menu-item--nested:active .b-navigation-menu-item__label[data-v-2a8e67a7],.b-navigation-menu-item--nested.b-navigation-menu-item--selected .b-navigation-menu-item__label[data-v-2a8e67a7]{color:var(--b-color-label-primary)}.b-navigation-menu-item--hidden[data-v-2a8e67a7]{margin-top:0;max-height:0;min-height:0;opacity:0}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item--hidden[data-v-2a8e67a7]{transition:all var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-item--hidden .b-navigation-menu-item__link[data-v-2a8e67a7]{padding-bottom:0;padding-top:0}.b-navigation-menu-group[data-v-1199c152]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-navigation-menu-group[data-v-1199c152],.b-navigation-menu-group[data-v-1199c152]:before,.b-navigation-menu-group[data-v-1199c152]:after{box-sizing:border-box}.b-navigation-menu-group *[data-v-1199c152],.b-navigation-menu-group *[data-v-1199c152]:before,.b-navigation-menu-group *[data-v-1199c152]:after{box-sizing:border-box}.b-navigation-menu-group[data-v-1199c152] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-group[data-v-1199c152] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-navigation-menu-group button[data-v-1199c152]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-navigation-menu-group button[data-v-1199c152]:focus-visible{outline:none}.b-navigation-menu-group__header[data-v-1199c152]{align-items:center;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;gap:var(--b-spacer-020);min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030);padding-left:var(--b-spacer-020);position:relative;width:100%}.b-navigation-menu-group__header[data-v-1199c152]:hover{background-color:var(--b-color-background-modal-hover)}.b-navigation-menu-group__header[data-v-1199c152]:active{background-color:var(--b-color-background-modal-active)}.b-navigation-menu-group__header[data-v-1199c152]:focus-visible{animation:outer-ring-default-1199c152 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none}@keyframes outer-ring-default-1199c152{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-navigation-menu-group__header--no-icon[data-v-1199c152]{padding-left:var(--b-spacer-050)}.b-navigation-menu-group__icon[data-v-1199c152]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-group__icon--chevron[data-v-1199c152]{display:none}.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-1199c152],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-1199c152]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-1199c152],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-1199c152]{animation:fade-in-uovw3f6-1199c152 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-uovw3f6-1199c152{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-group__label[data-v-1199c152]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-group__content-wrapper[data-v-1199c152]{overflow:clip;overflow-clip-margin:var(--b-spacer-020)}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__content-wrapper[data-v-1199c152]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-group__content[data-v-1199c152]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.b-navigation-menu-group__animation--content-enter-active[data-v-1199c152]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-enter-active[data-v-1199c152]{animation:fade-in-uovw3fq-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uovw3fq-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uovw3fq-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-in-uovw3fq-1199c152{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uovw3fq-1199c152{0%{scale:1}to{scale:1}}@keyframes enter-uovw3fq-1199c152{0%{translate:0 -8px}to{translate:0 0}}}.b-navigation-menu-group__animation--content-leave-active[data-v-1199c152]{max-height:0!important;overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-leave-active[data-v-1199c152]{animation:fade-out-uovw3fx-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uovw3fx-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uovw3fx-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-out-uovw3fx-1199c152{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uovw3fx-1199c152{0%{scale:1}to{scale:1}}@keyframes exit-uovw3fx-1199c152{0%{translate:0 0}to{translate:0 -8px}}}
1
+ .b-navigation-menu[data-v-2ed5fb08]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;padding:var(--b-spacer-020) var(--b-spacer-040) var(--b-spacer-040)}.b-navigation-menu[data-v-2ed5fb08],.b-navigation-menu[data-v-2ed5fb08]:before,.b-navigation-menu[data-v-2ed5fb08]:after{box-sizing:border-box}.b-navigation-menu *[data-v-2ed5fb08],.b-navigation-menu *[data-v-2ed5fb08]:before,.b-navigation-menu *[data-v-2ed5fb08]:after{box-sizing:border-box}.b-navigation-menu[data-v-2ed5fb08] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu[data-v-2ed5fb08] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-navigation-menu__header[data-v-2ed5fb08]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030) var(--b-spacer-010) var(--b-spacer-060)}.b-navigation-menu__title[data-v-2ed5fb08]{color:var(--b-color-label-secondary);font-family:var(--b-text-caption-font-family-secondary);font-variant-numeric:slashed-zero;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.b-navigation-menu__actions-container[data-v-2ed5fb08],.b-navigation-menu__actions[data-v-2ed5fb08]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-navigation-menu__actions-container[data-v-2ed5fb08] .b-button--icon-only{padding:var(--b-spacer-030)}.b-navigation-menu__content[data-v-2ed5fb08]{display:flex;flex-direction:column;gap:var(--b-spacer-010);list-style:none;margin:0;padding:0}.b-navigation-menu__content[data-v-2ed5fb08] a{text-decoration:none}.b-navigation-menu-item[data-v-2a8e67a7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;border-radius:var(--b-border-radius-m);display:flex;min-height:32px;opacity:1;padding-right:var(--b-spacer-030)}.b-navigation-menu-item[data-v-2a8e67a7],.b-navigation-menu-item[data-v-2a8e67a7]:before,.b-navigation-menu-item[data-v-2a8e67a7]:after{box-sizing:border-box}.b-navigation-menu-item *[data-v-2a8e67a7],.b-navigation-menu-item *[data-v-2a8e67a7]:before,.b-navigation-menu-item *[data-v-2a8e67a7]:after{box-sizing:border-box}.b-navigation-menu-item[data-v-2a8e67a7] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-item[data-v-2a8e67a7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-navigation-menu-item--no-icon .b-navigation-menu-item__link[data-v-2a8e67a7]{padding-left:var(--b-spacer-060)}.b-navigation-menu-item[data-v-2a8e67a7]:hover{background-color:var(--b-color-background-modal-hover)}.b-navigation-menu-item[data-v-2a8e67a7]:active{background-color:var(--b-color-background-modal-active)}.b-navigation-menu-item__link[data-v-2a8e67a7]{align-items:center;cursor:pointer;display:flex;flex:1;gap:var(--b-spacer-020);min-height:32px;min-width:0;padding:var(--b-spacer-010) 0 var(--b-spacer-010) var(--b-spacer-020);text-decoration:none}.b-navigation-menu-item__link[data-v-2a8e67a7]:focus-visible{border-radius:var(--b-border-radius-m)}.b-navigation-menu-item__icon[data-v-2a8e67a7]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item__label[data-v-2a8e67a7]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-item__icon[data-v-2a8e67a7],.b-navigation-menu-item__label[data-v-2a8e67a7]{color:var(--b-color-label-primary)}.b-navigation-menu-item__action[data-v-2a8e67a7]{display:none;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-2a8e67a7]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-2a8e67a7]{animation:fade-in-uo1etoo-2a8e67a7 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-uo1etoo-2a8e67a7{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-item--selected[data-v-2a8e67a7]{background-color:var(--b-color-background-navigation)}.b-navigation-menu-item--selected[data-v-2a8e67a7]:hover{background-color:var(--b-color-background-navigation-hover)}.b-navigation-menu-item--selected[data-v-2a8e67a7]:active{background-color:var(--b-color-background-navigation-active)}.b-navigation-menu-item--nested[data-v-2a8e67a7]{margin-top:var(--b-spacer-010)}.b-navigation-menu-item--nested .b-navigation-menu-item__link[data-v-2a8e67a7]{padding-left:36px}.b-navigation-menu-item--nested .b-navigation-menu-item__label[data-v-2a8e67a7]{color:var(--b-color-label-secondary)}.b-navigation-menu-item--nested:hover .b-navigation-menu-item__label[data-v-2a8e67a7],.b-navigation-menu-item--nested:active .b-navigation-menu-item__label[data-v-2a8e67a7],.b-navigation-menu-item--nested.b-navigation-menu-item--selected .b-navigation-menu-item__label[data-v-2a8e67a7]{color:var(--b-color-label-primary)}.b-navigation-menu-item--hidden[data-v-2a8e67a7]{margin-top:0;max-height:0;min-height:0;opacity:0}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item--hidden[data-v-2a8e67a7]{transition:all var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-item--hidden .b-navigation-menu-item__link[data-v-2a8e67a7]{padding-bottom:0;padding-top:0}.b-navigation-menu-group[data-v-1199c152]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-navigation-menu-group[data-v-1199c152],.b-navigation-menu-group[data-v-1199c152]:before,.b-navigation-menu-group[data-v-1199c152]:after{box-sizing:border-box}.b-navigation-menu-group *[data-v-1199c152],.b-navigation-menu-group *[data-v-1199c152]:before,.b-navigation-menu-group *[data-v-1199c152]:after{box-sizing:border-box}.b-navigation-menu-group[data-v-1199c152] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-group[data-v-1199c152] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-navigation-menu-group button[data-v-1199c152]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-navigation-menu-group button[data-v-1199c152]:focus-visible{outline:none}.b-navigation-menu-group__header[data-v-1199c152]{align-items:center;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;gap:var(--b-spacer-020);min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030);padding-left:var(--b-spacer-020);position:relative;width:100%}.b-navigation-menu-group__header[data-v-1199c152]:hover{background-color:var(--b-color-background-modal-hover)}.b-navigation-menu-group__header[data-v-1199c152]:active{background-color:var(--b-color-background-modal-active)}.b-navigation-menu-group__header[data-v-1199c152]:focus-visible{animation:outer-ring-default-1199c152 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none}@keyframes outer-ring-default-1199c152{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-navigation-menu-group__header--no-icon[data-v-1199c152]{padding-left:var(--b-spacer-050)}.b-navigation-menu-group__icon[data-v-1199c152]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-group__icon--chevron[data-v-1199c152]{display:none}.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-1199c152],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-1199c152]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-1199c152],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-1199c152]{animation:fade-in-uo1etr2-1199c152 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-uo1etr2-1199c152{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-group__label[data-v-1199c152]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-group__content-wrapper[data-v-1199c152]{overflow:clip;overflow-clip-margin:var(--b-spacer-020)}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__content-wrapper[data-v-1199c152]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-group__content[data-v-1199c152]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.b-navigation-menu-group__animation--content-enter-active[data-v-1199c152]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-enter-active[data-v-1199c152]{animation:fade-in-uo1etru-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uo1etru-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uo1etru-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-in-uo1etru-1199c152{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uo1etru-1199c152{0%{scale:1}to{scale:1}}@keyframes enter-uo1etru-1199c152{0%{translate:0 -8px}to{translate:0 0}}}.b-navigation-menu-group__animation--content-leave-active[data-v-1199c152]{max-height:0!important;overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-leave-active[data-v-1199c152]{animation:fade-out-uo1etsg-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uo1etsg-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uo1etsg-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-out-uo1etsg-1199c152{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uo1etsg-1199c152{0%{scale:1}to{scale:1}}@keyframes exit-uo1etsg-1199c152{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]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:var(--b-spacer-020)}.b-secondary-nav-item[data-v-14334916],.b-secondary-nav-item[data-v-14334916]:before,.b-secondary-nav-item[data-v-14334916]:after{box-sizing:border-box}.b-secondary-nav-item *[data-v-14334916],.b-secondary-nav-item *[data-v-14334916]:before,.b-secondary-nav-item *[data-v-14334916]:after{box-sizing:border-box}.b-secondary-nav-item[data-v-14334916] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-item[data-v-14334916] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-secondary-nav-item__wrapper[data-v-14334916]{position:relative}.b-secondary-nav-item__option[data-v-14334916]{align-items:center;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;justify-content:space-between;padding:var(--b-spacer-040) var(--b-spacer-050);width:100%}@media(hover:hover){.b-secondary-nav-item__option[data-v-14334916]:hover{background-color:var(--b-color-background-primary-hover)}}.b-secondary-nav-item__option[data-v-14334916]:active,.b-secondary-nav-item__option--active[data-v-14334916]{background-color:var(--b-color-background-primary-active)}.b-secondary-nav-item__option[data-v-14334916]:focus-visible{animation:outer-ring-default-14334916 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-14334916{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-secondary-nav-item__option--sub-item[data-v-14334916]{padding-left:var(--b-spacer-080)}.b-secondary-nav-item__option--expandable[data-v-14334916]{padding-right:var(--b-spacer-100)}.b-secondary-nav-item__toggle[data-v-14334916]{position:absolute;right:var(--b-spacer-050);top:50%;transform:translateY(-50%)}.b-secondary-nav-item__toggle[data-v-14334916]:after{content:"";display:block;inset:calc(var(--b-spacer-050) * -1);position:absolute}.b-secondary-nav-item__visually-hidden[data-v-14334916]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.b-secondary-nav-item__sub-items[data-v-14334916]{list-style:none;padding:0}.b-secondary-nav-item__animation--content-enter-active[data-v-14334916]{animation:fade-in-uovw3nh-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uovw3nh-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uovw3nh-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-in-uovw3nh-14334916{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uovw3nh-14334916{0%{scale:1}to{scale:1}}@keyframes enter-uovw3nh-14334916{0%{translate:0 -8px}to{translate:0 0}}.b-secondary-nav-item__animation--content-leave-active[data-v-14334916]{animation:fade-out-uovw3nx-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uovw3nx-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uovw3nx-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-out-uovw3nx-14334916{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uovw3nx-14334916{0%{scale:1}to{scale:1}}@keyframes exit-uovw3nx-14334916{0%{translate:0 0}to{translate:0 -8px}}.b-secondary-nav-category[data-v-777b2ce6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-spacer-080)}.b-secondary-nav-category[data-v-777b2ce6],.b-secondary-nav-category[data-v-777b2ce6]:before,.b-secondary-nav-category[data-v-777b2ce6]:after{box-sizing:border-box}.b-secondary-nav-category *[data-v-777b2ce6],.b-secondary-nav-category *[data-v-777b2ce6]:before,.b-secondary-nav-category *[data-v-777b2ce6]:after{box-sizing:border-box}.b-secondary-nav-category[data-v-777b2ce6] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-category[data-v-777b2ce6] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-secondary-nav-category__label[data-v-777b2ce6]{color:var(--b-color-label-secondary);padding:0 var(--b-spacer-050) var(--b-spacer-020) var(--b-spacer-050)}.b-secondary-nav[data-v-900dc964]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-secondary-nav[data-v-900dc964],.b-secondary-nav[data-v-900dc964]:before,.b-secondary-nav[data-v-900dc964]:after{box-sizing:border-box}.b-secondary-nav *[data-v-900dc964],.b-secondary-nav *[data-v-900dc964]:before,.b-secondary-nav *[data-v-900dc964]:after{box-sizing:border-box}.b-secondary-nav[data-v-900dc964] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav[data-v-900dc964] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-secondary-nav[data-v-900dc964]{max-width:250px}}.b-secondary-nav[data-v-900dc964] .b-secondary-nav__list{list-style:none;margin:0;padding:0}.b-secondary-nav__option[data-v-900dc964]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-secondary-nav__nested-option[data-v-900dc964]{padding-left:var(--b-spacer-070)}.b-secondary-nav__visually-hidden[data-v-900dc964]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
1
+ button[data-v-14334916]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-14334916]:focus-visible{outline:none}.b-secondary-nav-item[data-v-14334916]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:var(--b-spacer-020)}.b-secondary-nav-item[data-v-14334916],.b-secondary-nav-item[data-v-14334916]:before,.b-secondary-nav-item[data-v-14334916]:after{box-sizing:border-box}.b-secondary-nav-item *[data-v-14334916],.b-secondary-nav-item *[data-v-14334916]:before,.b-secondary-nav-item *[data-v-14334916]:after{box-sizing:border-box}.b-secondary-nav-item[data-v-14334916] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-item[data-v-14334916] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-secondary-nav-item__wrapper[data-v-14334916]{position:relative}.b-secondary-nav-item__option[data-v-14334916]{align-items:center;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;justify-content:space-between;padding:var(--b-spacer-040) var(--b-spacer-050);width:100%}@media(hover:hover){.b-secondary-nav-item__option[data-v-14334916]:hover{background-color:var(--b-color-background-primary-hover)}}.b-secondary-nav-item__option[data-v-14334916]:active,.b-secondary-nav-item__option--active[data-v-14334916]{background-color:var(--b-color-background-primary-active)}.b-secondary-nav-item__option[data-v-14334916]:focus-visible{animation:outer-ring-default-14334916 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-14334916{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-secondary-nav-item__option--sub-item[data-v-14334916]{padding-left:var(--b-spacer-080)}.b-secondary-nav-item__option--expandable[data-v-14334916]{padding-right:var(--b-spacer-100)}.b-secondary-nav-item__toggle[data-v-14334916]{position:absolute;right:var(--b-spacer-050);top:50%;transform:translateY(-50%)}.b-secondary-nav-item__toggle[data-v-14334916]:after{content:"";display:block;inset:calc(var(--b-spacer-050) * -1);position:absolute}.b-secondary-nav-item__visually-hidden[data-v-14334916]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.b-secondary-nav-item__sub-items[data-v-14334916]{list-style:none;padding:0}.b-secondary-nav-item__animation--content-enter-active[data-v-14334916]{animation:fade-in-uo1etzi-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uo1etzi-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uo1etzi-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-in-uo1etzi-14334916{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uo1etzi-14334916{0%{scale:1}to{scale:1}}@keyframes enter-uo1etzi-14334916{0%{translate:0 -8px}to{translate:0 0}}.b-secondary-nav-item__animation--content-leave-active[data-v-14334916]{animation:fade-out-uo1etzk-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uo1etzk-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uo1etzk-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-out-uo1etzk-14334916{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uo1etzk-14334916{0%{scale:1}to{scale:1}}@keyframes exit-uo1etzk-14334916{0%{translate:0 0}to{translate:0 -8px}}.b-secondary-nav-category[data-v-777b2ce6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-spacer-080)}.b-secondary-nav-category[data-v-777b2ce6],.b-secondary-nav-category[data-v-777b2ce6]:before,.b-secondary-nav-category[data-v-777b2ce6]:after{box-sizing:border-box}.b-secondary-nav-category *[data-v-777b2ce6],.b-secondary-nav-category *[data-v-777b2ce6]:before,.b-secondary-nav-category *[data-v-777b2ce6]:after{box-sizing:border-box}.b-secondary-nav-category[data-v-777b2ce6] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-category[data-v-777b2ce6] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-secondary-nav-category__label[data-v-777b2ce6]{color:var(--b-color-label-secondary);padding:0 var(--b-spacer-050) var(--b-spacer-020) var(--b-spacer-050)}.b-secondary-nav[data-v-900dc964]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-secondary-nav[data-v-900dc964],.b-secondary-nav[data-v-900dc964]:before,.b-secondary-nav[data-v-900dc964]:after{box-sizing:border-box}.b-secondary-nav *[data-v-900dc964],.b-secondary-nav *[data-v-900dc964]:before,.b-secondary-nav *[data-v-900dc964]:after{box-sizing:border-box}.b-secondary-nav[data-v-900dc964] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav[data-v-900dc964] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-secondary-nav[data-v-900dc964]{max-width:250px}}.b-secondary-nav[data-v-900dc964] .b-secondary-nav__list{list-style:none;margin:0;padding:0}.b-secondary-nav__option[data-v-900dc964]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-secondary-nav__nested-option[data-v-900dc964]{padding-left:var(--b-spacer-070)}.b-secondary-nav__visually-hidden[data-v-900dc964]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
package/dist/assets/sidepanel.css CHANGED
@@ -1 +1 @@
1
- .b-sidepanel-page[data-v-12d4c262]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-12d4c262],.b-sidepanel-page[data-v-12d4c262]:before,.b-sidepanel-page[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-12d4c262],.b-sidepanel-page *[data-v-12d4c262]:before,.b-sidepanel-page *[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-12d4c262]{align-items:center;background-color:var(--b-color-background-modal);border-top-left-radius:var(--b-border-radius-l);display:flex;overflow:hidden;padding:var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-12d4c262]{background-color:var(--b-color-background-modal);border-bottom-left-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);padding:var(--b-spacer-070) var(--b-spacer-090)}.b-sidepanel[data-v-e2c7d722]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-modal);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-e2c7d722],.b-sidepanel[data-v-e2c7d722]:before,.b-sidepanel[data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel *[data-v-e2c7d722],.b-sidepanel *[data-v-e2c7d722]:before,.b-sidepanel *[data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel[data-v-e2c7d722] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-e2c7d722] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-sidepanel[data-v-e2c7d722]{border-radius:var(--b-border-radius-l) 0 0 var(--b-border-radius-l);margin:0 0 0 auto;width:480px}}@media(min-width:768px){.b-sidepanel[data-v-e2c7d722]{max-width:680px;min-width:480px;width:33%}}.b-sidepanel__close-button[data-v-e2c7d722]{align-items:center;display:flex;height:64px;position:absolute;right:var(--b-spacer-090);z-index:var(--b-z-index-local-tier-1)}.b-sidepanel--animation[data-v-e2c7d722]{overflow:hidden}.b-sidepanel[data-v-e2c7d722]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-sidepanel[open][data-v-e2c7d722]{animation:enter-uovw3bo-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-uovw3bo-e2c7d722{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-e2c7d722]::backdrop{animation:fade-in-uovw3ci-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uovw3ci-e2c7d722{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-e2c7d722]{animation:exit-uovw3dc-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-uovw3dc-e2c7d722{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-e2c7d722]::backdrop{animation:fade-out-uovw3e6-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uovw3e6-e2c7d722{0%{opacity:.5}to{opacity:0}}
1
+ .b-sidepanel-page[data-v-12d4c262]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-12d4c262],.b-sidepanel-page[data-v-12d4c262]:before,.b-sidepanel-page[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-12d4c262],.b-sidepanel-page *[data-v-12d4c262]:before,.b-sidepanel-page *[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-12d4c262]{align-items:center;background-color:var(--b-color-background-modal);border-top-left-radius:var(--b-border-radius-l);display:flex;overflow:hidden;padding:var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-12d4c262]{background-color:var(--b-color-background-modal);border-bottom-left-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);padding:var(--b-spacer-070) var(--b-spacer-090)}.b-sidepanel[data-v-e2c7d722]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-modal);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-e2c7d722],.b-sidepanel[data-v-e2c7d722]:before,.b-sidepanel[data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel *[data-v-e2c7d722],.b-sidepanel *[data-v-e2c7d722]:before,.b-sidepanel *[data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel[data-v-e2c7d722] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-e2c7d722] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-sidepanel[data-v-e2c7d722]{border-radius:var(--b-border-radius-l) 0 0 var(--b-border-radius-l);margin:0 0 0 auto;width:480px}}@media(min-width:768px){.b-sidepanel[data-v-e2c7d722]{max-width:680px;min-width:480px;width:33%}}.b-sidepanel__close-button[data-v-e2c7d722]{align-items:center;display:flex;height:64px;position:absolute;right:var(--b-spacer-090);z-index:var(--b-z-index-local-tier-1)}.b-sidepanel--animation[data-v-e2c7d722]{overflow:hidden}.b-sidepanel[data-v-e2c7d722]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-sidepanel[open][data-v-e2c7d722]{animation:enter-uo1etom-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-uo1etom-e2c7d722{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-e2c7d722]::backdrop{animation:fade-in-uo1etp7-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uo1etp7-e2c7d722{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-e2c7d722]{animation:exit-uo1etq7-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-uo1etq7-e2c7d722{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-e2c7d722]::backdrop{animation:fade-out-uo1etqe-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uo1etqe-e2c7d722{0%{opacity:.5}to{opacity:0}}
package/dist/checkbox.js CHANGED
@@ -1,5 +1,5 @@
1
- import { B as t, a } from "./chunks/checkbox.BAQDBNL6.js";
2
- import { B as x, a as n } from "./chunks/checkbox-group.BAjvgXlc.js";
1
+ import { B as t, a } from "./chunks/checkbox.BIzqX_eH.js";
2
+ import { B as x, a as n } from "./chunks/checkbox-group.CNTMMwQr.js";
3
3
  import { C } from "./chunks/minus-small.DJacLGTw.js";
4
4
  export {
5
5
  t as BentoCheckbox,
package/dist/chunks/{checkbox-group.BAjvgXlc.js → checkbox-group.CNTMMwQr.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as y, useSlots as v, toRef as x, computed as l, watch as f, ref as E, onMounted as C } from "vue";
2
- import { B as k } from "./checkbox.BAQDBNL6.js";
2
+ import { B as k } from "./checkbox.BIzqX_eH.js";
3
3
  import { g as S } from "./generate-uid.NJ8tVoha.js";
4
4
  import { d as M } from "./typography.C8lPlsbD.js";
5
5
  import { u as B } from "./use-form-layout-loading.CWbjZiwP.js";
@@ -139,4 +139,4 @@ export {
139
139
  D as B,
140
140
  n as a
141
141
  };
142
- //# sourceMappingURL=checkbox-group.BAjvgXlc.js.map
142
+ //# sourceMappingURL=checkbox-group.CNTMMwQr.js.map
package/dist/chunks/{checkbox-group.BAjvgXlc.js.map → checkbox-group.CNTMMwQr.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox-group.BAjvgXlc.js","sources":["../../src/components/checkbox/components/checkbox-group/checkbox-group.types.ts","../../src/components/checkbox/components/checkbox-group/checkbox-group.vue"],"sourcesContent":["import { type FormFieldEmits } from '../../../../types/form-field';\nimport type { BentoCheckboxTag } from '../../checkbox.types';\n\n/**\n * @deprecated Since v2.0.0. Use string literal instead.\n */\nexport enum BentoCheckboxGroupVariant {\n HORIZONTAL = 'horizontal',\n VERTICAL = 'vertical',\n}\n\nexport interface BentoCheckboxGroupItem {\n value: string | number;\n label: string;\n description?: string;\n disabled?: boolean;\n hasError?: boolean;\n errorMessage?: string;\n readonly?: boolean;\n tag?: BentoCheckboxTag;\n}\n\nexport type BentoCheckboxGroupItems = Array<BentoCheckboxGroupItem>;\n\nexport type BentoCheckboxGroupEmits = FormFieldEmits<any>;\n","<template>\n <div class=\"b-checkbox-group\">\n <controls-group\n class=\"b-checkbox-group__checkboxes\"\n :aria-describedby=\"shouldShowGroupErrorMessage ? errorId : ''\"\n :aria-required=\"required\"\n component-name=\"bento-checkbox-group\"\n :class=\"conditionalClasses\"\n :description=\"description\"\n :disabled=\"disabled\"\n :form=\"formId\"\n :hide-label=\"hideLabel\"\n :label=\"label\"\n :optional=\"optional\"\n :required=\"required\"\n :tooltip-text=\"tooltipText\"\n >\n <bento-checkbox\n v-for=\"item in items\"\n :key=\"item.value\"\n :model-value=\"inputValue\"\n :value=\"item.value\"\n :disabled=\"disabled || item.disabled\"\n :has-error=\"shouldShowGroupError || item.hasError\"\n :error-message=\"shouldShowGroupError ? null : item.errorMessage\"\n :readonly=\"isReadOnly || item.readonly\"\n :tag=\"item.tag\"\n @update:model-value=\"onModelValueUpdate\"\n >\n <template #default>{{ item.label }}</template>\n <template v-if=\"item.description\" #description>{{ item.description }}</template>\n <template v-if=\"hasContentSlot('content')\" #content>\n <slot name=\"content\" v-bind=\"item\"></slot>\n </template>\n </bento-checkbox>\n </controls-group>\n <error-message\n v-if=\"shouldShowGroupErrorMessage\"\n :id=\"errorId\"\n :error-message=\"errorMessage\"\n class=\"b-checkbox-group__error-message\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, type PropType, ref, toRef, useSlots, watch } from 'vue';\n import { ControlsGroup } from '@/components/internal/controls-group';\n import { ErrorMessage } from '@/components/internal/error-message';\n import {\n type BentoCheckboxGroupEmits,\n type BentoCheckboxGroupItems,\n BentoCheckboxGroupVariant,\n } from './checkbox-group.types';\n import BentoCheckbox from '@/components/checkbox/checkbox.vue';\n import { generateUid } from '@/core/utils/ts';\n import { deprecate } from '@/utils/ts/deprecate';\n import { useFormLayoutFieldLoading } from '@/composables/use-form-layout-loading/use-form-layout-loading';\n import { useFormFieldEmits } from '@/utils/ts/form-field/form-field';\n\n const props = defineProps({\n /**\n * Descriptive supporting text visbile underneath the label.\n */\n description: { type: String, default: null },\n\n /**\n * If set to true, renders all checkboxes in the group in a disabled state.\n */\n disabled: { type: Boolean, default: false },\n\n /**\n * Renders all checkboxes in an error state with an error message.\n */\n errorMessage: { type: String, default: null },\n\n /**\n * The form id the checkbox group is associated with. Defaults to null, as a checkbox group can also be used standalone.\n */\n formId: { type: String, default: null },\n\n /**\n * If set to true, renders all checkboxes in the group in an error state.\n *\n * @deprecated Since v2.0.0. Use `errorMessage` instead.\n */\n hasError: { type: Boolean, default: false },\n\n /**\n * Shows/hides the group label.\n */\n hideLabel: { type: Boolean, default: null },\n\n /**\n * The checkbox group's items.\n */\n items: { type: Array as PropType<BentoCheckboxGroupItems>, required: true },\n\n /**\n * The name associated with the group. Required for accessibility purposes.\n */\n label: { type: String, required: true },\n\n /**\n * Determines the initially selected value of the group. Corresponds to the BentoCheckboxButtonItem's value.\n * Defaults to no value selected.\n */\n modelValue: { type: Array as PropType<Array<number | string | null>>, default: () => [] },\n\n /**\n * Indicates the field is optional.\n */\n optional: { type: Boolean, default: false },\n\n /**\n * If set to true, renders all checkboxes in the group in a readonly state.\n */\n readonly: { type: Boolean, default: false },\n\n /**\n * Indicates the field is required.\n */\n required: { type: Boolean, default: false },\n\n /**\n * Tooltip message.\n */\n tooltipText: { type: String, default: null },\n\n /**\n * The checkbox group's layout. It can be vertical or horizontal. Defaults to vertical.\n */\n variant: {\n type: String as PropType<BentoCheckboxGroupVariant | `${BentoCheckboxGroupVariant}`>,\n default: BentoCheckboxGroupVariant.VERTICAL,\n validator: (value: BentoCheckboxGroupVariant) => Object.values(BentoCheckboxGroupVariant).includes(value),\n },\n });\n\n const emit = defineEmits([\"update:model-value\", \"input\"]);\n\n const slots = useSlots();\n\n const errorId = generateUid('error');\n const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n const { emitValue } = useFormFieldEmits(emit);\n\n const shouldShowGroupError = computed(\n () => !props.disabled && !isReadOnly.value && (!!props.errorMessage || props.hasError)\n );\n const shouldShowGroupErrorMessage = computed(() => !props.disabled && !isReadOnly.value && !!props.errorMessage);\n\n const conditionalClasses = computed(() => ({\n 'b-checkbox-group__checkboxes--horizontal': props.variant === BentoCheckboxGroupVariant.HORIZONTAL,\n }));\n\n // Slots logic\n // Temporary, use-has-slots composable doesn't currently work for\n // vue3 named scoped slots\n const hasContentSlot = (name: string) => !!slots[name];\n const shouldShowSlotsError = computed(() => hasContentSlot('content') && props.variant !== 'vertical');\n\n watch(\n shouldShowSlotsError,\n newValue => {\n if (newValue) {\n throw new Error('The content slot is only available for the vertical checkbox group layout');\n }\n },\n { immediate: true }\n );\n\n const inputValue = ref(props.modelValue);\n watch(\n () => props.modelValue,\n () => {\n inputValue.value = props.modelValue;\n }\n );\n\n const onModelValueUpdate = (value: any) => {\n inputValue.value = value;\n emitValue(value);\n };\n\n onMounted(() => {\n if (props.hasError) {\n deprecate(\n 'BentoCheckboxGroup \"hasError\" property',\n `Use the BentoCheckboxGroup \"errorMessage\" property instead to indicate that there is a modifier error.\n Having the field as \"undefined\" will hide/remove the error.\n <bento-checkbox-group errorMessage=\"Error message text\" />`,\n '2.0.0'\n );\n }\n });\n</script>\n\n<script lang=\"ts\">\n const COMPONENT_NAME = 'bento-checkbox-group';\n /**\n * A checkbox group component should be used whenever it is necessary to group a set of checkboxes that are related together\n * This component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n *\n * import { BentoCheckboxGroup } from '@adyen/bento-vue2/';\n *\n * export default {\n * components: { BentoCheckboxGroup },\n * template: `\n * <bento-checkbox-group\n * label=\"Your group label\"\n * :items=\"[\n * { value: 1, label: 'Your label' },\n * { value: 2, label: 'Another label', description: 'Your sub label' },\n * ]\"\n * />\n * `\n * };\n */\n export default {\n name: COMPONENT_NAME,\n model: { prop: 'modelValue' },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./checkbox-group.scss\" />\n"],"names":["BentoCheckboxGroupVariant","BentoCheckboxGroupVariant2","COMPONENT_NAME","__default__","slots","useSlots","errorId","generateUid","isReadOnly","useFormLayoutFieldLoading","toRef","props","emitValue","useFormFieldEmits","emit","shouldShowGroupError","computed","shouldShowGroupErrorMessage","conditionalClasses","hasContentSlot","name","shouldShowSlotsError","watch","newValue","inputValue","ref","onModelValueUpdate","value","onMounted","deprecate"],"mappings":";;;;;;;;;;AAMO,IAAAA,IAAA,kBAAAC,OACHA,EAAA,aAAA,cACAA,EAAA,WAAA,YAFQA,IAAAD,KAAA,CAAA,CAAA;ACiMR,MAAAE,IAAA,wBAoBAC,IAAA;AAAA,EAAe,MAAAD;AAAA,EACL,OAAA,EAAA,MAAA,aAAA;AAEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAjFAE,IAAAC,EAAA,GAEAC,IAAAC,EAAA,OAAA,GACA,EAAA,YAAAC,EAAA,IAAAC,EAAAC,EAAAC,GAAA,UAAA,CAAA,GACA,EAAA,WAAAC,EAAA,IAAAC,EAAAC,CAAA,GAEAC,IAAAC;AAAA,MAA6B,MAAA,CAAAL,EAAA,YAAA,CAAAH,EAAA,UAAA,CAAA,CAAAG,EAAA,gBAAAA,EAAA;AAAA,IACoD,GAEjFM,IAAAD,EAAA,MAAA,CAAAL,EAAA,YAAA,CAAAH,EAAA,SAAA,CAAA,CAAAG,EAAA,YAAA,GAEAO,IAAAF,EAAA,OAAA;AAAA,MAA2C,4CAAAL,EAAA,YAAAX,EAAA;AAAA,IACiD,EAAA,GAM5FmB,IAAA,CAAAC,MAAA,CAAA,CAAAhB,EAAAgB,CAAA,GACAC,IAAAL,EAAA,MAAAG,EAAA,SAAA,KAAAR,EAAA,YAAA,UAAA;AAEA,IAAAW;AAAA,MAAAD;AAAA,MACI,CAAAE,MAAA;AAEI,YAAAA;AACI,gBAAA,IAAA,MAAA,2EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;AAGtB,UAAAC,IAAAC,EAAAd,EAAA,UAAA;AACA,IAAAW;AAAA,MAAA,MAAAX,EAAA;AAAA,MACgB,MAAA;AAER,QAAAa,EAAA,QAAAb,EAAA;AAAA,MAAyB;AAAA,IAC7B;AAGJ,UAAAe,IAAA,CAAAC,MAAA;AACI,MAAAH,EAAA,QAAAG,GACAf,EAAAe,CAAA;AAAA,IAAe;AAGnB,WAAAC,EAAA,MAAA;AACI,MAAAjB,EAAA,YACIkB;AAAA,QAAA;AAAA,QACI;AAAA;AAAA;AAAA,QACA;AAAA,MAGA;AAAA,IAER,CAAA;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"checkbox-group.CNTMMwQr.js","sources":["../../src/components/checkbox/components/checkbox-group/checkbox-group.types.ts","../../src/components/checkbox/components/checkbox-group/checkbox-group.vue"],"sourcesContent":["import { type FormFieldEmits } from '../../../../types/form-field';\nimport type { BentoCheckboxTag } from '../../checkbox.types';\n\n/**\n * @deprecated Since v2.0.0. Use string literal instead.\n */\nexport enum BentoCheckboxGroupVariant {\n HORIZONTAL = 'horizontal',\n VERTICAL = 'vertical',\n}\n\nexport interface BentoCheckboxGroupItem {\n value: string | number;\n label: string;\n description?: string;\n disabled?: boolean;\n hasError?: boolean;\n errorMessage?: string;\n readonly?: boolean;\n tag?: BentoCheckboxTag;\n}\n\nexport type BentoCheckboxGroupItems = Array<BentoCheckboxGroupItem>;\n\nexport type BentoCheckboxGroupEmits = FormFieldEmits<any>;\n","<template>\n <div class=\"b-checkbox-group\">\n <controls-group\n class=\"b-checkbox-group__checkboxes\"\n :aria-describedby=\"shouldShowGroupErrorMessage ? errorId : ''\"\n :aria-required=\"required\"\n component-name=\"bento-checkbox-group\"\n :class=\"conditionalClasses\"\n :description=\"description\"\n :disabled=\"disabled\"\n :form=\"formId\"\n :hide-label=\"hideLabel\"\n :label=\"label\"\n :optional=\"optional\"\n :required=\"required\"\n :tooltip-text=\"tooltipText\"\n >\n <bento-checkbox\n v-for=\"item in items\"\n :key=\"item.value\"\n :model-value=\"inputValue\"\n :value=\"item.value\"\n :disabled=\"disabled || item.disabled\"\n :has-error=\"shouldShowGroupError || item.hasError\"\n :error-message=\"shouldShowGroupError ? null : item.errorMessage\"\n :readonly=\"isReadOnly || item.readonly\"\n :tag=\"item.tag\"\n @update:model-value=\"onModelValueUpdate\"\n >\n <template #default>{{ item.label }}</template>\n <template v-if=\"item.description\" #description>{{ item.description }}</template>\n <template v-if=\"hasContentSlot('content')\" #content>\n <slot name=\"content\" v-bind=\"item\"></slot>\n </template>\n </bento-checkbox>\n </controls-group>\n <error-message\n v-if=\"shouldShowGroupErrorMessage\"\n :id=\"errorId\"\n :error-message=\"errorMessage\"\n class=\"b-checkbox-group__error-message\"\n />\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, type PropType, ref, toRef, useSlots, watch } from 'vue';\n import { ControlsGroup } from '@/components/internal/controls-group';\n import { ErrorMessage } from '@/components/internal/error-message';\n import {\n type BentoCheckboxGroupEmits,\n type BentoCheckboxGroupItems,\n BentoCheckboxGroupVariant,\n } from './checkbox-group.types';\n import BentoCheckbox from '@/components/checkbox/checkbox.vue';\n import { generateUid } from '@/core/utils/ts';\n import { deprecate } from '@/utils/ts/deprecate';\n import { useFormLayoutFieldLoading } from '@/composables/use-form-layout-loading/use-form-layout-loading';\n import { useFormFieldEmits } from '@/utils/ts/form-field/form-field';\n\n const props = defineProps({\n /**\n * Descriptive supporting text visbile underneath the label.\n */\n description: { type: String, default: null },\n\n /**\n * If set to true, renders all checkboxes in the group in a disabled state.\n */\n disabled: { type: Boolean, default: false },\n\n /**\n * Renders all checkboxes in an error state with an error message.\n */\n errorMessage: { type: String, default: null },\n\n /**\n * The form id the checkbox group is associated with. Defaults to null, as a checkbox group can also be used standalone.\n */\n formId: { type: String, default: null },\n\n /**\n * If set to true, renders all checkboxes in the group in an error state.\n *\n * @deprecated Since v2.0.0. Use `errorMessage` instead.\n */\n hasError: { type: Boolean, default: false },\n\n /**\n * Shows/hides the group label.\n */\n hideLabel: { type: Boolean, default: null },\n\n /**\n * The checkbox group's items.\n */\n items: { type: Array as PropType<BentoCheckboxGroupItems>, required: true },\n\n /**\n * The name associated with the group. Required for accessibility purposes.\n */\n label: { type: String, required: true },\n\n /**\n * Determines the initially selected value of the group. Corresponds to the BentoCheckboxButtonItem's value.\n * Defaults to no value selected.\n */\n modelValue: { type: Array as PropType<Array<number | string | null>>, default: () => [] },\n\n /**\n * Indicates the field is optional.\n */\n optional: { type: Boolean, default: false },\n\n /**\n * If set to true, renders all checkboxes in the group in a readonly state.\n */\n readonly: { type: Boolean, default: false },\n\n /**\n * Indicates the field is required.\n */\n required: { type: Boolean, default: false },\n\n /**\n * Tooltip message.\n */\n tooltipText: { type: String, default: null },\n\n /**\n * The checkbox group's layout. It can be vertical or horizontal. Defaults to vertical.\n */\n variant: {\n type: String as PropType<BentoCheckboxGroupVariant | `${BentoCheckboxGroupVariant}`>,\n default: BentoCheckboxGroupVariant.VERTICAL,\n validator: (value: BentoCheckboxGroupVariant) => Object.values(BentoCheckboxGroupVariant).includes(value),\n },\n });\n\n const emit = defineEmits([\"update:model-value\", \"input\"]);\n\n const slots = useSlots();\n\n const errorId = generateUid('error');\n const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n const { emitValue } = useFormFieldEmits(emit);\n\n const shouldShowGroupError = computed(\n () => !props.disabled && !isReadOnly.value && (!!props.errorMessage || props.hasError)\n );\n const shouldShowGroupErrorMessage = computed(() => !props.disabled && !isReadOnly.value && !!props.errorMessage);\n\n const conditionalClasses = computed(() => ({\n 'b-checkbox-group__checkboxes--horizontal': props.variant === BentoCheckboxGroupVariant.HORIZONTAL,\n }));\n\n // Slots logic\n // Temporary, use-has-slots composable doesn't currently work for\n // vue3 named scoped slots\n const hasContentSlot = (name: string) => !!slots[name];\n const shouldShowSlotsError = computed(() => hasContentSlot('content') && props.variant !== 'vertical');\n\n watch(\n shouldShowSlotsError,\n newValue => {\n if (newValue) {\n throw new Error('The content slot is only available for the vertical checkbox group layout');\n }\n },\n { immediate: true }\n );\n\n const inputValue = ref(props.modelValue);\n watch(\n () => props.modelValue,\n () => {\n inputValue.value = props.modelValue;\n }\n );\n\n const onModelValueUpdate = (value: any) => {\n inputValue.value = value;\n emitValue(value);\n };\n\n onMounted(() => {\n if (props.hasError) {\n deprecate(\n 'BentoCheckboxGroup \"hasError\" property',\n `Use the BentoCheckboxGroup \"errorMessage\" property instead to indicate that there is a modifier error.\n Having the field as \"undefined\" will hide/remove the error.\n <bento-checkbox-group errorMessage=\"Error message text\" />`,\n '2.0.0'\n );\n }\n });\n</script>\n\n<script lang=\"ts\">\n const COMPONENT_NAME = 'bento-checkbox-group';\n /**\n * A checkbox group component should be used whenever it is necessary to group a set of checkboxes that are related together\n * This component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n *\n * import { BentoCheckboxGroup } from '@adyen/bento-vue2/';\n *\n * export default {\n * components: { BentoCheckboxGroup },\n * template: `\n * <bento-checkbox-group\n * label=\"Your group label\"\n * :items=\"[\n * { value: 1, label: 'Your label' },\n * { value: 2, label: 'Another label', description: 'Your sub label' },\n * ]\"\n * />\n * `\n * };\n */\n export default {\n name: COMPONENT_NAME,\n model: { prop: 'modelValue' },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./checkbox-group.scss\" />\n"],"names":["BentoCheckboxGroupVariant","BentoCheckboxGroupVariant2","COMPONENT_NAME","__default__","slots","useSlots","errorId","generateUid","isReadOnly","useFormLayoutFieldLoading","toRef","props","emitValue","useFormFieldEmits","emit","shouldShowGroupError","computed","shouldShowGroupErrorMessage","conditionalClasses","hasContentSlot","name","shouldShowSlotsError","watch","newValue","inputValue","ref","onModelValueUpdate","value","onMounted","deprecate"],"mappings":";;;;;;;;;;AAMO,IAAAA,IAAA,kBAAAC,OACHA,EAAA,aAAA,cACAA,EAAA,WAAA,YAFQA,IAAAD,KAAA,CAAA,CAAA;ACiMR,MAAAE,IAAA,wBAoBAC,IAAA;AAAA,EAAe,MAAAD;AAAA,EACL,OAAA,EAAA,MAAA,aAAA;AAEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAjFAE,IAAAC,EAAA,GAEAC,IAAAC,EAAA,OAAA,GACA,EAAA,YAAAC,EAAA,IAAAC,EAAAC,EAAAC,GAAA,UAAA,CAAA,GACA,EAAA,WAAAC,EAAA,IAAAC,EAAAC,CAAA,GAEAC,IAAAC;AAAA,MAA6B,MAAA,CAAAL,EAAA,YAAA,CAAAH,EAAA,UAAA,CAAA,CAAAG,EAAA,gBAAAA,EAAA;AAAA,IACoD,GAEjFM,IAAAD,EAAA,MAAA,CAAAL,EAAA,YAAA,CAAAH,EAAA,SAAA,CAAA,CAAAG,EAAA,YAAA,GAEAO,IAAAF,EAAA,OAAA;AAAA,MAA2C,4CAAAL,EAAA,YAAAX,EAAA;AAAA,IACiD,EAAA,GAM5FmB,IAAA,CAAAC,MAAA,CAAA,CAAAhB,EAAAgB,CAAA,GACAC,IAAAL,EAAA,MAAAG,EAAA,SAAA,KAAAR,EAAA,YAAA,UAAA;AAEA,IAAAW;AAAA,MAAAD;AAAA,MACI,CAAAE,MAAA;AAEI,YAAAA;AACI,gBAAA,IAAA,MAAA,2EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;AAGtB,UAAAC,IAAAC,EAAAd,EAAA,UAAA;AACA,IAAAW;AAAA,MAAA,MAAAX,EAAA;AAAA,MACgB,MAAA;AAER,QAAAa,EAAA,QAAAb,EAAA;AAAA,MAAyB;AAAA,IAC7B;AAGJ,UAAAe,IAAA,CAAAC,MAAA;AACI,MAAAH,EAAA,QAAAG,GACAf,EAAAe,CAAA;AAAA,IAAe;AAGnB,WAAAC,EAAA,MAAA;AACI,MAAAjB,EAAA,YACIkB;AAAA,QAAA;AAAA,QACI;AAAA;AAAA;AAAA,QACA;AAAA,MAGA;AAAA,IAER,CAAA;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/chunks/{checkbox.BAQDBNL6.js → checkbox.BIzqX_eH.js} RENAMED
@@ -1,15 +1,15 @@
1
1
  import { defineComponent as w, toRefs as S, computed as t, ref as C, onMounted as z, useAttrs as F } from "vue";
2
2
  import { B as H } from "./typography.C8lPlsbD.js";
3
- import { C as j } from "./checkbox-input.08E9BNeF.js";
4
- import { C as A } from "./minus-small.DJacLGTw.js";
5
- import { u as J } from "./use-default-slot-validator.BDn0wkYP.js";
6
- import { u as K } from "./use-has-slot.C9lQZ6nz.js";
7
- import { g as B } from "./generate-uid.NJ8tVoha.js";
3
+ import { u as j } from "./use-default-slot-validator.BDn0wkYP.js";
4
+ import { u as J } from "./use-has-slot.C9lQZ6nz.js";
5
+ import { g as A } from "./generate-uid.NJ8tVoha.js";
8
6
  import { g as f } from "./get-slot-text.Bjb9dTSV.js";
9
- import { u as O } from "./index.B6WW_F-J.js";
10
- import { u as X } from "./aria-label.CaUURpnB.js";
11
- import { B as Y } from "./tag.CbNFG45Y.js";
12
- import { E as G } from "./error-message.CyERcfdt.js";
7
+ import { u as K } from "./index.B6WW_F-J.js";
8
+ import { u as O } from "./aria-label.CaUURpnB.js";
9
+ import { B as X } from "./tag.CbNFG45Y.js";
10
+ import { E as Y } from "./error-message.CyERcfdt.js";
11
+ import { C as G } from "./checkbox-input.08E9BNeF.js";
12
+ import { C as B } from "./minus-small.DJacLGTw.js";
13
13
  import { n as Q } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
14
14
  import "../assets/checkbox.css";
15
15
  var s = /* @__PURE__ */ ((a) => (a.UPDATE = "update:model-value", a.INPUT = "input", a))(s || {});
@@ -58,10 +58,10 @@ const W = {
58
58
  name: "bento-checkbox",
59
59
  i18n: { messages: W },
60
60
  components: {
61
- BentoTag: Y,
61
+ BentoTag: X,
62
62
  BentoTypography: H,
63
- CheckboxInput: j,
64
- ErrorMessage: G
63
+ CheckboxInput: G,
64
+ ErrorMessage: Y
65
65
  },
66
66
  inheritAttrs: !1,
67
67
  model: { prop: "modelValue" },
@@ -128,8 +128,8 @@ const W = {
128
128
  },
129
129
  emits: [s.UPDATE, s.INPUT],
130
130
  setup(a, { attrs: e, emit: o, slots: r }) {
131
- const { t: h } = O(), m = B("description"), _ = B("error"), d = K(r), { disabled: y, indeterminate: E, modelValue: u, readonly: T, value: I } = S(a), v = f(r)("default"), g = f(r)("description");
132
- J("bento-checkbox", r.default, r.description);
131
+ const { t: h } = K(), m = A("description"), _ = A("error"), d = J(r), { disabled: y, indeterminate: E, modelValue: u, readonly: T, value: I } = S(a), v = f(r)("default"), g = f(r)("description");
132
+ j("bento-checkbox", r.default, r.description);
133
133
  const n = t(() => Array.isArray(u.value)), b = t(() => n.value ? u.value.some((l) => l === I.value) : u.value), i = t(() => E.value), D = t(
134
134
  () => !a.disabled && !a.readonly && (a.hasError || !!a.errorMessage)
135
135
  ), x = t(() => !a.disabled && !a.readonly && !!a.errorMessage), c = t(() => d("content")), p = t(() => (i == null ? void 0 : i.value) || (b == null ? void 0 : b.value)), M = t(
@@ -141,7 +141,7 @@ const W = {
141
141
  k.value = h("checkbox");
142
142
  });
143
143
  const q = t(
144
- () => X({
144
+ () => O({
145
145
  ariaLabel: P.value,
146
146
  // TODO: take this line away when the aria-label props is removed
147
147
  label: U,
@@ -154,8 +154,8 @@ const W = {
154
154
  style: l
155
155
  };
156
156
  }), $ = t(() => ({
157
- [`b-checkbox--${A.DISABLED}`]: y.value,
158
- [`b-checkbox--${A.READONLY}`]: T.value
157
+ [`b-checkbox--${B.DISABLED}`]: y.value,
158
+ [`b-checkbox--${B.READONLY}`]: T.value
159
159
  }));
160
160
  return {
161
161
  // Values
@@ -198,4 +198,4 @@ export {
198
198
  _e as B,
199
199
  s as a
200
200
  };
201
- //# sourceMappingURL=checkbox.BAQDBNL6.js.map
201
+ //# sourceMappingURL=checkbox.BIzqX_eH.js.map
package/dist/chunks/{checkbox.BAQDBNL6.js.map → checkbox.BIzqX_eH.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.BAQDBNL6.js","sources":["../../src/components/checkbox/checkbox.types.ts","../../src/components/checkbox/checkbox.vue"],"sourcesContent":["import type { BentoTagProps } from '../tag/tag.types';\nimport {\n CheckboxInputState as BentoCheckboxState,\n type CheckboxInputType as BentoCheckboxType,\n type MultiCheckboxInputType as BentoMultiCheckboxType,\n} from '@/internal/checkbox-input/checkbox-input.types';\n\nexport { BentoCheckboxState, BentoCheckboxType, BentoMultiCheckboxType };\n\nexport enum BentoCheckboxEvent {\n UPDATE = 'update:model-value',\n INPUT = 'input',\n}\n\nexport type BentoCheckboxTag = BentoTagProps;\n","<template>\n <label class=\"b-checkbox\" :class=\"conditionalClass\" v-bind=\"styleAttrs\" :aria-hidden=\"getAriaHidden($attrs)\">\n <checkbox-input\n v-bind=\"$attrs\"\n ref=\"input\"\n :aria-label=\"computedAriaLabel\"\n :aria-describedby=\"ariaDescribedBy\"\n :aria-required=\"required\"\n :disabled=\"disabled\"\n :has-error=\"shouldShowError\"\n :indeterminate=\"isIndeterminate\"\n :value=\"value\"\n :model-value=\"modelValue\"\n :readonly=\"readonly\"\n @update:model-value=\"onChange\"\n />\n <span v-if=\"hasSlot('default') || shouldShowErrorMessage\" class=\"b-checkbox__text\">\n <bento-typography v-if=\"hasSlot('default')\" class=\"b-checkbox__label\" el=\"span\" variant=\"body\">\n <span><slot /></span>\n <bento-typography v-if=\"optional\" class=\"b-checkbox__label-requirement\" el=\"span\"\n >({{ t('optional') }})</bento-typography\n >\n <bento-typography v-else-if=\"required\" class=\"b-checkbox__label-requirement\" el=\"span\"\n >*</bento-typography\n >\n <bento-tag v-if=\"tag\" class=\"b-checkbox__label-tag\" v-bind=\"tag\" />\n </bento-typography>\n <bento-typography\n v-if=\"hasSlot('default') && hasSlot('description')\"\n :id=\"descriptionId\"\n class=\"b-checkbox__description\"\n el=\"span\"\n variant=\"body\"\n >\n <slot name=\"description\"></slot>\n </bento-typography>\n <error-message v-if=\"shouldShowErrorMessage\" :id=\"errorId\" :error-message=\"errorMessage\" />\n\n <bento-typography v-if=\"contentSlotAvailable\" class=\"b-checkbox__content\" el=\"span\" variant=\"body\">\n <slot name=\"content\"></slot>\n </bento-typography>\n </span>\n </label>\n</template>\n\n<script lang=\"ts\">\n import {\n computed,\n defineComponent,\n type HTMLAttributes,\n onMounted,\n type PropType,\n ref,\n toRefs,\n useAttrs,\n } from 'vue';\n import {\n BentoCheckboxEvent,\n BentoCheckboxState,\n type BentoCheckboxTag,\n type BentoCheckboxType,\n type BentoMultiCheckboxType,\n } from './checkbox.types';\n import { BentoTypography } from '@/components/typography';\n import { CheckboxInput } from '@/components/internal/checkbox-input';\n import { ErrorMessage } from '@/components/internal/error-message';\n import { useDefaultSlotValidator, useHasSlot } from '@/composables';\n import { generateUid } from '@/core/utils/ts';\n import { getSlotText } from '@/utils/ts/get-slot-text';\n import { useI18n } from '@/utils/ts/i18n';\n import { useAriaLabel } from '@/utils/ts/aria-label';\n import { BentoTag } from '@/components/tag';\n import { type BentoCheckboxGroupItems } from './components/checkbox-group/checkbox-group.types';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n /**\n * Checkboxes are used to make a binary choice about an option.\n * The label tag area is also clickable.\n *\n * @usage\n * import { BentoCheckbox } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoCheckbox },\n * template: `\n * <bento-checkbox>\n * Label text\n * <template #description>Sub label text</template>\n * </bento-checkbox>\n * `,\n * }\n */\n export default defineComponent({\n name: 'bento-checkbox',\n i18n: { messages },\n components: {\n BentoTag,\n BentoTypography,\n CheckboxInput,\n ErrorMessage,\n },\n inheritAttrs: false,\n model: { prop: 'modelValue' },\n props: {\n /**\n * @deprecated Since v2.0.0. Use `aria-label` instead.\n * Accessible name for the radio button component. It is strongly recommended to pas this value in case this component is used without a label.\n */\n ariaLabel: { type: String, default: null },\n\n /**\n * Setting this property to true will disable the checkbox in your form.\n */\n disabled: { type: Boolean, default: false },\n\n /**\n * Renders the checkbox in an error state with an error message.\n */\n errorMessage: { type: String, default: null },\n\n /**\n * Setting this property to true will show the checkbox in error state.\n */\n hasError: { type: Boolean, default: false },\n\n /**\n * The :indeterminate CSS pseudo-class represents any form element\n * whose state is indeterminate, such as checkboxes which have their HTML indeterminate attribute\n * set to true, radio buttons which are members of a group in which all radio buttons are unchecked,\n * and indeterminate <progress> elements. https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate\n * This property lets you control the input.indeterminate native property.\n */\n indeterminate: { type: Boolean, default: false },\n\n /**\n * When handling a single checkbox with a singular state, use a boolean.\n *\n * When handling multiple checkboxes, use an array of keys.\n * These keys exist as a set \"value\" prop for each checkbox.\n */\n modelValue: {\n type: [Boolean, Array] as PropType<BentoCheckboxType | BentoCheckboxGroupItems>,\n default: false,\n },\n\n /**\n * Highlights the checkbox is optional.\n */\n optional: { type: Boolean, default: false },\n\n /**\n * Setting this property to true will set the checkbox to read only state.\n */\n readonly: { type: Boolean, default: false },\n\n /**\n * Highlights the checkbox is required.\n */\n required: { type: Boolean, default: false },\n\n /**\n * Sets the properties of the BentoTag component that is placed next to the label.\n * {@see BentoTag}\n */\n tag: { type: Object as PropType<BentoCheckboxTag>, default: undefined },\n\n /**\n * The value of the component. The DOM API casts this to a string.\n * The browser uses \"on\" as the default value.\n *\n * In the case of multiple checkboxes this value is used as a unique key.\n */\n value: { type: [String, Number], default: null },\n },\n emits: [BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT],\n setup(props, { attrs, emit, slots }) {\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const descriptionId = generateUid('description');\n const errorId = generateUid('error');\n const hasSlot = useHasSlot(slots);\n\n const { disabled, indeterminate, modelValue, readonly, value } = toRefs(props);\n\n const defaultSlotValue = getSlotText(slots)('default');\n const descriptionSlotValue = getSlotText(slots)('description');\n\n useDefaultSlotValidator('bento-checkbox', slots.default, slots.description);\n\n const isCheckboxGroup = computed(() => Array.isArray(modelValue.value));\n const isChecked = computed(() => {\n if (!isCheckboxGroup.value) {\n return modelValue.value as boolean;\n }\n\n return (modelValue.value as BentoMultiCheckboxType).some(item => item === value.value);\n });\n const isIndeterminate = computed(() => indeterminate.value);\n\n const shouldShowError = computed(\n () => !props.disabled && !props.readonly && (props.hasError || !!props.errorMessage)\n );\n const shouldShowErrorMessage = computed(() => !props.disabled && !props.readonly && !!props.errorMessage);\n\n // Content slot logic\n const hasContentSlot = computed(() => hasSlot('content'));\n const isCheckedOrIntermediate = computed(() => isIndeterminate?.value || isChecked?.value);\n const contentSlotAvailable = computed(\n () => hasContentSlot?.value && isCheckboxGroup?.value && isCheckedOrIntermediate?.value\n );\n\n // ARIA fields\n const ariaDescribedBy = computed<HTMLAttributes['aria-describedby']>(\n () =>\n `${shouldShowErrorMessage.value ? errorId : ''} ${\n defaultSlotValue && descriptionSlotValue ? descriptionId : ''\n }`.trim() || null\n );\n\n const ariaLabelAttribute = ref(attrs['aria-label']);\n const { ariaLabel } = toRefs(props);\n const checkboxTranslation = ref();\n // Translations used in the script tag need to be inside onMounted otherwise they fail in Vue 3\n onMounted(() => {\n checkboxTranslation.value = t('checkbox');\n });\n // Only add aria-label if no label slot is present\n const computedAriaLabel = computed(\n () =>\n useAriaLabel({\n ariaLabel: ariaLabelAttribute.value as string,\n // TODO: take this line away when the aria-label props is removed\n label: ariaLabel,\n defaultFallback: hasSlot('default')\n ? (getSlotText(slots)('default') as string)\n : checkboxTranslation.value,\n }).value\n );\n const getAriaHidden = (attributes: HTMLAttributes) => attributes?.['aria-hidden'];\n\n const styleAttrs = computed(() => {\n const { style, class: cls } = useAttrs();\n return {\n class: cls as HTMLAttributes['class'],\n style: style as HTMLAttributes['style'],\n };\n });\n\n const conditionalClass = computed(() => ({\n [`b-checkbox--${BentoCheckboxState.DISABLED}`]: disabled.value,\n [`b-checkbox--${BentoCheckboxState.READONLY}`]: readonly.value,\n }));\n\n const onChange = (newValue: BentoCheckboxType | BentoCheckboxGroupItems) => {\n if (disabled.value) {\n return;\n }\n emit(BentoCheckboxEvent.UPDATE, newValue);\n emit(BentoCheckboxEvent.INPUT, newValue);\n };\n\n return {\n // Values\n descriptionId,\n errorId,\n ariaDescribedBy,\n computedAriaLabel,\n conditionalClass,\n defaultSlotValue,\n descriptionSlotValue,\n isIndeterminate,\n shouldShowError,\n shouldShowErrorMessage,\n contentSlotAvailable,\n hasContentSlot,\n styleAttrs,\n\n // Methods\n hasSlot,\n onChange,\n getAriaHidden,\n\n t,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./checkbox.scss\" />\n"],"names":["BentoCheckboxEvent","BentoCheckboxEvent2","_sfc_main","defineComponent","messages","BentoTag","BentoTypography","CheckboxInput","ErrorMessage","props","attrs","emit","slots","t","useI18n","descriptionId","generateUid","errorId","hasSlot","useHasSlot","disabled","indeterminate","modelValue","readonly","value","toRefs","defaultSlotValue","getSlotText","descriptionSlotValue","useDefaultSlotValidator","isCheckboxGroup","computed","isChecked","item","isIndeterminate","shouldShowError","shouldShowErrorMessage","hasContentSlot","isCheckedOrIntermediate","contentSlotAvailable","ariaDescribedBy","ariaLabelAttribute","ref","ariaLabel","checkboxTranslation","onMounted","computedAriaLabel","useAriaLabel","getAriaHidden","attributes","styleAttrs","style","cls","useAttrs","conditionalClass","CheckboxInputState","newValue"],"mappings":";;;;;;;;;;;;;;AASO,IAAAA,IAAA,kBAAAC,OACHA,EAAA,SAAA,sBACAA,EAAA,QAAA,SAFQA,IAAAD,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCqFZE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,MAAA,EAAA,UAAAC,EAAA;AAAA,EACA,YAAA;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,EACA;AAAA,EACA,cAAA;AAAA,EACA,OAAA,EAAA,MAAA,aAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,WAAA,EAAA,MAAA,QAAA,SAAA,KAAA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA,EAAA,MAAA,SAAA,SAAA,GAAA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAA,EAAA,MAAA,QAAA,SAAA,KAAA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA,EAAA,MAAA,SAAA,SAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,eAAA,EAAA,MAAA,SAAA,SAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,YAAA;AAAA,MAQA,MAAA,CAAA,SAAA,KAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,UAAA,EAAA,MAAA,SAAA,SAAA,GAAA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA,EAAA,MAAA,SAAA,SAAA,GAAA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA,EAAA,MAAA,SAAA,SAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,KAAA,EAAA,MAAA,QAAA,SAAA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,OAAA,EAAA,MAAA,CAAA,QAAA,MAAA,GAAA,SAAA,KAAA;AAAA,EAQA;AAAA,EACA,OAAA,CAAAR,EAAA,QAAAA,EAAA,KAAA;AAAA,EACA,MAAAS,GAAA,EAAA,OAAAC,GAAA,MAAAC,GAAA,OAAAC,EAAA,GAAA;AAEA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAA,aAAA,GACAC,IAAAD,EAAA,OAAA,GACAE,IAAAC,EAAAP,CAAA,GAEA,EAAA,UAAAQ,GAAA,eAAAC,GAAA,YAAAC,GAAA,UAAAC,GAAA,OAAAC,EAAA,IAAAC,EAAAhB,CAAA,GAEAiB,IAAAC,EAAAf,CAAA,EAAA,SAAA,GACAgB,IAAAD,EAAAf,CAAA,EAAA,aAAA;AAEA,IAAAiB,EAAA,kBAAAjB,EAAA,SAAAA,EAAA,WAAA;AAEA,UAAAkB,IAAAC,EAAA,MAAA,MAAA,QAAAT,EAAA,KAAA,CAAA,GACAU,IAAAD,EAAA,MACAD,EAAA,QAIAR,EAAA,MAAA,KAAA,CAAAW,MAAAA,MAAAT,EAAA,KAAA,IAHAF,EAAA,KAGA,GAEAY,IAAAH,EAAA,MAAAV,EAAA,KAAA,GAEAc,IAAAJ;AAAA,MAAA,MAAA,CAAAtB,EAAA,YAAA,CAAAA,EAAA,aAAAA,EAAA,YAAA,CAAA,CAAAA,EAAA;AAAA,IACA,GAEA2B,IAAAL,EAAA,MAAA,CAAAtB,EAAA,YAAA,CAAAA,EAAA,YAAA,CAAA,CAAAA,EAAA,YAAA,GAGA4B,IAAAN,EAAA,MAAAb,EAAA,SAAA,CAAA,GACAoB,IAAAP,EAAA,OAAAG,KAAA,gBAAAA,EAAA,WAAAF,KAAA,gBAAAA,EAAA,MAAA,GACAO,IAAAR;AAAA,MAAA,OAAAM,KAAA,gBAAAA,EAAA,WAAAP,KAAA,gBAAAA,EAAA,WAAAQ,KAAA,gBAAAA,EAAA;AAAA,IACA,GAIAE,IAAAT;AAAA,MAAA,MAAA,GAAAK,EAAA,QAAAnB,IAAA,EAAA,IAAAS,KAAAE,IAAAb,IAAA,EAAA,GAAA,KAAA,KAAA;AAAA,IAIA,GAGA0B,IAAAC,EAAAhC,EAAA,YAAA,CAAA,GACA,EAAA,WAAAiC,EAAA,IAAAlB,EAAAhB,CAAA,GACAmC,IAAAF,EAAA;AAEA,IAAAG,EAAA,MAAA;AACA,MAAAD,EAAA,QAAA/B,EAAA,UAAA;AAAA,IAAA,CAAA;AAGA,UAAAiC,IAAAf;AAAA,MAAA,MAAAgB,EAAA;AAAA,QAEA,WAAAN,EAAA;AAAA;AAAA,QACA,OAAAE;AAAA,QAEA,iBAAAzB,EAAA,SAAA,IAAAS,EAAAf,CAAA,EAAA,SAAA,IAAAgC,EAAA;AAAA,MAGA,CAAA,EAAA;AAAA,IACA,GAEAI,IAAA,CAAAC,MAAAA,KAAA,gBAAAA,EAAA,gBAEAC,IAAAnB,EAAA,MAAA;AACA,YAAA,EAAA,OAAAoB,GAAA,OAAAC,EAAA,IAAAC,EAAA;AACA,aAAA;AAAA,QAAA,OAAAD;AAAA,QACA,OAAAD;AAAA,MACA;AAAA,IACA,CAAA,GAGAG,IAAAvB,EAAA,OAAA;AAAA,MAAA,CAAA,eAAAwB,EAAA,QAAA,EAAA,GAAAnC,EAAA;AAAA,MACA,CAAA,eAAAmC,EAAA,QAAA,EAAA,GAAAhC,EAAA;AAAA,IACA,EAAA;AAWA,WAAA;AAAA;AAAA,MAAA,eAAAR;AAAA,MAEA,SAAAE;AAAA,MACA,iBAAAuB;AAAA,MACA,mBAAAM;AAAA,MACA,kBAAAQ;AAAA,MACA,kBAAA5B;AAAA,MACA,sBAAAE;AAAA,MACA,iBAAAM;AAAA,MACA,iBAAAC;AAAA,MACA,wBAAAC;AAAA,MACA,sBAAAG;AAAA,MACA,gBAAAF;AAAA,MACA,YAAAa;AAAA;AAAA,MACA,SAAAhC;AAAA,MAGA,UAzBA,CAAAsC,MAAA;AACA,QAAApC,EAAA,UAGAT,EAAAX,EAAA,QAAAwD,CAAA,GACA7C,EAAAX,EAAA,OAAAwD,CAAA;AAAA,MAAA;AAAA,MAqBA,eAAAR;AAAA,MACA,GAAAnC;AAAA,IAEA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"checkbox.BIzqX_eH.js","sources":["../../src/components/checkbox/checkbox.types.ts","../../src/components/checkbox/checkbox.vue"],"sourcesContent":["import type { BentoTagProps } from '../tag/tag.types';\nimport {\n CheckboxInputState as BentoCheckboxState,\n type CheckboxInputType as BentoCheckboxType,\n type MultiCheckboxInputType as BentoMultiCheckboxType,\n} from '@/internal/checkbox-input/checkbox-input.types';\n\nexport { BentoCheckboxState, BentoCheckboxType, BentoMultiCheckboxType };\n\nexport enum BentoCheckboxEvent {\n UPDATE = 'update:model-value',\n INPUT = 'input',\n}\n\nexport type BentoCheckboxTag = BentoTagProps;\n","<template>\n <label class=\"b-checkbox\" :class=\"conditionalClass\" v-bind=\"styleAttrs\" :aria-hidden=\"getAriaHidden($attrs)\">\n <checkbox-input\n v-bind=\"$attrs\"\n ref=\"input\"\n :aria-label=\"computedAriaLabel\"\n :aria-describedby=\"ariaDescribedBy\"\n :aria-required=\"required\"\n :disabled=\"disabled\"\n :has-error=\"shouldShowError\"\n :indeterminate=\"isIndeterminate\"\n :value=\"value\"\n :model-value=\"modelValue\"\n :readonly=\"readonly\"\n @update:model-value=\"onChange\"\n />\n <span v-if=\"hasSlot('default') || shouldShowErrorMessage\" class=\"b-checkbox__text\">\n <bento-typography v-if=\"hasSlot('default')\" class=\"b-checkbox__label\" el=\"span\" variant=\"body\">\n <span><slot /></span>\n <bento-typography v-if=\"optional\" class=\"b-checkbox__label-requirement\" el=\"span\"\n >({{ t('optional') }})</bento-typography\n >\n <bento-typography v-else-if=\"required\" class=\"b-checkbox__label-requirement\" el=\"span\"\n >*</bento-typography\n >\n <bento-tag v-if=\"tag\" class=\"b-checkbox__label-tag\" v-bind=\"tag\" />\n </bento-typography>\n <bento-typography\n v-if=\"hasSlot('default') && hasSlot('description')\"\n :id=\"descriptionId\"\n class=\"b-checkbox__description\"\n el=\"span\"\n variant=\"body\"\n >\n <slot name=\"description\"></slot>\n </bento-typography>\n <error-message v-if=\"shouldShowErrorMessage\" :id=\"errorId\" :error-message=\"errorMessage\" />\n\n <bento-typography v-if=\"contentSlotAvailable\" class=\"b-checkbox__content\" el=\"span\" variant=\"body\">\n <slot name=\"content\"></slot>\n </bento-typography>\n </span>\n </label>\n</template>\n\n<script lang=\"ts\">\n import {\n computed,\n defineComponent,\n type HTMLAttributes,\n onMounted,\n type PropType,\n ref,\n toRefs,\n useAttrs,\n } from 'vue';\n import {\n BentoCheckboxEvent,\n BentoCheckboxState,\n type BentoCheckboxTag,\n type BentoCheckboxType,\n type BentoMultiCheckboxType,\n } from './checkbox.types';\n import { BentoTypography } from '@/components/typography';\n import { CheckboxInput } from '@/components/internal/checkbox-input';\n import { ErrorMessage } from '@/components/internal/error-message';\n import { useDefaultSlotValidator, useHasSlot } from '@/composables';\n import { generateUid } from '@/core/utils/ts';\n import { getSlotText } from '@/utils/ts/get-slot-text';\n import { useI18n } from '@/utils/ts/i18n';\n import { useAriaLabel } from '@/utils/ts/aria-label';\n import { BentoTag } from '@/components/tag';\n import { type BentoCheckboxGroupItems } from './components/checkbox-group/checkbox-group.types';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n /**\n * Checkboxes are used to make a binary choice about an option.\n * The label tag area is also clickable.\n *\n * @usage\n * import { BentoCheckbox } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoCheckbox },\n * template: `\n * <bento-checkbox>\n * Label text\n * <template #description>Sub label text</template>\n * </bento-checkbox>\n * `,\n * }\n */\n export default defineComponent({\n name: 'bento-checkbox',\n i18n: { messages },\n components: {\n BentoTag,\n BentoTypography,\n CheckboxInput,\n ErrorMessage,\n },\n inheritAttrs: false,\n model: { prop: 'modelValue' },\n props: {\n /**\n * @deprecated Since v2.0.0. Use `aria-label` instead.\n * Accessible name for the radio button component. It is strongly recommended to pas this value in case this component is used without a label.\n */\n ariaLabel: { type: String, default: null },\n\n /**\n * Setting this property to true will disable the checkbox in your form.\n */\n disabled: { type: Boolean, default: false },\n\n /**\n * Renders the checkbox in an error state with an error message.\n */\n errorMessage: { type: String, default: null },\n\n /**\n * Setting this property to true will show the checkbox in error state.\n */\n hasError: { type: Boolean, default: false },\n\n /**\n * The :indeterminate CSS pseudo-class represents any form element\n * whose state is indeterminate, such as checkboxes which have their HTML indeterminate attribute\n * set to true, radio buttons which are members of a group in which all radio buttons are unchecked,\n * and indeterminate <progress> elements. https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate\n * This property lets you control the input.indeterminate native property.\n */\n indeterminate: { type: Boolean, default: false },\n\n /**\n * When handling a single checkbox with a singular state, use a boolean.\n *\n * When handling multiple checkboxes, use an array of keys.\n * These keys exist as a set \"value\" prop for each checkbox.\n */\n modelValue: {\n type: [Boolean, Array] as PropType<BentoCheckboxType | BentoCheckboxGroupItems>,\n default: false,\n },\n\n /**\n * Highlights the checkbox is optional.\n */\n optional: { type: Boolean, default: false },\n\n /**\n * Setting this property to true will set the checkbox to read only state.\n */\n readonly: { type: Boolean, default: false },\n\n /**\n * Highlights the checkbox is required.\n */\n required: { type: Boolean, default: false },\n\n /**\n * Sets the properties of the BentoTag component that is placed next to the label.\n * {@see BentoTag}\n */\n tag: { type: Object as PropType<BentoCheckboxTag>, default: undefined },\n\n /**\n * The value of the component. The DOM API casts this to a string.\n * The browser uses \"on\" as the default value.\n *\n * In the case of multiple checkboxes this value is used as a unique key.\n */\n value: { type: [String, Number], default: null },\n },\n emits: [BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT],\n setup(props, { attrs, emit, slots }) {\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const descriptionId = generateUid('description');\n const errorId = generateUid('error');\n const hasSlot = useHasSlot(slots);\n\n const { disabled, indeterminate, modelValue, readonly, value } = toRefs(props);\n\n const defaultSlotValue = getSlotText(slots)('default');\n const descriptionSlotValue = getSlotText(slots)('description');\n\n useDefaultSlotValidator('bento-checkbox', slots.default, slots.description);\n\n const isCheckboxGroup = computed(() => Array.isArray(modelValue.value));\n const isChecked = computed(() => {\n if (!isCheckboxGroup.value) {\n return modelValue.value as boolean;\n }\n\n return (modelValue.value as BentoMultiCheckboxType).some(item => item === value.value);\n });\n const isIndeterminate = computed(() => indeterminate.value);\n\n const shouldShowError = computed(\n () => !props.disabled && !props.readonly && (props.hasError || !!props.errorMessage)\n );\n const shouldShowErrorMessage = computed(() => !props.disabled && !props.readonly && !!props.errorMessage);\n\n // Content slot logic\n const hasContentSlot = computed(() => hasSlot('content'));\n const isCheckedOrIntermediate = computed(() => isIndeterminate?.value || isChecked?.value);\n const contentSlotAvailable = computed(\n () => hasContentSlot?.value && isCheckboxGroup?.value && isCheckedOrIntermediate?.value\n );\n\n // ARIA fields\n const ariaDescribedBy = computed<HTMLAttributes['aria-describedby']>(\n () =>\n `${shouldShowErrorMessage.value ? errorId : ''} ${\n defaultSlotValue && descriptionSlotValue ? descriptionId : ''\n }`.trim() || null\n );\n\n const ariaLabelAttribute = ref(attrs['aria-label']);\n const { ariaLabel } = toRefs(props);\n const checkboxTranslation = ref();\n // Translations used in the script tag need to be inside onMounted otherwise they fail in Vue 3\n onMounted(() => {\n checkboxTranslation.value = t('checkbox');\n });\n // Only add aria-label if no label slot is present\n const computedAriaLabel = computed(\n () =>\n useAriaLabel({\n ariaLabel: ariaLabelAttribute.value as string,\n // TODO: take this line away when the aria-label props is removed\n label: ariaLabel,\n defaultFallback: hasSlot('default')\n ? (getSlotText(slots)('default') as string)\n : checkboxTranslation.value,\n }).value\n );\n const getAriaHidden = (attributes: HTMLAttributes) => attributes?.['aria-hidden'];\n\n const styleAttrs = computed(() => {\n const { style, class: cls } = useAttrs();\n return {\n class: cls as HTMLAttributes['class'],\n style: style as HTMLAttributes['style'],\n };\n });\n\n const conditionalClass = computed(() => ({\n [`b-checkbox--${BentoCheckboxState.DISABLED}`]: disabled.value,\n [`b-checkbox--${BentoCheckboxState.READONLY}`]: readonly.value,\n }));\n\n const onChange = (newValue: BentoCheckboxType | BentoCheckboxGroupItems) => {\n if (disabled.value) {\n return;\n }\n emit(BentoCheckboxEvent.UPDATE, newValue);\n emit(BentoCheckboxEvent.INPUT, newValue);\n };\n\n return {\n // Values\n descriptionId,\n errorId,\n ariaDescribedBy,\n computedAriaLabel,\n conditionalClass,\n defaultSlotValue,\n descriptionSlotValue,\n isIndeterminate,\n shouldShowError,\n shouldShowErrorMessage,\n contentSlotAvailable,\n hasContentSlot,\n styleAttrs,\n\n // Methods\n hasSlot,\n onChange,\n getAriaHidden,\n\n t,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"./checkbox.scss\" />\n"],"names":["BentoCheckboxEvent","BentoCheckboxEvent2","_sfc_main","defineComponent","messages","BentoTag","BentoTypography","CheckboxInput","ErrorMessage","props","attrs","emit","slots","t","useI18n","descriptionId","generateUid","errorId","hasSlot","useHasSlot","disabled","indeterminate","modelValue","readonly","value","toRefs","defaultSlotValue","getSlotText","descriptionSlotValue","useDefaultSlotValidator","isCheckboxGroup","computed","isChecked","item","isIndeterminate","shouldShowError","shouldShowErrorMessage","hasContentSlot","isCheckedOrIntermediate","contentSlotAvailable","ariaDescribedBy","ariaLabelAttribute","ref","ariaLabel","checkboxTranslation","onMounted","computedAriaLabel","useAriaLabel","getAriaHidden","attributes","styleAttrs","style","cls","useAttrs","conditionalClass","CheckboxInputState","newValue"],"mappings":";;;;;;;;;;;;;;AASO,IAAAA,IAAA,kBAAAC,OACHA,EAAA,SAAA,sBACAA,EAAA,QAAA,SAFQA,IAAAD,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCqFZE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,MAAA,EAAA,UAAAC,EAAA;AAAA,EACA,YAAA;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,EACA;AAAA,EACA,cAAA;AAAA,EACA,OAAA,EAAA,MAAA,aAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,WAAA,EAAA,MAAA,QAAA,SAAA,KAAA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA,EAAA,MAAA,SAAA,SAAA,GAAA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAA,EAAA,MAAA,QAAA,SAAA,KAAA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA,EAAA,MAAA,SAAA,SAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,eAAA,EAAA,MAAA,SAAA,SAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,YAAA;AAAA,MAQA,MAAA,CAAA,SAAA,KAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,UAAA,EAAA,MAAA,SAAA,SAAA,GAAA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA,EAAA,MAAA,SAAA,SAAA,GAAA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA,EAAA,MAAA,SAAA,SAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,KAAA,EAAA,MAAA,QAAA,SAAA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,OAAA,EAAA,MAAA,CAAA,QAAA,MAAA,GAAA,SAAA,KAAA;AAAA,EAQA;AAAA,EACA,OAAA,CAAAR,EAAA,QAAAA,EAAA,KAAA;AAAA,EACA,MAAAS,GAAA,EAAA,OAAAC,GAAA,MAAAC,GAAA,OAAAC,EAAA,GAAA;AAEA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAA,aAAA,GACAC,IAAAD,EAAA,OAAA,GACAE,IAAAC,EAAAP,CAAA,GAEA,EAAA,UAAAQ,GAAA,eAAAC,GAAA,YAAAC,GAAA,UAAAC,GAAA,OAAAC,EAAA,IAAAC,EAAAhB,CAAA,GAEAiB,IAAAC,EAAAf,CAAA,EAAA,SAAA,GACAgB,IAAAD,EAAAf,CAAA,EAAA,aAAA;AAEA,IAAAiB,EAAA,kBAAAjB,EAAA,SAAAA,EAAA,WAAA;AAEA,UAAAkB,IAAAC,EAAA,MAAA,MAAA,QAAAT,EAAA,KAAA,CAAA,GACAU,IAAAD,EAAA,MACAD,EAAA,QAIAR,EAAA,MAAA,KAAA,CAAAW,MAAAA,MAAAT,EAAA,KAAA,IAHAF,EAAA,KAGA,GAEAY,IAAAH,EAAA,MAAAV,EAAA,KAAA,GAEAc,IAAAJ;AAAA,MAAA,MAAA,CAAAtB,EAAA,YAAA,CAAAA,EAAA,aAAAA,EAAA,YAAA,CAAA,CAAAA,EAAA;AAAA,IACA,GAEA2B,IAAAL,EAAA,MAAA,CAAAtB,EAAA,YAAA,CAAAA,EAAA,YAAA,CAAA,CAAAA,EAAA,YAAA,GAGA4B,IAAAN,EAAA,MAAAb,EAAA,SAAA,CAAA,GACAoB,IAAAP,EAAA,OAAAG,KAAA,gBAAAA,EAAA,WAAAF,KAAA,gBAAAA,EAAA,MAAA,GACAO,IAAAR;AAAA,MAAA,OAAAM,KAAA,gBAAAA,EAAA,WAAAP,KAAA,gBAAAA,EAAA,WAAAQ,KAAA,gBAAAA,EAAA;AAAA,IACA,GAIAE,IAAAT;AAAA,MAAA,MAAA,GAAAK,EAAA,QAAAnB,IAAA,EAAA,IAAAS,KAAAE,IAAAb,IAAA,EAAA,GAAA,KAAA,KAAA;AAAA,IAIA,GAGA0B,IAAAC,EAAAhC,EAAA,YAAA,CAAA,GACA,EAAA,WAAAiC,EAAA,IAAAlB,EAAAhB,CAAA,GACAmC,IAAAF,EAAA;AAEA,IAAAG,EAAA,MAAA;AACA,MAAAD,EAAA,QAAA/B,EAAA,UAAA;AAAA,IAAA,CAAA;AAGA,UAAAiC,IAAAf;AAAA,MAAA,MAAAgB,EAAA;AAAA,QAEA,WAAAN,EAAA;AAAA;AAAA,QACA,OAAAE;AAAA,QAEA,iBAAAzB,EAAA,SAAA,IAAAS,EAAAf,CAAA,EAAA,SAAA,IAAAgC,EAAA;AAAA,MAGA,CAAA,EAAA;AAAA,IACA,GAEAI,IAAA,CAAAC,MAAAA,KAAA,gBAAAA,EAAA,gBAEAC,IAAAnB,EAAA,MAAA;AACA,YAAA,EAAA,OAAAoB,GAAA,OAAAC,EAAA,IAAAC,EAAA;AACA,aAAA;AAAA,QAAA,OAAAD;AAAA,QACA,OAAAD;AAAA,MACA;AAAA,IACA,CAAA,GAGAG,IAAAvB,EAAA,OAAA;AAAA,MAAA,CAAA,eAAAwB,EAAA,QAAA,EAAA,GAAAnC,EAAA;AAAA,MACA,CAAA,eAAAmC,EAAA,QAAA,EAAA,GAAAhC,EAAA;AAAA,IACA,EAAA;AAWA,WAAA;AAAA;AAAA,MAAA,eAAAR;AAAA,MAEA,SAAAE;AAAA,MACA,iBAAAuB;AAAA,MACA,mBAAAM;AAAA,MACA,kBAAAQ;AAAA,MACA,kBAAA5B;AAAA,MACA,sBAAAE;AAAA,MACA,iBAAAM;AAAA,MACA,iBAAAC;AAAA,MACA,wBAAAC;AAAA,MACA,sBAAAG;AAAA,MACA,gBAAAF;AAAA,MACA,YAAAa;AAAA;AAAA,MACA,SAAAhC;AAAA,MAGA,UAzBA,CAAAsC,MAAA;AACA,QAAApC,EAAA,UAGAT,EAAAX,EAAA,QAAAwD,CAAA,GACA7C,EAAAX,EAAA,OAAAwD,CAAA;AAAA,MAAA;AAAA,MAqBA,eAAAR;AAAA,MACA,GAAAnC;AAAA,IAEA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;"}
package/dist/chunks/{data-grid.Djy7XjVS.js → data-grid.DQwAkw4U.js} RENAMED
@@ -17,7 +17,7 @@ import { B as He } from "./loading-indicator.PxbRzshH.js";
17
17
  import { u as Ze } from "./use-has-slot.C9lQZ6nz.js";
18
18
  import { u as jn } from "./use-touch-device.DTqFAbXh.js";
19
19
  import { g as Me } from "./generate-uid.NJ8tVoha.js";
20
- import { a as qn } from "./filter-bar.C6ZBgizQ.js";
20
+ import { a as qn } from "./filter-bar.DQ9fJXq1.js";
21
21
  import { B as Kn } from "./empty-state.Dttc-ZO_.js";
22
22
  import { E as Yn } from "./tabs.keys.B4qGhjp2.js";
23
23
  import { D as Xn } from "./data-grid-template.keys.VezYtHtM.js";
@@ -25,7 +25,7 @@ import { d as Jn } from "./index.CJYgd0QI.js";
25
25
  import { o as Mt } from "./resize.Bqks3WUm.js";
26
26
  import "./index.Cl4_42j5.js";
27
27
  import { b as Ft } from "./focus-trap.CBIb3SyN.js";
28
- import { B as xt } from "./checkbox.BAQDBNL6.js";
28
+ import { B as xt } from "./checkbox.BIzqX_eH.js";
29
29
  import { B as Pt } from "./button.DITA6YtS.js";
30
30
  import { c as je, f as zt, h as Qn, b as es, a as ts, O as rt, D as ns } from "./button-actions.D1jRC1fs.js";
31
31
  import { E as ct } from "./link.BpuCRgok.js";
@@ -4047,4 +4047,4 @@ export {
4047
4047
  Ee as h,
4048
4048
  ge as i
4049
4049
  };
4050
- //# sourceMappingURL=data-grid.Djy7XjVS.js.map
4050
+ //# sourceMappingURL=data-grid.DQwAkw4U.js.map