@adyen/bento-vue2 1.42.0 → 1.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/dist/@types/index.d.ts +35 -0
  2. package/dist/action-bar.js +1 -1
  3. package/dist/assets/accordion-item.css +1 -1
  4. package/dist/assets/action-bar.css +1 -1
  5. package/dist/assets/base-modal.css +1 -1
  6. package/dist/assets/card.css +1 -1
  7. package/dist/assets/data-grid.css +1 -1
  8. package/dist/assets/date-range-picker.css +1 -1
  9. package/dist/assets/dialog-page.css +1 -1
  10. package/dist/assets/file-uploader.css +1 -1
  11. package/dist/assets/filter-bar.css +1 -1
  12. package/dist/assets/inspector.css +1 -1
  13. package/dist/assets/menu.css +1 -1
  14. package/dist/assets/modal-fullscreen.css +1 -1
  15. package/dist/assets/popover.css +1 -1
  16. package/dist/assets/sidepanel.css +1 -1
  17. package/dist/assets/typography.css +1 -1
  18. package/dist/checkbox.js +2 -2
  19. package/dist/chunks/{action-bar.C1iwQWyj.js → action-bar.kPPYSgQK.js} +2 -2
  20. package/dist/chunks/{action-bar.C1iwQWyj.js.map → action-bar.kPPYSgQK.js.map} +1 -1
  21. package/dist/chunks/{checkbox-group.B1FsPVSl.js → checkbox-group.Bcqac3y8.js} +2 -2
  22. package/dist/chunks/{checkbox-group.B1FsPVSl.js.map → checkbox-group.Bcqac3y8.js.map} +1 -1
  23. package/dist/chunks/{checkbox.kd1EnszA.js → checkbox.B1qjI4R_.js} +15 -15
  24. package/dist/chunks/{checkbox.kd1EnszA.js.map → checkbox.B1qjI4R_.js.map} +1 -1
  25. package/dist/chunks/{code-snippet.DGMVhQoj.js → code-snippet.DuZDA7gH.js} +2 -2
  26. package/dist/chunks/{code-snippet.DGMVhQoj.js.map → code-snippet.DuZDA7gH.js.map} +1 -1
  27. package/dist/chunks/{dashboard-section.D8ey7nzl.js → dashboard-section.CExqPbQb.js} +2 -2
  28. package/dist/chunks/{dashboard-section.D8ey7nzl.js.map → dashboard-section.CExqPbQb.js.map} +1 -1
  29. package/dist/chunks/data-grid.BXB98JQr.js +2556 -0
  30. package/dist/chunks/data-grid.BXB98JQr.js.map +1 -0
  31. package/dist/chunks/{date-range-picker.BvHFTptS.js → date-range-picker.xYGf0SRg.js} +176 -173
  32. package/dist/chunks/date-range-picker.xYGf0SRg.js.map +1 -0
  33. package/dist/chunks/{dropdown-tag.DqgJnpjk.js → dropdown-tag.B4RMse5R.js} +2 -2
  34. package/dist/chunks/{dropdown-tag.DqgJnpjk.js.map → dropdown-tag.B4RMse5R.js.map} +1 -1
  35. package/dist/chunks/{dropdown.2tXfuDlU.js → dropdown.BfzsI2Th.js} +2 -2
  36. package/dist/chunks/{dropdown.2tXfuDlU.js.map → dropdown.BfzsI2Th.js.map} +1 -1
  37. package/dist/chunks/es6.b4enG1py.js.map +1 -1
  38. package/dist/chunks/{filter-bar.DP_nQeeo.js → filter-bar.hBPWastb.js} +9 -9
  39. package/dist/chunks/filter-bar.hBPWastb.js.map +1 -0
  40. package/dist/chunks/index.Gcw_BUVh.js +367 -0
  41. package/dist/chunks/index.Gcw_BUVh.js.map +1 -0
  42. package/dist/chunks/{input-field-password.ijBN-aVx.js → input-field-password.BmfOGkrH.js} +3 -3
  43. package/dist/chunks/{input-field-password.ijBN-aVx.js.map → input-field-password.BmfOGkrH.js.map} +1 -1
  44. package/dist/chunks/{input-field.BoElSWuV.js → input-field.CHD3Fzzg.js} +2 -2
  45. package/dist/chunks/{input-field.BoElSWuV.js.map → input-field.CHD3Fzzg.js.map} +1 -1
  46. package/dist/chunks/{layout-row.6jCBhtd4.js → layout-row.DzS_XyyF.js} +2 -2
  47. package/dist/chunks/{layout-row.6jCBhtd4.js.map → layout-row.DzS_XyyF.js.map} +1 -1
  48. package/dist/chunks/{pagination.FbkfItkS.js → pagination.DORr-ox0.js} +2 -2
  49. package/dist/chunks/{pagination.FbkfItkS.js.map → pagination.DORr-ox0.js.map} +1 -1
  50. package/dist/chunks/{promo-banner.CGz3MVPw.js → promo-banner.cTUF9seG.js} +2 -2
  51. package/dist/chunks/{promo-banner.CGz3MVPw.js.map → promo-banner.cTUF9seG.js.map} +1 -1
  52. package/dist/chunks/{search-bar.DD6eA0jG.js → search-bar.BtFX4039.js} +3 -3
  53. package/dist/chunks/{search-bar.DD6eA0jG.js.map → search-bar.BtFX4039.js.map} +1 -1
  54. package/dist/chunks/{secondary-nav.C56_jw55.js → secondary-nav.DtnWRhFW.js} +3 -3
  55. package/dist/chunks/{secondary-nav.C56_jw55.js.map → secondary-nav.DtnWRhFW.js.map} +1 -1
  56. package/dist/chunks/{selection-card-group.DwkH9xJd.js → selection-card-group.B6XXbJsv.js} +8 -8
  57. package/dist/chunks/{selection-card-group.DwkH9xJd.js.map → selection-card-group.B6XXbJsv.js.map} +1 -1
  58. package/dist/chunks/{use-cached-selected-values.-_Gk6HO_.js → use-cached-selected-values.CAlfyb_L.js} +7 -4
  59. package/dist/chunks/{use-cached-selected-values.-_Gk6HO_.js.map → use-cached-selected-values.CAlfyb_L.js.map} +1 -1
  60. package/dist/code-snippet.js +1 -1
  61. package/dist/dashboard-template.js +1 -1
  62. package/dist/data-grid.js +1 -1
  63. package/dist/date-range-picker.js +1 -1
  64. package/dist/dropdown.js +3 -3
  65. package/dist/filter-bar.js +1 -1
  66. package/dist/index.js +19 -19
  67. package/dist/input-field-password.js +1 -1
  68. package/dist/input-field.js +1 -1
  69. package/dist/internal.js +1 -1
  70. package/dist/layout.js +1 -1
  71. package/dist/pagination.js +1 -1
  72. package/dist/promo-banner.js +1 -1
  73. package/dist/search-bar.js +2 -2
  74. package/dist/secondary-nav.js +1 -1
  75. package/dist/selection-card.js +1 -1
  76. package/dist/styles/bento-dark.css +3 -0
  77. package/dist/styles/bento-light.css +3 -0
  78. package/dist/styles/bento.css +3 -0
  79. package/dist/styles/legacy.css +3 -0
  80. package/dist/styles/styleguide.css +3 -0
  81. package/dist/web-types.json +75 -1
  82. package/package.json +7 -4
  83. package/dist/chunks/data-grid.bti50Fs6.js +0 -2373
  84. package/dist/chunks/data-grid.bti50Fs6.js.map +0 -1
  85. package/dist/chunks/date-range-picker.BvHFTptS.js.map +0 -1
  86. package/dist/chunks/filter-bar.DP_nQeeo.js.map +0 -1
  87. package/dist/chunks/index.BiaBX5uu.js +0 -345
  88. package/dist/chunks/index.BiaBX5uu.js.map +0 -1
package/dist/assets/inspector.css CHANGED
@@ -1 +1 @@
1
- .b-inspector[data-v-8cd3a178]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex;height:100%}.b-inspector[data-v-8cd3a178],.b-inspector[data-v-8cd3a178]:before,.b-inspector[data-v-8cd3a178]:after{box-sizing:border-box}.b-inspector *[data-v-8cd3a178],.b-inspector *[data-v-8cd3a178]:before,.b-inspector *[data-v-8cd3a178]:after{box-sizing:border-box}.b-inspector[data-v-8cd3a178] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-8cd3a178] ::-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__page-wrapper[data-v-8cd3a178]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-8cd3a178]{height:100%;min-width:675px}.b-inspector__container-wrapper[data-v-8cd3a178]{background-color:var(--b-inspector-container-wrapper-background-color);border-left:var(--b-inspector-container-wrapper-border-left);flex-shrink:0;height:100%;overflow:auto}.b-inspector__container[data-v-8cd3a178]{display:flex;flex-direction:column;height:100%;padding:var(--b-inspector-container-padding)}.b-inspector__header[data-v-8cd3a178]{color:var(--b-inspector-header-color);display:flex;gap:var(--b-inspector-header-gap);padding-bottom:var(--b-inspector-header-padding-bottom)}.b-inspector__title[data-v-8cd3a178]{flex-grow:1}.b-inspector__icons[data-v-8cd3a178]{display:flex;flex-shrink:0;gap:var(--b-inspector-icons-gap)}.b-inspector__content[data-v-8cd3a178]{flex-grow:1}.b-inspector__loading-indicator[data-v-8cd3a178]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector--small .b-inspector__container-wrapper[data-v-8cd3a178]{width:420px}.b-inspector--small .b-inspector__container[data-v-8cd3a178]{width:419px}@container (max-width: 575px){.b-inspector--small .b-inspector__container-wrapper[data-v-8cd3a178]{border-left:0;position:absolute;width:100%;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector--small .b-inspector__container[data-v-8cd3a178]{width:100%}}@keyframes expand-small-8cd3a178{0%{width:0}to{width:420px}}@keyframes shrink-small-8cd3a178{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-8cd3a178]{animation:expand-small-8cd3a178 var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}@container (max-width: 575px){.b-inspector--small .b-inspector__animation-enter-active[data-v-8cd3a178]{animation:enter-ut3jn8w-8cd3a178 var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-ut3jn8w-8cd3a178{0%{translate:100% 0}to{translate:0 0}}}.b-inspector--small .b-inspector__animation-leave-active[data-v-8cd3a178]{animation:shrink-small-8cd3a178 var(--b-inspector-animation-duration) var(--b-inspector-animation-leave-active-easing)}@container (max-width: 575px){.b-inspector--small .b-inspector__animation-leave-active[data-v-8cd3a178]{animation:exit-ut3jn9d-8cd3a178 var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-ut3jn9d-8cd3a178{0%{translate:0 0}to{translate:100% 0}}}.b-inspector--large .b-inspector__container-wrapper[data-v-8cd3a178]{width:595px}.b-inspector--large .b-inspector__container[data-v-8cd3a178]{width:594px}@container (max-width: 750px){.b-inspector--large .b-inspector__container-wrapper[data-v-8cd3a178]{border-left:0;position:absolute;width:100%;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector--large .b-inspector__container[data-v-8cd3a178]{width:100%}}@keyframes expand-large-8cd3a178{0%{width:0}to{width:595px}}@keyframes shrink-large-8cd3a178{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-8cd3a178]{animation:expand-large-8cd3a178 var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}@container (max-width: 750px){.b-inspector--large .b-inspector__animation-enter-active[data-v-8cd3a178]{animation:enter-ut3jn9x-8cd3a178 var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-ut3jn9x-8cd3a178{0%{translate:100% 0}to{translate:0 0}}}.b-inspector--large .b-inspector__animation-leave-active[data-v-8cd3a178]{animation:shrink-large-8cd3a178 var(--b-inspector-animation-duration) var(--b-inspector-animation-leave-active-easing)}@container (max-width: 750px){.b-inspector--large .b-inspector__animation-leave-active[data-v-8cd3a178]{animation:exit-ut3jnar-8cd3a178 var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-ut3jnar-8cd3a178{0%{translate:0 0}to{translate:100% 0}}}
1
+ .b-inspector[data-v-8cd3a178]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex;height:100%}.b-inspector[data-v-8cd3a178],.b-inspector[data-v-8cd3a178]:before,.b-inspector[data-v-8cd3a178]:after{box-sizing:border-box}.b-inspector *[data-v-8cd3a178],.b-inspector *[data-v-8cd3a178]:before,.b-inspector *[data-v-8cd3a178]:after{box-sizing:border-box}.b-inspector[data-v-8cd3a178] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-8cd3a178] ::-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__page-wrapper[data-v-8cd3a178]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-8cd3a178]{height:100%;min-width:675px}.b-inspector__container-wrapper[data-v-8cd3a178]{background-color:var(--b-inspector-container-wrapper-background-color);border-left:var(--b-inspector-container-wrapper-border-left);flex-shrink:0;height:100%;overflow:auto}.b-inspector__container[data-v-8cd3a178]{display:flex;flex-direction:column;height:100%;padding:var(--b-inspector-container-padding)}.b-inspector__header[data-v-8cd3a178]{color:var(--b-inspector-header-color);display:flex;gap:var(--b-inspector-header-gap);padding-bottom:var(--b-inspector-header-padding-bottom)}.b-inspector__title[data-v-8cd3a178]{flex-grow:1}.b-inspector__icons[data-v-8cd3a178]{display:flex;flex-shrink:0;gap:var(--b-inspector-icons-gap)}.b-inspector__content[data-v-8cd3a178]{flex-grow:1}.b-inspector__loading-indicator[data-v-8cd3a178]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector--small .b-inspector__container-wrapper[data-v-8cd3a178]{width:420px}.b-inspector--small .b-inspector__container[data-v-8cd3a178]{width:419px}@container (max-width: 575px){.b-inspector--small .b-inspector__container-wrapper[data-v-8cd3a178]{border-left:0;position:absolute;width:100%;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector--small .b-inspector__container[data-v-8cd3a178]{width:100%}}@keyframes expand-small-8cd3a178{0%{width:0}to{width:420px}}@keyframes shrink-small-8cd3a178{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-8cd3a178]{animation:expand-small-8cd3a178 var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}@container (max-width: 575px){.b-inspector--small .b-inspector__animation-enter-active[data-v-8cd3a178]{animation:enter-uia4zm4-8cd3a178 var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-uia4zm4-8cd3a178{0%{translate:100% 0}to{translate:0 0}}}.b-inspector--small .b-inspector__animation-leave-active[data-v-8cd3a178]{animation:shrink-small-8cd3a178 var(--b-inspector-animation-duration) var(--b-inspector-animation-leave-active-easing)}@container (max-width: 575px){.b-inspector--small .b-inspector__animation-leave-active[data-v-8cd3a178]{animation:exit-uia4zmb-8cd3a178 var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-uia4zmb-8cd3a178{0%{translate:0 0}to{translate:100% 0}}}.b-inspector--large .b-inspector__container-wrapper[data-v-8cd3a178]{width:595px}.b-inspector--large .b-inspector__container[data-v-8cd3a178]{width:594px}@container (max-width: 750px){.b-inspector--large .b-inspector__container-wrapper[data-v-8cd3a178]{border-left:0;position:absolute;width:100%;z-index:var(--b-inspector-container-wrapper-z-index)}.b-inspector--large .b-inspector__container[data-v-8cd3a178]{width:100%}}@keyframes expand-large-8cd3a178{0%{width:0}to{width:595px}}@keyframes shrink-large-8cd3a178{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-8cd3a178]{animation:expand-large-8cd3a178 var(--b-inspector-animation-duration) var(--b-inspector-animation-enter-active-easing)}@container (max-width: 750px){.b-inspector--large .b-inspector__animation-enter-active[data-v-8cd3a178]{animation:enter-uia4zn1-8cd3a178 var(--b-inspector-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-uia4zn1-8cd3a178{0%{translate:100% 0}to{translate:0 0}}}.b-inspector--large .b-inspector__animation-leave-active[data-v-8cd3a178]{animation:shrink-large-8cd3a178 var(--b-inspector-animation-duration) var(--b-inspector-animation-leave-active-easing)}@container (max-width: 750px){.b-inspector--large .b-inspector__animation-leave-active[data-v-8cd3a178]{animation:exit-uia4znw-8cd3a178 var(--b-inspector-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-uia4znw-8cd3a178{0%{translate:0 0}to{translate:100% 0}}}
package/dist/assets/menu.css CHANGED
@@ -1 +1 @@
1
- .b-menu-item[data-v-49e4a0fe]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-menu-item-color);align-items:center;display:flex;justify-content:space-between;padding:var(--b-menu-item-padding);width:100%}.b-menu-item[data-v-49e4a0fe],.b-menu-item[data-v-49e4a0fe]:before,.b-menu-item[data-v-49e4a0fe]:after{box-sizing:border-box}.b-menu-item *[data-v-49e4a0fe],.b-menu-item *[data-v-49e4a0fe]:before,.b-menu-item *[data-v-49e4a0fe]:after{box-sizing:border-box}.b-menu-item[data-v-49e4a0fe] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item[data-v-49e4a0fe] ::-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-menu-item.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]{color:var(--b-menu-item-color-inverse)}.b-menu-item[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-background-color)}.b-menu-item:hover:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-background-color-inverse)}.b-menu-item[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color)}.b-menu-item:focus-visible:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color-inverse)}.b-menu-item[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-background-color)}.b-menu-item:active:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-background-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]{color:var(--b-menu-item-critical-color)}.b-menu-item--critical.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]{color:var(--b-menu-item-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color);color:var(--b-menu-item-hover-critical-color)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color-inverse)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:hover:enabled{color:var(--b-menu-item-hover-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color);color:var(--b-menu-item-focus-critical-color)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color-inverse)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:focus-visible:enabled{color:var(--b-menu-item-focus-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color);color:var(--b-menu-item-active-critical-color)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color-inverse)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:active:enabled{color:var(--b-menu-item-active-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color)}.b-menu-item--critical[data-v-49e4a0fe] .b-base-button__icon-right.b-menu--inverse,.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color-inverse)}.b-menu-item--indent[data-v-49e4a0fe]{padding-left:var(--b-menu-item-indent-padding-left)}.b-menu-item[data-v-49e4a0fe] .b-base-button__label{align-items:center;display:flex;justify-content:space-between;width:100%}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__primary-text{flex-grow:0;flex-shrink:1;min-width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color);flex-grow:2;padding-left:var(--b-menu-item-secondary-text-padding-left);text-align:right;white-space:nowrap}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__secondary-text.b-menu--inverse,.b-menu--inverse .b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color-inverse)}.b-menu-item[data-v-49e4a0fe] .b-base-button__icon-left{padding-right:var(--b-menu-item-icon-left-padding)}.b-menu-item[data-v-49e4a0fe] .b-base-button__icon-right{padding-left:var(--b-menu-item-icon-right-padding)}.b-menu-item[data-v-49e4a0fe]:disabled{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:disabled{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-item:disabled .b-menu-item__secondary-text[data-v-49e4a0fe]{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled .b-menu-item__secondary-text.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item:disabled .b-menu-item__secondary-text[data-v-49e4a0fe]{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-list-container[data-v-f5d01392]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-item-list-background-color);height:fit-content;padding:var(--b-menu-item-list-padding)}.b-menu-list-container[data-v-f5d01392],.b-menu-list-container[data-v-f5d01392]:before,.b-menu-list-container[data-v-f5d01392]:after{box-sizing:border-box}.b-menu-list-container *[data-v-f5d01392],.b-menu-list-container *[data-v-f5d01392]:before,.b-menu-list-container *[data-v-f5d01392]:after{box-sizing:border-box}.b-menu-list-container[data-v-f5d01392] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-list-container[data-v-f5d01392] ::-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-menu-list-container.b-menu--inverse[data-v-f5d01392],.b-menu--inverse .b-menu-list-container[data-v-f5d01392]{background-color:var(--b-menu-item-list-background-color-inverse)}.b-sub-menu-item-list[data-v-25195627]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-submenu-background-color);overflow:hidden;position:fixed;right:0;top:0;width:100%}.b-sub-menu-item-list[data-v-25195627],.b-sub-menu-item-list[data-v-25195627]:before,.b-sub-menu-item-list[data-v-25195627]:after{box-sizing:border-box}.b-sub-menu-item-list *[data-v-25195627],.b-sub-menu-item-list *[data-v-25195627]:before,.b-sub-menu-item-list *[data-v-25195627]:after{box-sizing:border-box}.b-sub-menu-item-list[data-v-25195627] ::-webkit-scrollbar{height:14px;width:14px}.b-sub-menu-item-list[data-v-25195627] ::-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-sub-menu-item-list.b-menu--inverse[data-v-25195627],.b-menu--inverse .b-sub-menu-item-list[data-v-25195627]{background-color:var(--b-menu-submenu-background-color-inverse)}.b-sub-menu-item-list__list[data-v-25195627]{list-style:none;padding:0}.b-sub-menu-item-list__divider[data-v-25195627]{margin-block:var(--b-menu-submenu-divider-margin-block)}.b-sub-menu-item-list__transition-enter-active[data-v-25195627]{animation:enter-ut3jngd-25195627 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-ut3jngd-25195627{0%{translate:100% 0}to{translate:0 0}}.b-sub-menu-item-list__transition-leave-active[data-v-25195627]{animation:exit-ut3jnhb-25195627 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-ut3jnhb-25195627{0%{translate:0 0}to{translate:100% 0}}.b-menu-item-list[data-v-159bdcfc]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style-type:none;margin:0;max-height:376px;overflow-y:auto;padding:0}.b-menu-item-list[data-v-159bdcfc],.b-menu-item-list[data-v-159bdcfc]:before,.b-menu-item-list[data-v-159bdcfc]:after{box-sizing:border-box}.b-menu-item-list *[data-v-159bdcfc],.b-menu-item-list *[data-v-159bdcfc]:before,.b-menu-item-list *[data-v-159bdcfc]:after{box-sizing:border-box}.b-menu-item-list[data-v-159bdcfc] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item-list[data-v-159bdcfc] ::-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-menu-item-list__divider[data-v-159bdcfc]{margin-block:var(--b-menu-item-list-divider-margin-block)}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-menu[data-v-993b4671]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:fit-content}.b-menu[data-v-993b4671],.b-menu[data-v-993b4671]:before,.b-menu[data-v-993b4671]:after{box-sizing:border-box}.b-menu *[data-v-993b4671],.b-menu *[data-v-993b4671]:before,.b-menu *[data-v-993b4671]:after{box-sizing:border-box}.b-menu[data-v-993b4671] ::-webkit-scrollbar{height:14px;width:14px}.b-menu[data-v-993b4671] ::-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-menu__popover[data-v-993b4671]{width:250px}
1
+ .b-menu-item[data-v-49e4a0fe]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-menu-item-color);align-items:center;display:flex;justify-content:space-between;padding:var(--b-menu-item-padding);width:100%}.b-menu-item[data-v-49e4a0fe],.b-menu-item[data-v-49e4a0fe]:before,.b-menu-item[data-v-49e4a0fe]:after{box-sizing:border-box}.b-menu-item *[data-v-49e4a0fe],.b-menu-item *[data-v-49e4a0fe]:before,.b-menu-item *[data-v-49e4a0fe]:after{box-sizing:border-box}.b-menu-item[data-v-49e4a0fe] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item[data-v-49e4a0fe] ::-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-menu-item.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]{color:var(--b-menu-item-color-inverse)}.b-menu-item[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-background-color)}.b-menu-item:hover:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-background-color-inverse)}.b-menu-item[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color)}.b-menu-item:focus-visible:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color-inverse)}.b-menu-item[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-background-color)}.b-menu-item:active:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-background-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]{color:var(--b-menu-item-critical-color)}.b-menu-item--critical.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]{color:var(--b-menu-item-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color);color:var(--b-menu-item-hover-critical-color)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color-inverse)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:hover:enabled{color:var(--b-menu-item-hover-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color);color:var(--b-menu-item-focus-critical-color)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color-inverse)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:focus-visible:enabled{color:var(--b-menu-item-focus-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color);color:var(--b-menu-item-active-critical-color)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color-inverse)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:active:enabled{color:var(--b-menu-item-active-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color)}.b-menu-item--critical[data-v-49e4a0fe] .b-base-button__icon-right.b-menu--inverse,.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color-inverse)}.b-menu-item--indent[data-v-49e4a0fe]{padding-left:var(--b-menu-item-indent-padding-left)}.b-menu-item[data-v-49e4a0fe] .b-base-button__label{align-items:center;display:flex;justify-content:space-between;width:100%}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__primary-text{flex-grow:0;flex-shrink:1;min-width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color);flex-grow:2;padding-left:var(--b-menu-item-secondary-text-padding-left);text-align:right;white-space:nowrap}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__secondary-text.b-menu--inverse,.b-menu--inverse .b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color-inverse)}.b-menu-item[data-v-49e4a0fe] .b-base-button__icon-left{padding-right:var(--b-menu-item-icon-left-padding)}.b-menu-item[data-v-49e4a0fe] .b-base-button__icon-right{padding-left:var(--b-menu-item-icon-right-padding)}.b-menu-item[data-v-49e4a0fe]:disabled{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:disabled{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-item:disabled .b-menu-item__secondary-text[data-v-49e4a0fe]{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled .b-menu-item__secondary-text.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item:disabled .b-menu-item__secondary-text[data-v-49e4a0fe]{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-list-container[data-v-f5d01392]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-item-list-background-color);height:fit-content;padding:var(--b-menu-item-list-padding)}.b-menu-list-container[data-v-f5d01392],.b-menu-list-container[data-v-f5d01392]:before,.b-menu-list-container[data-v-f5d01392]:after{box-sizing:border-box}.b-menu-list-container *[data-v-f5d01392],.b-menu-list-container *[data-v-f5d01392]:before,.b-menu-list-container *[data-v-f5d01392]:after{box-sizing:border-box}.b-menu-list-container[data-v-f5d01392] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-list-container[data-v-f5d01392] ::-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-menu-list-container.b-menu--inverse[data-v-f5d01392],.b-menu--inverse .b-menu-list-container[data-v-f5d01392]{background-color:var(--b-menu-item-list-background-color-inverse)}.b-sub-menu-item-list[data-v-25195627]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-submenu-background-color);overflow:hidden;position:fixed;right:0;top:0;width:100%}.b-sub-menu-item-list[data-v-25195627],.b-sub-menu-item-list[data-v-25195627]:before,.b-sub-menu-item-list[data-v-25195627]:after{box-sizing:border-box}.b-sub-menu-item-list *[data-v-25195627],.b-sub-menu-item-list *[data-v-25195627]:before,.b-sub-menu-item-list *[data-v-25195627]:after{box-sizing:border-box}.b-sub-menu-item-list[data-v-25195627] ::-webkit-scrollbar{height:14px;width:14px}.b-sub-menu-item-list[data-v-25195627] ::-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-sub-menu-item-list.b-menu--inverse[data-v-25195627],.b-menu--inverse .b-sub-menu-item-list[data-v-25195627]{background-color:var(--b-menu-submenu-background-color-inverse)}.b-sub-menu-item-list__list[data-v-25195627]{list-style:none;padding:0}.b-sub-menu-item-list__divider[data-v-25195627]{margin-block:var(--b-menu-submenu-divider-margin-block)}.b-sub-menu-item-list__transition-enter-active[data-v-25195627]{animation:enter-uia4zrq-25195627 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-uia4zrq-25195627{0%{translate:100% 0}to{translate:0 0}}.b-sub-menu-item-list__transition-leave-active[data-v-25195627]{animation:exit-uia4zrz-25195627 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-uia4zrz-25195627{0%{translate:0 0}to{translate:100% 0}}.b-menu-item-list[data-v-159bdcfc]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style-type:none;margin:0;max-height:376px;overflow-y:auto;padding:0}.b-menu-item-list[data-v-159bdcfc],.b-menu-item-list[data-v-159bdcfc]:before,.b-menu-item-list[data-v-159bdcfc]:after{box-sizing:border-box}.b-menu-item-list *[data-v-159bdcfc],.b-menu-item-list *[data-v-159bdcfc]:before,.b-menu-item-list *[data-v-159bdcfc]:after{box-sizing:border-box}.b-menu-item-list[data-v-159bdcfc] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item-list[data-v-159bdcfc] ::-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-menu-item-list__divider[data-v-159bdcfc]{margin-block:var(--b-menu-item-list-divider-margin-block)}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-menu[data-v-993b4671]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:fit-content}.b-menu[data-v-993b4671],.b-menu[data-v-993b4671]:before,.b-menu[data-v-993b4671]:after{box-sizing:border-box}.b-menu *[data-v-993b4671],.b-menu *[data-v-993b4671]:before,.b-menu *[data-v-993b4671]:after{box-sizing:border-box}.b-menu[data-v-993b4671] ::-webkit-scrollbar{height:14px;width:14px}.b-menu[data-v-993b4671] ::-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-menu__popover[data-v-993b4671]{width:250px}
package/dist/assets/modal-fullscreen.css CHANGED
@@ -1 +1 @@
1
- .b-modal-fullscreen-page[data-v-30654f2c]{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-30654f2c],.b-modal-fullscreen-page[data-v-30654f2c]:before,.b-modal-fullscreen-page[data-v-30654f2c]:after{box-sizing:border-box}.b-modal-fullscreen-page *[data-v-30654f2c],.b-modal-fullscreen-page *[data-v-30654f2c]:before,.b-modal-fullscreen-page *[data-v-30654f2c]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-30654f2c] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-30654f2c] ::-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-30654f2c]{align-items:center;display:flex;flex-grow:1;gap:var(--b-modal-fullscreen-header-gap);height:64px;overflow-x:auto;overflow-y:hidden;padding:var(--b-modal-fullscreen-header-padding)}.b-modal-fullscreen-page__header-section[data-v-30654f2c]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-30654f2c]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-30654f2c]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-30654f2c]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-30654f2c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-30654f2c]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-30654f2c]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-30654f2c] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-30654f2c]{border-left:var(--b-modal-fullscreen-separator-border-left);height:26px;margin-right:var(--b-modal-fullscreen-separator-margin-right)}.b-modal-fullscreen-page__content[data-v-30654f2c]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-cfb8d3ae]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-fullscreen-background-color);border:0;color:var(--b-modal-fullscreen-color);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-cfb8d3ae],.b-modal-fullscreen[data-v-cfb8d3ae]:before,.b-modal-fullscreen[data-v-cfb8d3ae]:after{box-sizing:border-box}.b-modal-fullscreen *[data-v-cfb8d3ae],.b-modal-fullscreen *[data-v-cfb8d3ae]:before,.b-modal-fullscreen *[data-v-cfb8d3ae]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-cfb8d3ae] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-cfb8d3ae] ::-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-cfb8d3ae]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-cfb8d3ae]{align-items:center;background-color:var(--b-modal-fullscreen-background-color);display:flex;height:64px;padding-inline:var(--b-modal-fullscreen-close-button-padding-inline);position:absolute;right:0;z-index:var(--b-modal-fullscreen-close-button-z-index)}.b-modal-fullscreen[data-v-cfb8d3ae]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-cfb8d3ae]{animation:fade-in-ut3jmw6-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),enter-ut3jmw6-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-enter),scale-up-ut3jmw6-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-ut3jmw6-cfb8d3ae{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ut3jmw6-cfb8d3ae{0%{scale:1}to{scale:1}}@keyframes enter-ut3jmw6-cfb8d3ae{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-cfb8d3ae]{animation:fade-out-ut3jmx2-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),exit-ut3jmx2-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-exit),scale-down-ut3jmx2-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-ut3jmx2-cfb8d3ae{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ut3jmx2-cfb8d3ae{0%{scale:1}to{scale:1}}@keyframes exit-ut3jmx2-cfb8d3ae{0%{translate:0 0}to{translate:0 64px}}
1
+ .b-modal-fullscreen-page[data-v-30654f2c]{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-30654f2c],.b-modal-fullscreen-page[data-v-30654f2c]:before,.b-modal-fullscreen-page[data-v-30654f2c]:after{box-sizing:border-box}.b-modal-fullscreen-page *[data-v-30654f2c],.b-modal-fullscreen-page *[data-v-30654f2c]:before,.b-modal-fullscreen-page *[data-v-30654f2c]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-30654f2c] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-30654f2c] ::-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-30654f2c]{align-items:center;display:flex;flex-grow:1;gap:var(--b-modal-fullscreen-header-gap);height:64px;overflow-x:auto;overflow-y:hidden;padding:var(--b-modal-fullscreen-header-padding)}.b-modal-fullscreen-page__header-section[data-v-30654f2c]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-30654f2c]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-30654f2c]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-30654f2c]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-30654f2c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-30654f2c]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-30654f2c]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-30654f2c] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-30654f2c]{border-left:var(--b-modal-fullscreen-separator-border-left);height:26px;margin-right:var(--b-modal-fullscreen-separator-margin-right)}.b-modal-fullscreen-page__content[data-v-30654f2c]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-cfb8d3ae]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-fullscreen-background-color);border:0;color:var(--b-modal-fullscreen-color);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-cfb8d3ae],.b-modal-fullscreen[data-v-cfb8d3ae]:before,.b-modal-fullscreen[data-v-cfb8d3ae]:after{box-sizing:border-box}.b-modal-fullscreen *[data-v-cfb8d3ae],.b-modal-fullscreen *[data-v-cfb8d3ae]:before,.b-modal-fullscreen *[data-v-cfb8d3ae]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-cfb8d3ae] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-cfb8d3ae] ::-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-cfb8d3ae]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-cfb8d3ae]{align-items:center;background-color:var(--b-modal-fullscreen-background-color);display:flex;height:64px;padding-inline:var(--b-modal-fullscreen-close-button-padding-inline);position:absolute;right:0;z-index:var(--b-modal-fullscreen-close-button-z-index)}.b-modal-fullscreen[data-v-cfb8d3ae]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-cfb8d3ae]{animation:fade-in-uia4z9i-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),enter-uia4z9i-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-enter),scale-up-uia4z9i-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-uia4z9i-cfb8d3ae{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uia4z9i-cfb8d3ae{0%{scale:1}to{scale:1}}@keyframes enter-uia4z9i-cfb8d3ae{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-cfb8d3ae]{animation:fade-out-uia4za3-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),exit-uia4za3-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-exit),scale-down-uia4za3-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-uia4za3-cfb8d3ae{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uia4za3-cfb8d3ae{0%{scale:1}to{scale:1}}@keyframes exit-uia4za3-cfb8d3ae{0%{translate:0 0}to{translate:0 64px}}
package/dist/assets/popover.css CHANGED
@@ -1 +1 @@
1
- .b-popover-dismiss-button[data-v-71876338]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer}.b-popover-dismiss-button[data-v-71876338],.b-popover-dismiss-button[data-v-71876338]:before,.b-popover-dismiss-button[data-v-71876338]:after{box-sizing:border-box}.b-popover-dismiss-button *[data-v-71876338],.b-popover-dismiss-button *[data-v-71876338]:before,.b-popover-dismiss-button *[data-v-71876338]:after{box-sizing:border-box}.b-popover-dismiss-button[data-v-71876338] ::-webkit-scrollbar{height:14px;width:14px}.b-popover-dismiss-button[data-v-71876338] ::-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-popover-dismiss-button--on-image[data-v-71876338]{color:var(--b-popover-dismiss-button-on-image-icon-color)}.b-popover-dismiss-button--on-image[data-v-71876338]:hover{color:var(--b-popover-dismiss-button-on-image-icon-hovered-color)}.b-popover-dismiss-button--on-image[data-v-71876338]:active{color:var(--b-popover-dismiss-button-on-image-icon-active-color)}.b-popover[data-v-dc8753e5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--b-popover-background-color);border:var(--b-popover-border);border-radius:var(--b-popover-border-radius);box-shadow:var(--b-popover-box-shadow);color:var(--b-popover-color);overflow:hidden;width:100%;z-index:var(--b-popover-z-index)}.b-popover[data-v-dc8753e5],.b-popover[data-v-dc8753e5]:before,.b-popover[data-v-dc8753e5]:after{box-sizing:border-box}.b-popover *[data-v-dc8753e5],.b-popover *[data-v-dc8753e5]:before,.b-popover *[data-v-dc8753e5]:after{box-sizing:border-box}.b-popover[data-v-dc8753e5] ::-webkit-scrollbar{height:14px;width:14px}.b-popover[data-v-dc8753e5] ::-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: 376px){.b-popover[data-v-dc8753e5]{width:320px}}.b-popover[data-v-dc8753e5] .b-popover__arrow:before{color:transparent;display:none}.b-popover--fit-content[data-v-dc8753e5]{width:fit-content}.b-popover--overflow-visible[data-v-dc8753e5]{overflow:visible}.b-popover--overflow-visible .b-popover__footer[data-v-dc8753e5]{border-bottom-left-radius:var(--b-popover-border-radius);border-bottom-right-radius:var(--b-popover-border-radius)}.b-popover--small[data-v-dc8753e5]{width:200px}.b-popover--large[data-v-dc8753e5]{width:480px}.b-popover--with-divider .b-popover__footer[data-v-dc8753e5]{background-color:var(--b-popover-with-divider-footer-background-color);border-top:var(--b-popover-with-divider-footer-border-top);padding-top:var(--b-popover-with-divider-footer-padding-top)}.b-popover--with-divider .b-popover__content[data-v-dc8753e5]{padding:var(--b-popover-with-divider-content-padding)}.b-popover--without-space .b-popover__header[data-v-dc8753e5],.b-popover--without-space .b-popover__content[data-v-dc8753e5],.b-popover--without-space .b-popover__footer[data-v-dc8753e5]{padding:var(--b-popover-without-space-padding)}.b-popover__content[data-v-dc8753e5]{padding:var(--b-popover-content-padding)}.b-popover__content--with-title[data-v-dc8753e5]{padding:var(--b-popover-content-with-title-padding)}.b-popover__header[data-v-dc8753e5]{align-items:baseline;display:flex;justify-content:space-between;padding:var(--b-popover-header-padding)}.b-popover__header-title[data-v-dc8753e5]{align-items:center;column-gap:var(--b-popover-header-title-column-gap);display:flex}.b-popover__image[data-v-dc8753e5]{display:flex;overflow:hidden}.b-popover__image+.b-popover__header[data-v-dc8753e5]{padding:var(--b-popover-image-header-padding)}.b-popover__image-dismiss-button[data-v-dc8753e5]{position:absolute;right:var(--b-popover-image-dismiss-icon-right);top:var(--b-popover-image-dismiss-icon-top)}.b-popover__footer[data-v-dc8753e5]{padding:var(--b-popover-footer-padding)}.b-popover__animation-enter-active[data-popper-placement^=top][data-v-dc8753e5]{animation:fade-in-ut3jmyn-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-ut3jmyn-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-ut3jmyn-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-ut3jmyn-dc8753e5{0%{top:8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=top][data-v-dc8753e5]{animation:fade-out-ut3jmz3-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-ut3jmz3-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-ut3jmz3-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-ut3jmz3-dc8753e5{0%{top:0}to{top:8px}}.b-popover__animation-enter-active[data-popper-placement^=bottom][data-v-dc8753e5]{animation:fade-in-ut3jmzr-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-ut3jmzr-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-ut3jmzr-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-ut3jmzr-dc8753e5{0%{top:-8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=bottom][data-v-dc8753e5]{animation:fade-out-ut3jn01-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-ut3jn01-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-ut3jn01-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-ut3jn01-dc8753e5{0%{top:0}to{top:-8px}}.b-popover__animation-enter-active[data-popper-placement^=left][data-v-dc8753e5]{animation:fade-in-ut3jn02-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-ut3jn02-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-ut3jn02-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-ut3jn02-dc8753e5{0%{left:8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=left][data-v-dc8753e5]{animation:fade-out-ut3jn0w-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-ut3jn0w-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-ut3jn0w-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-ut3jn0w-dc8753e5{0%{left:0}to{left:8px}}.b-popover__animation-enter-active[data-popper-placement^=right][data-v-dc8753e5]{animation:fade-in-ut3jn0x-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-ut3jn0x-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-ut3jn0x-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-ut3jn0x-dc8753e5{0%{left:-8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=right][data-v-dc8753e5]{animation:fade-out-ut3jn1r-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-ut3jn1r-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-ut3jn1r-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-ut3jn1r-dc8753e5{0%{left:0}to{left:-8px}}
1
+ .b-popover-dismiss-button[data-v-71876338]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer}.b-popover-dismiss-button[data-v-71876338],.b-popover-dismiss-button[data-v-71876338]:before,.b-popover-dismiss-button[data-v-71876338]:after{box-sizing:border-box}.b-popover-dismiss-button *[data-v-71876338],.b-popover-dismiss-button *[data-v-71876338]:before,.b-popover-dismiss-button *[data-v-71876338]:after{box-sizing:border-box}.b-popover-dismiss-button[data-v-71876338] ::-webkit-scrollbar{height:14px;width:14px}.b-popover-dismiss-button[data-v-71876338] ::-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-popover-dismiss-button--on-image[data-v-71876338]{color:var(--b-popover-dismiss-button-on-image-icon-color)}.b-popover-dismiss-button--on-image[data-v-71876338]:hover{color:var(--b-popover-dismiss-button-on-image-icon-hovered-color)}.b-popover-dismiss-button--on-image[data-v-71876338]:active{color:var(--b-popover-dismiss-button-on-image-icon-active-color)}.b-popover[data-v-dc8753e5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--b-popover-background-color);border:var(--b-popover-border);border-radius:var(--b-popover-border-radius);box-shadow:var(--b-popover-box-shadow);color:var(--b-popover-color);overflow:hidden;width:100%;z-index:var(--b-popover-z-index)}.b-popover[data-v-dc8753e5],.b-popover[data-v-dc8753e5]:before,.b-popover[data-v-dc8753e5]:after{box-sizing:border-box}.b-popover *[data-v-dc8753e5],.b-popover *[data-v-dc8753e5]:before,.b-popover *[data-v-dc8753e5]:after{box-sizing:border-box}.b-popover[data-v-dc8753e5] ::-webkit-scrollbar{height:14px;width:14px}.b-popover[data-v-dc8753e5] ::-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: 376px){.b-popover[data-v-dc8753e5]{width:320px}}.b-popover[data-v-dc8753e5] .b-popover__arrow:before{color:transparent;display:none}.b-popover--fit-content[data-v-dc8753e5]{width:fit-content}.b-popover--overflow-visible[data-v-dc8753e5]{overflow:visible}.b-popover--overflow-visible .b-popover__footer[data-v-dc8753e5]{border-bottom-left-radius:var(--b-popover-border-radius);border-bottom-right-radius:var(--b-popover-border-radius)}.b-popover--small[data-v-dc8753e5]{width:200px}.b-popover--large[data-v-dc8753e5]{width:480px}.b-popover--with-divider .b-popover__footer[data-v-dc8753e5]{background-color:var(--b-popover-with-divider-footer-background-color);border-top:var(--b-popover-with-divider-footer-border-top);padding-top:var(--b-popover-with-divider-footer-padding-top)}.b-popover--with-divider .b-popover__content[data-v-dc8753e5]{padding:var(--b-popover-with-divider-content-padding)}.b-popover--without-space .b-popover__header[data-v-dc8753e5],.b-popover--without-space .b-popover__content[data-v-dc8753e5],.b-popover--without-space .b-popover__footer[data-v-dc8753e5]{padding:var(--b-popover-without-space-padding)}.b-popover__content[data-v-dc8753e5]{padding:var(--b-popover-content-padding)}.b-popover__content--with-title[data-v-dc8753e5]{padding:var(--b-popover-content-with-title-padding)}.b-popover__header[data-v-dc8753e5]{align-items:baseline;display:flex;justify-content:space-between;padding:var(--b-popover-header-padding)}.b-popover__header-title[data-v-dc8753e5]{align-items:center;column-gap:var(--b-popover-header-title-column-gap);display:flex}.b-popover__image[data-v-dc8753e5]{display:flex;overflow:hidden}.b-popover__image+.b-popover__header[data-v-dc8753e5]{padding:var(--b-popover-image-header-padding)}.b-popover__image-dismiss-button[data-v-dc8753e5]{position:absolute;right:var(--b-popover-image-dismiss-icon-right);top:var(--b-popover-image-dismiss-icon-top)}.b-popover__footer[data-v-dc8753e5]{padding:var(--b-popover-footer-padding)}.b-popover__animation-enter-active[data-popper-placement^=top][data-v-dc8753e5]{animation:fade-in-uia4zah-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uia4zah-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uia4zah-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-uia4zah-dc8753e5{0%{top:8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=top][data-v-dc8753e5]{animation:fade-out-uia4zb2-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uia4zb2-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uia4zb2-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-uia4zb2-dc8753e5{0%{top:0}to{top:8px}}.b-popover__animation-enter-active[data-popper-placement^=bottom][data-v-dc8753e5]{animation:fade-in-uia4zcp-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uia4zcp-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uia4zcp-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-uia4zcp-dc8753e5{0%{top:-8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=bottom][data-v-dc8753e5]{animation:fade-out-uia4zcw-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uia4zcw-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uia4zcw-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-uia4zcw-dc8753e5{0%{top:0}to{top:-8px}}.b-popover__animation-enter-active[data-popper-placement^=left][data-v-dc8753e5]{animation:fade-in-uia4zdp-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uia4zdp-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uia4zdp-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-uia4zdp-dc8753e5{0%{left:8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=left][data-v-dc8753e5]{animation:fade-out-uia4zdw-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uia4zdw-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uia4zdw-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-uia4zdw-dc8753e5{0%{left:0}to{left:8px}}.b-popover__animation-enter-active[data-popper-placement^=right][data-v-dc8753e5]{animation:fade-in-uia4zdx-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uia4zdx-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uia4zdx-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-uia4zdx-dc8753e5{0%{left:-8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=right][data-v-dc8753e5]{animation:fade-out-uia4zex-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uia4zex-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uia4zex-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-uia4zex-dc8753e5{0%{left:0}to{left:-8px}}
package/dist/assets/sidepanel.css CHANGED
@@ -1 +1 @@
1
- .b-sidepanel-page[data-v-4e6c994b]{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-4e6c994b],.b-sidepanel-page[data-v-4e6c994b]:before,.b-sidepanel-page[data-v-4e6c994b]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-4e6c994b],.b-sidepanel-page *[data-v-4e6c994b]:before,.b-sidepanel-page *[data-v-4e6c994b]:after{box-sizing:border-box}.b-sidepanel-page[data-v-4e6c994b] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-4e6c994b] ::-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-4e6c994b]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-4e6c994b]{color:var(--b-sidepanel-page-header-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-4e6c994b]{color:var(--b-sidepanel-page-content-color);flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-4e6c994b]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);color:var(--b-sidepanel-page-actions-color);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-732a38d4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-sidepanel-background-color);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-732a38d4],.b-sidepanel[data-v-732a38d4]:before,.b-sidepanel[data-v-732a38d4]:after{box-sizing:border-box}.b-sidepanel *[data-v-732a38d4],.b-sidepanel *[data-v-732a38d4]:before,.b-sidepanel *[data-v-732a38d4]:after{box-sizing:border-box}.b-sidepanel[data-v-732a38d4] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-732a38d4] ::-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-732a38d4]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}@media (min-width: 768px){.b-sidepanel[data-v-732a38d4]{max-width:var(--b-sidepanel-l-and-up-max-width);min-width:var(--b-sidepanel-l-and-up-min-width);width:33%}}.b-sidepanel__close-button[data-v-732a38d4]{align-items:center;display:flex;height:var(--b-sidepanel-close-button-height);position:absolute;right:var(--b-sidepanel-close-button-right);z-index:var(--b-sidepanel-close-button-z-index)}.b-sidepanel--animation[data-v-732a38d4]{overflow:hidden}.b-sidepanel[data-v-732a38d4]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-legacy-theme .b-sidepanel[data-v-732a38d4]::backdrop{opacity:.4}.b-sidepanel[open][data-v-732a38d4]{animation:enter-ut3jnee-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-ut3jnee-732a38d4{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-732a38d4]::backdrop{animation:fade-in-ut3jnet-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-ut3jnet-732a38d4{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-732a38d4]{animation:exit-ut3jnf7-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-ut3jnf7-732a38d4{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-732a38d4]::backdrop{animation:fade-out-ut3jng2-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-ut3jng2-732a38d4{0%{opacity:.5}to{opacity:0}}
1
+ .b-sidepanel-page[data-v-4e6c994b]{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-4e6c994b],.b-sidepanel-page[data-v-4e6c994b]:before,.b-sidepanel-page[data-v-4e6c994b]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-4e6c994b],.b-sidepanel-page *[data-v-4e6c994b]:before,.b-sidepanel-page *[data-v-4e6c994b]:after{box-sizing:border-box}.b-sidepanel-page[data-v-4e6c994b] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-4e6c994b] ::-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-4e6c994b]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-4e6c994b]{color:var(--b-sidepanel-page-header-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-4e6c994b]{color:var(--b-sidepanel-page-content-color);flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-4e6c994b]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);color:var(--b-sidepanel-page-actions-color);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-732a38d4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-sidepanel-background-color);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-732a38d4],.b-sidepanel[data-v-732a38d4]:before,.b-sidepanel[data-v-732a38d4]:after{box-sizing:border-box}.b-sidepanel *[data-v-732a38d4],.b-sidepanel *[data-v-732a38d4]:before,.b-sidepanel *[data-v-732a38d4]:after{box-sizing:border-box}.b-sidepanel[data-v-732a38d4] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-732a38d4] ::-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-732a38d4]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}@media (min-width: 768px){.b-sidepanel[data-v-732a38d4]{max-width:var(--b-sidepanel-l-and-up-max-width);min-width:var(--b-sidepanel-l-and-up-min-width);width:33%}}.b-sidepanel__close-button[data-v-732a38d4]{align-items:center;display:flex;height:var(--b-sidepanel-close-button-height);position:absolute;right:var(--b-sidepanel-close-button-right);z-index:var(--b-sidepanel-close-button-z-index)}.b-sidepanel--animation[data-v-732a38d4]{overflow:hidden}.b-sidepanel[data-v-732a38d4]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-legacy-theme .b-sidepanel[data-v-732a38d4]::backdrop{opacity:.4}.b-sidepanel[open][data-v-732a38d4]{animation:enter-uia4zoh-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-uia4zoh-732a38d4{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-732a38d4]::backdrop{animation:fade-in-uia4zon-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uia4zon-732a38d4{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-732a38d4]{animation:exit-uia4zov-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-uia4zov-732a38d4{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-732a38d4]::backdrop{animation:fade-out-uia4zpt-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uia4zpt-732a38d4{0%{opacity:.5}to{opacity:0}}
package/dist/assets/typography.css CHANGED
@@ -1 +1 @@
1
- .b-typography[data-v-57f33f77]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-variant-numeric:var(--b-text-font-variant-numeric)}.b-typography[data-v-57f33f77],.b-typography[data-v-57f33f77]:before,.b-typography[data-v-57f33f77]:after{box-sizing:border-box}.b-typography *[data-v-57f33f77],.b-typography *[data-v-57f33f77]:before,.b-typography *[data-v-57f33f77]:after{box-sizing:border-box}.b-typography[data-v-57f33f77] ::-webkit-scrollbar{height:14px;width:14px}.b-typography[data-v-57f33f77] ::-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-typography--rich-text[data-v-57f33f77]>:first-child{margin-top:0}.b-typography--rich-text[data-v-57f33f77] h1{font-family:var(--b-text-title-l-font-family);font-size:var(--b-text-title-l-mobile-font-size);font-size:clamp(var(--b-text-title-l-mobile-font-size),.44vw + 18.34px,var(--b-text-title-l-font-size));font-weight:var(--b-text-title-l-font-weight);letter-spacing:var(--b-text-title-l-letter-spacing);line-height:clamp(var(--b-text-title-l-mobile-line-height),.44vw + 28.34px,var(--b-text-title-l-line-height))}.b-typography--rich-text[data-v-57f33f77] h2{font-family:var(--b-text-title-m-font-family);font-size:clamp(var(--b-text-title-m-mobile-font-size),.22vw + 17.17px,var(--b-text-title-m-font-size));font-weight:var(--b-text-title-m-font-weight);letter-spacing:var(--b-text-title-m-letter-spacing);line-height:clamp(var(--b-text-title-m-mobile-line-height),.22vw + 27.17px,var(--b-text-title-m-line-height))}.b-typography--rich-text[data-v-57f33f77] h3{font-family:var(--b-text-title-font-family);font-size:clamp(var(--b-text-title-mobile-font-size),16px,var(--b-text-title-font-size));font-weight:var(--b-text-title-font-weight);letter-spacing:var(--b-text-title-letter-spacing);line-height:clamp(var(--b-text-title-mobile-line-height),26px,var(--b-text-title-line-height))}.b-typography--rich-text[data-v-57f33f77] h4,.b-typography--rich-text[data-v-57f33f77] h5,.b-typography--rich-text[data-v-57f33f77] h6{font-family:var(--b-text-body-font-family);font-size:var(--b-text-body-font-size);font-weight:var(--b-text-body-font-weight);letter-spacing:var(--b-text-body-letter-spacing);line-height:var(--b-text-body-line-height);font-weight:var(--b-text-rich-text-heading-font-weight)}.b-typography--rich-text[data-v-57f33f77] h1,.b-typography--rich-text[data-v-57f33f77] h2,.b-typography--rich-text[data-v-57f33f77] h3,.b-typography--rich-text[data-v-57f33f77] h4,.b-typography--rich-text[data-v-57f33f77] h5,.b-typography--rich-text[data-v-57f33f77] h6{margin:var(--b-text-rich-text-heading-margin)}.b-typography--rich-text[data-v-57f33f77] p{margin:var(--b-text-rich-text-paragraph-margin)}.b-typography--rich-text[data-v-57f33f77] ul,.b-typography--rich-text[data-v-57f33f77] ol{margin:0;padding-left:var(--b-text-rich-text-list-padding-left)}.b-typography--rich-text[data-v-57f33f77] li{margin:var(--b-text-rich-text-list-margin)}.b-typography--rich-text[data-v-57f33f77] ul li{list-style-type:disc}.b-typography--rich-text[data-v-57f33f77] pre{background-color:var(--b-text-rich-text-code-background-color);font-family:var(--b-text-rich-text-code-font-family);font-weight:var(--b-text-rich-text-code-font-weight);line-height:var(--b-text-rich-text-pre-line-height);margin:var(--b-text-rich-text-pre-margin);padding:var(--b-text-rich-text-pre-padding)}.b-typography--rich-text[data-v-57f33f77] code{background-color:var(--b-text-rich-text-code-background-color);font-family:var(--b-text-rich-text-code-font-family);font-weight:var(--b-text-rich-text-code-font-weight)}.b-typography--rich-text[data-v-57f33f77] mark{background-color:var(--b-text-rich-text-mark-background-color)}.b-typography--rich-text[data-v-57f33f77] blockquote{font-style:italic;font-weight:var(--b-text-rich-text-blockquote-font-weight);margin:var(--b-text-rich-text-blockquote-margin)}.b-typography--rich-text[data-v-57f33f77] table{border-collapse:collapse;border-spacing:0;line-height:var(--b-text-rich-text-table-line-height);margin:var(--b-text-rich-text-table-margin);text-align:left}.b-typography--rich-text[data-v-57f33f77] table th{font-weight:var(--b-text-rich-text-table-header-font-weight)}.b-typography--rich-text[data-v-57f33f77] table th,.b-typography--rich-text[data-v-57f33f77] table td{border:var(--b-text-rich-text-table-border);padding:var(--b-text-rich-text-table-padding)}.b-typography--rich-text[data-v-57f33f77] table caption{font-style:italic;line-height:var(--b-text-rich-text-table-caption-line-height);margin:var(--b-text-rich-text-table-caption-margin);text-align:left}.b-typography--rich-text.b-typography--caption[data-v-57f33f77] p{margin:var(--b-text-rich-text-caption-paragraph-margin)}.b-typography--rich-text.b-typography--caption[data-v-57f33f77] ul,.b-typography--rich-text.b-typography--caption[data-v-57f33f77] ol{padding-left:var(--b-text-rich-text-caption-list-padding-left)}.b-typography--rich-text.b-typography--caption[data-v-57f33f77] li{margin:var(--b-text-rich-text-caption-list-margin)}.b-typography--rich-text.b-typography--caption[data-v-57f33f77] blockquote{margin:var(--b-text-rich-text-caption-blockquote-margin)}.b-typography--rich-text.b-typography--caption[data-v-57f33f77] table th,.b-typography--rich-text.b-typography--caption[data-v-57f33f77] table td{padding:var(--b-text-rich-text-caption-table-padding)}.b-typography--rich-text.b-typography--caption[data-v-57f33f77] pre{line-height:var(--b-text-rich-text-caption-pre-line-height)}.b-typography--caption[data-v-57f33f77]{font-family:var(--b-text-caption-font-family);font-size:var(--b-text-caption-font-size);font-weight:var(--b-text-caption-font-weight);letter-spacing:var(--b-text-caption-letter-spacing);line-height:var(--b-text-caption-line-height)}.b-typography--caption-wide[data-v-57f33f77]{line-height:var(--b-text-caption-wide-line-height)}.b-typography--caption-stronger[data-v-57f33f77]{font-weight:var(--b-text-caption-stronger-font-weight)}.b-typography--body[data-v-57f33f77]{font-family:var(--b-text-body-font-family);font-size:var(--b-text-body-font-size);font-weight:var(--b-text-body-font-weight);letter-spacing:var(--b-text-body-letter-spacing);line-height:var(--b-text-body-line-height)}.b-typography--body-wide[data-v-57f33f77]{line-height:var(--b-text-body-wide-line-height)}.b-typography--body-stronger[data-v-57f33f77]{font-weight:var(--b-text-body-stronger-font-weight)}.b-typography--body-strongest[data-v-57f33f77]{font-weight:var(--b-text-body-strongest-font-weight)}.b-typography--subtitle[data-v-57f33f77]{font-family:var(--b-text-subtitle-font-family);font-size:var(--b-text-subtitle-font-size);font-weight:var(--b-text-subtitle-font-weight);letter-spacing:var(--b-text-subtitle-letter-spacing);line-height:var(--b-text-subtitle-line-height)}.b-typography--subtitle-stronger[data-v-57f33f77]{font-weight:var(--b-text-subtitle-stronger-font-weight)}.b-typography--title[data-v-57f33f77]{font-family:var(--b-text-title-font-family);font-size:clamp(var(--b-text-title-mobile-font-size),16px,var(--b-text-title-font-size));font-weight:var(--b-text-title-font-weight);letter-spacing:var(--b-text-title-letter-spacing);line-height:clamp(var(--b-text-title-mobile-line-height),26px,var(--b-text-title-line-height))}.b-typography--title-m[data-v-57f33f77]{font-family:var(--b-text-title-m-font-family);font-size:clamp(var(--b-text-title-m-mobile-font-size),.22vw + 17.17px,var(--b-text-title-m-font-size));font-weight:var(--b-text-title-m-font-weight);letter-spacing:var(--b-text-title-m-letter-spacing);line-height:clamp(var(--b-text-title-m-mobile-line-height),.22vw + 27.17px,var(--b-text-title-m-line-height))}.b-typography--title-l[data-v-57f33f77]{font-family:var(--b-text-title-l-font-family);font-size:var(--b-text-title-l-mobile-font-size);font-size:clamp(var(--b-text-title-l-mobile-font-size),.44vw + 18.34px,var(--b-text-title-l-font-size));font-weight:var(--b-text-title-l-font-weight);letter-spacing:var(--b-text-title-l-letter-spacing);line-height:clamp(var(--b-text-title-l-mobile-line-height),.44vw + 28.34px,var(--b-text-title-l-line-height))}
1
+ .b-typography[data-v-57f33f77]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-variant-numeric:var(--b-text-font-variant-numeric)}.b-typography[data-v-57f33f77],.b-typography[data-v-57f33f77]:before,.b-typography[data-v-57f33f77]:after{box-sizing:border-box}.b-typography *[data-v-57f33f77],.b-typography *[data-v-57f33f77]:before,.b-typography *[data-v-57f33f77]:after{box-sizing:border-box}.b-typography[data-v-57f33f77] ::-webkit-scrollbar{height:14px;width:14px}.b-typography[data-v-57f33f77] ::-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-typography--rich-text[data-v-57f33f77]>:first-child{margin-top:0}.b-typography--rich-text h1[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h1{font-family:var(--b-text-title-l-font-family);font-size:var(--b-text-title-l-mobile-font-size);font-size:clamp(var(--b-text-title-l-mobile-font-size),.44vw + 18.34px,var(--b-text-title-l-font-size));font-weight:var(--b-text-title-l-font-weight);letter-spacing:var(--b-text-title-l-letter-spacing);line-height:clamp(var(--b-text-title-l-mobile-line-height),.44vw + 28.34px,var(--b-text-title-l-line-height))}.b-typography--rich-text h2[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h2{font-family:var(--b-text-title-m-font-family);font-size:clamp(var(--b-text-title-m-mobile-font-size),.22vw + 17.17px,var(--b-text-title-m-font-size));font-weight:var(--b-text-title-m-font-weight);letter-spacing:var(--b-text-title-m-letter-spacing);line-height:clamp(var(--b-text-title-m-mobile-line-height),.22vw + 27.17px,var(--b-text-title-m-line-height))}.b-typography--rich-text h3[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h3{font-family:var(--b-text-title-font-family);font-size:clamp(var(--b-text-title-mobile-font-size),16px,var(--b-text-title-font-size));font-weight:var(--b-text-title-font-weight);letter-spacing:var(--b-text-title-letter-spacing);line-height:clamp(var(--b-text-title-mobile-line-height),26px,var(--b-text-title-line-height))}.b-typography--rich-text h4[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h4,.b-typography--rich-text h5[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h5,.b-typography--rich-text h6[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h6{font-family:var(--b-text-body-font-family);font-size:var(--b-text-body-font-size);font-weight:var(--b-text-body-font-weight);letter-spacing:var(--b-text-body-letter-spacing);line-height:var(--b-text-body-line-height);font-weight:var(--b-text-rich-text-heading-font-weight)}.b-typography--rich-text h1[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h1,.b-typography--rich-text h2[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h2,.b-typography--rich-text h3[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h3,.b-typography--rich-text h4[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h4,.b-typography--rich-text h5[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h5,.b-typography--rich-text h6[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] h6{margin:var(--b-text-rich-text-heading-margin)}.b-typography--rich-text p[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] p{margin:var(--b-text-rich-text-paragraph-margin)}.b-typography--rich-text ul[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] ul,.b-typography--rich-text ol[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] ol{margin:0;padding-left:var(--b-text-rich-text-list-padding-left)}.b-typography--rich-text li[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] li{margin:var(--b-text-rich-text-list-margin)}.b-typography--rich-text ul li[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] ul li{list-style-type:disc}.b-typography--rich-text pre[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] pre{background-color:var(--b-text-rich-text-code-background-color);font-family:var(--b-text-rich-text-code-font-family);font-weight:var(--b-text-rich-text-code-font-weight);line-height:var(--b-text-rich-text-pre-line-height);margin:var(--b-text-rich-text-pre-margin);padding:var(--b-text-rich-text-pre-padding)}.b-typography--rich-text code[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] code{background-color:var(--b-text-rich-text-code-background-color);font-family:var(--b-text-rich-text-code-font-family);font-weight:var(--b-text-rich-text-code-font-weight)}.b-typography--rich-text mark[data-v-57f33f77]{background-color:var(--b-text-rich-text-mark-background-color)}.b-typography--rich-text[data-v-57f33f77] mark{background-color:var(--b-text-rich-text-mark-background-color)}.b-typography--rich-text blockquote[data-v-57f33f77],.b-typography--rich-text[data-v-57f33f77] blockquote{font-style:italic;font-weight:var(--b-text-rich-text-blockquote-font-weight);margin:var(--b-text-rich-text-blockquote-margin)}.b-typography--rich-text table[data-v-57f33f77]{border-collapse:collapse;border-spacing:0;line-height:var(--b-text-rich-text-table-line-height);margin:var(--b-text-rich-text-table-margin);text-align:left}.b-typography--rich-text table th[data-v-57f33f77]{font-weight:var(--b-text-rich-text-table-header-font-weight)}.b-typography--rich-text table th[data-v-57f33f77],.b-typography--rich-text table td[data-v-57f33f77]{border:var(--b-text-rich-text-table-border);padding:var(--b-text-rich-text-table-padding)}.b-typography--rich-text table caption[data-v-57f33f77]{font-style:italic;line-height:var(--b-text-rich-text-table-caption-line-height);margin:var(--b-text-rich-text-table-caption-margin);text-align:left}.b-typography--rich-text[data-v-57f33f77] table{border-collapse:collapse;border-spacing:0;line-height:var(--b-text-rich-text-table-line-height);margin:var(--b-text-rich-text-table-margin);text-align:left}.b-typography--rich-text[data-v-57f33f77] table th{font-weight:var(--b-text-rich-text-table-header-font-weight)}.b-typography--rich-text[data-v-57f33f77] table th,.b-typography--rich-text[data-v-57f33f77] table td{border:var(--b-text-rich-text-table-border);padding:var(--b-text-rich-text-table-padding)}.b-typography--rich-text[data-v-57f33f77] table caption{font-style:italic;line-height:var(--b-text-rich-text-table-caption-line-height);margin:var(--b-text-rich-text-table-caption-margin);text-align:left}.b-typography--rich-text.b-typography--caption p[data-v-57f33f77],.b-typography--rich-text.b-typography--caption[data-v-57f33f77] p{margin:var(--b-text-rich-text-caption-paragraph-margin)}.b-typography--rich-text.b-typography--caption ul[data-v-57f33f77],.b-typography--rich-text.b-typography--caption[data-v-57f33f77] ul,.b-typography--rich-text.b-typography--caption ol[data-v-57f33f77],.b-typography--rich-text.b-typography--caption[data-v-57f33f77] ol{padding-left:var(--b-text-rich-text-caption-list-padding-left)}.b-typography--rich-text.b-typography--caption li[data-v-57f33f77],.b-typography--rich-text.b-typography--caption[data-v-57f33f77] li{margin:var(--b-text-rich-text-caption-list-margin)}.b-typography--rich-text.b-typography--caption blockquote[data-v-57f33f77],.b-typography--rich-text.b-typography--caption[data-v-57f33f77] blockquote{margin:var(--b-text-rich-text-caption-blockquote-margin)}.b-typography--rich-text.b-typography--caption table th[data-v-57f33f77],.b-typography--rich-text.b-typography--caption[data-v-57f33f77] table th,.b-typography--rich-text.b-typography--caption table td[data-v-57f33f77],.b-typography--rich-text.b-typography--caption[data-v-57f33f77] table td{padding:var(--b-text-rich-text-caption-table-padding)}.b-typography--rich-text.b-typography--caption pre[data-v-57f33f77],.b-typography--rich-text.b-typography--caption[data-v-57f33f77] pre{line-height:var(--b-text-rich-text-caption-pre-line-height)}.b-typography--caption[data-v-57f33f77]{font-family:var(--b-text-caption-font-family);font-size:var(--b-text-caption-font-size);font-weight:var(--b-text-caption-font-weight);letter-spacing:var(--b-text-caption-letter-spacing);line-height:var(--b-text-caption-line-height)}.b-typography--caption-wide[data-v-57f33f77]{line-height:var(--b-text-caption-wide-line-height)}.b-typography--caption-stronger[data-v-57f33f77]{font-weight:var(--b-text-caption-stronger-font-weight)}.b-typography--body[data-v-57f33f77]{font-family:var(--b-text-body-font-family);font-size:var(--b-text-body-font-size);font-weight:var(--b-text-body-font-weight);letter-spacing:var(--b-text-body-letter-spacing);line-height:var(--b-text-body-line-height)}.b-typography--body-wide[data-v-57f33f77]{line-height:var(--b-text-body-wide-line-height)}.b-typography--body-stronger[data-v-57f33f77]{font-weight:var(--b-text-body-stronger-font-weight)}.b-typography--body-strongest[data-v-57f33f77]{font-weight:var(--b-text-body-strongest-font-weight)}.b-typography--subtitle[data-v-57f33f77]{font-family:var(--b-text-subtitle-font-family);font-size:var(--b-text-subtitle-font-size);font-weight:var(--b-text-subtitle-font-weight);letter-spacing:var(--b-text-subtitle-letter-spacing);line-height:var(--b-text-subtitle-line-height)}.b-typography--subtitle-stronger[data-v-57f33f77]{font-weight:var(--b-text-subtitle-stronger-font-weight)}.b-typography--title[data-v-57f33f77]{font-family:var(--b-text-title-font-family);font-size:clamp(var(--b-text-title-mobile-font-size),16px,var(--b-text-title-font-size));font-weight:var(--b-text-title-font-weight);letter-spacing:var(--b-text-title-letter-spacing);line-height:clamp(var(--b-text-title-mobile-line-height),26px,var(--b-text-title-line-height))}.b-typography--title-m[data-v-57f33f77]{font-family:var(--b-text-title-m-font-family);font-size:clamp(var(--b-text-title-m-mobile-font-size),.22vw + 17.17px,var(--b-text-title-m-font-size));font-weight:var(--b-text-title-m-font-weight);letter-spacing:var(--b-text-title-m-letter-spacing);line-height:clamp(var(--b-text-title-m-mobile-line-height),.22vw + 27.17px,var(--b-text-title-m-line-height))}.b-typography--title-l[data-v-57f33f77]{font-family:var(--b-text-title-l-font-family);font-size:var(--b-text-title-l-mobile-font-size);font-size:clamp(var(--b-text-title-l-mobile-font-size),.44vw + 18.34px,var(--b-text-title-l-font-size));font-weight:var(--b-text-title-l-font-weight);letter-spacing:var(--b-text-title-l-letter-spacing);line-height:clamp(var(--b-text-title-l-mobile-line-height),.44vw + 28.34px,var(--b-text-title-l-line-height))}
package/dist/checkbox.js CHANGED
@@ -1,6 +1,6 @@
1
- import { B as t, a } from "./chunks/checkbox.kd1EnszA.js";
1
+ import { B as t, a } from "./chunks/checkbox.B1qjI4R_.js";
2
2
  import { C as x } from "./chunks/checkbox-input.Bo4NxNOh.js";
3
- import { c as B, B as c } from "./chunks/checkbox-group.B1FsPVSl.js";
3
+ import { c as B, B as c } from "./chunks/checkbox-group.Bcqac3y8.js";
4
4
  export {
5
5
  t as BentoCheckbox,
6
6
  a as BentoCheckboxEvent,
package/dist/chunks/{action-bar.C1iwQWyj.js → action-bar.kPPYSgQK.js} RENAMED
@@ -4,7 +4,7 @@ import { B as R } from "./typography.Bu_WAKdf.js";
4
4
  import { B as F } from "./button-actions-with-menu.dp6C-PKX.js";
5
5
  import { C as W } from "./cross.CsUPDmaA.js";
6
6
  import { u as L } from "./i18n.BQkEbtPM.js";
7
- import { u as k } from "./index.BiaBX5uu.js";
7
+ import { u as k } from "./index.Gcw_BUVh.js";
8
8
  import { P as M } from "./popover.Uy-vuQq5.js";
9
9
  import { B as U } from "./button-actions.Cpx4PQp0.js";
10
10
  import { n as z } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
@@ -158,4 +158,4 @@ const st = q.exports;
158
158
  export {
159
159
  st as B
160
160
  };
161
- //# sourceMappingURL=action-bar.C1iwQWyj.js.map
161
+ //# sourceMappingURL=action-bar.kPPYSgQK.js.map
package/dist/chunks/{action-bar.C1iwQWyj.js.map → action-bar.kPPYSgQK.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"action-bar.C1iwQWyj.js","sources":["../../src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n <Transition name=\"b-action-bar__animation\" appear>\n <section class=\"b-action-bar\" :class=\"conditionalClasses\" :aria-label=\"t('actionBar')\">\n <div ref=\"actionBar\" class=\"b-action-bar__container\">\n <div v-if=\"!isConfirmationVariant\" class=\"b-action-bar__close-button\">\n <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n </bento-button>\n </div>\n <bento-typography el=\"span\" stronger class=\"b-action-bar__selection\">\n {{ itemCounter }} {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n </bento-typography>\n <bento-button-actions\n v-if=\"isConfirmationVariant\"\n :actions=\"confirmationActions\"\n class=\"b-action-bar__actions\"\n inverse\n />\n <button-actions-with-menu\n v-else\n :actions=\"actionsInternal\"\n class=\"b-action-bar__actions\"\n :displayed-actions=\"internalDisplayedActions\"\n menu-position=\"top-end\"\n inverse\n />\n </div>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, PropType, provide, ref, toRefs, watch } from 'vue';\n import { BentoButton, BentoButtonActions, BentoButtonActionsList } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n\n import { type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { useWindowSize } from '@vueuse/core';\n\n import messages from './messages.json';\n import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n // Constants\n const AVERAGE_BUTTON_SIZE = 100;\n const MENU_OFFSET = 7;\n const RESPONSIVE_BREAKPOINT = 500;\n const SPACING = 32;\n\n const props = defineProps({\n /**\n * List of actions that will be used to render the buttons.\n * Required and used for the `default` variant.\n *\n * Each object in the list should have a `title`, an `event` and,\n * optionally, an `icon`.\n *\n * The component will display 4 actions and the hide the rest inside a menu.\n *\n * @see BentoButton for a list of all the other props supported by each button action.\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: () => [],\n },\n /**\n * How many actions should be visible outside the menu, cannot be more than 4\n */\n visibleActions: {\n type: Number,\n default: 4,\n validator: (value: number) => value > 0 && value <= 4,\n },\n /**\n * Use when there are sticky elements at the bottom, like sticky pagination\n */\n extraBottomSpacing: {\n type: Boolean,\n default: false,\n },\n /**\n * Show how many items are selected\n */\n itemCounter: {\n type: Number,\n required: true,\n },\n /**\n * Label for the selection, e.g. 'selected'/'changed'\n */\n selectionLabel: {\n type: String,\n default: null,\n },\n /**\n * Variant for the action bar\n * @values default, confirmation\n */\n variant: {\n type: String as PropType<BentoActionBarVariant>,\n default: 'default',\n },\n });\n\n const emit = defineEmits([\"close\", \"cancel\", \"save\"]);\n\n const { t, tc } = useI18n<{ message: MessageSchema }>({ messages });\n const label = computed(() => (props.selectionLabel ? props.selectionLabel : t('selected')));\n\n // Refs\n const actionBar = ref<HTMLDivElement>(null);\n const { extraBottomSpacing, visibleActions } = toRefs(props);\n const { width } = useWindowSize();\n const internalDisplayedActions = ref(null);\n const internalVisibleActions = ref(null);\n\n const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n\n watch(\n () => visibleActions.value,\n value => {\n internalVisibleActions.value = value <= 4 ? value : 4;\n internalDisplayedActions.value = internalVisibleActions.value;\n },\n { immediate: true }\n );\n\n // Styling\n const conditionalClasses = computed(() => ({\n 'b-action-bar--extra-spacing': extraBottomSpacing.value,\n 'b-action-bar--confirmation': isConfirmationVariant.value,\n }));\n\n // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n // Manipulate actions array to display as intended\n const actionsInternal = computed(() => {\n // All buttons should be of type secondary in the action bar\n const actions = props.actions.map(action => ({\n ...action,\n variant: 'secondary',\n })) as BentoButtonActionsList;\n // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n return [...shownActions, ...hiddenActions];\n });\n\n const confirmationActions = computed<BentoButtonActionsList>(() => [\n {\n title: t('save'),\n event: () => emit('save'),\n },\n {\n title: t('cancel'),\n variant: 'secondary',\n event: () => emit('cancel'),\n },\n ]);\n\n // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n const showActions = async () => {\n await nextTick();\n if (\n width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n internalDisplayedActions.value < internalVisibleActions.value\n ) {\n internalDisplayedActions.value += 1;\n showActions();\n }\n };\n\n const hideActions = async () => {\n await nextTick();\n if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n internalDisplayedActions.value -= 1;\n hideActions();\n }\n };\n\n // Screen width watcher to toggle hidden/visible actions\n watch(\n () => width.value,\n async (newValue, oldValue) => {\n await nextTick();\n if (!actionBar.value) {\n return;\n }\n const isIncreasing = newValue > oldValue;\n if (width.value < RESPONSIVE_BREAKPOINT) {\n internalDisplayedActions.value = 0;\n } else if (isIncreasing) {\n showActions();\n } else {\n hideActions();\n }\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n *\n * @example\n * import { BentoActionBar } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoActionBar },\n * template: `\n * <bento-action-bar\n * :actions='[\n * {\n * title: 'Delete',\n * critical: true,\n * icon: BinIcon,\n * event: () => true,\n * },\n * {\n * title: 'Edit',\n * icon: EditIcon,\n * event: () => true,\n * }\n * ]'\n * @close=\"closeAction\"\n * :item-counter=\"5\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","AVERAGE_BUTTON_SIZE","MENU_OFFSET","RESPONSIVE_BREAKPOINT","SPACING","t","tc","useI18n","label","computed","props","actionBar","ref","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","emit","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8OIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA/LAC,IAAA,KACAC,IAAA,GACAC,IAAA,KACAC,IAAA,IA2DA,EAAA,GAAAC,GAAA,IAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAC,EAAA,iBAAAA,EAAA,iBAAAL,EAAA,UAAA,CAAA,GAGAM,IAAAC,EAAA,IAAA,GACA,EAAA,oBAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAL,CAAA,GACA,EAAA,OAAAM,EAAA,IAAAC,EAAA,GACAC,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,IAAA,GAEAQ,IAAAX,EAAA,MAAAC,EAAA,YAAA,cAAA;AAEA,IAAAW;AAAA,MAAA,MAAAP,EAAA;AAAA,MACyB,CAAAQ,MAAA;AAEjB,QAAAH,EAAA,QAAAG,KAAA,IAAAA,IAAA,GACAJ,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAI,IAAAd,EAAA,OAAA;AAAA,MAA2C,+BAAAI,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,IACE,EAAA;AAIxD,IAAAI,EAAAC,GAAAvB,CAAA;AAGA,UAAAwB,IAAAjB,EAAA,MAAA;AAEI,YAAAkB,IAAAjB,EAAA,QAAA,IAAA,CAAAkB,OAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAT,EAAA,KAAA,EAAA,QAAA,GACAY,IAAAH,EAAA,MAAAT,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAW,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,IAAAtB,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAJ,EAAA,MAAA;AAAA,QACmB,OAAA,MAAA2B,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAA3B,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAA2B,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAIJC,IAAA,YAAA;AACI,YAAAC,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAP,IAAAH,KAAAiB,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAe,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAP,KAAAc,EAAA,QAAA,MACIA,EAAA,SAAA,GACAiB,EAAA;AAAA,IACJ;AAIJ,WAAAd;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAoB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAvB,EAAA;AACI;AAEJ,cAAA2B,IAAAF,IAAAC;AACA,QAAArB,EAAA,QAAAb,IACIe,EAAA,QAAA,IAAiCoB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"action-bar.kPPYSgQK.js","sources":["../../src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n <Transition name=\"b-action-bar__animation\" appear>\n <section class=\"b-action-bar\" :class=\"conditionalClasses\" :aria-label=\"t('actionBar')\">\n <div ref=\"actionBar\" class=\"b-action-bar__container\">\n <div v-if=\"!isConfirmationVariant\" class=\"b-action-bar__close-button\">\n <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n </bento-button>\n </div>\n <bento-typography el=\"span\" stronger class=\"b-action-bar__selection\">\n {{ itemCounter }} {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n </bento-typography>\n <bento-button-actions\n v-if=\"isConfirmationVariant\"\n :actions=\"confirmationActions\"\n class=\"b-action-bar__actions\"\n inverse\n />\n <button-actions-with-menu\n v-else\n :actions=\"actionsInternal\"\n class=\"b-action-bar__actions\"\n :displayed-actions=\"internalDisplayedActions\"\n menu-position=\"top-end\"\n inverse\n />\n </div>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, PropType, provide, ref, toRefs, watch } from 'vue';\n import { BentoButton, BentoButtonActions, BentoButtonActionsList } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n\n import { type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { useWindowSize } from '@vueuse/core';\n\n import messages from './messages.json';\n import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n // Constants\n const AVERAGE_BUTTON_SIZE = 100;\n const MENU_OFFSET = 7;\n const RESPONSIVE_BREAKPOINT = 500;\n const SPACING = 32;\n\n const props = defineProps({\n /**\n * List of actions that will be used to render the buttons.\n * Required and used for the `default` variant.\n *\n * Each object in the list should have a `title`, an `event` and,\n * optionally, an `icon`.\n *\n * The component will display 4 actions and the hide the rest inside a menu.\n *\n * @see BentoButton for a list of all the other props supported by each button action.\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: () => [],\n },\n /**\n * How many actions should be visible outside the menu, cannot be more than 4\n */\n visibleActions: {\n type: Number,\n default: 4,\n validator: (value: number) => value > 0 && value <= 4,\n },\n /**\n * Use when there are sticky elements at the bottom, like sticky pagination\n */\n extraBottomSpacing: {\n type: Boolean,\n default: false,\n },\n /**\n * Show how many items are selected\n */\n itemCounter: {\n type: Number,\n required: true,\n },\n /**\n * Label for the selection, e.g. 'selected'/'changed'\n */\n selectionLabel: {\n type: String,\n default: null,\n },\n /**\n * Variant for the action bar\n * @values default, confirmation\n */\n variant: {\n type: String as PropType<BentoActionBarVariant>,\n default: 'default',\n },\n });\n\n const emit = defineEmits([\"close\", \"cancel\", \"save\"]);\n\n const { t, tc } = useI18n<{ message: MessageSchema }>({ messages });\n const label = computed(() => (props.selectionLabel ? props.selectionLabel : t('selected')));\n\n // Refs\n const actionBar = ref<HTMLDivElement>(null);\n const { extraBottomSpacing, visibleActions } = toRefs(props);\n const { width } = useWindowSize();\n const internalDisplayedActions = ref(null);\n const internalVisibleActions = ref(null);\n\n const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n\n watch(\n () => visibleActions.value,\n value => {\n internalVisibleActions.value = value <= 4 ? value : 4;\n internalDisplayedActions.value = internalVisibleActions.value;\n },\n { immediate: true }\n );\n\n // Styling\n const conditionalClasses = computed(() => ({\n 'b-action-bar--extra-spacing': extraBottomSpacing.value,\n 'b-action-bar--confirmation': isConfirmationVariant.value,\n }));\n\n // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n // Manipulate actions array to display as intended\n const actionsInternal = computed(() => {\n // All buttons should be of type secondary in the action bar\n const actions = props.actions.map(action => ({\n ...action,\n variant: 'secondary',\n })) as BentoButtonActionsList;\n // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n return [...shownActions, ...hiddenActions];\n });\n\n const confirmationActions = computed<BentoButtonActionsList>(() => [\n {\n title: t('save'),\n event: () => emit('save'),\n },\n {\n title: t('cancel'),\n variant: 'secondary',\n event: () => emit('cancel'),\n },\n ]);\n\n // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n const showActions = async () => {\n await nextTick();\n if (\n width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n internalDisplayedActions.value < internalVisibleActions.value\n ) {\n internalDisplayedActions.value += 1;\n showActions();\n }\n };\n\n const hideActions = async () => {\n await nextTick();\n if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n internalDisplayedActions.value -= 1;\n hideActions();\n }\n };\n\n // Screen width watcher to toggle hidden/visible actions\n watch(\n () => width.value,\n async (newValue, oldValue) => {\n await nextTick();\n if (!actionBar.value) {\n return;\n }\n const isIncreasing = newValue > oldValue;\n if (width.value < RESPONSIVE_BREAKPOINT) {\n internalDisplayedActions.value = 0;\n } else if (isIncreasing) {\n showActions();\n } else {\n hideActions();\n }\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n *\n * @example\n * import { BentoActionBar } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoActionBar },\n * template: `\n * <bento-action-bar\n * :actions='[\n * {\n * title: 'Delete',\n * critical: true,\n * icon: BinIcon,\n * event: () => true,\n * },\n * {\n * title: 'Edit',\n * icon: EditIcon,\n * event: () => true,\n * }\n * ]'\n * @close=\"closeAction\"\n * :item-counter=\"5\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","AVERAGE_BUTTON_SIZE","MENU_OFFSET","RESPONSIVE_BREAKPOINT","SPACING","t","tc","useI18n","label","computed","props","actionBar","ref","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","emit","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8OIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA/LAC,IAAA,KACAC,IAAA,GACAC,IAAA,KACAC,IAAA,IA2DA,EAAA,GAAAC,GAAA,IAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAC,EAAA,iBAAAA,EAAA,iBAAAL,EAAA,UAAA,CAAA,GAGAM,IAAAC,EAAA,IAAA,GACA,EAAA,oBAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAL,CAAA,GACA,EAAA,OAAAM,EAAA,IAAAC,EAAA,GACAC,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,IAAA,GAEAQ,IAAAX,EAAA,MAAAC,EAAA,YAAA,cAAA;AAEA,IAAAW;AAAA,MAAA,MAAAP,EAAA;AAAA,MACyB,CAAAQ,MAAA;AAEjB,QAAAH,EAAA,QAAAG,KAAA,IAAAA,IAAA,GACAJ,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAI,IAAAd,EAAA,OAAA;AAAA,MAA2C,+BAAAI,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,IACE,EAAA;AAIxD,IAAAI,EAAAC,GAAAvB,CAAA;AAGA,UAAAwB,IAAAjB,EAAA,MAAA;AAEI,YAAAkB,IAAAjB,EAAA,QAAA,IAAA,CAAAkB,OAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAT,EAAA,KAAA,EAAA,QAAA,GACAY,IAAAH,EAAA,MAAAT,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAW,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,IAAAtB,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAJ,EAAA,MAAA;AAAA,QACmB,OAAA,MAAA2B,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAA3B,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAA2B,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAIJC,IAAA,YAAA;AACI,YAAAC,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAP,IAAAH,KAAAiB,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAe,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAP,KAAAc,EAAA,QAAA,MACIA,EAAA,SAAA,GACAiB,EAAA;AAAA,IACJ;AAIJ,WAAAd;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAoB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAvB,EAAA;AACI;AAEJ,cAAA2B,IAAAF,IAAAC;AACA,QAAArB,EAAA,QAAAb,IACIe,EAAA,QAAA,IAAiCoB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;"}
package/dist/chunks/{checkbox-group.B1FsPVSl.js → checkbox-group.Bcqac3y8.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as y, toRef as _, computed as l, watch as c, ref as v } from "vue";
2
- import { B as E, a as n } from "./checkbox.kd1EnszA.js";
2
+ import { B as E, a as n } from "./checkbox.B1qjI4R_.js";
3
3
  import { g as x } from "./generate-uid.D-HFI38h.js";
4
4
  import { d as k } from "./typography.Bu_WAKdf.js";
5
5
  import { u as C } from "./use-form-layout-loading.D3lALhtC.js";
@@ -149,4 +149,4 @@ export {
149
149
  s as B,
150
150
  q as c
151
151
  };
152
- //# sourceMappingURL=checkbox-group.B1FsPVSl.js.map
152
+ //# sourceMappingURL=checkbox-group.Bcqac3y8.js.map
package/dist/chunks/{checkbox-group.B1FsPVSl.js.map → checkbox-group.Bcqac3y8.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox-group.B1FsPVSl.js","sources":["../../../core/src/components/checkbox-group/checkbox-group.types.ts","../../src/components/checkbox/components/checkbox-group/checkbox-group.vue"],"sourcesContent":["import type { BentoCheckboxTag } from '@/core/components/checkbox/checkbox.types';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCheckboxGroupVariant {\n HORIZONTAL = 'horizontal',\n VERTICAL = 'vertical',\n}\n\ninterface 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","<template>\n <div class=\"b-checkbox-group\">\n <controls-group\n class=\"b-checkbox-group__checkboxes\"\n :aria-describedby=\"shouldShowGroupErrorMessage ? errorId : ''\"\n :component-name=\"COMPONENT_NAME\"\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=\"onInput\"\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 lang=\"ts\">\n import { computed, defineComponent, PropType, ref, toRef, watch } from 'vue';\n import { ControlsGroup } from '@/components/internal/controls-group';\n import { ErrorMessage } from '@/components/internal/error-message';\n import {\n BentoCheckboxGroupItems,\n BentoCheckboxGroupVariant,\n } from '@/core/components/checkbox-group/checkbox-group.types';\n import BentoCheckbox from '@/components/checkbox/checkbox.vue';\n import { BentoCheckboxEvent } from '@/core/components/checkbox/checkbox.types';\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\n /**\n * The name of the component to be used in the Vue devtools and console warnings.\n */\n const COMPONENT_NAME = 'bento-checkbox-group';\n\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 defineComponent({\n name: COMPONENT_NAME,\n components: { BentoCheckbox, ControlsGroup, ErrorMessage },\n model: { prop: 'modelValue' },\n props: {\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 Use \"errorMessage\" prop 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<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) =>\n Object.values(BentoCheckboxGroupVariant).includes(value),\n },\n },\n emits: [BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT],\n setup(props, { emit, slots }) {\n const errorId = generateUid('error');\n const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n\n const shouldShowGroupError = computed(\n () => !props.disabled && !isReadOnly.value && (!!props.errorMessage || props.hasError)\n );\n const shouldShowGroupErrorMessage = computed(\n () => !props.disabled && !isReadOnly.value && !!props.errorMessage\n );\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 => !!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 onInput = value => {\n inputValue.value = value;\n emit(BentoCheckboxEvent.UPDATE, value);\n emit(BentoCheckboxEvent.INPUT, value);\n };\n\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 return {\n // Values\n COMPONENT_NAME,\n errorId,\n isReadOnly,\n shouldShowGroupError,\n shouldShowGroupErrorMessage,\n conditionalClasses,\n inputValue,\n hasContentSlot,\n\n // Methods\n onInput,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/checkbox-group/checkbox-group.scss\" />\n"],"names":["BentoCheckboxGroupVariant","BentoCheckboxGroupVariant2","COMPONENT_NAME","_sfc_main","defineComponent","BentoCheckbox","ControlsGroup","ErrorMessage","value","BentoCheckboxEvent","props","emit","slots","errorId","generateUid","isReadOnly","useFormLayoutFieldLoading","toRef","shouldShowGroupError","computed","shouldShowGroupErrorMessage","conditionalClasses","hasContentSlot","name","shouldShowSlotsError","watch","newValue","inputValue","ref","onInput","deprecate"],"mappings":"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"}
1
+ {"version":3,"file":"checkbox-group.Bcqac3y8.js","sources":["../../../core/src/components/checkbox-group/checkbox-group.types.ts","../../src/components/checkbox/components/checkbox-group/checkbox-group.vue"],"sourcesContent":["import type { BentoCheckboxTag } from '@/core/components/checkbox/checkbox.types';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCheckboxGroupVariant {\n HORIZONTAL = 'horizontal',\n VERTICAL = 'vertical',\n}\n\ninterface 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","<template>\n <div class=\"b-checkbox-group\">\n <controls-group\n class=\"b-checkbox-group__checkboxes\"\n :aria-describedby=\"shouldShowGroupErrorMessage ? errorId : ''\"\n :component-name=\"COMPONENT_NAME\"\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=\"onInput\"\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 lang=\"ts\">\n import { computed, defineComponent, PropType, ref, toRef, watch } from 'vue';\n import { ControlsGroup } from '@/components/internal/controls-group';\n import { ErrorMessage } from '@/components/internal/error-message';\n import {\n BentoCheckboxGroupItems,\n BentoCheckboxGroupVariant,\n } from '@/core/components/checkbox-group/checkbox-group.types';\n import BentoCheckbox from '@/components/checkbox/checkbox.vue';\n import { BentoCheckboxEvent } from '@/core/components/checkbox/checkbox.types';\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\n /**\n * The name of the component to be used in the Vue devtools and console warnings.\n */\n const COMPONENT_NAME = 'bento-checkbox-group';\n\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 defineComponent({\n name: COMPONENT_NAME,\n components: { BentoCheckbox, ControlsGroup, ErrorMessage },\n model: { prop: 'modelValue' },\n props: {\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 Use \"errorMessage\" prop 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<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) =>\n Object.values(BentoCheckboxGroupVariant).includes(value),\n },\n },\n emits: [BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT],\n setup(props, { emit, slots }) {\n const errorId = generateUid('error');\n const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n\n const shouldShowGroupError = computed(\n () => !props.disabled && !isReadOnly.value && (!!props.errorMessage || props.hasError)\n );\n const shouldShowGroupErrorMessage = computed(\n () => !props.disabled && !isReadOnly.value && !!props.errorMessage\n );\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 => !!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 onInput = value => {\n inputValue.value = value;\n emit(BentoCheckboxEvent.UPDATE, value);\n emit(BentoCheckboxEvent.INPUT, value);\n };\n\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 return {\n // Values\n COMPONENT_NAME,\n errorId,\n isReadOnly,\n shouldShowGroupError,\n shouldShowGroupErrorMessage,\n conditionalClasses,\n inputValue,\n hasContentSlot,\n\n // Methods\n onInput,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/checkbox-group/checkbox-group.scss\" />\n"],"names":["BentoCheckboxGroupVariant","BentoCheckboxGroupVariant2","COMPONENT_NAME","_sfc_main","defineComponent","BentoCheckbox","ControlsGroup","ErrorMessage","value","BentoCheckboxEvent","props","emit","slots","errorId","generateUid","isReadOnly","useFormLayoutFieldLoading","toRef","shouldShowGroupError","computed","shouldShowGroupErrorMessage","conditionalClasses","hasContentSlot","name","shouldShowSlotsError","watch","newValue","inputValue","ref","onInput","deprecate"],"mappings":"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"}
package/dist/chunks/{checkbox.kd1EnszA.js → checkbox.B1qjI4R_.js} RENAMED
@@ -1,13 +1,13 @@
1
1
  import { defineComponent as U, toRefs as S, computed as o, ref as V } from "vue";
2
2
  import { B as N } from "./typography.Bu_WAKdf.js";
3
- import { u as $ } from "./use-default-slot-validator.BDn0wkYP.js";
4
- import { u as w } from "./use-has-slot.C9lQZ6nz.js";
5
- import { g as k } from "./generate-uid.D-HFI38h.js";
3
+ import { a as $, C as k } from "./checkbox-input.Bo4NxNOh.js";
4
+ import { u as w } from "./use-default-slot-validator.BDn0wkYP.js";
5
+ import { u as R } from "./use-has-slot.C9lQZ6nz.js";
6
+ import { g as B } from "./generate-uid.D-HFI38h.js";
6
7
  import { g as f } from "./get-slot-text.Cgn-E48s.js";
7
- import { u as R } from "./i18n.BQkEbtPM.js";
8
- import { u as j } from "./aria-label.CaUURpnB.js";
9
- import { B as F } from "./tag.wTXg-O7i.js";
10
- import { a as z, C as B } from "./checkbox-input.Bo4NxNOh.js";
8
+ import { u as j } from "./i18n.BQkEbtPM.js";
9
+ import { u as F } from "./aria-label.CaUURpnB.js";
10
+ import { B as z } from "./tag.wTXg-O7i.js";
11
11
  import { E as H } from "./error-message.B7uoqQpq.js";
12
12
  import { n as J } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
13
13
  import "../assets/checkbox.css";
@@ -32,9 +32,9 @@ const O = {
32
32
  name: "bento-checkbox",
33
33
  i18n: { messages: O },
34
34
  components: {
35
- BentoTag: F,
35
+ BentoTag: z,
36
36
  BentoTypography: N,
37
- CheckboxInput: z,
37
+ CheckboxInput: $,
38
38
  ErrorMessage: H
39
39
  },
40
40
  model: { prop: "modelValue" },
@@ -103,22 +103,22 @@ const O = {
103
103
  },
104
104
  emits: [l.UPDATE, l.INPUT],
105
105
  setup(a, { attrs: e, emit: t, slots: r }) {
106
- const { t: m } = R(), _ = k("description"), h = k("error"), u = w(r), { disabled: y, indeterminate: C, modelValue: d, readonly: A, value: E } = S(a), v = f(r)("default"), g = f(r)("description");
107
- $("bento-checkbox", r.default, r.description);
106
+ const { t: m } = j(), _ = B("description"), h = B("error"), u = R(r), { disabled: y, indeterminate: C, modelValue: d, readonly: A, value: E } = S(a), v = f(r)("default"), g = f(r)("description");
107
+ w("bento-checkbox", r.default, r.description);
108
108
  const s = o(() => Array.isArray(d.value)), b = o(() => s.value ? d.value.some((c) => c === E.value) : d.value), n = o(() => C.value), I = o(
109
109
  () => !a.disabled && !a.readonly && (a.hasError || !!a.errorMessage)
110
110
  ), x = o(() => !a.disabled && !a.readonly && !!a.errorMessage), i = o(() => u("content")), p = o(() => (n == null ? void 0 : n.value) || (b == null ? void 0 : b.value)), q = o(
111
111
  () => (i == null ? void 0 : i.value) && (s == null ? void 0 : s.value) && (p == null ? void 0 : p.value)
112
112
  ), D = o(
113
113
  () => `${x.value ? h : ""} ${v && g ? _ : ""}`.trim() || null
114
- ), L = V(e["aria-label"]), { ariaLabel: T } = S(a), M = j({
114
+ ), L = V(e["aria-label"]), { ariaLabel: T } = S(a), M = F({
115
115
  ariaLabel: L.value,
116
116
  // TODO: take this line away when the aria-label props is removed
117
117
  label: T,
118
118
  defaultFallback: u("default") ? f(r)("default") : m("checkbox")
119
119
  }), P = o(() => ({
120
- [`b-checkbox--${B.DISABLED}`]: y.value,
121
- [`b-checkbox--${B.READONLY}`]: A.value
120
+ [`b-checkbox--${k.DISABLED}`]: y.value,
121
+ [`b-checkbox--${k.READONLY}`]: A.value
122
122
  }));
123
123
  return {
124
124
  // Values
@@ -159,4 +159,4 @@ export {
159
159
  ue as B,
160
160
  l as a
161
161
  };
162
- //# sourceMappingURL=checkbox.kd1EnszA.js.map
162
+ //# sourceMappingURL=checkbox.B1qjI4R_.js.map
package/dist/chunks/{checkbox.kd1EnszA.js.map → checkbox.B1qjI4R_.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.kd1EnszA.js","sources":["../../../core/src/components/checkbox/checkbox.types.ts","../../src/components/checkbox/checkbox.vue"],"sourcesContent":["import type { BentoTagProps } from '@/core/components/tag/tag.types';\nimport type {\n CheckboxInputType as BentoCheckboxType,\n MultiCheckboxInputType as BentoMultiCheckboxType,\n} from '@/core/components/internal/checkbox-input/checkbox-input.types';\nimport { CheckboxInputState as BentoCheckboxState } from '@/core/components/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\">\n <checkbox-input\n ref=\"input\"\n v-bind=\"$attrs\"\n :aria-label=\"computedAriaLabel\"\n :aria-describedby=\"ariaDescribedBy\"\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 >({{ t('required') }})</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 { computed, defineComponent, PropType, ref, toRefs } from 'vue';\n import {\n BentoCheckboxEvent,\n BentoCheckboxState,\n BentoCheckboxTag,\n BentoCheckboxType,\n BentoMultiCheckboxType,\n } from '@/core/components/checkbox/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 type { HTMLAttributes } from 'vue/types/jsx';\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 { BentoCheckboxGroupItems } from '@/core/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 model: { prop: 'modelValue' },\n props: {\n /**\n * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n */\n /**\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 computedAriaLabel = 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') ? (getSlotText(slots)('default') as string) : t('checkbox'),\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\n // Methods\n hasSlot,\n onChange,\n\n t,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/checkbox/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","computedAriaLabel","useAriaLabel","conditionalClass","CheckboxInputState","newValue"],"mappings":"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"}
1
+ {"version":3,"file":"checkbox.B1qjI4R_.js","sources":["../../../core/src/components/checkbox/checkbox.types.ts","../../src/components/checkbox/checkbox.vue"],"sourcesContent":["import type { BentoTagProps } from '@/core/components/tag/tag.types';\nimport type {\n CheckboxInputType as BentoCheckboxType,\n MultiCheckboxInputType as BentoMultiCheckboxType,\n} from '@/core/components/internal/checkbox-input/checkbox-input.types';\nimport { CheckboxInputState as BentoCheckboxState } from '@/core/components/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\">\n <checkbox-input\n ref=\"input\"\n v-bind=\"$attrs\"\n :aria-label=\"computedAriaLabel\"\n :aria-describedby=\"ariaDescribedBy\"\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 >({{ t('required') }})</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 { computed, defineComponent, PropType, ref, toRefs } from 'vue';\n import {\n BentoCheckboxEvent,\n BentoCheckboxState,\n BentoCheckboxTag,\n BentoCheckboxType,\n BentoMultiCheckboxType,\n } from '@/core/components/checkbox/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 type { HTMLAttributes } from 'vue/types/jsx';\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 { BentoCheckboxGroupItems } from '@/core/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 model: { prop: 'modelValue' },\n props: {\n /**\n * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n */\n /**\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 computedAriaLabel = 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') ? (getSlotText(slots)('default') as string) : t('checkbox'),\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\n // Methods\n hasSlot,\n onChange,\n\n t,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/checkbox/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","computedAriaLabel","useAriaLabel","conditionalClass","CheckboxInputState","newValue"],"mappings":"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"}
package/dist/chunks/{code-snippet.DGMVhQoj.js → code-snippet.DuZDA7gH.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as j, ref as d, computed as l, shallowRef as x, onMounted as R, watch as D, watchEffect as J } from "vue";
2
2
  import { s as P, H as V, t as n, j as G, x as $, a as U, b as W, p as z, E as F, h as X, k as Y, i as K, c as L, d as N, l as q, e as Q, C as h } from "./codemirror.BlV6WO5w.js";
3
3
  import { B as Z, a as ee, b as te, c as ne } from "./es6.b4enG1py.js";
4
- import { B as ae } from "./dropdown.2tXfuDlU.js";
4
+ import { B as ae } from "./dropdown.BfzsI2Th.js";
5
5
  import { B as oe } from "./button.CufUNBkv.js";
6
6
  import { B as se } from "./typography.Bu_WAKdf.js";
7
7
  import { B as ie } from "./loading-indicator.z8COalOc.js";
@@ -312,4 +312,4 @@ export {
312
312
  r as b,
313
313
  De as c
314
314
  };
315
- //# sourceMappingURL=code-snippet.DGMVhQoj.js.map
315
+ //# sourceMappingURL=code-snippet.DuZDA7gH.js.map