@adyen/bento-vue3 1.5.0 → 1.6.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 (238) hide show
  1. package/dist/@types/packages/vue2/src/components/avatar-image/avatar-image.vue.d.ts +1 -1
  2. package/dist/@types/packages/vue2/src/components/button/button.vue.d.ts +77 -77
  3. package/dist/@types/packages/vue2/src/components/button/components/loading-button/loading-button.vue.d.ts +3 -3
  4. package/dist/@types/packages/vue2/src/components/card/card.vue.d.ts +7 -1
  5. package/dist/@types/packages/vue2/src/components/checkbox/components/checkbox-group/checkbox-group.vue.d.ts +3 -3
  6. package/dist/@types/packages/vue2/src/components/data-grid/composables/useCalculateColumnWidth/useCalculateColumnWidth.d.ts +6 -2
  7. package/dist/@types/packages/vue2/src/components/data-grid/composables/useCalculateStickyElementHeight/useCalculateStickyElementHeight.d.ts +2 -0
  8. package/dist/@types/packages/vue2/src/components/data-grid/composables/useColumnReorderer/useColumnReorderer.d.ts +2 -0
  9. package/dist/@types/packages/vue2/src/components/data-grid/composables/useConfigSettings/useConfigSettings.d.ts +3 -0
  10. package/dist/@types/packages/vue2/src/components/data-grid/data-grid.types.d.ts +2 -1
  11. package/dist/@types/packages/vue2/src/components/data-grid/data-grid.vue.d.ts +49 -11
  12. package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +2 -2
  13. package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts +2 -2
  14. package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts +32 -33
  15. package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue.d.ts +1 -1
  16. package/dist/@types/packages/vue2/src/components/dropdown/dropdown.vue.d.ts +3 -3
  17. package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts +60 -60
  18. package/dist/@types/packages/vue2/src/components/filter-bar/components/base-filter-button/base-filter-button.vue.d.ts +1 -1
  19. package/dist/@types/packages/vue2/src/components/filter-bar/components/boolean-filter/boolean-filter.vue.d.ts +1 -1
  20. package/dist/@types/packages/vue2/src/components/filter-bar/components/date-filter/date-filter.vue.d.ts +1 -1
  21. package/dist/@types/packages/vue2/src/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts +2 -2
  22. package/dist/@types/packages/vue2/src/components/filter-bar/components/input-filter/input-filter.vue.d.ts +1 -1
  23. package/dist/@types/packages/vue2/src/components/filter-bar/components/range-filter/range-filter.vue.d.ts +1 -1
  24. package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/select-filter.vue.d.ts +2 -1
  25. package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.types.d.ts +7 -3
  26. package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.vue.d.ts +11 -1
  27. package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-field-tip/form-layout-field-tip.vue.d.ts +17 -1
  28. package/dist/@types/packages/vue2/src/components/form-layout/components/form-layout-field-tip/form-layout-tip.types.d.ts +3 -0
  29. package/dist/@types/packages/vue2/src/components/header/header.vue.d.ts +3 -0
  30. package/dist/@types/packages/vue2/src/components/info-icon/info-icon.vue.d.ts +3 -3
  31. package/dist/@types/packages/vue2/src/components/internal/base-button/base-button.vue.d.ts +1 -1
  32. package/dist/@types/packages/vue2/src/components/internal/fixed-scroller/composables/index.d.ts +1 -0
  33. package/dist/@types/packages/vue2/src/components/internal/fixed-scroller/composables/useFixedScroller.d.ts +15 -0
  34. package/dist/@types/packages/vue2/src/components/internal/fixed-scroller/fixed-scroller.vue.d.ts +9 -0
  35. package/dist/@types/packages/vue2/src/components/internal/fixed-scroller/index.d.ts +1 -0
  36. package/dist/@types/packages/vue2/src/components/internal/index.d.ts +1 -0
  37. package/dist/@types/packages/vue2/src/components/menu/components/menu-item/menu-item.vue.d.ts +4 -5
  38. package/dist/@types/packages/vue2/src/components/menu/menu.vue.d.ts +3 -3
  39. package/dist/@types/packages/vue2/src/components/modal/components/base-modal/base-modal.vue.d.ts +3 -3
  40. package/dist/@types/packages/vue2/src/components/modal/modal.vue.d.ts +10 -1
  41. package/dist/@types/packages/vue2/src/components/pagination/pagination.vue.d.ts +1 -1
  42. package/dist/@types/packages/vue2/src/components/popover/popover.vue.d.ts +4 -4
  43. package/dist/@types/packages/vue2/src/components/popper-container/popper-container.vue.d.ts +4 -4
  44. package/dist/@types/packages/vue2/src/components/radio-group/radio-group.vue.d.ts +3 -3
  45. package/dist/@types/packages/vue2/src/components/status/status.vue.d.ts +2 -2
  46. package/dist/@types/packages/vue2/src/components/stepper/stepper.vue.d.ts +3 -3
  47. package/dist/@types/packages/vue2/src/components/structured-list/components/structered-list-item/structured-list-item.vue.d.ts +1 -1
  48. package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.vue.d.ts +1 -1
  49. package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-amount/summary-grid-item-amount.vue.d.ts +1 -1
  50. package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-numeric/summary-grid-item-numeric.vue.d.ts +1 -1
  51. package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-percentage/summary-grid-item-percentage.vue.d.ts +1 -1
  52. package/dist/@types/packages/vue2/src/components/tabs/components/tab.types.d.ts +2 -1
  53. package/dist/@types/packages/vue2/src/components/tabs/tabs.types.d.ts +1 -1
  54. package/dist/@types/packages/vue2/src/components/tag/tag.vue.d.ts +4 -4
  55. package/dist/@types/packages/vue2/src/components/textarea/textarea.vue.d.ts +24 -52
  56. package/dist/@types/packages/vue2/src/components/timeline/components/timeline-item/timeline-item.vue.d.ts +4 -4
  57. package/dist/@types/packages/vue2/src/components/tooltip/tooltip.vue.d.ts +13 -13
  58. package/dist/@types/packages/vue2/src/composables/use-expandable-content-height/use-expandable-content-height.d.ts +4 -0
  59. package/dist/@types/packages/vue2/src/templates/data-grid-template/data-grid-template.keys.d.ts +1 -0
  60. package/dist/@types/packages/vue2/src/templates/data-grid-template/data-grid-template.types.d.ts +6 -0
  61. package/dist/@types/packages/vue2/src/templates/data-grid-template/data-grid-template.vue.d.ts +77 -1
  62. package/dist/@types/packages/vue2/src/templates/data-grid-template/index.d.ts +1 -0
  63. package/dist/@types/packages/vue2/src/utils/ts/truncate.d.ts +1 -1
  64. package/dist/accordion.js +42 -47
  65. package/dist/accordion.js.map +1 -1
  66. package/dist/alert.js +4 -4
  67. package/dist/assets/base-modal.css +1 -1
  68. package/dist/assets/button.css +1 -1
  69. package/dist/assets/controls-group.css +1 -1
  70. package/dist/assets/dropdown.css +1 -1
  71. package/dist/assets/index.css +1 -1
  72. package/dist/assets/index10.css +1 -1
  73. package/dist/assets/index11.css +1 -1
  74. package/dist/assets/index12.css +1 -1
  75. package/dist/assets/index13.css +1 -1
  76. package/dist/assets/index14.css +1 -1
  77. package/dist/assets/index15.css +1 -1
  78. package/dist/assets/index16.css +1 -1
  79. package/dist/assets/index17.css +1 -1
  80. package/dist/assets/index18.css +1 -1
  81. package/dist/assets/index19.css +1 -1
  82. package/dist/assets/index2.css +1 -1
  83. package/dist/assets/index20.css +1 -1
  84. package/dist/assets/index21.css +1 -1
  85. package/dist/assets/index22.css +1 -1
  86. package/dist/assets/index23.css +1 -1
  87. package/dist/assets/index24.css +1 -1
  88. package/dist/assets/index25.css +1 -1
  89. package/dist/assets/index26.css +1 -1
  90. package/dist/assets/index28.css +1 -1
  91. package/dist/assets/index29.css +1 -1
  92. package/dist/assets/index3.css +1 -1
  93. package/dist/assets/index30.css +1 -1
  94. package/dist/assets/index31.css +1 -1
  95. package/dist/assets/index32.css +1 -1
  96. package/dist/assets/index33.css +1 -1
  97. package/dist/assets/index34.css +1 -1
  98. package/dist/assets/index35.css +1 -1
  99. package/dist/assets/index36.css +1 -1
  100. package/dist/assets/index37.css +1 -1
  101. package/dist/assets/index38.css +1 -1
  102. package/dist/assets/index39.css +1 -1
  103. package/dist/assets/index4.css +1 -1
  104. package/dist/assets/index40.css +1 -1
  105. package/dist/assets/index41.css +1 -1
  106. package/dist/assets/index42.css +1 -1
  107. package/dist/assets/index43.css +1 -1
  108. package/dist/assets/index44.css +1 -1
  109. package/dist/assets/index45.css +1 -0
  110. package/dist/assets/index5.css +1 -1
  111. package/dist/assets/index6.css +1 -1
  112. package/dist/assets/index7.css +1 -1
  113. package/dist/assets/index8.css +1 -1
  114. package/dist/assets/index9.css +1 -1
  115. package/dist/assets/loading-button.css +1 -1
  116. package/dist/avatar-image.js +1 -1
  117. package/dist/badge.js +1 -1
  118. package/dist/button.js +5 -5
  119. package/dist/card.js +135 -121
  120. package/dist/card.js.map +1 -1
  121. package/dist/checkbox.js +24 -25
  122. package/dist/checkbox.js.map +1 -1
  123. package/dist/chunks/{base-button.9740f320.js → base-button.90687c75.js} +3 -3
  124. package/dist/chunks/{base-button.9740f320.js.map → base-button.90687c75.js.map} +1 -1
  125. package/dist/chunks/{base-modal.be77971f.js → base-modal.c956b084.js} +58 -58
  126. package/dist/chunks/base-modal.c956b084.js.map +1 -0
  127. package/dist/chunks/{button.7072457f.js → button.9d72e2d7.js} +3 -3
  128. package/dist/chunks/{button.7072457f.js.map → button.9d72e2d7.js.map} +1 -1
  129. package/dist/chunks/{calendar.1e50c7d1.js → calendar.e7db78d0.js} +6 -5
  130. package/dist/chunks/{calendar.1e50c7d1.js.map → calendar.e7db78d0.js.map} +1 -1
  131. package/dist/chunks/{checkbox.638bab98.js → checkbox.ecbb4f0c.js} +4 -4
  132. package/dist/chunks/{checkbox.638bab98.js.map → checkbox.ecbb4f0c.js.map} +1 -1
  133. package/dist/chunks/{controls-group.efcf4e8d.js → controls-group.34f1f82a.js} +2 -2
  134. package/dist/chunks/{controls-group.efcf4e8d.js.map → controls-group.34f1f82a.js.map} +1 -1
  135. package/dist/chunks/{copy.527c3d76.js → copy.aaec57b6.js} +3 -3
  136. package/dist/chunks/{copy.527c3d76.js.map → copy.aaec57b6.js.map} +1 -1
  137. package/dist/chunks/date-input.9186a0bf.js.map +1 -1
  138. package/dist/chunks/{dropdown-default-textbox.a1789dc7.js → dropdown-default-textbox.88a42e9b.js} +3 -3
  139. package/dist/chunks/{dropdown-default-textbox.a1789dc7.js.map → dropdown-default-textbox.88a42e9b.js.map} +1 -1
  140. package/dist/chunks/{dropdown.22e51667.js → dropdown.6a484461.js} +182 -177
  141. package/dist/chunks/dropdown.6a484461.js.map +1 -0
  142. package/dist/chunks/{error-message.37b6c7aa.js → error-message.11e1fa1f.js} +2 -2
  143. package/dist/chunks/{error-message.37b6c7aa.js.map → error-message.11e1fa1f.js.map} +1 -1
  144. package/dist/chunks/{footer-actions.5275203a.js → footer-actions.a65cb2e3.js} +3 -3
  145. package/dist/chunks/{footer-actions.5275203a.js.map → footer-actions.a65cb2e3.js.map} +1 -1
  146. package/dist/chunks/{grid-layout.c98e6bc7.js → grid-layout.7c919507.js} +2 -2
  147. package/dist/chunks/{grid-layout.c98e6bc7.js.map → grid-layout.7c919507.js.map} +1 -1
  148. package/dist/chunks/{index.c22c4278.js → index.424e2ea4.js} +6 -6
  149. package/dist/chunks/{index.c22c4278.js.map → index.424e2ea4.js.map} +1 -1
  150. package/dist/chunks/{index.dd20095f.js → index.655b761f.js} +3 -3
  151. package/dist/chunks/{index.dd20095f.js.map → index.655b761f.js.map} +1 -1
  152. package/dist/chunks/{index.c62ea69f.js → index.754349ff.js} +2 -2
  153. package/dist/chunks/{index.c62ea69f.js.map → index.754349ff.js.map} +1 -1
  154. package/dist/chunks/{index.a57930ba.js → index.84f6360f.js} +11 -10
  155. package/dist/chunks/{index.a57930ba.js.map → index.84f6360f.js.map} +1 -1
  156. package/dist/chunks/{index.32ed68b7.js → index.9fc54b60.js} +2 -2
  157. package/dist/chunks/{index.32ed68b7.js.map → index.9fc54b60.js.map} +1 -1
  158. package/dist/chunks/{index.604da8e9.js → index.bc9e0cde.js} +3 -3
  159. package/dist/chunks/{index.604da8e9.js.map → index.bc9e0cde.js.map} +1 -1
  160. package/dist/chunks/{listbox-option-tag.fa70334e.js → listbox-option-tag.ea9f377f.js} +3 -3
  161. package/dist/chunks/{listbox-option-tag.fa70334e.js.map → listbox-option-tag.ea9f377f.js.map} +1 -1
  162. package/dist/chunks/{listbox.4205c0de.js → listbox.a7255ce1.js} +4 -4
  163. package/dist/chunks/{listbox.4205c0de.js.map → listbox.a7255ce1.js.map} +1 -1
  164. package/dist/chunks/{loading-button.41c15584.js → loading-button.fb1f20a3.js} +32 -32
  165. package/dist/chunks/loading-button.fb1f20a3.js.map +1 -0
  166. package/dist/chunks/on-click-outside.3e0c3e2a.js.map +1 -1
  167. package/dist/chunks/{tooltip.c8350cd0.js → tooltip.6af06509.js} +64 -63
  168. package/dist/chunks/tooltip.6af06509.js.map +1 -0
  169. package/dist/chunks/use-expandable-content-height.62fc84e5.js +17 -0
  170. package/dist/chunks/use-expandable-content-height.62fc84e5.js.map +1 -0
  171. package/dist/chunks/use-has-slot.4d98bf29.js +15 -0
  172. package/dist/chunks/use-has-slot.4d98bf29.js.map +1 -0
  173. package/dist/code-snippet.js +7 -7
  174. package/dist/code-snippet.js.map +1 -1
  175. package/dist/country.js +2 -2
  176. package/dist/currency.js +1 -1
  177. package/dist/data-grid.js +944 -888
  178. package/dist/data-grid.js.map +1 -1
  179. package/dist/date-picker.js +7 -7
  180. package/dist/date-range-picker.js +2 -2
  181. package/dist/date.js +1 -1
  182. package/dist/divider.js +1 -1
  183. package/dist/dropdown.js +4 -4
  184. package/dist/empty-state.js +3 -3
  185. package/dist/filter-bar.js +990 -904
  186. package/dist/filter-bar.js.map +1 -1
  187. package/dist/focus-trap.js +1 -1
  188. package/dist/form-layout.js +81 -70
  189. package/dist/form-layout.js.map +1 -1
  190. package/dist/header.js +92 -87
  191. package/dist/header.js.map +1 -1
  192. package/dist/index.js +14 -14
  193. package/dist/info-icon.js +12 -12
  194. package/dist/info-icon.js.map +1 -1
  195. package/dist/input-field.js +115 -110
  196. package/dist/input-field.js.map +1 -1
  197. package/dist/internal.js +144 -18
  198. package/dist/internal.js.map +1 -1
  199. package/dist/link.js +38 -35
  200. package/dist/link.js.map +1 -1
  201. package/dist/loading-indicator.js +1 -1
  202. package/dist/menu.js +8 -6
  203. package/dist/menu.js.map +1 -1
  204. package/dist/modal.js +52 -44
  205. package/dist/modal.js.map +1 -1
  206. package/dist/pagination.js +4 -4
  207. package/dist/payment-method.js +2 -2
  208. package/dist/popover.js +4 -4
  209. package/dist/popper-container.js +1 -1
  210. package/dist/radio-group.js +5 -5
  211. package/dist/search-bar.js +7 -7
  212. package/dist/search-bar.js.map +1 -1
  213. package/dist/segmented-control.js +4 -4
  214. package/dist/sidepanel.js +19 -19
  215. package/dist/sidepanel.js.map +1 -1
  216. package/dist/status.js +2 -2
  217. package/dist/stepper.js +3 -3
  218. package/dist/structured-list.js +1 -1
  219. package/dist/summary-grid.js +5 -5
  220. package/dist/tabs.js +64 -64
  221. package/dist/tabs.js.map +1 -1
  222. package/dist/tag.js +3 -3
  223. package/dist/textarea.js +188 -229
  224. package/dist/textarea.js.map +1 -1
  225. package/dist/timeline.js +37 -37
  226. package/dist/timeline.js.map +1 -1
  227. package/dist/toast.js +4 -4
  228. package/dist/toggle.js +3 -3
  229. package/dist/typography.js +1 -1
  230. package/dist/web-types.json +1 -1
  231. package/package.json +5 -3
  232. package/dist/@types/packages/vue2/src/components/data-grid/composables/useCalculateColumnHeadersTopPosition/useCalculateColumnHeadersTopPosition.d.ts +0 -2
  233. package/dist/chunks/base-modal.be77971f.js.map +0 -1
  234. package/dist/chunks/dropdown.22e51667.js.map +0 -1
  235. package/dist/chunks/loading-button.41c15584.js.map +0 -1
  236. package/dist/chunks/tooltip.c8350cd0.js.map +0 -1
  237. package/dist/chunks/use-has-slot.3daaffc6.js +0 -17
  238. package/dist/chunks/use-has-slot.3daaffc6.js.map +0 -1
@@ -1 +1 @@
1
- .b-accordion[data-v-9fccc066]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-9fccc066],.b-accordion[data-v-9fccc066]:before,.b-accordion[data-v-9fccc066]:after{box-sizing:border-box}.b-accordion *[data-v-9fccc066],.b-accordion *[data-v-9fccc066]:before,.b-accordion *[data-v-9fccc066]:after{box-sizing:border-box}.b-accordion[data-v-9fccc066] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-9fccc066] ::-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-accordion-item[data-v-bb9edb27]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-accordion-item-background-color);border-bottom:var(--b-accordion-item-border)}.b-accordion-item[data-v-bb9edb27],.b-accordion-item[data-v-bb9edb27]:before,.b-accordion-item[data-v-bb9edb27]:after{box-sizing:border-box}.b-accordion-item *[data-v-bb9edb27],.b-accordion-item *[data-v-bb9edb27]:before,.b-accordion-item *[data-v-bb9edb27]:after{box-sizing:border-box}.b-accordion-item[data-v-bb9edb27] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-bb9edb27] ::-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-accordion-item button[data-v-bb9edb27]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-bb9edb27]:focus-visible{outline:none}.b-legacy-theme .b-accordion-item__heading[data-v-bb9edb27]{font-size:var(--b-font-size-regular);line-height:1.4}.b-accordion-item[data-v-bb9edb27]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-bb9edb27]{align-items:center;cursor:pointer;display:flex;gap:var(--b-accordion-item-button-gap);padding:var(--b-accordion-item-button-padding);position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-bb9edb27]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-bb9edb27]:active{background-color:var(--b-accordion-item-button-active-background-color)}.b-accordion-item__button[data-v-bb9edb27]:focus-visible{animation:outer-ring-bb9edb27 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color);outline:none}@keyframes outer-ring-bb9edb27{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-accordion-item__container[data-v-bb9edb27]{overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}.b-accordion-item__content[data-v-bb9edb27]{padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-bb9edb27]{animation:fade-in-u28gr0d-bb9edb27 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-u28gr0d-bb9edb27 var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-u28gr0d-bb9edb27{0%{opacity:0}to{opacity:1}}@keyframes enter-u28gr0d-bb9edb27{0%{transform:translateY(-8px)}to{transform:translate(0)}}.b-accordion-item__animation--content-leave-active[data-v-bb9edb27]{animation:fade-out-u28gr0l-bb9edb27 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-u28gr0l-bb9edb27 var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-u28gr0l-bb9edb27{0%{opacity:1}to{opacity:0}}@keyframes exit-u28gr0l-bb9edb27{0%{transform:translate(0)}to{transform:translateY(-8px)}}
1
+ .b-form-layout[data-v-f0c8b741]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;gap:var(--b-form-layout-gap)}.b-form-layout[data-v-f0c8b741],.b-form-layout[data-v-f0c8b741]:before,.b-form-layout[data-v-f0c8b741]:after{box-sizing:border-box}.b-form-layout[data-v-f0c8b741] ::-webkit-scrollbar{height:14px;width:14px}.b-form-layout[data-v-f0c8b741] ::-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-form-layout[data-v-f0c8b741] .b-form-layout-group--column{flex-direction:column;gap:var(--b-form-layout-gap)}.b-form-layout__error-message[data-v-f0c8b741]{margin-bottom:var(--b-form-layout-error-message-margin-bottom)}.b-form-layout__actions-container[data-v-f0c8b741]{display:flex;justify-content:space-between;margin-top:var(--b-form-layout-actions-container-margin-top)}.b-form-layout__actions[data-v-f0c8b741]{display:flex;gap:var(--b-form-layout-actions-gap)}.b-form-layout-field-tip[data-v-16c7e9c2]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;gap:var(--b-form-layout-field-tip-gap)}.b-form-layout-field-tip[data-v-16c7e9c2],.b-form-layout-field-tip[data-v-16c7e9c2]:before,.b-form-layout-field-tip[data-v-16c7e9c2]:after{box-sizing:border-box}.b-form-layout-field-tip[data-v-16c7e9c2] ::-webkit-scrollbar{height:14px;width:14px}.b-form-layout-field-tip[data-v-16c7e9c2] ::-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-form-layout-group[data-v-f602fe24]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;gap:var(--b-form-layout-group-gap)}.b-form-layout-group[data-v-f602fe24],.b-form-layout-group[data-v-f602fe24]:before,.b-form-layout-group[data-v-f602fe24]:after{box-sizing:border-box}.b-form-layout-group[data-v-f602fe24] ::-webkit-scrollbar{height:14px;width:14px}.b-form-layout-group[data-v-f602fe24] ::-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-form-layout-group[data-v-f602fe24]{flex-direction:row}}@media (min-width: 376px){.b-form-layout-group[data-v-f602fe24] .b-form-layout-group--25{width:calc(25% - 5px)}}@media (min-width: 376px){.b-form-layout-group[data-v-f602fe24] .b-form-layout-group--33{width:calc(33.3333333333% - 5px)}}@media (min-width: 376px){.b-form-layout-group[data-v-f602fe24] .b-form-layout-group--50{width:calc(50% - 5px)}}@media (min-width: 376px){.b-form-layout-group[data-v-f602fe24] .b-form-layout-group--66{width:calc(66.6666666667% - 5px)}}@media (min-width: 376px){.b-form-layout-group[data-v-f602fe24] .b-form-layout-group--75{width:calc(75% - 5px)}}.b-form-layout-group[data-v-f602fe24] .b-form-layout-group--100{width:100%}.b-form-layout-title[data-v-fbc939de]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-form-layout-title[data-v-fbc939de],.b-form-layout-title[data-v-fbc939de]:before,.b-form-layout-title[data-v-fbc939de]:after{box-sizing:border-box}.b-form-layout-title[data-v-fbc939de] ::-webkit-scrollbar{height:14px;width:14px}.b-form-layout-title[data-v-fbc939de] ::-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-form-layout-title--subsection[data-v-fbc939de]{margin-top:var(--b-form-layout-title-subsection-margin-top)}.b-form-layout-title__description[data-v-fbc939de]{margin-top:var(--b-form-layout-title-description-color)}
@@ -1 +1 @@
1
- svg[data-v-4ebc0033]{display:inline-flex;flex-shrink:0}svg[data-v-4ebc0033],svg *[data-v-4ebc0033]{fill:currentcolor}svg[data-v-bda8fd91]{display:inline-flex;flex-shrink:0}svg[data-v-bda8fd91],svg *[data-v-bda8fd91]{fill:currentcolor}svg[data-v-1954bfce]{display:inline-flex;flex-shrink:0}svg[data-v-1954bfce],svg *[data-v-1954bfce]{fill:currentcolor}svg[data-v-9da4de4c]{display:inline-flex;flex-shrink:0}svg[data-v-9da4de4c],svg *[data-v-9da4de4c]{fill:currentcolor}svg[data-v-2fe7aaf4]{display:inline-flex;flex-shrink:0}svg[data-v-2fe7aaf4],svg *[data-v-2fe7aaf4]{fill:currentcolor}svg[data-v-6e578b8e]{display:inline-flex;flex-shrink:0}svg[data-v-6e578b8e],svg *[data-v-6e578b8e]{fill:currentcolor}.b-data-grid-columns[data-v-5397b82f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-columns[data-v-5397b82f],.b-data-grid-columns[data-v-5397b82f]:before,.b-data-grid-columns[data-v-5397b82f]:after{box-sizing:border-box}.b-data-grid-columns *[data-v-5397b82f],.b-data-grid-columns *[data-v-5397b82f]:before,.b-data-grid-columns *[data-v-5397b82f]:after{box-sizing:border-box}.b-data-grid-columns[data-v-5397b82f] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-columns[data-v-5397b82f] ::-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-data-grid-columns--frozen[data-v-5397b82f]{border-right:var(--b-data-grid-columns-frozen-border-right-width) solid var(--b-data-grid-columns-frozen-border-right-color);display:flex;left:0;position:sticky;z-index:var(--b-data-grid-columns-frozen-z-index)}.b-data-grid-columns--unfrozen[data-v-5397b82f]{display:flex}.b-data-grid-columns--config-settings-margin[data-v-5397b82f]{margin-right:var(--b-data-grid-config-settings-column-and-row-margin)}.b-data-grid-columns__column[data-v-5397b82f]{background-color:var(--b-data-grid-column-background-color);color:var(--b-data-grid-column-color);display:flex;padding:var(--b-data-grid-column-padding);position:relative}.b-data-grid-columns__column--sortable[data-v-5397b82f]{cursor:pointer}.b-data-grid-columns__column--sortable[data-v-5397b82f]:hover{background-color:var(--b-data-grid-column-hover-background-color)}.b-data-grid-columns__column--padding-left-unset[data-v-5397b82f]{padding-left:0}.b-data-grid-columns__column--padding-right-unset[data-v-5397b82f]{padding-right:0}.b-data-grid-columns__column--overflow-ellipsis *[data-v-5397b82f]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-data-grid-columns__column--numeric[data-v-5397b82f]{justify-content:flex-end;text-align:right}.b-data-grid-columns__column--is-re-ordering-target-left[data-v-5397b82f]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);left:0}.b-data-grid-columns__column--is-re-ordering-target-right[data-v-5397b82f]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);right:0}.b-data-grid-columns__column[draggable=true][data-v-5397b82f]{cursor:move;cursor:grab}.b-data-grid-columns__column--is-re-ordering[data-v-5397b82f],.b-data-grid-columns__column--is-re-ordering *[data-v-5397b82f]{background-color:var(--b-data-grid-column-draggable-ghost-background-color);cursor:grabbing}.b-data-grid-columns__column-header[data-v-5397b82f]{align-items:center;display:flex;gap:var(--b-data-grid-column-header-gap)}.b-data-grid-columns__column-separator-container[data-v-5397b82f]{align-items:center;cursor:auto;display:flex;height:100%;justify-content:center;position:absolute;right:-4px;top:0;width:var(--b-data-grid-resizer-width);z-index:var(--b-data-grid-column-separator-z-index)}.b-data-grid-columns--unfrozen .b-data-grid-columns__column:last-child .b-data-grid-columns__column-separator-container[data-v-5397b82f]{right:var(--b-data-grid-resizer-width)}.b-data-grid-columns__column-separator-container--is-resizeable[data-v-5397b82f]{cursor:ew-resize}.b-data-grid-columns__column-separator[data-v-5397b82f]{border-right:var(--b-data-grid-column-separator-border-right-width) solid var(--b-data-grid-column-separator-border-right-color);display:block;height:var(--b-data-grid-column-separator-height);width:0}.b-data-grid-columns__column-separator-container--is-resizeable:hover .b-data-grid-columns__column-separator[data-v-5397b82f]{border-color:var(--b-data-grid-column-separator-resizeable-hover-color)}.b-data-grid-columns__column-actions[data-v-5397b82f]{display:flex;gap:var(--b-data-grid-column-actions-gap);margin-left:auto;padding-left:var(--b-data-grid-column-actions-padding-left)}.b-data-grid-columns__column-sort[data-v-5397b82f]{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:20px;padding:var(--b-data-grid-column-sort-padding)}.b-data-grid-columns__column-sort-icon[data-v-5397b82f]{color:var(--b-data-grid-column-sort-icon-color);display:inline-flex;margin-top:-2px}.b-data-grid-columns__column-sort-icon[data-v-5397b82f]:nth-child(2){margin-top:-8px}.b-data-grid-columns__column--sortable:hover .b-data-grid-columns__column-sort-icon[data-v-5397b82f]{color:var(--b-data-grid-column-hover-sort-icon-color)}.b-data-grid-columns__column-sort-icon--sorted[data-v-5397b82f],.b-data-grid-columns__column--sortable:hover .b-data-grid-columns__column-sort-icon--sorted[data-v-5397b82f]{color:var(--b-data-grid-column-sort-icon-sorted-color)}.b-data-grid-columns__menu[data-v-5397b82f]{display:flex}@media (min-width: 376px){.b-data-grid-columns__menu[data-v-5397b82f] .b-menu__popover{width:200px}}svg[data-v-6e917c82]{display:inline-flex;flex-shrink:0}svg[data-v-6e917c82],svg *[data-v-6e917c82]{fill:currentcolor}.b-data-grid-config-settings-column-row[data-v-3ce82b51]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;justify-content:space-between;padding:var(--b-data-grid-config-column-row-padding)}.b-data-grid-config-settings-column-row[data-v-3ce82b51],.b-data-grid-config-settings-column-row[data-v-3ce82b51]:before,.b-data-grid-config-settings-column-row[data-v-3ce82b51]:after{box-sizing:border-box}.b-data-grid-config-settings-column-row *[data-v-3ce82b51],.b-data-grid-config-settings-column-row *[data-v-3ce82b51]:before,.b-data-grid-config-settings-column-row *[data-v-3ce82b51]:after{box-sizing:border-box}.b-data-grid-config-settings-column-row[data-v-3ce82b51] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-config-settings-column-row[data-v-3ce82b51] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (hover: hover){.b-data-grid-config-settings-column-row[data-v-3ce82b51]:hover{background-color:var(--b-data-grid-config-column-row-hover-background-color)}}.b-data-grid-config-settings-column-row__freeze-icon[data-v-3ce82b51]{color:var(--b-data-grid-config-column-row-freeze-icon-color);cursor:pointer}.b-data-grid-config-settings-column-row__freeze-icon--frozen[data-v-3ce82b51]{color:var(--b-data-grid-config-column-row-freeze-icon-frozen-color)}.b-data-grid-config-settings[data-v-87adbca0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-data-grid-config-settings[data-v-87adbca0],.b-data-grid-config-settings[data-v-87adbca0]:before,.b-data-grid-config-settings[data-v-87adbca0]:after{box-sizing:border-box}.b-data-grid-config-settings *[data-v-87adbca0],.b-data-grid-config-settings *[data-v-87adbca0]:before,.b-data-grid-config-settings *[data-v-87adbca0]:after{box-sizing:border-box}.b-data-grid-config-settings[data-v-87adbca0] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-config-settings[data-v-87adbca0] ::-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-data-grid-config-settings__button-and-separator[data-v-87adbca0]{align-items:center;background-color:var(--b-data-grid-config-settings-button-and-separator-background-color);display:flex;height:calc(100% - var(--b-data-grid-columns-border-width));padding:var(--b-data-grid-config-settings-button-and-separator-padding)}.b-data-grid-config-settings__button-container[data-v-87adbca0]{display:flex;margin:var(--b-data-grid-config-settings-button-margin);padding:var(--b-data-grid-config-settings-button-padding)}.b-data-grid-config-settings__column-separator[data-v-87adbca0]{border-right:var(--b-data-grid-column-separator-border-right-width) solid var(--b-data-grid-column-separator-border-right-color);display:block;height:var(--b-data-grid-column-separator-height);width:0}.b-data-grid-config-settings__panel[data-v-87adbca0]{max-height:540px;min-width:285px;overflow:auto}.b-data-grid-config-settings__panel[data-v-87adbca0] .b-popover__content{padding:14px 0}.b-data-grid-config-settings__panel-header[data-v-87adbca0]{align-items:center;display:flex;justify-content:space-between;padding:var(--b-data-grid-config-panel-header-padding)}.b-data-grid-config-settings__condensed-view-settings[data-v-87adbca0]{border-bottom:1px solid var(--b-data-grid-config-condensed-view-border-color);padding:var(--b-data-grid-config-condensed-view-padding)}.b-data-grid-config-settings__condensed-view-title[data-v-87adbca0]{display:block;padding:var(--b-data-grid-config-condensed-view-title-padding)}.b-data-grid-config-settings__column-visibility-settings[data-v-87adbca0]{padding:var(--b-data-grid-config-column-visibility-padding)}.b-data-grid-config-settings__column-visibility-header[data-v-87adbca0]{display:flex;justify-content:space-between;padding:var(--b-data-grid-config-column-visibility-header-padding)}.b-data-grid-config-settings__column-visibility-show-all[data-v-87adbca0]{background-color:var(--b-data-grid-config-column-visibility-show-all-background-color);border-radius:var(--b-data-grid-config-column-visibility-show-all-border-radius);margin:var(--b-data-grid-config-column-visibility-show-all-margin);padding:var(--b-data-grid-config-column-visibility-show-all-padding)}.b-data-grid-config-settings__column-visibility-search[data-v-87adbca0]{margin:var(--b-data-grid-config-column-visibility-search-margin)}.b-data-grid-config-settings__column-visibility-toggles[data-v-87adbca0]{display:flex;flex-direction:column}.b-data-grid-config-settings__column-visibility-empty-search-message[data-v-87adbca0]{color:var(--b-data-grid-config-column-visibility-empty-search-message-color);padding:var(--b-data-grid-config-column-visibility-empty-search-message-padding);text-align:center}.b-data-grid-lazy-load[data-v-4b9efd59]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-data-grid-lazy-load-background-color);border-top:var(--b-data-grid-lazy-load-border);display:flex;justify-content:center;padding:var(--b-data-grid-lazy-load-padding);position:relative;z-index:var(--b-data-grid-lazy-load-z-index)}.b-data-grid-lazy-load[data-v-4b9efd59],.b-data-grid-lazy-load[data-v-4b9efd59]:before,.b-data-grid-lazy-load[data-v-4b9efd59]:after{box-sizing:border-box}.b-data-grid-lazy-load *[data-v-4b9efd59],.b-data-grid-lazy-load *[data-v-4b9efd59]:before,.b-data-grid-lazy-load *[data-v-4b9efd59]:after{box-sizing:border-box}.b-data-grid-lazy-load[data-v-4b9efd59] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid-lazy-load[data-v-4b9efd59] ::-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-data-grid[data-v-0f94c061]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.b-data-grid[data-v-0f94c061],.b-data-grid[data-v-0f94c061]:before,.b-data-grid[data-v-0f94c061]:after{box-sizing:border-box}.b-data-grid *[data-v-0f94c061],.b-data-grid *[data-v-0f94c061]:before,.b-data-grid *[data-v-0f94c061]:after{box-sizing:border-box}.b-data-grid[data-v-0f94c061] ::-webkit-scrollbar{height:14px;width:14px}.b-data-grid[data-v-0f94c061] ::-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-data-grid--outline[data-v-0f94c061]{border:var(--b-data-grid-border-width) solid var(--b-data-grid-border-color);border-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline .b-data-grid__columns-row[data-v-0f94c061]{border-top-left-radius:var(--b-data-grid-border-radius);border-top-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline>div[data-v-0f94c061]:first-child{border-top-left-radius:var(--b-data-grid-border-radius);border-top-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--outline>div[data-v-0f94c061]:last-child{border-bottom-left-radius:var(--b-data-grid-border-radius);border-bottom-right-radius:var(--b-data-grid-border-radius)}.b-data-grid--scroll[data-v-0f94c061]{display:flex;flex-direction:column;height:100%}.b-data-grid--sticky-filters .b-data-grid__filters[data-v-0f94c061]{position:sticky;top:0;z-index:var(--b-data-grid-filters-z-index)}.b-data-grid__body[data-v-0f94c061]{overflow-x:auto;width:100%}.b-data-grid__header[data-v-0f94c061]{border-bottom:var(--b-data-grid-columns-border-width) solid var(--b-data-grid-columns-border-color);padding:var(--b-data-grid-header-padding)}.b-data-grid__columns[data-v-0f94c061]{border-bottom:var(--b-data-grid-columns-border-width) solid var(--b-data-grid-columns-border-color);break-inside:avoid;display:flex;position:relative;width:fit-content}.b-data-grid__columns-row[data-v-0f94c061]{-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:scroll}.b-data-grid__columns-row[data-v-0f94c061] ::-webkit-scrollbar{display:none}.b-data-grid__row-cell-set--frozen[data-v-0f94c061]{border-right:var(--b-data-grid-rows-frozen-border-right-width) solid var(--b-data-grid-rows-frozen-border-right-color);display:flex;left:0;position:sticky;z-index:var(--b-data-grid-rows-frozen-z-index)}.b-data-grid__row-cell-set--unfrozen[data-v-0f94c061]{display:flex}.b-data-grid__row-cell-set--config-settings-margin[data-v-0f94c061]{margin-right:var(--b-data-grid-config-settings-column-and-row-margin)}.b-data-grid__column-headers[data-v-0f94c061]{background-color:var(--b-data-grid-column-headers-background-color);position:sticky;z-index:var(--b-data-grid-column-headers-z-index)}.b-data-grid__column-headers[data-v-0f94c061]:focus-within{z-index:var(--b-data-grid-column-headers-focus-within-z-index)}.b-data-grid__rows>*[data-v-0f94c061]:not(:last-child){border-bottom:var(--b-data-grid-row-border-width) solid var(--b-data-grid-row-border-color)}.b-data-grid__row[data-v-0f94c061]{background-color:var(--b-data-grid-row-background-color);break-inside:avoid;color:var(--b-data-grid-row-color);display:flex;position:relative}.b-data-grid__row[data-v-0f94c061]:hover,.b-data-grid__row:hover .b-data-grid__cell[data-v-0f94c061]{background-color:var(--b-data-grid-row-hover-background-color)}.b-data-grid__row[data-v-0f94c061]:hover .b-link{text-decoration:underline}.b-data-grid__row[data-v-0f94c061]:last-child{box-shadow:unset}.b-data-grid--outline .b-data-grid__row[data-v-0f94c061]:last-child{border-bottom-left-radius:var(--b-data-grid-border-radius);border-bottom-right-radius:var(--b-data-grid-border-radius)}.b-data-grid__row--row-clicks-enabled[data-v-0f94c061]{cursor:pointer}.b-data-grid__row--disabled[data-v-0f94c061]{color:var(--b-data-grid-row-disabled-color);cursor:not-allowed}.b-data-grid__row--is-re-ordering[data-v-0f94c061]{cursor:grabbing}.b-data-grid__row--highlighted[data-v-0f94c061],.b-data-grid__row--highlighted .b-data-grid__cell[data-v-0f94c061]{background-color:var(--b-data-grid-row-highlighted-background-color)}.b-data-grid__cell[data-v-0f94c061]{background-color:var(--b-data-grid-cell-background-color);padding:var(--b-data-grid-cell-padding)}.b-data-grid__cell[data-v-0f94c061]:focus-visible{animation:outer-ring-0f94c061 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color);outline:none;z-index:1}@keyframes outer-ring-0f94c061{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-data-grid__cell--condensed[data-v-0f94c061]{padding:var(--b-data-grid-cell-condensed-padding)}.b-data-grid__cell--padding-left-unset[data-v-0f94c061]{padding-left:0}.b-data-grid__cell--padding-right-unset[data-v-0f94c061]{padding-right:0}.b-data-grid__cell--overflow-ellipsis *[data-v-0f94c061]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-data-grid__cell--numeric[data-v-0f94c061]{justify-content:flex-end;text-align:right}.b-data-grid__cell--is-column-re-ordering[data-v-0f94c061]{background-color:var(--b-data-grid-column-draggable-ghost-background-color);cursor:grabbing}.b-data-grid__cell--is-column-re-order-target-left[data-v-0f94c061],.b-data-grid__cell--is-column-re-order-target-right[data-v-0f94c061]{position:relative}.b-data-grid__cell--is-column-re-order-target-left[data-v-0f94c061]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);left:0}.b-data-grid__cell--is-column-re-order-target-right[data-v-0f94c061]:before{background-color:var(--b-data-grid-re-order-column-target-separator-background-color);content:"";height:calc(100% + var(--b-data-grid-columns-border-width));position:absolute;top:0;width:var(--b-data-grid-re-order-column-target-separator-width);z-index:var(--b-data-grid-re-order-column-target-separator-z-index);right:0}.b-data-grid__footer[data-v-0f94c061]{padding:var(--b-data-grid-footer-padding)}.b-data-grid__filters[data-v-0f94c061]{background-color:var(--b-data-grid-filters-background-color);border-bottom:var(--b-data-grid-filters-border-width) solid var(--b-data-grid-filters-border-color);display:flex;justify-content:flex-end;padding:var(--b-data-grid-filters-padding);position:relative}.b-data-grid__filters[data-v-0f94c061]:focus-within{z-index:var(--b-data-grid-filters-focus-within-z-index)}.b-data-grid__pagination[data-v-0f94c061]{background-color:var(--b-data-grid-pagination-background-color);border-top:var(--b-data-grid-pagination-border-width) solid var(--b-data-grid-pagination-border-color);padding:var(--b-data-grid-pagination-padding);position:relative;z-index:var(--b-data-grid-pagination-z-index)}.b-data-grid__pagination--padding-left-unset[data-v-0f94c061]{padding-left:0}.b-data-grid__pagination--padding-right-unset[data-v-0f94c061]{padding-right:0}.b-data-grid__pagination--sticky[data-v-0f94c061]{bottom:0;padding:var(--b-data-grid-pagination-sticky-padding);position:sticky}.b-data-grid--outline .b-data-grid__pagination[data-v-0f94c061]{padding:var(--b-data-grid-pagination-outline-padding)}.b-data-grid__loading[data-v-0f94c061]{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;width:100%}.b-data-grid__loading-indicator[data-v-0f94c061]{margin:var(--b-data-grid-loading-indicator-margin)}.b-data-grid__empty-state[data-v-0f94c061]{padding:var(--b-data-grid-empty-state-padding)}.b-data-grid__config-settings[data-v-0f94c061]{display:flex;position:absolute;right:0;z-index:var(--b-data-grid-config-settings-z-index)}
1
+ .b-button-actions-with-menu[data-v-d6721ccb]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;flex-grow:1}.b-button-actions-with-menu[data-v-d6721ccb],.b-button-actions-with-menu[data-v-d6721ccb]:before,.b-button-actions-with-menu[data-v-d6721ccb]:after{box-sizing:border-box}.b-button-actions-with-menu *[data-v-d6721ccb],.b-button-actions-with-menu *[data-v-d6721ccb]:before,.b-button-actions-with-menu *[data-v-d6721ccb]:after{box-sizing:border-box}.b-button-actions-with-menu[data-v-d6721ccb] ::-webkit-scrollbar{height:14px;width:14px}.b-button-actions-with-menu[data-v-d6721ccb] ::-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-button-actions-with-menu__container-wrapper[data-v-d6721ccb]{display:flex;flex-direction:row;gap:var(--b-button-actions-with-menu-vertical-stack-row-gap);justify-content:flex-end}@container (max-width: 242px){.b-button-actions-with-menu__container-wrapper[data-v-d6721ccb]{display:flex;flex-direction:column;gap:var(--b-button-actions-with-menu-vertical-stack-row-gap)}}.b-button-actions-with-menu[data-v-d6721ccb] .b-button-actions{container-type:normal;flex-grow:unset}.b-header[data-v-11801646]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;display:flex;flex-direction:column;width:100%}.b-header[data-v-11801646],.b-header[data-v-11801646]:before,.b-header[data-v-11801646]:after{box-sizing:border-box}.b-header *[data-v-11801646],.b-header *[data-v-11801646]:before,.b-header *[data-v-11801646]:after{box-sizing:border-box}.b-header[data-v-11801646] ::-webkit-scrollbar{height:14px;width:14px}.b-header[data-v-11801646] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-header__title[data-v-11801646]{color:var(--b-header-title-color)}.b-header__text[data-v-11801646]{display:inline}.b-header__tooltip[data-v-11801646]{margin-left:var(--b-header-info-icon-margin-left);vertical-align:text-top}.b-header__timestamp[data-v-11801646]{color:var(--b-header-timestamp-color);margin-block:var(--b-header-timestamp-margin-block)}.b-header__actions[data-v-11801646]{display:flex;margin-top:var(--b-header-actions-margin-top)}@container (min-width: 575px){.b-header__wrapper[data-v-11801646]{align-items:flex-start;display:flex;gap:var(--b-header-wrapper-gap)}.b-header__actions[data-v-11801646]{container-type:normal;display:block;margin-top:var(--b-header-actions-margin-top-desktop)}.b-header__title[data-v-11801646]{display:flex;flex-direction:column;margin-top:var(--b-header-title-margin-top)}.b-header--component .b-header__title[data-v-11801646]{margin-top:var(--b-header-component-title-margin-top)}}
@@ -1 +1 @@
1
- .adl2-badge[data-v-ca8f66f9]{color:var(--adl-component-base-text-color);font-family:var(--adl-component-base-font-family);font-size:var(--adl-component-base-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adl-component-base-font-weight);line-height:var(--adl-component-base-line-height);align-items:center;border-radius:9999px;cursor:default;display:inline-flex;flex-direction:row;font-weight:var(--adl-badge-font-weight);gap:var(--adl-badge-gap);height:var(--adl-badge-height);padding:var(--adl-badge-padding);width:fit-content}.adl2-badge[data-v-ca8f66f9],.adl2-badge[data-v-ca8f66f9]:before,.adl2-badge[data-v-ca8f66f9]:after{box-sizing:border-box}.adl2-badge *[data-v-ca8f66f9],.adl2-badge *[data-v-ca8f66f9]:before,.adl2-badge *[data-v-ca8f66f9]:after{box-sizing:border-box}.adl2-badge--default[data-v-ca8f66f9]{background-color:var(--adl-badge-default-background-color)}.adl2-badge--attention[data-v-ca8f66f9]{background-color:var(--adl-badge-attention-background-color)}.adl2-badge--warning[data-v-ca8f66f9]{background-color:var(--adl-badge-warning-background-color)}.adl2-badge--critical[data-v-ca8f66f9]{background-color:var(--adl-badge-critical-background-color)}.adl2-badge--success[data-v-ca8f66f9]{background-color:var(--adl-badge-success-background-color)}
1
+ svg[data-v-20ae506d]{display:inline-flex;flex-shrink:0}svg[data-v-20ae506d],svg *[data-v-20ae506d]{fill:currentcolor}.b-info-icon[data-v-ded345b1]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;height:16px;outline:none;width:16px}.b-info-icon[data-v-ded345b1],.b-info-icon[data-v-ded345b1]:before,.b-info-icon[data-v-ded345b1]:after{box-sizing:border-box}.b-info-icon *[data-v-ded345b1],.b-info-icon *[data-v-ded345b1]:before,.b-info-icon *[data-v-ded345b1]:after{box-sizing:border-box}.b-info-icon[data-v-ded345b1] ::-webkit-scrollbar{height:14px;width:14px}.b-info-icon[data-v-ded345b1] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-info-icon[data-v-ded345b1]:focus-visible{box-shadow:0 0 0 1px var(--adl-color-neutral-0),0 0 0 3px var(--adl-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86);border-radius:50%}.b-info-icon__svg[data-v-ded345b1]{pointer-events:none}
@@ -1 +1 @@
1
- .b-link[data-v-bdaab366]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-link-color);text-decoration:var(--b-link-text-decoration)}.b-link[data-v-bdaab366],.b-link[data-v-bdaab366]:before,.b-link[data-v-bdaab366]:after{box-sizing:border-box}.b-link *[data-v-bdaab366],.b-link *[data-v-bdaab366]:before,.b-link *[data-v-bdaab366]:after{box-sizing:border-box}.b-link[data-v-bdaab366] ::-webkit-scrollbar{height:14px;width:14px}.b-link[data-v-bdaab366] ::-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-link[data-v-bdaab366]:focus-visible{outline:none}.b-link[data-v-bdaab366]:hover{color:var(--b-link-hover-color);text-decoration:var(--b-link-hover-text-decoration)}.b-link[data-v-bdaab366]:active{color:var(--b-link-active-color)}.b-link[data-v-bdaab366]:focus-visible{animation:outer-ring-bdaab366 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color);border-radius:var(--b-link-border-radius)}@keyframes outer-ring-bdaab366{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-link--quiet[data-v-bdaab366]{color:var(--b-link-quiet-color);text-decoration:none}.b-link--quiet[data-v-bdaab366]:hover{color:var(--b-link-quiet-hover-color);text-decoration:underline}.b-link--quiet[data-v-bdaab366]:active{color:var(--b-link-quiet-active-color);text-decoration:underline}.b-link--quiet[data-v-bdaab366]:focus-visible{text-decoration:underline}
1
+ .b-link[data-v-ef4b4c7c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-link-color);text-decoration:var(--b-link-text-decoration)}.b-link[data-v-ef4b4c7c],.b-link[data-v-ef4b4c7c]:before,.b-link[data-v-ef4b4c7c]:after{box-sizing:border-box}.b-link *[data-v-ef4b4c7c],.b-link *[data-v-ef4b4c7c]:before,.b-link *[data-v-ef4b4c7c]:after{box-sizing:border-box}.b-link[data-v-ef4b4c7c] ::-webkit-scrollbar{height:14px;width:14px}.b-link[data-v-ef4b4c7c] ::-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-link[data-v-ef4b4c7c]:focus-visible{outline:none}.b-link[data-v-ef4b4c7c]:hover{color:var(--b-link-hover-color);text-decoration:var(--b-link-hover-text-decoration)}.b-link[data-v-ef4b4c7c]:active{color:var(--b-link-active-color)}.b-link[data-v-ef4b4c7c]:focus-visible{animation:outer-ring-ef4b4c7c var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color);border-radius:var(--b-link-border-radius)}@keyframes outer-ring-ef4b4c7c{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-link--quiet[data-v-ef4b4c7c]{color:var(--b-link-quiet-color);text-decoration:none}.b-link--quiet[data-v-ef4b4c7c]:hover{color:var(--b-link-quiet-hover-color);text-decoration:underline}.b-link--quiet[data-v-ef4b4c7c]:active{color:var(--b-link-quiet-active-color);text-decoration:underline}.b-link--quiet[data-v-ef4b4c7c]:focus-visible{text-decoration:underline}
@@ -1 +1 @@
1
- @keyframes spin-f3207a00{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.b-loading-button--primary-loading[data-v-f3207a00]{background-color:var(--b-loading-button-primary-active-background-color)}.b-loading-button--primary-success[data-v-f3207a00]{background-color:var(--b-loading-button-primary-success-background-color);color:var(--b-loading-button-primary-success-color)}.b-loading-button--primary-success[data-v-f3207a00]:hover{background-color:var(--b-loading-button-primary-success-hover-background-color)}.b-loading-button--primary-success[data-v-f3207a00]:active{background-color:var(--b-loading-button-primary-success-active-background-color)}.b-loading-button--primary-success[data-v-f3207a00]:disabled{background-color:var(--b-loading-button-primary-success-disabled-background-color);color:var(--b-loading-button-primary-success-disabled-color)}.b-loading-button--secondary-loading[data-v-f3207a00]{background-color:var(--b-loading-button-secondary-active-background-color);color:var(--b-loading-button-secondary-active-color)}.b-loading-button--secondary-loading[data-v-f3207a00]:hover:not(:focus){box-shadow:none}.b-loading-button--secondary-success[data-v-f3207a00]{background-color:var(--b-loading-button-secondary-success-background-color);border-color:var(--b-loading-button-secondary-success-border-color);color:var(--b-loading-button-secondary-success-color)}.b-loading-button--secondary-success[data-v-f3207a00]:hover{border-color:var(--b-loading-button-secondary-success-hover-border-color);box-shadow:var(--b-loading-button-secondary-success-hover-box-shadow)}.b-loading-button--secondary-success[data-v-f3207a00]:active{background-color:var(--b-loading-button-secondary-success-active-background-color);border-color:var(--b-loading-button-secondary-success-active-border-color)}.b-loading-button--secondary-success[data-v-f3207a00]:disabled{background-color:var(--b-loading-button-secondary-success-disabled-background-color);border-color:var(--b-loading-button-secondary-success-disabled-border-color);box-shadow:unset;color:var(--b-loading-button-secondary-success-disabled-color)}.b-loading-button--tertiary-loading[data-v-f3207a00]{background-color:var(--b-loading-button-tertiary-active-background-color)}.b-loading-button__icon[data-v-f3207a00]{display:inline-flex}
1
+ @keyframes spin-7f49ed30{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.b-loading-button--primary-loading[data-v-7f49ed30]{background-color:var(--b-loading-button-primary-active-background-color)}.b-loading-button--primary-success[data-v-7f49ed30]{background-color:var(--b-loading-button-primary-success-background-color);color:var(--b-loading-button-primary-success-color)}.b-loading-button--primary-success[data-v-7f49ed30]:hover{background-color:var(--b-loading-button-primary-success-hover-background-color)}.b-loading-button--primary-success[data-v-7f49ed30]:active{background-color:var(--b-loading-button-primary-success-active-background-color)}.b-loading-button--primary-success[data-v-7f49ed30]:disabled{background-color:var(--b-loading-button-primary-success-disabled-background-color);color:var(--b-loading-button-primary-success-disabled-color)}.b-loading-button--secondary-loading[data-v-7f49ed30]{background-color:var(--b-loading-button-secondary-active-background-color);color:var(--b-loading-button-secondary-active-color)}.b-loading-button--secondary-loading[data-v-7f49ed30]:hover:not(:focus){box-shadow:none}.b-loading-button--secondary-success[data-v-7f49ed30]{background-color:var(--b-loading-button-secondary-success-background-color);border-color:var(--b-loading-button-secondary-success-border-color);color:var(--b-loading-button-secondary-success-color)}.b-loading-button--secondary-success[data-v-7f49ed30]:hover{border-color:var(--b-loading-button-secondary-success-hover-border-color);box-shadow:var(--b-loading-button-secondary-success-hover-box-shadow)}.b-loading-button--secondary-success[data-v-7f49ed30]:active{background-color:var(--b-loading-button-secondary-success-active-background-color);border-color:var(--b-loading-button-secondary-success-active-border-color)}.b-loading-button--secondary-success[data-v-7f49ed30]:disabled{background-color:var(--b-loading-button-secondary-success-disabled-background-color);border-color:var(--b-loading-button-secondary-success-disabled-border-color);box-shadow:unset;color:var(--b-loading-button-secondary-success-disabled-color)}.b-loading-button--tertiary-loading[data-v-7f49ed30]{background-color:var(--b-loading-button-tertiary-active-background-color)}.b-loading-button__icon[data-v-7f49ed30]{display:inline-flex}
@@ -1,4 +1,4 @@
1
- import { A as t, B as e, a as o } from "./chunks/index.dd20095f.js";
1
+ import { A as t, B as e, a as o } from "./chunks/index.655b761f.js";
2
2
  export {
3
3
  t as AvatarImage,
4
4
  e as BentoAvatarImageColor,
package/dist/badge.js CHANGED
@@ -2,7 +2,7 @@ import { defineComponent as l, computed as n, openBlock as d, createElementBlock
2
2
  import { u as p } from "./chunks/aria-label.ac9651a5.js";
3
3
  import { g as f } from "./chunks/get-slot-text.bead058f.js";
4
4
  import { _ } from "./chunks/_plugin-vue_export-helper.dad06003.js";
5
- import "./assets/index8.css";
5
+ import "./assets/index3.css";
6
6
  var t = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.ATTENTION = "attention", e.WARNING = "warning", e.CRITICAL = "critical", e.SUCCESS = "success", e))(t || {});
7
7
  const m = l({
8
8
  name: "adl-badge",
package/dist/button.js CHANGED
@@ -1,10 +1,10 @@
1
- import { a as y, B as _ } from "./chunks/button.7072457f.js";
2
- import { b as q } from "./chunks/button.7072457f.js";
1
+ import { a as y, B as _ } from "./chunks/button.9d72e2d7.js";
2
+ import { b as q } from "./chunks/button.9d72e2d7.js";
3
3
  import { defineComponent as T, computed as p, resolveComponent as u, openBlock as n, createElementBlock as a, createElementVNode as A, normalizeClass as E, Fragment as N, renderList as S, createBlock as s, withCtx as r, createTextVNode as m, toDisplayString as v, createSlots as I, resolveDynamicComponent as L } from "vue";
4
- import { B as V } from "./chunks/loading-button.41c15584.js";
5
- import { a as K } from "./chunks/loading-button.41c15584.js";
4
+ import { B as V } from "./chunks/loading-button.fb1f20a3.js";
5
+ import { a as K } from "./chunks/loading-button.fb1f20a3.js";
6
6
  import { _ as x } from "./chunks/_plugin-vue_export-helper.dad06003.js";
7
- import "./assets/index5.css";
7
+ import "./assets/index18.css";
8
8
  var f = /* @__PURE__ */ ((e) => (e.BUTTONS_END = "buttons-end", e.FILL_CONTAINER = "fill-container", e.SPACE_BETWEEN = "space-between", e.VERTICAL_STACK = "vertical-stack", e))(f || {}), B = /* @__PURE__ */ ((e) => (e.BUTTONS_START = "buttons-start", e))(B || {});
9
9
  const b = { ...f, ...B }, O = T({
10
10
  name: "bento-button-actions",
package/dist/card.js CHANGED
@@ -1,38 +1,39 @@
1
- import { defineComponent as H, ref as M, watch as z, computed as a, resolveComponent as y, openBlock as t, createElementBlock as i, normalizeClass as c, renderSlot as p, createCommentVNode as d, withKeys as w, createElementVNode as k, createBlock as v, mergeProps as O, withCtx as S, createVNode as R } from "vue";
2
- import { B as W } from "./chunks/index.32ed68b7.js";
3
- import { a as j, C as F } from "./chunks/chevron-up.9bf21068.js";
4
- import { u as P } from "./chunks/use-has-slot.3daaffc6.js";
5
- import { g as V } from "./chunks/unique-id.a2a2b458.js";
6
- import { u as Y } from "./chunks/i18n.6c402773.js";
7
- import { BentoButtonActions as K, BentoButtonActionsLayout as E } from "./button.js";
8
- import { _ as x } from "./chunks/_plugin-vue_export-helper.dad06003.js";
9
- import "./assets/index4.css";
10
- var g = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.SECONDARY = "secondary", e))(g || {}), u = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.SMALL = "small", e))(u || {});
11
- const A = {
1
+ import { defineComponent as x, ref as A, watch as j, computed as a, onMounted as F, resolveComponent as p, openBlock as t, createElementBlock as i, normalizeClass as u, renderSlot as h, createCommentVNode as s, withKeys as B, createElementVNode as m, createBlock as C, mergeProps as P, withCtx as _, createVNode as L, Transition as V, normalizeStyle as Y } from "vue";
2
+ import { B as K } from "./chunks/index.9fc54b60.js";
3
+ import { a as q, C as G } from "./chunks/chevron-up.9bf21068.js";
4
+ import { u as J } from "./chunks/use-has-slot.4d98bf29.js";
5
+ import { g as Q } from "./chunks/unique-id.a2a2b458.js";
6
+ import { u as X } from "./chunks/i18n.6c402773.js";
7
+ import { u as Z } from "./chunks/use-expandable-content-height.62fc84e5.js";
8
+ import { BentoButtonActions as ee, BentoButtonActionsLayout as T } from "./button.js";
9
+ import { _ as ae } from "./chunks/_plugin-vue_export-helper.dad06003.js";
10
+ import "./assets/index19.css";
11
+ var f = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.SECONDARY = "secondary", e))(f || {}), b = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.SMALL = "small", e))(b || {});
12
+ const H = {
12
13
  "en-US": {
13
14
  showCardContent: "Show card content",
14
15
  hideCardContent: "Hide card content"
15
16
  }
16
- }, q = H({
17
- i18n: { messages: A },
17
+ }, te = x({
18
+ i18n: { messages: H },
18
19
  name: "bento-card",
19
- components: { ChevronUpIcon: j, ChevronDownIcon: F, BentoTypography: W, BentoButtonActions: K },
20
+ components: { ChevronUpIcon: q, ChevronDownIcon: G, BentoTypography: K, BentoButtonActions: ee },
20
21
  props: {
21
22
  /**
22
23
  * Defines the color of card background
23
24
  */
24
25
  background: {
25
26
  type: String,
26
- default: g.PRIMARY,
27
- validator: (e) => Object.values(g).includes(e)
27
+ default: f.PRIMARY,
28
+ validator: (e) => Object.values(f).includes(e)
28
29
  },
29
30
  /**
30
31
  * Defines the title size of the card header
31
32
  */
32
33
  titleSize: {
33
34
  type: String,
34
- default: u.DEFAULT,
35
- validator: (e) => Object.values(u).includes(e)
35
+ default: b.DEFAULT,
36
+ validator: (e) => Object.values(b).includes(e)
36
37
  },
37
38
  /**
38
39
  * The whole content of the card will be expandable in accordion manner
@@ -96,184 +97,197 @@ const A = {
96
97
  */
97
98
  actionsLayout: {
98
99
  type: String,
99
- default: E.BUTTONS_END,
100
- validator: (e) => Object.values(E).includes(e)
100
+ default: T.BUTTONS_END,
101
+ validator: (e) => Object.values(T).includes(e)
101
102
  }
102
103
  },
103
104
  emits: ["click", "expanded"],
104
- setup(e, { emit: n, slots: m }) {
105
- const { t: _ } = Y({ messages: A }), o = P(m), f = V("card"), l = M(!e.closed);
106
- z(
105
+ setup(e, { emit: n, slots: w }) {
106
+ const { t: k } = X({ messages: H }), o = J(w), g = A(null), v = Q("card"), l = A(!e.closed);
107
+ j(
107
108
  () => e.closed,
108
- (r) => {
109
- l.value = !r;
109
+ (c) => {
110
+ l.value = !c;
110
111
  }
111
112
  );
112
- const b = a(() => o("default") || o("description") || o("header")), C = a(() => o("default") || o("header")), h = a(
113
+ const r = a(() => o("default") || o("description") || o("header")), y = a(() => o("default") || o("header")), d = a(
113
114
  () => {
114
- var r;
115
- return (o("content") || ((r = e.actions) == null ? void 0 : r.length)) && (!e.expandable || e.expandable && l.value);
115
+ var c;
116
+ return (o("content") || ((c = e.actions) == null ? void 0 : c.length)) && (!e.expandable || e.expandable && l.value);
116
117
  }
117
- ), s = a(() => e.expandable && !e.disabled ? 0 : -1), B = a(() => ({
118
+ ), I = a(() => e.expandable && !e.disabled ? 0 : -1), $ = a(() => ({
118
119
  [`b-card--${e.background}`]: e.background,
119
120
  "b-card--expandable": e.expandable,
120
121
  "b-card--disabled": e.expandable && e.disabled
121
- })), L = a(() => ({
122
+ })), M = a(() => ({
122
123
  "b-card__header--expandable": e.expandable,
123
- "b-card__header--without-body": !e.expandable && !h.value
124
- })), I = a(() => ({
125
- "b-card__toggle--small-text": e.titleSize === u.SMALL
126
- })), T = a(() => ({
124
+ "b-card__header--without-body": !e.expandable && !d.value
125
+ })), D = a(() => ({
126
+ "b-card__toggle--small-text": e.titleSize === b.SMALL
127
+ })), N = a(() => ({
127
128
  "b-card__body--expandable": e.expandable && o("content"),
128
- "b-card__body--without-header": !e.expandable && !b.value
129
- })), $ = a(() => ({
130
- "b-card__content--without-header": !e.expandable && !b.value,
129
+ "b-card__body--without-header": !e.expandable && !r.value
130
+ })), U = a(() => ({
131
+ "b-card__content--without-header": !e.expandable && !r.value,
131
132
  "b-card__content--expandable": e.expandable
132
- })), N = a(() => {
133
- const r = !e.expandable && e.actions && !o("content");
133
+ })), z = a(() => {
134
+ const c = !e.expandable && e.actions && !o("content");
134
135
  return {
135
- "b-card__actions--without-content": r,
136
- "b-card__actions--without-content-and-with-header": r && b.value
136
+ "b-card__actions--without-content": c,
137
+ "b-card__actions--without-content-and-with-header": c && r.value
137
138
  };
138
- }), U = a(() => ({
139
+ }), O = a(() => ({
139
140
  "b-card__title-wrapper--truncated": o("header")
140
- })), D = a(
141
+ })), R = a(
141
142
  () => ({
142
143
  el: "div",
143
- variant: e.titleSize === u.DEFAULT ? "title" : "body",
144
- strongest: e.titleSize === u.SMALL,
145
- wide: e.titleSize === u.SMALL
144
+ variant: e.titleSize === b.DEFAULT ? "title" : "body",
145
+ strongest: e.titleSize === b.SMALL,
146
+ wide: e.titleSize === b.SMALL
146
147
  })
147
- );
148
- return {
148
+ ), { updateContentHeight: S, contentHeight: E } = Z(g, l), W = a(() => E.value ? { "max-height": E.value } : {});
149
+ return F(() => S()), {
149
150
  // Values
150
- cardId: f,
151
- cardConditionalClasses: B,
152
- cardBodyConditionalClasses: T,
153
- cardHeaderConditionalClasses: L,
154
- cardContentConditionalClasses: $,
155
- cardActionsConditionalClasses: N,
156
- cardTitleWrapperConditionalClasses: U,
157
- cardToggleConditionalClasses: I,
158
- showCardBody: h,
151
+ cardId: v,
152
+ cardConditionalClasses: $,
153
+ cardBodyConditionalClasses: N,
154
+ cardHeaderConditionalClasses: M,
155
+ cardContentConditionalClasses: U,
156
+ cardActionsConditionalClasses: z,
157
+ cardTitleWrapperConditionalClasses: O,
158
+ cardToggleConditionalClasses: D,
159
+ showCardBody: d,
159
160
  showContent: l,
160
- tabIndex: s,
161
- showHeader: b,
162
- showTitleWrapper: C,
163
- typography: D,
161
+ tabIndex: I,
162
+ showHeader: r,
163
+ showTitleWrapper: y,
164
+ typography: R,
165
+ // Expand animation
166
+ contentDiv: g,
167
+ contentMaxHeight: W,
164
168
  // Methods
165
169
  hasSlot: o,
166
170
  onClick: () => {
167
171
  e.disabled || n("click");
168
172
  },
169
- t: _,
173
+ t: k,
170
174
  toggleExpansion: () => {
171
- e.disabled || (l.value = !l.value, n("expanded", l.value));
175
+ e.disabled || (l.value = !l.value, n("expanded", l.value), S());
172
176
  }
173
177
  };
174
178
  }
175
179
  });
176
- const G = {
180
+ const ne = {
177
181
  key: 0,
178
182
  class: "b-card__image"
179
- }, J = ["tabindex", "aria-controls", "aria-expanded", "role"], Q = { class: "b-card__header-wrapper" }, X = {
183
+ }, oe = ["tabindex", "aria-controls", "aria-expanded", "role"], de = { class: "b-card__header-wrapper" }, se = {
180
184
  key: 0,
181
185
  class: "b-card__header-slot-wrapper"
182
- }, Z = ["id"];
183
- function ee(e, n, m, _, o, f) {
184
- const l = y("chevron-up-icon"), b = y("chevron-down-icon"), C = y("bento-typography"), h = y("bento-button-actions");
186
+ }, le = ["id"];
187
+ function ie(e, n, w, k, o, g) {
188
+ const v = p("chevron-up-icon"), l = p("chevron-down-icon"), r = p("bento-typography"), y = p("bento-button-actions");
185
189
  return t(), i("div", {
186
- class: c(["b-card", e.cardConditionalClasses]),
190
+ class: u(["b-card", e.cardConditionalClasses]),
187
191
  "data-testid": "card",
188
- onClick: n[3] || (n[3] = (...s) => e.onClick && e.onClick(...s))
192
+ onClick: n[3] || (n[3] = (...d) => e.onClick && e.onClick(...d))
189
193
  }, [
190
- e.hasSlot("image") ? (t(), i("div", G, [
191
- p(e.$slots, "image", {}, void 0, !0)
192
- ])) : d("", !0),
194
+ e.hasSlot("image") ? (t(), i("div", ne, [
195
+ h(e.$slots, "image", {}, void 0, !0)
196
+ ])) : s("", !0),
193
197
  e.showHeader ? (t(), i("div", {
194
198
  key: 1,
195
- class: c(["b-card__header", e.cardHeaderConditionalClasses]),
199
+ class: u(["b-card__header", e.cardHeaderConditionalClasses]),
196
200
  tabindex: e.tabIndex,
197
201
  "aria-controls": e.expandable ? e.cardId : null,
198
202
  "aria-expanded": e.expandable ? `${e.showContent}` : null,
199
203
  role: e.expandable ? "button" : null,
200
- onClick: n[0] || (n[0] = (...s) => e.toggleExpansion && e.toggleExpansion(...s)),
204
+ onClick: n[0] || (n[0] = (...d) => e.toggleExpansion && e.toggleExpansion(...d)),
201
205
  onKeypress: [
202
- n[1] || (n[1] = w((...s) => e.toggleExpansion && e.toggleExpansion(...s), ["enter"])),
203
- n[2] || (n[2] = w((...s) => e.toggleExpansion && e.toggleExpansion(...s), ["space"]))
206
+ n[1] || (n[1] = B((...d) => e.toggleExpansion && e.toggleExpansion(...d), ["enter"])),
207
+ n[2] || (n[2] = B((...d) => e.toggleExpansion && e.toggleExpansion(...d), ["space"]))
204
208
  ]
205
209
  }, [
206
- k("div", Q, [
207
- e.showTitleWrapper ? (t(), i("div", X, [
208
- k("div", {
209
- class: c(["b-card__title-wrapper", e.cardTitleWrapperConditionalClasses])
210
+ m("div", de, [
211
+ e.showTitleWrapper ? (t(), i("div", se, [
212
+ m("div", {
213
+ class: u(["b-card__title-wrapper", e.cardTitleWrapperConditionalClasses])
210
214
  }, [
211
215
  e.expandable ? (t(), i("div", {
212
216
  key: 0,
213
- class: c(["b-card__toggle", e.cardToggleConditionalClasses])
217
+ class: u(["b-card__toggle", e.cardToggleConditionalClasses])
214
218
  }, [
215
- e.showContent ? (t(), v(l, {
219
+ e.showContent ? (t(), C(v, {
216
220
  key: 0,
217
221
  "svg-title": e.t("hideCardContent"),
218
222
  "aria-hidden": "true"
219
- }, null, 8, ["svg-title"])) : (t(), v(b, {
223
+ }, null, 8, ["svg-title"])) : (t(), C(l, {
220
224
  key: 1,
221
225
  "svg-title": e.t("showCardContent"),
222
226
  "aria-hidden": "true"
223
227
  }, null, 8, ["svg-title"]))
224
- ], 2)) : d("", !0),
225
- e.hasSlot("default") ? (t(), v(C, O({
228
+ ], 2)) : s("", !0),
229
+ e.hasSlot("default") ? (t(), C(r, P({
226
230
  key: 1,
227
231
  class: "b-card__title"
228
232
  }, e.typography), {
229
- default: S(() => [
230
- p(e.$slots, "default", {}, void 0, !0)
233
+ default: _(() => [
234
+ h(e.$slots, "default", {}, void 0, !0)
231
235
  ]),
232
236
  _: 3
233
- }, 16)) : d("", !0)
237
+ }, 16)) : s("", !0)
234
238
  ], 2),
235
- e.hasSlot("header") ? p(e.$slots, "header", { key: 0 }, void 0, !0) : d("", !0)
236
- ])) : d("", !0),
237
- e.hasSlot("description") ? (t(), v(C, {
239
+ e.hasSlot("header") ? h(e.$slots, "header", { key: 0 }, void 0, !0) : s("", !0)
240
+ ])) : s("", !0),
241
+ e.hasSlot("description") ? (t(), C(r, {
238
242
  key: 1,
239
243
  class: "b-card__description",
240
244
  el: "div",
241
245
  variant: "body"
242
246
  }, {
243
- default: S(() => [
244
- p(e.$slots, "description", {}, void 0, !0)
247
+ default: _(() => [
248
+ h(e.$slots, "description", {}, void 0, !0)
245
249
  ]),
246
250
  _: 3
247
- })) : d("", !0)
251
+ })) : s("", !0)
248
252
  ])
249
- ], 42, J)) : d("", !0),
250
- e.showCardBody ? (t(), i("div", {
251
- key: 2,
252
- id: e.expandable ? e.cardId : null,
253
- class: c(["b-card__body", e.cardBodyConditionalClasses])
254
- }, [
255
- e.hasSlot("content") ? (t(), i("div", {
256
- key: 0,
257
- class: c(["b-card__content", e.cardContentConditionalClasses])
258
- }, [
259
- p(e.$slots, "content", {}, void 0, !0)
260
- ], 2)) : d("", !0),
261
- e.actions ? (t(), i("div", {
262
- key: 1,
263
- class: c(["b-card__actions", e.cardActionsConditionalClasses])
264
- }, [
265
- R(h, {
266
- actions: e.actions,
267
- layout: e.actionsLayout
268
- }, null, 8, ["actions", "layout"])
269
- ], 2)) : d("", !0)
270
- ], 10, Z)) : d("", !0)
253
+ ], 42, oe)) : s("", !0),
254
+ L(V, { name: "b-card__animation" }, {
255
+ default: _(() => [
256
+ e.showCardBody ? (t(), i("div", {
257
+ key: 0,
258
+ style: Y(e.contentMaxHeight)
259
+ }, [
260
+ m("div", {
261
+ id: e.expandable ? e.cardId : null,
262
+ ref: "contentDiv",
263
+ class: u(["b-card__body", e.cardBodyConditionalClasses])
264
+ }, [
265
+ e.hasSlot("content") ? (t(), i("div", {
266
+ key: 0,
267
+ class: u(["b-card__content", e.cardContentConditionalClasses])
268
+ }, [
269
+ h(e.$slots, "content", {}, void 0, !0)
270
+ ], 2)) : s("", !0),
271
+ e.actions ? (t(), i("div", {
272
+ key: 1,
273
+ class: u(["b-card__actions", e.cardActionsConditionalClasses])
274
+ }, [
275
+ L(y, {
276
+ actions: e.actions,
277
+ layout: e.actionsLayout
278
+ }, null, 8, ["actions", "layout"])
279
+ ], 2)) : s("", !0)
280
+ ], 10, le)
281
+ ], 4)) : s("", !0)
282
+ ]),
283
+ _: 3
284
+ })
271
285
  ], 2);
272
286
  }
273
- const ue = /* @__PURE__ */ x(q, [["render", ee], ["__scopeId", "data-v-48ac23e7"]]);
287
+ const _e = /* @__PURE__ */ ae(te, [["render", ie], ["__scopeId", "data-v-278416ea"]]);
274
288
  export {
275
- ue as BentoCard,
276
- g as BentoCardBackground,
277
- u as BentoCardTitleSize
289
+ _e as BentoCard,
290
+ f as BentoCardBackground,
291
+ b as BentoCardTitleSize
278
292
  };
279
293
  //# sourceMappingURL=card.js.map