@adyen/bento-vue3 2.0.1-rc.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (232) hide show
  1. package/dist/accordion.js +1 -1
  2. package/dist/action-bar.js +1 -1
  3. package/dist/ai-tag.js +1 -1
  4. package/dist/alert.js +1 -1
  5. package/dist/assets/accordion-item.css +1 -1
  6. package/dist/assets/action-bar.css +1 -1
  7. package/dist/assets/base-modal.css +1 -1
  8. package/dist/assets/button-actions.css +1 -1
  9. package/dist/assets/card.css +1 -1
  10. package/dist/assets/data-grid.css +1 -1
  11. package/dist/assets/dialog-page.css +1 -1
  12. package/dist/assets/file-uploader.css +1 -1
  13. package/dist/assets/filter-bar.css +1 -1
  14. package/dist/assets/inspector.css +1 -1
  15. package/dist/assets/modal-fullscreen.css +1 -1
  16. package/dist/assets/navigation-menu-group.css +1 -1
  17. package/dist/assets/secondary-nav.css +1 -1
  18. package/dist/assets/sidepanel.css +1 -1
  19. package/dist/button.js +1 -1
  20. package/dist/card.js +1 -1
  21. package/dist/checkbox.js +2 -2
  22. package/dist/chunks/{accordion-item.l88yjGPT.js → accordion-item.BMxeTYDy.js} +2 -2
  23. package/dist/chunks/{accordion-item.l88yjGPT.js.map → accordion-item.BMxeTYDy.js.map} +1 -1
  24. package/dist/chunks/{action-bar.CDkRNAoE.js → action-bar.CWjLoeOU.js} +3 -3
  25. package/dist/chunks/{action-bar.CDkRNAoE.js.map → action-bar.CWjLoeOU.js.map} +1 -1
  26. package/dist/chunks/{ai-tag.BijlneJD.js → ai-tag.CjrOE5yl.js} +2 -2
  27. package/dist/chunks/{ai-tag.BijlneJD.js.map → ai-tag.CjrOE5yl.js.map} +1 -1
  28. package/dist/chunks/{alert.Bplzzgm3.js → alert.C8Pe1-OO.js} +98 -80
  29. package/dist/chunks/alert.C8Pe1-OO.js.map +1 -0
  30. package/dist/chunks/{base-modal.DKCKkQDy.js → base-modal.Bn4ZXwv6.js} +4 -4
  31. package/dist/chunks/{base-modal.DKCKkQDy.js.map → base-modal.Bn4ZXwv6.js.map} +1 -1
  32. package/dist/chunks/{button-actions-with-menu.CqFhtqhV.js → button-actions-with-menu.CrbF2BSQ.js} +2 -2
  33. package/dist/chunks/{button-actions-with-menu.CqFhtqhV.js.map → button-actions-with-menu.CrbF2BSQ.js.map} +1 -1
  34. package/dist/chunks/{button-actions.796MVzQq.js → button-actions.uIjzze43.js} +2 -2
  35. package/dist/chunks/{button-actions.796MVzQq.js.map → button-actions.uIjzze43.js.map} +1 -1
  36. package/dist/chunks/{calendar.C60WoNOM.js → calendar.Dtba7fcs.js} +18 -18
  37. package/dist/chunks/{calendar.C60WoNOM.js.map → calendar.Dtba7fcs.js.map} +1 -1
  38. package/dist/chunks/{card.Dvp16GwX.js → card.a8QL14dy.js} +4 -4
  39. package/dist/chunks/{card.Dvp16GwX.js.map → card.a8QL14dy.js.map} +1 -1
  40. package/dist/chunks/{checkbox-group.DTGifncj.js → checkbox-group.BCzNXT1-.js} +3 -3
  41. package/dist/chunks/{checkbox-group.DTGifncj.js.map → checkbox-group.BCzNXT1-.js.map} +1 -1
  42. package/dist/chunks/{checkbox.X1EMa3FW.js → checkbox.0RmIkniU.js} +14 -14
  43. package/dist/chunks/{checkbox.X1EMa3FW.js.map → checkbox.0RmIkniU.js.map} +1 -1
  44. package/dist/chunks/{code-snippet.DEsJSJVK.js → code-snippet.BbswO6TU.js} +4 -4
  45. package/dist/chunks/{code-snippet.DEsJSJVK.js.map → code-snippet.BbswO6TU.js.map} +1 -1
  46. package/dist/chunks/{controls-group.DerSnhym.js → controls-group.KarFHKUT.js} +2 -2
  47. package/dist/chunks/{controls-group.DerSnhym.js.map → controls-group.KarFHKUT.js.map} +1 -1
  48. package/dist/chunks/{copy.DNczgREu.js → copy.C92qFRaR.js} +3 -3
  49. package/dist/chunks/{copy.DNczgREu.js.map → copy.C92qFRaR.js.map} +1 -1
  50. package/dist/chunks/{dashboard-section.l2FpRDRL.js → dashboard-section.Bv-SveGN.js} +3 -3
  51. package/dist/chunks/{dashboard-section.l2FpRDRL.js.map → dashboard-section.Bv-SveGN.js.map} +1 -1
  52. package/dist/chunks/{dashed-underline.BCAYJqCs.js → dashed-underline.C3lSC1_R.js} +3 -3
  53. package/dist/chunks/{dashed-underline.BCAYJqCs.js.map → dashed-underline.C3lSC1_R.js.map} +1 -1
  54. package/dist/chunks/{data-grid-template.8nSTkhta.js → data-grid-template.DqZmPeze.js} +4 -4
  55. package/dist/chunks/{data-grid-template.8nSTkhta.js.map → data-grid-template.DqZmPeze.js.map} +1 -1
  56. package/dist/chunks/{data-grid.CjR--S7q.js → data-grid.vBDlLHOW.js} +19 -19
  57. package/dist/chunks/{data-grid.CjR--S7q.js.map → data-grid.vBDlLHOW.js.map} +1 -1
  58. package/dist/chunks/{date-picker.kX0OtzF-.js → date-picker.Dnr2HuxA.js} +7 -7
  59. package/dist/chunks/{date-picker.kX0OtzF-.js.map → date-picker.Dnr2HuxA.js.map} +1 -1
  60. package/dist/chunks/{date-range-picker.BiCTjOGe.js → date-range-picker.CuBygd3O.js} +32 -32
  61. package/dist/chunks/{date-range-picker.BiCTjOGe.js.map → date-range-picker.CuBygd3O.js.map} +1 -1
  62. package/dist/chunks/{draggable-handle.C4CTHXxX.js → draggable-handle.Cvc8gHzx.js} +2 -2
  63. package/dist/chunks/{draggable-handle.C4CTHXxX.js.map → draggable-handle.Cvc8gHzx.js.map} +1 -1
  64. package/dist/chunks/{draggable.GtQJVBaG.js → draggable.BZsgR26I.js} +2 -2
  65. package/dist/chunks/{draggable.GtQJVBaG.js.map → draggable.BZsgR26I.js.map} +1 -1
  66. package/dist/chunks/{dropdown-tag.ChTtNLjy.js → dropdown-tag.Bn5FPeEL.js} +3 -3
  67. package/dist/chunks/{dropdown-tag.ChTtNLjy.js.map → dropdown-tag.Bn5FPeEL.js.map} +1 -1
  68. package/dist/chunks/{dropdown.D_mKfQ6f.js → dropdown.D_jkFrMd.js} +5 -5
  69. package/dist/chunks/{dropdown.D_mKfQ6f.js.map → dropdown.D_jkFrMd.js.map} +1 -1
  70. package/dist/chunks/{empty-state.Ds2tRTWX.js → empty-state.DpUC-3wv.js} +2 -2
  71. package/dist/chunks/{empty-state.Ds2tRTWX.js.map → empty-state.DpUC-3wv.js.map} +1 -1
  72. package/dist/chunks/{field-label.2cXs_CZy.js → field-label.Cz11fn_F.js} +2 -2
  73. package/dist/chunks/{field-label.2cXs_CZy.js.map → field-label.Cz11fn_F.js.map} +1 -1
  74. package/dist/chunks/{file-uploader.AlkcCFhN.js → file-uploader.BglImnqw.js} +6 -7
  75. package/dist/chunks/{file-uploader.AlkcCFhN.js.map → file-uploader.BglImnqw.js.map} +1 -1
  76. package/dist/chunks/filter-bar.DG4GTi8L.js +3971 -0
  77. package/dist/chunks/filter-bar.DG4GTi8L.js.map +1 -0
  78. package/dist/chunks/{focus-trap.BgyHTR_3.js → focus-trap.Co-S6goa.js} +2 -1
  79. package/dist/chunks/{focus-trap.BgyHTR_3.js.map → focus-trap.Co-S6goa.js.map} +1 -1
  80. package/dist/chunks/{footer-actions.CjiK4krX.js → footer-actions.Dl20Q1WX.js} +2 -2
  81. package/dist/chunks/{footer-actions.CjiK4krX.js.map → footer-actions.Dl20Q1WX.js.map} +1 -1
  82. package/dist/chunks/{form-layout-title.BB-65dko.js → form-layout-title.BZFh_nGD.js} +2 -2
  83. package/dist/chunks/{form-layout-title.BB-65dko.js.map → form-layout-title.BZFh_nGD.js.map} +1 -1
  84. package/dist/chunks/{header-with-views.DncSeESj.js → header-with-views.WJlXgGI5.js} +10 -10
  85. package/dist/chunks/{header-with-views.DncSeESj.js.map → header-with-views.WJlXgGI5.js.map} +1 -1
  86. package/dist/chunks/{header.CcbbavgV.js → header.Bi3MPZKE.js} +4 -4
  87. package/dist/chunks/{header.CcbbavgV.js.map → header.Bi3MPZKE.js.map} +1 -1
  88. package/dist/chunks/{info-icon-with-popover.i_J-4snn.js → info-icon-with-popover.uSr6-jzR.js} +3 -3
  89. package/dist/chunks/{info-icon-with-popover.i_J-4snn.js.map → info-icon-with-popover.uSr6-jzR.js.map} +1 -1
  90. package/dist/chunks/{info-icon.Bs4_4xiO.js → info-icon.Zlg6Sgz0.js} +3 -3
  91. package/dist/chunks/{info-icon.Bs4_4xiO.js.map → info-icon.Zlg6Sgz0.js.map} +1 -1
  92. package/dist/chunks/{input-field-password.DJJWboYN.js → input-field-password.CJZxudne.js} +4 -4
  93. package/dist/chunks/{input-field-password.DJJWboYN.js.map → input-field-password.CJZxudne.js.map} +1 -1
  94. package/dist/chunks/{input-field-phone-number.s6e7fRXS.js → input-field-phone-number.OJ4MG9Gf.js} +2 -2
  95. package/dist/chunks/{input-field-phone-number.s6e7fRXS.js.map → input-field-phone-number.OJ4MG9Gf.js.map} +1 -1
  96. package/dist/chunks/{input-field.D-9DhR3q.js → input-field.IyNujUZt.js} +3 -3
  97. package/dist/chunks/{input-field.D-9DhR3q.js.map → input-field.IyNujUZt.js.map} +1 -1
  98. package/dist/chunks/{input-time.B8CjTnFN.js → input-time.BJ6YqkFi.js} +3 -3
  99. package/dist/chunks/{input-time.B8CjTnFN.js.map → input-time.BJ6YqkFi.js.map} +1 -1
  100. package/dist/chunks/{inspector-page.ddc8uxW0.js → inspector-page.D42_PXHM.js} +2 -2
  101. package/dist/chunks/{inspector-page.ddc8uxW0.js.map → inspector-page.D42_PXHM.js.map} +1 -1
  102. package/dist/chunks/{inspector.M8CDE070.js → inspector.BBgrupfO.js} +2 -2
  103. package/dist/chunks/{inspector.M8CDE070.js.map → inspector.BBgrupfO.js.map} +1 -1
  104. package/dist/chunks/{list-item.H7_fNTdv.js → list-item.CT7dyMQH.js} +3 -3
  105. package/dist/chunks/{list-item.H7_fNTdv.js.map → list-item.CT7dyMQH.js.map} +1 -1
  106. package/dist/chunks/{listbox-option-tag.D4dI6JjW.js → listbox-option-tag.CwrFdsY1.js} +2 -2
  107. package/dist/chunks/{listbox-option-tag.D4dI6JjW.js.map → listbox-option-tag.CwrFdsY1.js.map} +1 -1
  108. package/dist/chunks/{modal-fullscreen.xBCeCfKq.js → modal-fullscreen.I5bjqzfd.js} +3 -3
  109. package/dist/chunks/{modal-fullscreen.xBCeCfKq.js.map → modal-fullscreen.I5bjqzfd.js.map} +1 -1
  110. package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.DI5FvZCo.js → modal.vue_vue_type_script_setup_true_lang.CrsIyU7A.js} +4 -4
  111. package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.DI5FvZCo.js.map → modal.vue_vue_type_script_setup_true_lang.CrsIyU7A.js.map} +1 -1
  112. package/dist/chunks/{navigation-menu-group.C3PlLAW0.js → navigation-menu-group.BJ9ZsXEn.js} +3 -3
  113. package/dist/chunks/{navigation-menu-group.C3PlLAW0.js.map → navigation-menu-group.BJ9ZsXEn.js.map} +1 -1
  114. package/dist/chunks/{pagination.BDWvQSLE.js → pagination.C5gZxtZY.js} +2 -2
  115. package/dist/chunks/{pagination.BDWvQSLE.js.map → pagination.C5gZxtZY.js.map} +1 -1
  116. package/dist/chunks/popover.types.dhllh3NP.js +6 -0
  117. package/dist/chunks/{popover.types.CXIAfp1m.js.map → popover.types.dhllh3NP.js.map} +1 -1
  118. package/dist/chunks/{popper-container.lfk_dyZi.js → popper-container.Rfj8UdMD.js} +2 -2
  119. package/dist/chunks/{popper-container.lfk_dyZi.js.map → popper-container.Rfj8UdMD.js.map} +1 -1
  120. package/dist/chunks/{radio-group.BCSEk7bG.js → radio-group.XmRPh03c.js} +3 -3
  121. package/dist/chunks/{radio-group.BCSEk7bG.js.map → radio-group.XmRPh03c.js.map} +1 -1
  122. package/dist/chunks/{rich-text-editor.-rhl_Odb.js → rich-text-editor.Cv_Vwt-6.js} +5 -5
  123. package/dist/chunks/{rich-text-editor.-rhl_Odb.js.map → rich-text-editor.Cv_Vwt-6.js.map} +1 -1
  124. package/dist/chunks/{search-bar.9OVo47s4.js → search-bar.5tObtLfW.js} +3 -3
  125. package/dist/chunks/{search-bar.9OVo47s4.js.map → search-bar.5tObtLfW.js.map} +1 -1
  126. package/dist/chunks/{secondary-nav.DLIwusR0.js → secondary-nav.DApIImQ0.js} +4 -4
  127. package/dist/chunks/{secondary-nav.DLIwusR0.js.map → secondary-nav.DApIImQ0.js.map} +1 -1
  128. package/dist/chunks/{segmented-control.CVGuMpfp.js → segmented-control.CEt2dz4n.js} +2 -2
  129. package/dist/chunks/{segmented-control.CVGuMpfp.js.map → segmented-control.CEt2dz4n.js.map} +1 -1
  130. package/dist/chunks/{selection-card-group.BdPFzMeI.js → selection-card-group.DHXtJpoB.js} +10 -10
  131. package/dist/chunks/{selection-card-group.BdPFzMeI.js.map → selection-card-group.DHXtJpoB.js.map} +1 -1
  132. package/dist/chunks/{sidepanel.DAJe9Vze.js → sidepanel._30g8POM.js} +4 -4
  133. package/dist/chunks/{sidepanel.DAJe9Vze.js.map → sidepanel._30g8POM.js.map} +1 -1
  134. package/dist/chunks/{structured-list-item.DHhqoy1c.js → structured-list-item.CBzznwcF.js} +4 -4
  135. package/dist/chunks/{structured-list-item.DHhqoy1c.js.map → structured-list-item.CBzznwcF.js.map} +1 -1
  136. package/dist/chunks/{summary-grid.types.q3UovoFz.js → summary-grid.types.BR_EGvRg.js} +5 -5
  137. package/dist/chunks/{summary-grid.types.q3UovoFz.js.map → summary-grid.types.BR_EGvRg.js.map} +1 -1
  138. package/dist/chunks/{tab.BnQFECsk.js → tab.D_k5AVHk.js} +2 -2
  139. package/dist/chunks/{tab.BnQFECsk.js.map → tab.D_k5AVHk.js.map} +1 -1
  140. package/dist/chunks/{tag.CYht36pa.js → tag.BE1j0Oid.js} +2 -2
  141. package/dist/chunks/{tag.CYht36pa.js.map → tag.BE1j0Oid.js.map} +1 -1
  142. package/dist/chunks/{textarea.Co2I-8Xo.js → textarea.BYshPd98.js} +2 -2
  143. package/dist/chunks/{textarea.Co2I-8Xo.js.map → textarea.BYshPd98.js.map} +1 -1
  144. package/dist/chunks/{timeline-item.cWOsHLlm.js → timeline-item.Sy_DSw6p.js} +6 -6
  145. package/dist/chunks/{timeline-item.cWOsHLlm.js.map → timeline-item.Sy_DSw6p.js.map} +1 -1
  146. package/dist/chunks/{title-details.BoXlSA06.js → title-details.C4ZvxPMu.js} +2 -2
  147. package/dist/chunks/{title-details.BoXlSA06.js.map → title-details.C4ZvxPMu.js.map} +1 -1
  148. package/dist/chunks/{tooltip.870vHAR2.js → tooltip.TFOGHOO0.js} +3 -3
  149. package/dist/chunks/{tooltip.870vHAR2.js.map → tooltip.TFOGHOO0.js.map} +1 -1
  150. package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.ddox1H1m.js → tutorial.vue_vue_type_script_setup_true_lang.BIP-heAH.js} +4 -4
  151. package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.ddox1H1m.js.map → tutorial.vue_vue_type_script_setup_true_lang.BIP-heAH.js.map} +1 -1
  152. package/dist/chunks/{use-date-input-formatter.C3Dpcve8.js → use-date-input-formatter._ik1DYYV.js} +2 -2
  153. package/dist/chunks/{use-date-input-formatter.C3Dpcve8.js.map → use-date-input-formatter._ik1DYYV.js.map} +1 -1
  154. package/dist/chunks/use-expandable-content-height.DmFeas9-.js +36 -0
  155. package/dist/chunks/use-expandable-content-height.DmFeas9-.js.map +1 -0
  156. package/dist/code-snippet.js +1 -1
  157. package/dist/dashboard-template.js +1 -1
  158. package/dist/dashed-underline.js +1 -1
  159. package/dist/data-grid-template.js +1 -1
  160. package/dist/data-grid.js +1 -1
  161. package/dist/date-picker.js +2 -2
  162. package/dist/date-range-picker.js +2 -2
  163. package/dist/date-time-picker.js +4 -4
  164. package/dist/draggable.js +2 -2
  165. package/dist/dropdown.js +2 -2
  166. package/dist/empty-state.js +1 -1
  167. package/dist/file-uploader.js +1 -1
  168. package/dist/filter-bar.js +1 -1
  169. package/dist/focus-trap.js +1 -1
  170. package/dist/form-layout.js +1 -1
  171. package/dist/header-with-views.js +1 -1
  172. package/dist/header.js +1 -1
  173. package/dist/index.js +55 -55
  174. package/dist/info-icon.js +1 -1
  175. package/dist/input-field-password.js +1 -1
  176. package/dist/input-field-phone-number.js +1 -1
  177. package/dist/input-field.js +1 -1
  178. package/dist/input-time.js +1 -1
  179. package/dist/inspector.js +2 -2
  180. package/dist/internal.js +11 -11
  181. package/dist/list.js +1 -1
  182. package/dist/menu.js +1 -1
  183. package/dist/modal-fullscreen.js +1 -1
  184. package/dist/modal.js +2 -2
  185. package/dist/navigation-menu.js +1 -1
  186. package/dist/pagination.js +1 -1
  187. package/dist/popover.js +2 -2
  188. package/dist/popper-container.js +1 -1
  189. package/dist/progress-bar.js +1 -1
  190. package/dist/radio-group.js +1 -1
  191. package/dist/rich-text-editor.js +1 -1
  192. package/dist/search-bar.js +2 -2
  193. package/dist/secondary-nav.js +1 -1
  194. package/dist/segmented-control.js +1 -1
  195. package/dist/selection-card.js +1 -1
  196. package/dist/sidepanel.js +1 -1
  197. package/dist/structured-list.js +1 -1
  198. package/dist/summary-grid.js +1 -1
  199. package/dist/tabs.js +1 -1
  200. package/dist/tag.js +1 -1
  201. package/dist/textarea.js +1 -1
  202. package/dist/timeline.js +1 -1
  203. package/dist/tutorial.js +1 -1
  204. package/dist/web-types.json +1 -1
  205. package/package.json +3 -3
  206. package/dist/assets/date-filter.css +0 -1
  207. package/dist/assets/date-range-filter.css +0 -1
  208. package/dist/assets/input-with-dropdown-filter.css +0 -1
  209. package/dist/chunks/alert.Bplzzgm3.js.map +0 -1
  210. package/dist/chunks/date-filter.75o-NSBz.js +0 -156
  211. package/dist/chunks/date-filter.75o-NSBz.js.map +0 -1
  212. package/dist/chunks/date-range-filter.J5p9ECm7.js +0 -946
  213. package/dist/chunks/date-range-filter.J5p9ECm7.js.map +0 -1
  214. package/dist/chunks/filter-bar.CdUM6KUq.js +0 -2554
  215. package/dist/chunks/filter-bar.CdUM6KUq.js.map +0 -1
  216. package/dist/chunks/input-with-dropdown-filter.BBQAFXkw.js +0 -100
  217. package/dist/chunks/input-with-dropdown-filter.BBQAFXkw.js.map +0 -1
  218. package/dist/chunks/popover.types.CXIAfp1m.js +0 -6
  219. package/dist/chunks/select-avatar-filter.BcvevMzz.js +0 -55
  220. package/dist/chunks/select-avatar-filter.BcvevMzz.js.map +0 -1
  221. package/dist/chunks/select-country-filter.D9sGjia8.js +0 -56
  222. package/dist/chunks/select-country-filter.D9sGjia8.js.map +0 -1
  223. package/dist/chunks/select-currency-filter.oeGe4-X4.js +0 -91
  224. package/dist/chunks/select-currency-filter.oeGe4-X4.js.map +0 -1
  225. package/dist/chunks/select-payment-method-filter.uSfKXqOm.js +0 -55
  226. package/dist/chunks/select-payment-method-filter.uSfKXqOm.js.map +0 -1
  227. package/dist/chunks/select-tag-filter.BuKVAYC6.js +0 -63
  228. package/dist/chunks/select-tag-filter.BuKVAYC6.js.map +0 -1
  229. package/dist/chunks/use-expandable-content-height.Bdd9hQwq.js +0 -34
  230. package/dist/chunks/use-expandable-content-height.Bdd9hQwq.js.map +0 -1
  231. package/dist/chunks/warning-filled.Bzh3ib0x.js +0 -25
  232. package/dist/chunks/warning-filled.Bzh3ib0x.js.map +0 -1
package/dist/assets/file-uploader.css CHANGED
@@ -1 +1 @@
1
- .b-file-uploader-file-card[data-v-664fe38a]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;align-items:center;background-color:var(--b-color-background-secondary);border-radius:var(--b-border-radius-m);display:flex;gap:var(--b-spacer-040);padding:var(--b-spacer-040) var(--b-spacer-060);position:relative;animation:fade-in-uxr0uvt-664fe38a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uxr0uvt-664fe38a var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uxr0uvt-664fe38a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-uxr0uvt-664fe38a{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uxr0uvt-664fe38a{0%{scale:1}to{scale:1}}@keyframes enter-uxr0uvt-664fe38a{0%{translate:0 -4px}to{translate:0 0}}.b-file-uploader-file-card[data-v-664fe38a],.b-file-uploader-file-card[data-v-664fe38a]:before,.b-file-uploader-file-card[data-v-664fe38a]:after{box-sizing:border-box}.b-file-uploader-file-card[data-v-664fe38a] *,.b-file-uploader-file-card[data-v-664fe38a] *:before,.b-file-uploader-file-card[data-v-664fe38a] *:after{box-sizing:border-box}.b-file-uploader-file-card[data-v-664fe38a] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-file-card[data-v-664fe38a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-file-uploader-file-card--error[data-v-664fe38a]{background-color:var(--b-color-background-critical-weak)}.b-file-uploader-file-card__actions[data-v-664fe38a]{align-items:center;display:flex;flex-shrink:0;gap:var(--b-spacer-090)}.b-file-uploader-file-card__animation-enter-active[data-v-664fe38a],.b-file-uploader-file-card__animation-leave-active[data-v-664fe38a]{transition:var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}.b-file-uploader-file-card__animation-enter[data-v-664fe38a]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation-leave-to[data-v-664fe38a]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__animation--vue3-enter-active[data-v-664fe38a]{transition:var(--b-animation-duration-moderate) var(--b-animation-easing-standard) var(--b-animation-duration-moderate)}.b-file-uploader-file-card__animation--vue3-leave-active[data-v-664fe38a]{position:absolute;transition:var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}.b-file-uploader-file-card__animation--vue3-enter-from[data-v-664fe38a]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation--vue3-enter-to[data-v-664fe38a],.b-file-uploader-file-card__animation--vue3-leave-from[data-v-664fe38a]{opacity:1;transform:rotate(0)}.b-file-uploader-file-card__animation--vue3-leave-to[data-v-664fe38a]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__details[data-v-664fe38a]{flex:1;overflow:hidden}.b-file-uploader-file-card__error-message[data-v-664fe38a]{color:var(--b-color-label-on-background-critical-weak);margin-top:var(--b-spacer-020)}.b-file-uploader-file-card__file-name[data-v-664fe38a]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-file-uploader-file-card__file-size[data-v-664fe38a]{flex-grow:0;flex-shrink:0;white-space:nowrap}.b-file-uploader-file-card__icon[data-v-664fe38a]{flex-grow:0;flex-shrink:0}.b-file-uploader-file-card__icon--blue[data-v-664fe38a]{color:var(--b-color-decorative-orange)}.b-file-uploader-file-card__icon--error[data-v-664fe38a]{color:var(--b-color-label-critical)}.b-file-uploader-file-card__icon--green[data-v-664fe38a]{color:var(--b-color-decorative-green)}.b-file-uploader-file-card__icon--grey[data-v-664fe38a]{color:var(--b-color-label-secondary)}.b-file-uploader-file-card__icon--orange[data-v-664fe38a]{color:var(--b-color-decorative-orange)}.b-file-uploader-file-card__info[data-v-664fe38a]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-file-uploader-restrictions[data-v-d3f0dc3e]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;color:var(--b-color-label-secondary);display:flex;flex-direction:column;margin-top:var(--b-spacer-020);pointer-events:none;text-align:center}.b-file-uploader-restrictions[data-v-d3f0dc3e],.b-file-uploader-restrictions[data-v-d3f0dc3e]:before,.b-file-uploader-restrictions[data-v-d3f0dc3e]:after{box-sizing:border-box}.b-file-uploader-restrictions[data-v-d3f0dc3e] *,.b-file-uploader-restrictions[data-v-d3f0dc3e] *:before,.b-file-uploader-restrictions[data-v-d3f0dc3e] *:after{box-sizing:border-box}.b-file-uploader-restrictions[data-v-d3f0dc3e] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-restrictions[data-v-d3f0dc3e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-file-uploader-restrictions--condensed[data-v-d3f0dc3e]{margin-top:unset;text-align:unset}.b-file-uploader-restrictions--condensed .b-file-uploader-restrictions--error[data-v-d3f0dc3e]{color:var(--b-color-label-critical)}.b-file-uploader-restrictions--disabled[data-v-d3f0dc3e]{color:var(--b-color-label-disabled)}.b-file-uploader-restrictions--error[data-v-d3f0dc3e]{color:var(--b-color-label-on-background-critical-weak)}.b-file-uploader[data-v-1b60079d]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-file-uploader[data-v-1b60079d],.b-file-uploader[data-v-1b60079d]:before,.b-file-uploader[data-v-1b60079d]:after{box-sizing:border-box}.b-file-uploader[data-v-1b60079d] *,.b-file-uploader[data-v-1b60079d] *:before,.b-file-uploader[data-v-1b60079d] *:after{box-sizing:border-box}.b-file-uploader[data-v-1b60079d] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader[data-v-1b60079d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-file-uploader--disabled[data-v-1b60079d]{cursor:not-allowed}.b-file-uploader__area[data-v-1b60079d]{align-items:center;background-color:var(--b-color-background-primary);border:var(--b-border-width-m) dashed var(--b-color-outline-tertiary);border-radius:var(--b-border-radius-m);cursor:pointer;display:flex;flex-direction:column;padding:var(--b-spacer-080) var(--b-spacer-090)}@media(hover:hover){.b-file-uploader__area[data-v-1b60079d]:hover{background-color:var(--b-color-background-primary-hover)}}.b-file-uploader__area[data-v-1b60079d]:focus-visible{outline:none;animation:outer-ring-default-1b60079d var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-1b60079d{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-file-uploader--condensed .b-file-uploader__area[data-v-1b60079d]{flex-direction:row;padding:var(--b-spacer-040) var(--b-spacer-060)}.b-file-uploader--disabled .b-file-uploader__area[data-v-1b60079d]{background-color:var(--b-color-background-disabled);border:var(--b-border-width-m) dashed var(--b-color-outline-disabled);color:var(--b-color-label-disabled);cursor:not-allowed}.b-file-uploader--drag-over .b-file-uploader__area[data-v-1b60079d],.b-file-uploader--drag-over:hover .b-file-uploader__area[data-v-1b60079d]{background-color:var(--b-color-background-success-weak);border:var(--b-border-width-m) solid var(--b-color-outline-success)}.b-file-uploader--error .b-file-uploader__area[data-v-1b60079d],.b-file-uploader--error:hover .b-file-uploader__area[data-v-1b60079d]{background-color:var(--b-color-background-critical-weak);border:var(--b-border-width-m) solid var(--b-color-outline-critical)}.b-file-uploader__button[data-v-1b60079d]{background-color:var(--b-color-background-tertiary);border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);margin-top:var(--b-spacer-060);padding:var(--b-spacer-020) var(--b-spacer-050)}@media(hover:hover){.b-file-uploader:not(.b-file-uploader--disabled):not(.b-file-uploader--condensed) .b-file-uploader__area:hover .b-file-uploader__button[data-v-1b60079d]:hover{background-color:var(--b-color-background-tertiary-hover)}.b-file-uploader--condensed:not(.b-file-uploader--disabled) .b-file-uploader__area:hover .b-file-uploader__button[data-v-1b60079d]:hover{color:var(--b-color-label-primary-hover);text-decoration:none}}.b-file-uploader--disabled .b-file-uploader__button[data-v-1b60079d]{background-color:var(--b-color-background-disabled);color:var(--b-color-label-disabled)}.b-file-uploader--condensed .b-file-uploader__button[data-v-1b60079d]{background-color:transparent;margin-left:var(--b-spacer-060);margin-top:0;padding:var(--b-spacer-000);text-decoration:underline}.b-file-uploader--condensed.b-file-uploader--disabled .b-file-uploader__button[data-v-1b60079d]{background-color:transparent;text-decoration:none}.b-file-uploader__invisible-comma[data-v-1b60079d]{display:none}.b-file-uploader__description[data-v-1b60079d]{color:var(--b-color-label-secondary);margin-top:var(--b-spacer-020)}.b-file-uploader--disabled * .b-file-uploader__description[data-v-1b60079d]{color:var(--b-color-label-disabled)}.b-file-uploader__description--condensed[data-v-1b60079d]{margin-top:0}.b-file-uploader__icon[data-v-1b60079d]{background-color:var(--b-color-background-tertiary);border-radius:var(--b-border-radius-xl);height:var(--b-spacer-100);padding:var(--b-spacer-040);pointer-events:none;width:var(--b-spacer-100)}.b-file-uploader--drag-over .b-file-uploader__icon[data-v-1b60079d]{background-color:var(--b-color-background-success-strong);color:var(--b-color-label-on-color)}.b-file-uploader--error .b-file-uploader__icon[data-v-1b60079d]{background-color:var(--b-color-background-critical-strong);color:var(--b-color-label-on-color)}.b-file-uploader__input[data-v-1b60079d]{border:0;clip:rect(0,0,0,0);position:absolute;height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.b-file-uploader__files[data-v-1b60079d]{display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-file-uploader__no-files[data-v-1b60079d]{color:var(--b-color-label-secondary)}.b-file-uploader__label[data-v-1b60079d]{display:inline-block;margin-bottom:0}.b-file-uploader__title[data-v-1b60079d]{margin-top:var(--b-spacer-060)}
1
+ .b-file-uploader-file-card[data-v-664fe38a]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;align-items:center;background-color:var(--b-color-background-secondary);border-radius:var(--b-border-radius-m);display:flex;gap:var(--b-spacer-040);padding:var(--b-spacer-040) var(--b-spacer-060);position:relative;animation:fade-in-ud7auub-664fe38a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-ud7auub-664fe38a var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-ud7auub-664fe38a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-ud7auub-664fe38a{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ud7auub-664fe38a{0%{scale:1}to{scale:1}}@keyframes enter-ud7auub-664fe38a{0%{translate:0 -4px}to{translate:0 0}}.b-file-uploader-file-card[data-v-664fe38a],.b-file-uploader-file-card[data-v-664fe38a]:before,.b-file-uploader-file-card[data-v-664fe38a]:after{box-sizing:border-box}.b-file-uploader-file-card[data-v-664fe38a] *,.b-file-uploader-file-card[data-v-664fe38a] *:before,.b-file-uploader-file-card[data-v-664fe38a] *:after{box-sizing:border-box}.b-file-uploader-file-card[data-v-664fe38a] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-file-card[data-v-664fe38a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-file-uploader-file-card--error[data-v-664fe38a]{background-color:var(--b-color-background-critical-weak)}.b-file-uploader-file-card__actions[data-v-664fe38a]{align-items:center;display:flex;flex-shrink:0;gap:var(--b-spacer-090)}.b-file-uploader-file-card__animation-enter-active[data-v-664fe38a],.b-file-uploader-file-card__animation-leave-active[data-v-664fe38a]{transition:var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}.b-file-uploader-file-card__animation-enter[data-v-664fe38a]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation-leave-to[data-v-664fe38a]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__animation--vue3-enter-active[data-v-664fe38a]{transition:var(--b-animation-duration-moderate) var(--b-animation-easing-standard) var(--b-animation-duration-moderate)}.b-file-uploader-file-card__animation--vue3-leave-active[data-v-664fe38a]{position:absolute;transition:var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}.b-file-uploader-file-card__animation--vue3-enter-from[data-v-664fe38a]{opacity:0;transform:rotate(-90deg)}.b-file-uploader-file-card__animation--vue3-enter-to[data-v-664fe38a],.b-file-uploader-file-card__animation--vue3-leave-from[data-v-664fe38a]{opacity:1;transform:rotate(0)}.b-file-uploader-file-card__animation--vue3-leave-to[data-v-664fe38a]{opacity:0;transform:rotate(90deg)}.b-file-uploader-file-card__details[data-v-664fe38a]{flex:1;overflow:hidden}.b-file-uploader-file-card__error-message[data-v-664fe38a]{color:var(--b-color-label-on-background-critical-weak);margin-top:var(--b-spacer-020)}.b-file-uploader-file-card__file-name[data-v-664fe38a]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-file-uploader-file-card__file-size[data-v-664fe38a]{flex-grow:0;flex-shrink:0;white-space:nowrap}.b-file-uploader-file-card__icon[data-v-664fe38a]{flex-grow:0;flex-shrink:0}.b-file-uploader-file-card__icon--blue[data-v-664fe38a]{color:var(--b-color-decorative-orange)}.b-file-uploader-file-card__icon--error[data-v-664fe38a]{color:var(--b-color-label-critical)}.b-file-uploader-file-card__icon--green[data-v-664fe38a]{color:var(--b-color-decorative-green)}.b-file-uploader-file-card__icon--grey[data-v-664fe38a]{color:var(--b-color-label-secondary)}.b-file-uploader-file-card__icon--orange[data-v-664fe38a]{color:var(--b-color-decorative-orange)}.b-file-uploader-file-card__info[data-v-664fe38a]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-file-uploader-restrictions[data-v-d3f0dc3e]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;color:var(--b-color-label-secondary);display:flex;flex-direction:column;margin-top:var(--b-spacer-020);pointer-events:none;text-align:center}.b-file-uploader-restrictions[data-v-d3f0dc3e],.b-file-uploader-restrictions[data-v-d3f0dc3e]:before,.b-file-uploader-restrictions[data-v-d3f0dc3e]:after{box-sizing:border-box}.b-file-uploader-restrictions[data-v-d3f0dc3e] *,.b-file-uploader-restrictions[data-v-d3f0dc3e] *:before,.b-file-uploader-restrictions[data-v-d3f0dc3e] *:after{box-sizing:border-box}.b-file-uploader-restrictions[data-v-d3f0dc3e] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader-restrictions[data-v-d3f0dc3e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-file-uploader-restrictions--condensed[data-v-d3f0dc3e]{margin-top:unset;text-align:unset}.b-file-uploader-restrictions--condensed .b-file-uploader-restrictions--error[data-v-d3f0dc3e]{color:var(--b-color-label-critical)}.b-file-uploader-restrictions--disabled[data-v-d3f0dc3e]{color:var(--b-color-label-disabled)}.b-file-uploader-restrictions--error[data-v-d3f0dc3e]{color:var(--b-color-label-on-background-critical-weak)}.b-file-uploader[data-v-1b60079d]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-file-uploader[data-v-1b60079d],.b-file-uploader[data-v-1b60079d]:before,.b-file-uploader[data-v-1b60079d]:after{box-sizing:border-box}.b-file-uploader[data-v-1b60079d] *,.b-file-uploader[data-v-1b60079d] *:before,.b-file-uploader[data-v-1b60079d] *:after{box-sizing:border-box}.b-file-uploader[data-v-1b60079d] ::-webkit-scrollbar{height:14px;width:14px}.b-file-uploader[data-v-1b60079d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-file-uploader--disabled[data-v-1b60079d]{cursor:not-allowed}.b-file-uploader__area[data-v-1b60079d]{align-items:center;background-color:var(--b-color-background-primary);border:var(--b-border-width-m) dashed var(--b-color-outline-tertiary);border-radius:var(--b-border-radius-m);cursor:pointer;display:flex;flex-direction:column;padding:var(--b-spacer-080) var(--b-spacer-090)}@media(hover:hover){.b-file-uploader__area[data-v-1b60079d]:hover{background-color:var(--b-color-background-primary-hover)}}.b-file-uploader__area[data-v-1b60079d]:focus-visible{outline:none;animation:outer-ring-default-1b60079d var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-1b60079d{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-file-uploader--condensed .b-file-uploader__area[data-v-1b60079d]{flex-direction:row;padding:var(--b-spacer-040) var(--b-spacer-060)}.b-file-uploader--disabled .b-file-uploader__area[data-v-1b60079d]{background-color:var(--b-color-background-disabled);border:var(--b-border-width-m) dashed var(--b-color-outline-disabled);color:var(--b-color-label-disabled);cursor:not-allowed}.b-file-uploader--drag-over .b-file-uploader__area[data-v-1b60079d],.b-file-uploader--drag-over:hover .b-file-uploader__area[data-v-1b60079d]{background-color:var(--b-color-background-success-weak);border:var(--b-border-width-m) solid var(--b-color-outline-success)}.b-file-uploader--error .b-file-uploader__area[data-v-1b60079d],.b-file-uploader--error:hover .b-file-uploader__area[data-v-1b60079d]{background-color:var(--b-color-background-critical-weak);border:var(--b-border-width-m) solid var(--b-color-outline-critical)}.b-file-uploader__button[data-v-1b60079d]{background-color:var(--b-color-background-tertiary);border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);margin-top:var(--b-spacer-060);padding:var(--b-spacer-020) var(--b-spacer-050)}@media(hover:hover){.b-file-uploader:not(.b-file-uploader--disabled):not(.b-file-uploader--condensed) .b-file-uploader__area:hover .b-file-uploader__button[data-v-1b60079d]:hover{background-color:var(--b-color-background-tertiary-hover)}.b-file-uploader--condensed:not(.b-file-uploader--disabled) .b-file-uploader__area:hover .b-file-uploader__button[data-v-1b60079d]:hover{color:var(--b-color-label-primary-hover);text-decoration:none}}.b-file-uploader--disabled .b-file-uploader__button[data-v-1b60079d]{background-color:var(--b-color-background-disabled);color:var(--b-color-label-disabled)}.b-file-uploader--condensed .b-file-uploader__button[data-v-1b60079d]{background-color:transparent;margin-left:var(--b-spacer-060);margin-top:0;padding:var(--b-spacer-000);text-decoration:underline}.b-file-uploader--condensed.b-file-uploader--disabled .b-file-uploader__button[data-v-1b60079d]{background-color:transparent;text-decoration:none}.b-file-uploader__invisible-comma[data-v-1b60079d]{display:none}.b-file-uploader__description[data-v-1b60079d]{color:var(--b-color-label-secondary);margin-top:var(--b-spacer-020)}.b-file-uploader--disabled * .b-file-uploader__description[data-v-1b60079d]{color:var(--b-color-label-disabled)}.b-file-uploader__description--condensed[data-v-1b60079d]{margin-top:0}.b-file-uploader__icon[data-v-1b60079d]{background-color:var(--b-color-background-tertiary);border-radius:var(--b-border-radius-xl);height:var(--b-spacer-100);padding:var(--b-spacer-040);pointer-events:none;width:var(--b-spacer-100)}.b-file-uploader--drag-over .b-file-uploader__icon[data-v-1b60079d]{background-color:var(--b-color-background-success-strong);color:var(--b-color-label-on-color)}.b-file-uploader--error .b-file-uploader__icon[data-v-1b60079d]{background-color:var(--b-color-background-critical-strong);color:var(--b-color-label-on-color)}.b-file-uploader__input[data-v-1b60079d]{border:0;clip:rect(0,0,0,0);position:absolute;height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.b-file-uploader__files[data-v-1b60079d]{display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-file-uploader__no-files[data-v-1b60079d]{color:var(--b-color-label-secondary)}.b-file-uploader__label[data-v-1b60079d]{display:inline-block;margin-bottom:0}.b-file-uploader__title[data-v-1b60079d]{margin-top:var(--b-spacer-060)}
package/dist/assets/filter-bar.css CHANGED
@@ -1 +1 @@
1
- button[data-v-d33bd141]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-d33bd141]:focus-visible{outline:none}.b-filter-bar-button[data-v-d33bd141]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;align-items:center;appearance:none;background-color:var(--b-color-background-tertiary);border:var(--b-border-width-s) solid transparent;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:var(--b-spacer-020) var(--b-spacer-050);text-decoration:none;-webkit-user-select:none;user-select:none}.b-filter-bar-button[data-v-d33bd141],.b-filter-bar-button[data-v-d33bd141]:before,.b-filter-bar-button[data-v-d33bd141]:after{box-sizing:border-box}.b-filter-bar-button[data-v-d33bd141] *,.b-filter-bar-button[data-v-d33bd141] *:before,.b-filter-bar-button[data-v-d33bd141] *:after{box-sizing:border-box}.b-filter-bar-button[data-v-d33bd141] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-d33bd141] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-filter-bar-button[data-v-d33bd141]:hover{background-color:var(--b-color-background-tertiary-hover);color:var(--b-color-label-primary)}.b-filter-bar-button:hover .b-filter-bar-button__secondary-label[data-v-d33bd141]{color:var(--b-color-label-primary)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-d33bd141]{background-color:var(--b-color-background-inverse-primary);color:var(--b-color-label-inverse-primary)}}.b-filter-bar-button[data-v-d33bd141]:disabled,.b-filter-bar-button[data-v-d33bd141]:disabled:not(:focus){background-color:var(--b-color-background-disabled);color:var(--b-color-label-disabled);cursor:not-allowed}.b-filter-bar-button:disabled .b-filter-bar-button__secondary-label[data-v-d33bd141],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-d33bd141]{color:var(--b-color-label-disabled)}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-d33bd141],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-d33bd141]{background-color:var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button[data-v-d33bd141]:focus-visible{z-index:1;animation:outer-ring-default-d33bd141 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-d33bd141{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-filter-bar-button--icon-only[data-v-d33bd141]{padding:var(--b-spacer-020)}.b-filter-bar-button--icon-only .b-filter-bar-button__container[data-v-d33bd141]{display:flex;gap:0}.b-filter-bar-button--filter-open[data-v-d33bd141]:not(:hover){background-color:var(--b-color-background-tertiary-active);border:var(--b-border-width-s) solid transparent;color:var(--b-color-label-primary)}.b-filter-bar-button--filter-open-applied[data-v-d33bd141]:not(:hover){background-color:var(--b-color-background-inverse-secondary-active);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-active);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--with-counter[data-v-d33bd141]:not(.b-filter-bar-button--icon-only):not(.b-filter-bar-button--with-secondary-label){padding-right:var(--b-spacer-020)}.b-filter-bar-button--applied[data-v-d33bd141]{background-color:var(--b-color-background-inverse-secondary);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied .b-filter-bar-button__secondary-label[data-v-d33bd141]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-d33bd141]:hover{background-color:var(--b-color-background-inverse-secondary-hover);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-hover);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied:hover .b-filter-bar-button__secondary-label[data-v-d33bd141]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-d33bd141]:disabled,.b-filter-bar-button--applied[data-v-d33bd141]:disabled:not(:focus){background-color:var(--b-color-background-inverse-disabled);border:var(--b-border-width-s) solid var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-primary-active)}.b-filter-bar-button--applied:disabled .b-filter-bar-button__secondary-label[data-v-d33bd141],.b-filter-bar-button--applied:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-d33bd141]{color:var(--b-color-label-inverse-primary-active)}.b-filter-bar-button--applied:disabled .b-filter-bar-button__counter[data-v-d33bd141],.b-filter-bar-button--applied:disabled:not(:focus) .b-filter-bar-button__counter[data-v-d33bd141]{color:var(--b-color-label-inverse-primary-active)}.b-filter-bar-button--applied:disabled.b-filter-bar-button--icon-only[data-v-d33bd141],.b-filter-bar-button--applied:disabled:not(:focus).b-filter-bar-button--icon-only[data-v-d33bd141]{color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button__container[data-v-d33bd141]{align-items:center;display:flex;gap:var(--b-spacer-040);justify-content:center;vertical-align:bottom}.b-filter-bar-button__counter[data-v-d33bd141]{background-color:var(--b-color-background-inverse-primary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-inverse-primary);padding:0 var(--b-spacer-020)}.b-filter-bar-button__label-container[data-v-d33bd141]{align-items:center;display:inline-flex;gap:var(--b-spacer-020)}.b-filter-bar-button__label[data-v-d33bd141],.b-filter-bar-button__secondary-label[data-v-d33bd141]{display:inline-flex;line-height:20px;vertical-align:middle}.b-filter-bar-button__icon-left[data-v-d33bd141],.b-filter-bar-button__icon-right[data-v-d33bd141]{display:inline-flex}button[data-v-af9efc73]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-af9efc73]:focus-visible{outline:none}.b-base-filter-button[data-v-af9efc73]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;align-items:center;appearance:none;background-color:var(--b-color-background-primary);color:var(--b-color-label-primary);cursor:pointer;height:40px;justify-content:center;padding:var(--b-spacer-030) var(--b-spacer-070);text-decoration:none;-webkit-user-select:none;user-select:none;width:100%}.b-base-filter-button[data-v-af9efc73],.b-base-filter-button[data-v-af9efc73]:before,.b-base-filter-button[data-v-af9efc73]:after{box-sizing:border-box}.b-base-filter-button[data-v-af9efc73] *,.b-base-filter-button[data-v-af9efc73] *:before,.b-base-filter-button[data-v-af9efc73] *:after{box-sizing:border-box}.b-base-filter-button[data-v-af9efc73] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter-button[data-v-af9efc73] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-base-filter-button[data-v-af9efc73]:hover{background-color:var(--b-color-background-primary-hover);color:var(--b-color-label-primary-hover)}}.b-base-filter-button[data-v-af9efc73] .b-base-button__label{width:100%}.b-base-filter-button[data-v-af9efc73]:active:not(:disabled){background-color:var(--b-color-background-primary-active)}.b-base-filter-button[data-v-af9efc73]:disabled,.b-base-filter-button[data-v-af9efc73]:disabled:not(:focus){background-color:var(--b-color-background-primary);color:var(--b-color-label-disabled);cursor:not-allowed}.b-base-filter-button:disabled .b-base-filter-button__counter[data-v-af9efc73],.b-base-filter-button:disabled:not(:focus) .b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-base-filter-button[data-v-af9efc73]:focus-visible{background-color:var(--b-color-background-primary-active)}.b-base-filter-button--filter-open[data-v-af9efc73]{background-color:var(--b-color-background-modal-active)}.b-base-filter-button__default-container[data-v-af9efc73]{align-items:center;display:flex;gap:var(--b-spacer-070);width:100%}.b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-color-background-inverse-primary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-inverse-primary);padding:var(--b-spacer-020) var(--b-spacer-030)}.b-base-filter-button__counter-wrapper[data-v-af9efc73]{align-items:center;display:flex}.b-base-filter-button__label[data-v-af9efc73]{display:block;overflow:hidden;text-overflow:ellipsis}.b-base-filter-button__label-container[data-v-af9efc73]{overflow:hidden;white-space:nowrap;width:100%}.b-base-filter-button__icon-left[data-v-af9efc73],.b-base-filter-button__icon-right[data-v-af9efc73]{display:inline-flex}.b-all-filters-modal-button[data-v-b96a672f]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;background-color:var(--b-color-background-primary)}.b-all-filters-modal-button[data-v-b96a672f],.b-all-filters-modal-button[data-v-b96a672f]:before,.b-all-filters-modal-button[data-v-b96a672f]:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-b96a672f] *,.b-all-filters-modal-button[data-v-b96a672f] *:before,.b-all-filters-modal-button[data-v-b96a672f] *:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-b96a672f] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal-button[data-v-b96a672f] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-all-filters-modal-button--filter-open[data-v-b96a672f]{background-color:var(--b-color-background-navigation)}@media(hover:hover){.b-all-filters-modal-button--filter-open[data-v-b96a672f]:hover{background-color:var(--b-color-background-navigation-hover)}}.b-all-filters-modal-button--filter-open[data-v-b96a672f]:active:not(:disabled){background-color:var(--b-color-background-navigation-active)}@media(hover:hover){.b-all-filters-modal-button[data-v-b96a672f]:hover{background-color:var(--b-color-background-modal-hover);color:var(--b-color-label-primary)}}.b-all-filters-modal-filter-selection[data-v-7a0f5687]{display:flex;flex-direction:column;gap:var(--b-spacer-090)}.b-all-filters-modal-filter-selection--small-screen[data-v-7a0f5687]{min-height:100%;padding-block:var(--b-spacer-070)}.b-all-filters-modal-filter-selection__search-bar[data-v-7a0f5687]{padding-inline:var(--b-spacer-070)}.b-all-filters-modal-filter-selection__empty-search-message[data-v-7a0f5687]{color:var(--b-color-label-secondary);padding-inline:var(--b-spacer-070);text-align:center}.b-all-filters-modal-filter-selection__filters-list[data-v-7a0f5687]{list-style:none;margin:var(--b-spacer-000);padding:var(--b-spacer-000)}.b-all-filters-modal-filter-selection__filters-section[data-v-7a0f5687]{display:flex;flex-direction:column;gap:var(--b-spacer-030)}.b-all-filters-modal-filter-selection__filters-section-title[data-v-7a0f5687]{color:var(--b-color-label-secondary);padding-inline:var(--b-spacer-070)}.b-all-filters-modal-filter-selection__actions[data-v-7a0f5687]{background-color:var(--b-color-background-primary);border-top:var(--b-border-width-s) solid var(--b-color-separator-primary);bottom:0;flex-grow:0;margin-top:auto;padding:var(--b-spacer-070);position:sticky;z-index:var(--b-z-index-global-elevated)}button[data-v-9ce16194]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-9ce16194]:focus-visible{outline:none}.b-filter-bar-button-group[data-v-9ce16194]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;display:flex}.b-filter-bar-button-group[data-v-9ce16194],.b-filter-bar-button-group[data-v-9ce16194]:before,.b-filter-bar-button-group[data-v-9ce16194]:after{box-sizing:border-box}.b-filter-bar-button-group[data-v-9ce16194] *,.b-filter-bar-button-group[data-v-9ce16194] *:before,.b-filter-bar-button-group[data-v-9ce16194] *:after{box-sizing:border-box}.b-filter-bar-button-group[data-v-9ce16194] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button-group[data-v-9ce16194] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:first-child{border-end-end-radius:0;border-start-end-radius:0}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:last-child{border-end-start-radius:0;border-start-start-radius:0}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:not(:last-child){border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);padding-inline-end:var(--b-spacer-020)}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:not(:last-child):hover{border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover)}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:not(:first-child){border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);padding-inline-start:var(--b-spacer-020)}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:not(:first-child):hover{border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-9ce16194] button:not(:last-child){border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-9ce16194] button:not(:first-child){border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active)}.b-base-filter[data-v-1ad6ef5f]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;display:inline-block;flex-shrink:0}.b-base-filter[data-v-1ad6ef5f],.b-base-filter[data-v-1ad6ef5f]:before,.b-base-filter[data-v-1ad6ef5f]:after{box-sizing:border-box}.b-base-filter[data-v-1ad6ef5f] *,.b-base-filter[data-v-1ad6ef5f] *:before,.b-base-filter[data-v-1ad6ef5f] *:after{box-sizing:border-box}.b-base-filter[data-v-1ad6ef5f] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter[data-v-1ad6ef5f] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-boolean-filter[data-v-82a9272e]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-boolean-filter[data-v-82a9272e],.b-boolean-filter[data-v-82a9272e]:before,.b-boolean-filter[data-v-82a9272e]:after{box-sizing:border-box}.b-boolean-filter[data-v-82a9272e] *,.b-boolean-filter[data-v-82a9272e] *:before,.b-boolean-filter[data-v-82a9272e] *:after{box-sizing:border-box}.b-boolean-filter[data-v-82a9272e] ::-webkit-scrollbar{height:14px;width:14px}.b-boolean-filter[data-v-82a9272e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-boolean-filter--only-slot[data-v-82a9272e]{padding:var(--b-spacer-000)}.b-checkbox-group-filter[data-v-54301bd9]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-checkbox-group-filter[data-v-54301bd9],.b-checkbox-group-filter[data-v-54301bd9]:before,.b-checkbox-group-filter[data-v-54301bd9]:after{box-sizing:border-box}.b-checkbox-group-filter[data-v-54301bd9] *,.b-checkbox-group-filter[data-v-54301bd9] *:before,.b-checkbox-group-filter[data-v-54301bd9] *:after{box-sizing:border-box}.b-checkbox-group-filter[data-v-54301bd9] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-group-filter[data-v-54301bd9] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-checkbox-group-filter--only-slot[data-v-54301bd9]{padding:var(--b-spacer-000)}.b-input-filter[data-v-65d6cbab]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-input-filter[data-v-65d6cbab],.b-input-filter[data-v-65d6cbab]:before,.b-input-filter[data-v-65d6cbab]:after{box-sizing:border-box}.b-input-filter[data-v-65d6cbab] *,.b-input-filter[data-v-65d6cbab] *:before,.b-input-filter[data-v-65d6cbab] *:after{box-sizing:border-box}.b-input-filter[data-v-65d6cbab] ::-webkit-scrollbar{height:14px;width:14px}.b-input-filter[data-v-65d6cbab] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-filter--only-slot[data-v-65d6cbab]{padding:var(--b-spacer-000)}.b-radio-group-filter[data-v-b1a70e21]{padding:var(--b-spacer-060) var(--b-spacer-070)}.b-radio-group-filter--only-slot[data-v-b1a70e21]{padding:var(--b-spacer-000)}.b-range-filter[data-v-757e0012]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-range-filter[data-v-757e0012],.b-range-filter[data-v-757e0012]:before,.b-range-filter[data-v-757e0012]:after{box-sizing:border-box}.b-range-filter[data-v-757e0012] *,.b-range-filter[data-v-757e0012] *:before,.b-range-filter[data-v-757e0012] *:after{box-sizing:border-box}.b-range-filter[data-v-757e0012] ::-webkit-scrollbar{height:14px;width:14px}.b-range-filter[data-v-757e0012] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-range-filter__input-field[data-v-757e0012]{padding-top:var(--b-spacer-060)}.b-range-filter--only-slot[data-v-757e0012]{padding:var(--b-spacer-000)}.b-select-filter-button[data-v-81199686]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-select-filter-button[data-v-81199686],.b-select-filter-button[data-v-81199686]:before,.b-select-filter-button[data-v-81199686]:after{box-sizing:border-box}.b-select-filter-button[data-v-81199686] *,.b-select-filter-button[data-v-81199686] *:before,.b-select-filter-button[data-v-81199686] *:after{box-sizing:border-box}.b-select-filter-button[data-v-81199686] ::-webkit-scrollbar{height:14px;width:14px}.b-select-filter-button[data-v-81199686] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-select-filter-button__divider[data-v-81199686]{margin:var(--b-spacer-040) var(--b-spacer-000) var(--b-spacer-000)}.b-select-filter-button__search-bar[data-v-81199686]{padding:var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-000)}.b-select-filter-button__search-bar-wrapper[data-v-81199686]{margin-top:var(--b-spacer-060)}.b-select-filter-button__wrapper[data-v-81199686]{max-height:270px}.b-toggle-filter[data-v-ab8af6c9]{align-items:center;display:flex;gap:var(--b-spacer-020)}.b-toggle-filter__checkbox[data-v-ab8af6c9]{margin-top:5px}.b-toggle-filter__checkmark[data-v-ab8af6c9]{margin:var(--b-spacer-010)}.b-toggle-filter__content[data-v-ab8af6c9]{display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-toggle-filter__only-slot[data-v-ab8af6c9]{cursor:pointer;display:flex;gap:var(--b-spacer-070)}.b-toggle-filter__only-slot--disabled[data-v-ab8af6c9]{cursor:not-allowed}.b-all-filters-modal-selected-filter[data-v-3c5f6052]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-040) var(--b-spacer-100) var(--b-spacer-040) var(--b-spacer-040)}.b-all-filters-modal-selected-filter--small-screen[data-v-3c5f6052]{padding:var(--b-spacer-090)}.b-all-filters-modal-selected-filter__component[data-v-3c5f6052]{flex:1}.b-all-filters-modal-selected-filter__clear-button[data-v-3c5f6052]{display:flex;justify-content:flex-end}.b-all-filters-modal-selected-filter__actions[data-v-3c5f6052]{background-color:var(--b-color-background-primary);border-top:var(--b-border-width-s) solid var(--b-color-separator-primary);bottom:0;flex-grow:0;padding-block:var(--b-spacer-070);position:sticky}.b-all-filters-modal-selected-filter__text[data-v-3c5f6052]{display:flex;flex-direction:column;gap:var(--b-spacer-030);margin-bottom:var(--b-spacer-100)}.b-all-filters-modal[data-v-12fc2053]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-all-filters-modal[data-v-12fc2053],.b-all-filters-modal[data-v-12fc2053]:before,.b-all-filters-modal[data-v-12fc2053]:after{box-sizing:border-box}.b-all-filters-modal[data-v-12fc2053] *,.b-all-filters-modal[data-v-12fc2053] *:before,.b-all-filters-modal[data-v-12fc2053] *:after{box-sizing:border-box}.b-all-filters-modal[data-v-12fc2053] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-12fc2053] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-all-filters-modal[data-v-12fc2053] .b-modal-page{height:calc(100vh - 128px);max-height:800px;position:relative}.b-all-filters-modal[data-v-12fc2053] .b-modal-base__container{height:calc(100vh - 128px)!important;max-height:800px}.b-all-filters-modal[data-v-12fc2053] .b-dialog-page__content{display:flex}.b-all-filters-modal__modal--small-screen[data-v-12fc2053] .b-dialog-page__content{display:block}.b-all-filters-modal__modal--small-screen[data-v-12fc2053] .b-modal-fullscreen-page__close-button,.b-all-filters-modal__modal--small-screen[data-v-12fc2053] .b-modal-fullscreen-page__separator{display:none}.b-all-filters-modal[data-v-12fc2053] .b-modal-page__content{flex:1;padding:var(--b-spacer-000)}.b-all-filters-modal[data-v-12fc2053] .b-modal-page__content>.b-typography{height:100%}.b-all-filters-modal[data-v-12fc2053] .b-modal-page__grid{overflow:hidden}.b-all-filters-modal[data-v-12fc2053] .b-modal-page__grid>:nth-child(1){-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:auto;padding-bottom:var(--b-spacer-000);padding-right:var(--b-spacer-000)}.b-all-filters-modal[data-v-12fc2053] .b-modal-page__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-12fc2053] .b-modal-page__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-12fc2053] .b-grid-layout{gap:0;height:100%}.b-filter-bar[data-v-04ac5745]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;container-type:inline-size;width:100%}.b-filter-bar[data-v-04ac5745],.b-filter-bar[data-v-04ac5745]:before,.b-filter-bar[data-v-04ac5745]:after{box-sizing:border-box}.b-filter-bar[data-v-04ac5745] *,.b-filter-bar[data-v-04ac5745] *:before,.b-filter-bar[data-v-04ac5745] *:after{box-sizing:border-box}.b-filter-bar[data-v-04ac5745] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-04ac5745] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-filter-bar__all-filters-modal[data-v-04ac5745],.b-filter-bar__clear-all[data-v-04ac5745],.b-filter-bar__reset-all[data-v-04ac5745]{flex-shrink:0}.b-filter-bar__search-external-container[data-v-04ac5745]{margin-bottom:var(--b-spacer-040)}.b-filter-bar__fixed-scroller[data-v-04ac5745] .b-fixed-scroller__right .b-button--condensed,.b-filter-bar__fixed-scroller[data-v-04ac5745] .b-fixed-scroller__left .b-button--condensed{height:inherit;max-height:inherit}.b-filter-bar__container[data-v-04ac5745]{display:flex;flex-direction:row}.b-filter-bar__filters[data-v-04ac5745]{display:flex;flex-wrap:wrap;gap:var(--b-spacer-040);width:100%}.b-filter-bar__filters .b-filter-bar__search-bar-container[data-v-04ac5745]{min-width:200px;width:200px}.b-filter-bar__search-bar-container[data-v-04ac5745]{flex:0 1 auto}.b-filter-bar--large-layout .b-filter-bar__search-bar[data-v-04ac5745]{width:100%}.b-filter-bar__scroller-content[data-v-04ac5745]{display:flex;gap:var(--b-spacer-040)}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-04ac5745]{min-width:180px}
1
+ button[data-v-d33bd141]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-d33bd141]:focus-visible{outline:none}.b-filter-bar-button[data-v-d33bd141]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;align-items:center;appearance:none;background-color:var(--b-color-background-tertiary);border:var(--b-border-width-s) solid transparent;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:var(--b-spacer-020) var(--b-spacer-050);text-decoration:none;-webkit-user-select:none;user-select:none}.b-filter-bar-button[data-v-d33bd141],.b-filter-bar-button[data-v-d33bd141]:before,.b-filter-bar-button[data-v-d33bd141]:after{box-sizing:border-box}.b-filter-bar-button[data-v-d33bd141] *,.b-filter-bar-button[data-v-d33bd141] *:before,.b-filter-bar-button[data-v-d33bd141] *:after{box-sizing:border-box}.b-filter-bar-button[data-v-d33bd141] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button[data-v-d33bd141] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-filter-bar-button[data-v-d33bd141]:hover{background-color:var(--b-color-background-tertiary-hover);color:var(--b-color-label-primary)}.b-filter-bar-button:hover .b-filter-bar-button__secondary-label[data-v-d33bd141]{color:var(--b-color-label-primary)}.b-filter-bar-button:hover .b-filter-bar-button__counter[data-v-d33bd141]{background-color:var(--b-color-background-inverse-primary);color:var(--b-color-label-inverse-primary)}}.b-filter-bar-button[data-v-d33bd141]:disabled,.b-filter-bar-button[data-v-d33bd141]:disabled:not(:focus){background-color:var(--b-color-background-disabled);color:var(--b-color-label-disabled);cursor:not-allowed}.b-filter-bar-button:disabled .b-filter-bar-button__secondary-label[data-v-d33bd141],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-d33bd141]{color:var(--b-color-label-disabled)}.b-filter-bar-button:disabled .b-filter-bar-button__counter[data-v-d33bd141],.b-filter-bar-button:disabled:not(:focus) .b-filter-bar-button__counter[data-v-d33bd141]{background-color:var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button[data-v-d33bd141]:focus-visible{z-index:1;animation:outer-ring-default-d33bd141 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-d33bd141{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-filter-bar-button--icon-only[data-v-d33bd141]{padding:var(--b-spacer-020)}.b-filter-bar-button--icon-only .b-filter-bar-button__container[data-v-d33bd141]{display:flex;gap:0}.b-filter-bar-button--filter-open[data-v-d33bd141]:not(:hover){background-color:var(--b-color-background-tertiary-active);border:var(--b-border-width-s) solid transparent;color:var(--b-color-label-primary)}.b-filter-bar-button--filter-open-applied[data-v-d33bd141]:not(:hover){background-color:var(--b-color-background-inverse-secondary-active);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-active);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--with-counter[data-v-d33bd141]:not(.b-filter-bar-button--icon-only):not(.b-filter-bar-button--with-secondary-label){padding-right:var(--b-spacer-020)}.b-filter-bar-button--applied[data-v-d33bd141]{background-color:var(--b-color-background-inverse-secondary);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied .b-filter-bar-button__secondary-label[data-v-d33bd141]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-d33bd141]:hover{background-color:var(--b-color-background-inverse-secondary-hover);border:var(--b-border-width-s) solid var(--b-color-background-inverse-secondary-hover);color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied:hover .b-filter-bar-button__secondary-label[data-v-d33bd141]{color:var(--b-color-label-inverse-primary)}.b-filter-bar-button--applied[data-v-d33bd141]:disabled,.b-filter-bar-button--applied[data-v-d33bd141]:disabled:not(:focus){background-color:var(--b-color-background-inverse-disabled);border:var(--b-border-width-s) solid var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-primary-active)}.b-filter-bar-button--applied:disabled .b-filter-bar-button__secondary-label[data-v-d33bd141],.b-filter-bar-button--applied:disabled:not(:focus) .b-filter-bar-button__secondary-label[data-v-d33bd141]{color:var(--b-color-label-inverse-primary-active)}.b-filter-bar-button--applied:disabled .b-filter-bar-button__counter[data-v-d33bd141],.b-filter-bar-button--applied:disabled:not(:focus) .b-filter-bar-button__counter[data-v-d33bd141]{color:var(--b-color-label-inverse-primary-active)}.b-filter-bar-button--applied:disabled.b-filter-bar-button--icon-only[data-v-d33bd141],.b-filter-bar-button--applied:disabled:not(:focus).b-filter-bar-button--icon-only[data-v-d33bd141]{color:var(--b-color-label-inverse-disabled)}.b-filter-bar-button__container[data-v-d33bd141]{align-items:center;display:flex;gap:var(--b-spacer-040);justify-content:center;vertical-align:bottom}.b-filter-bar-button__counter[data-v-d33bd141]{background-color:var(--b-color-background-inverse-primary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-inverse-primary);padding:0 var(--b-spacer-020)}.b-filter-bar-button__label-container[data-v-d33bd141]{align-items:center;display:inline-flex;gap:var(--b-spacer-020)}.b-filter-bar-button__label[data-v-d33bd141],.b-filter-bar-button__secondary-label[data-v-d33bd141]{display:inline-flex;line-height:20px;vertical-align:middle}.b-filter-bar-button__icon-left[data-v-d33bd141],.b-filter-bar-button__icon-right[data-v-d33bd141]{display:inline-flex}button[data-v-af9efc73]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-af9efc73]:focus-visible{outline:none}.b-base-filter-button[data-v-af9efc73]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;align-items:center;appearance:none;background-color:var(--b-color-background-primary);color:var(--b-color-label-primary);cursor:pointer;height:40px;justify-content:center;padding:var(--b-spacer-030) var(--b-spacer-070);text-decoration:none;-webkit-user-select:none;user-select:none;width:100%}.b-base-filter-button[data-v-af9efc73],.b-base-filter-button[data-v-af9efc73]:before,.b-base-filter-button[data-v-af9efc73]:after{box-sizing:border-box}.b-base-filter-button[data-v-af9efc73] *,.b-base-filter-button[data-v-af9efc73] *:before,.b-base-filter-button[data-v-af9efc73] *:after{box-sizing:border-box}.b-base-filter-button[data-v-af9efc73] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter-button[data-v-af9efc73] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(hover:hover){.b-base-filter-button[data-v-af9efc73]:hover{background-color:var(--b-color-background-primary-hover);color:var(--b-color-label-primary-hover)}}.b-base-filter-button[data-v-af9efc73] .b-base-button__label{width:100%}.b-base-filter-button[data-v-af9efc73]:active:not(:disabled){background-color:var(--b-color-background-primary-active)}.b-base-filter-button[data-v-af9efc73]:disabled,.b-base-filter-button[data-v-af9efc73]:disabled:not(:focus){background-color:var(--b-color-background-primary);color:var(--b-color-label-disabled);cursor:not-allowed}.b-base-filter-button:disabled .b-base-filter-button__counter[data-v-af9efc73],.b-base-filter-button:disabled:not(:focus) .b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-color-background-inverse-disabled);color:var(--b-color-label-inverse-disabled)}.b-base-filter-button[data-v-af9efc73]:focus-visible{background-color:var(--b-color-background-primary-active)}.b-base-filter-button--filter-open[data-v-af9efc73]{background-color:var(--b-color-background-modal-active)}.b-base-filter-button__default-container[data-v-af9efc73]{align-items:center;display:flex;gap:var(--b-spacer-070);width:100%}.b-base-filter-button__counter[data-v-af9efc73]{background-color:var(--b-color-background-inverse-primary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-inverse-primary);padding:var(--b-spacer-020) var(--b-spacer-030)}.b-base-filter-button__counter-wrapper[data-v-af9efc73]{align-items:center;display:flex}.b-base-filter-button__label[data-v-af9efc73]{display:block;overflow:hidden;text-overflow:ellipsis}.b-base-filter-button__label-container[data-v-af9efc73]{overflow:hidden;white-space:nowrap;width:100%}.b-base-filter-button__icon-left[data-v-af9efc73],.b-base-filter-button__icon-right[data-v-af9efc73]{display:inline-flex}.b-all-filters-modal-button[data-v-b96a672f]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;background-color:var(--b-color-background-primary)}.b-all-filters-modal-button[data-v-b96a672f],.b-all-filters-modal-button[data-v-b96a672f]:before,.b-all-filters-modal-button[data-v-b96a672f]:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-b96a672f] *,.b-all-filters-modal-button[data-v-b96a672f] *:before,.b-all-filters-modal-button[data-v-b96a672f] *:after{box-sizing:border-box}.b-all-filters-modal-button[data-v-b96a672f] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal-button[data-v-b96a672f] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-all-filters-modal-button--filter-open[data-v-b96a672f]{background-color:var(--b-color-background-navigation)}@media(hover:hover){.b-all-filters-modal-button--filter-open[data-v-b96a672f]:hover{background-color:var(--b-color-background-navigation-hover)}}.b-all-filters-modal-button--filter-open[data-v-b96a672f]:active:not(:disabled){background-color:var(--b-color-background-navigation-active)}@media(hover:hover){.b-all-filters-modal-button[data-v-b96a672f]:hover{background-color:var(--b-color-background-modal-hover);color:var(--b-color-label-primary)}}.b-all-filters-modal-filter-selection[data-v-7a0f5687]{display:flex;flex-direction:column;gap:var(--b-spacer-090)}.b-all-filters-modal-filter-selection--small-screen[data-v-7a0f5687]{min-height:100%;padding-block:var(--b-spacer-070)}.b-all-filters-modal-filter-selection__search-bar[data-v-7a0f5687]{padding-inline:var(--b-spacer-070)}.b-all-filters-modal-filter-selection__empty-search-message[data-v-7a0f5687]{color:var(--b-color-label-secondary);padding-inline:var(--b-spacer-070);text-align:center}.b-all-filters-modal-filter-selection__filters-list[data-v-7a0f5687]{list-style:none;margin:var(--b-spacer-000);padding:var(--b-spacer-000)}.b-all-filters-modal-filter-selection__filters-section[data-v-7a0f5687]{display:flex;flex-direction:column;gap:var(--b-spacer-030)}.b-all-filters-modal-filter-selection__filters-section-title[data-v-7a0f5687]{color:var(--b-color-label-secondary);padding-inline:var(--b-spacer-070)}.b-all-filters-modal-filter-selection__actions[data-v-7a0f5687]{background-color:var(--b-color-background-primary);border-top:var(--b-border-width-s) solid var(--b-color-separator-primary);bottom:0;flex-grow:0;margin-top:auto;padding:var(--b-spacer-070);position:sticky;z-index:var(--b-z-index-global-elevated)}button[data-v-9ce16194]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-9ce16194]:focus-visible{outline:none}.b-filter-bar-button-group[data-v-9ce16194]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;display:flex}.b-filter-bar-button-group[data-v-9ce16194],.b-filter-bar-button-group[data-v-9ce16194]:before,.b-filter-bar-button-group[data-v-9ce16194]:after{box-sizing:border-box}.b-filter-bar-button-group[data-v-9ce16194] *,.b-filter-bar-button-group[data-v-9ce16194] *:before,.b-filter-bar-button-group[data-v-9ce16194] *:after{box-sizing:border-box}.b-filter-bar-button-group[data-v-9ce16194] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar-button-group[data-v-9ce16194] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:first-child{border-end-end-radius:0;border-start-end-radius:0}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:last-child{border-end-start-radius:0;border-start-start-radius:0}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:not(:last-child){border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);padding-inline-end:var(--b-spacer-020)}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:not(:last-child):hover{border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover)}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:not(:first-child){border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary);padding-inline-start:var(--b-spacer-020)}.b-filter-bar-button-group--grouped[data-v-9ce16194] button:not(:first-child):hover{border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-hover)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-9ce16194] button:not(:last-child){border-inline-end:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active)}.b-filter-bar-button-group--grouped.b-filter-bar-button-group--active[data-v-9ce16194] button:not(:first-child){border-inline-start:calc(var(--b-border-width-s) / 2) solid var(--b-color-outline-inverse-primary-active)}.b-base-filter[data-v-1ad6ef5f]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;display:inline-block;flex-shrink:0}.b-base-filter[data-v-1ad6ef5f],.b-base-filter[data-v-1ad6ef5f]:before,.b-base-filter[data-v-1ad6ef5f]:after{box-sizing:border-box}.b-base-filter[data-v-1ad6ef5f] *,.b-base-filter[data-v-1ad6ef5f] *:before,.b-base-filter[data-v-1ad6ef5f] *:after{box-sizing:border-box}.b-base-filter[data-v-1ad6ef5f] ::-webkit-scrollbar{height:14px;width:14px}.b-base-filter[data-v-1ad6ef5f] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-filter[data-v-65d6cbab]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-input-filter[data-v-65d6cbab],.b-input-filter[data-v-65d6cbab]:before,.b-input-filter[data-v-65d6cbab]:after{box-sizing:border-box}.b-input-filter[data-v-65d6cbab] *,.b-input-filter[data-v-65d6cbab] *:before,.b-input-filter[data-v-65d6cbab] *:after{box-sizing:border-box}.b-input-filter[data-v-65d6cbab] ::-webkit-scrollbar{height:14px;width:14px}.b-input-filter[data-v-65d6cbab] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-filter--only-slot[data-v-65d6cbab]{padding:var(--b-spacer-000)}.b-input-with-dropdown-filter[data-v-ab9eca8c]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-input-with-dropdown-filter[data-v-ab9eca8c],.b-input-with-dropdown-filter[data-v-ab9eca8c]:before,.b-input-with-dropdown-filter[data-v-ab9eca8c]:after{box-sizing:border-box}.b-input-with-dropdown-filter[data-v-ab9eca8c] *,.b-input-with-dropdown-filter[data-v-ab9eca8c] *:before,.b-input-with-dropdown-filter[data-v-ab9eca8c] *:after{box-sizing:border-box}.b-input-with-dropdown-filter[data-v-ab9eca8c] ::-webkit-scrollbar{height:14px;width:14px}.b-input-with-dropdown-filter[data-v-ab9eca8c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-with-dropdown-filter--only-slot[data-v-ab9eca8c]{padding:var(--b-spacer-000)}.b-date-filter[data-v-4eb8053d]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;padding:var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070)}.b-date-filter[data-v-4eb8053d],.b-date-filter[data-v-4eb8053d]:before,.b-date-filter[data-v-4eb8053d]:after{box-sizing:border-box}.b-date-filter[data-v-4eb8053d] *,.b-date-filter[data-v-4eb8053d] *:before,.b-date-filter[data-v-4eb8053d] *:after{box-sizing:border-box}.b-date-filter[data-v-4eb8053d] ::-webkit-scrollbar{height:14px;width:14px}.b-date-filter[data-v-4eb8053d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-date-filter--touch-device[data-v-4eb8053d]{padding:var(--b-spacer-060) var(--b-spacer-070)}.b-date-filter__divider[data-v-4eb8053d]{margin-top:var(--b-spacer-060)}@container (max-width: 260px){.b-base-filter-date-range-filter[data-v-3a493e39] .b-filter-bar-button__secondary-label{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.b-date-range-filter[data-v-3a493e39]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-date-range-filter[data-v-3a493e39],.b-date-range-filter[data-v-3a493e39]:before,.b-date-range-filter[data-v-3a493e39]:after{box-sizing:border-box}.b-date-range-filter[data-v-3a493e39] *,.b-date-range-filter[data-v-3a493e39] *:before,.b-date-range-filter[data-v-3a493e39] *:after{box-sizing:border-box}.b-date-range-filter[data-v-3a493e39] ::-webkit-scrollbar{height:14px;width:14px}.b-date-range-filter[data-v-3a493e39] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-date-range-filter__actions[data-v-3a493e39]{padding:0 var(--b-spacer-070) var(--b-spacer-060) var(--b-spacer-070)}.b-date-range-filter__divider[data-v-3a493e39]{margin:var(--b-spacer-060) 0}.b-radio-group-filter[data-v-b1a70e21]{padding:var(--b-spacer-060) var(--b-spacer-070)}.b-radio-group-filter--only-slot[data-v-b1a70e21]{padding:var(--b-spacer-000)}.b-select-filter-button[data-v-81199686]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-select-filter-button[data-v-81199686],.b-select-filter-button[data-v-81199686]:before,.b-select-filter-button[data-v-81199686]:after{box-sizing:border-box}.b-select-filter-button[data-v-81199686] *,.b-select-filter-button[data-v-81199686] *:before,.b-select-filter-button[data-v-81199686] *:after{box-sizing:border-box}.b-select-filter-button[data-v-81199686] ::-webkit-scrollbar{height:14px;width:14px}.b-select-filter-button[data-v-81199686] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-select-filter-button__divider[data-v-81199686]{margin:var(--b-spacer-040) var(--b-spacer-000) var(--b-spacer-000)}.b-select-filter-button__search-bar[data-v-81199686]{padding:var(--b-spacer-000) var(--b-spacer-070) var(--b-spacer-000)}.b-select-filter-button__search-bar-wrapper[data-v-81199686]{margin-top:var(--b-spacer-060)}.b-select-filter-button__wrapper[data-v-81199686]{max-height:270px}.b-toggle-filter[data-v-ab8af6c9]{align-items:center;display:flex;gap:var(--b-spacer-020)}.b-toggle-filter__checkbox[data-v-ab8af6c9]{margin-top:5px}.b-toggle-filter__checkmark[data-v-ab8af6c9]{margin:var(--b-spacer-010)}.b-toggle-filter__content[data-v-ab8af6c9]{display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-toggle-filter__only-slot[data-v-ab8af6c9]{cursor:pointer;display:flex;gap:var(--b-spacer-070)}.b-toggle-filter__only-slot--disabled[data-v-ab8af6c9]{cursor:not-allowed}.b-boolean-filter[data-v-82a9272e]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-boolean-filter[data-v-82a9272e],.b-boolean-filter[data-v-82a9272e]:before,.b-boolean-filter[data-v-82a9272e]:after{box-sizing:border-box}.b-boolean-filter[data-v-82a9272e] *,.b-boolean-filter[data-v-82a9272e] *:before,.b-boolean-filter[data-v-82a9272e] *:after{box-sizing:border-box}.b-boolean-filter[data-v-82a9272e] ::-webkit-scrollbar{height:14px;width:14px}.b-boolean-filter[data-v-82a9272e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-boolean-filter--only-slot[data-v-82a9272e]{padding:var(--b-spacer-000)}.b-range-filter[data-v-757e0012]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-range-filter[data-v-757e0012],.b-range-filter[data-v-757e0012]:before,.b-range-filter[data-v-757e0012]:after{box-sizing:border-box}.b-range-filter[data-v-757e0012] *,.b-range-filter[data-v-757e0012] *:before,.b-range-filter[data-v-757e0012] *:after{box-sizing:border-box}.b-range-filter[data-v-757e0012] ::-webkit-scrollbar{height:14px;width:14px}.b-range-filter[data-v-757e0012] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-range-filter__input-field[data-v-757e0012]{padding-top:var(--b-spacer-060)}.b-range-filter--only-slot[data-v-757e0012]{padding:var(--b-spacer-000)}.b-checkbox-group-filter[data-v-54301bd9]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;padding:var(--b-spacer-060) var(--b-spacer-070)}.b-checkbox-group-filter[data-v-54301bd9],.b-checkbox-group-filter[data-v-54301bd9]:before,.b-checkbox-group-filter[data-v-54301bd9]:after{box-sizing:border-box}.b-checkbox-group-filter[data-v-54301bd9] *,.b-checkbox-group-filter[data-v-54301bd9] *:before,.b-checkbox-group-filter[data-v-54301bd9] *:after{box-sizing:border-box}.b-checkbox-group-filter[data-v-54301bd9] ::-webkit-scrollbar{height:14px;width:14px}.b-checkbox-group-filter[data-v-54301bd9] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-checkbox-group-filter--only-slot[data-v-54301bd9]{padding:var(--b-spacer-000)}.b-all-filters-modal-selected-filter[data-v-425f5432]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-040) var(--b-spacer-100) var(--b-spacer-040) var(--b-spacer-040)}.b-all-filters-modal-selected-filter--small-screen[data-v-425f5432]{padding:var(--b-spacer-090)}.b-all-filters-modal-selected-filter__component[data-v-425f5432]{flex:1}.b-all-filters-modal-selected-filter__clear-button[data-v-425f5432]{display:flex;justify-content:flex-end}.b-all-filters-modal-selected-filter__actions[data-v-425f5432]{background-color:var(--b-color-background-primary);border-top:var(--b-border-width-s) solid var(--b-color-separator-primary);bottom:0;flex-grow:0;padding-block:var(--b-spacer-070);position:sticky}.b-all-filters-modal-selected-filter__text[data-v-425f5432]{display:flex;flex-direction:column;gap:var(--b-spacer-030);margin-bottom:var(--b-spacer-100)}.b-all-filters-modal[data-v-12fc2053]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-all-filters-modal[data-v-12fc2053],.b-all-filters-modal[data-v-12fc2053]:before,.b-all-filters-modal[data-v-12fc2053]:after{box-sizing:border-box}.b-all-filters-modal[data-v-12fc2053] *,.b-all-filters-modal[data-v-12fc2053] *:before,.b-all-filters-modal[data-v-12fc2053] *:after{box-sizing:border-box}.b-all-filters-modal[data-v-12fc2053] ::-webkit-scrollbar{height:14px;width:14px}.b-all-filters-modal[data-v-12fc2053] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-all-filters-modal[data-v-12fc2053] .b-modal-page{height:calc(100vh - 128px);max-height:800px;position:relative}.b-all-filters-modal[data-v-12fc2053] .b-modal-base__container{height:calc(100vh - 128px)!important;max-height:800px}.b-all-filters-modal[data-v-12fc2053] .b-dialog-page__content{display:flex}.b-all-filters-modal__modal--small-screen[data-v-12fc2053] .b-dialog-page__content{display:block}.b-all-filters-modal__modal--small-screen[data-v-12fc2053] .b-modal-fullscreen-page__close-button,.b-all-filters-modal__modal--small-screen[data-v-12fc2053] .b-modal-fullscreen-page__separator{display:none}.b-all-filters-modal[data-v-12fc2053] .b-modal-page__content{flex:1;padding:var(--b-spacer-000)}.b-all-filters-modal[data-v-12fc2053] .b-modal-page__content>.b-typography{height:100%}.b-all-filters-modal[data-v-12fc2053] .b-modal-page__grid{overflow:hidden}.b-all-filters-modal[data-v-12fc2053] .b-modal-page__grid>:nth-child(1){-ms-overflow-style:none;scrollbar-width:none;height:100%;overflow-y:auto;padding-bottom:var(--b-spacer-000);padding-right:var(--b-spacer-000)}.b-all-filters-modal[data-v-12fc2053] .b-modal-page__grid>:nth-child(1) ::-webkit-scrollbar{display:none}.b-all-filters-modal[data-v-12fc2053] .b-modal-page__grid>:nth-child(2){max-height:100%}.b-all-filters-modal[data-v-12fc2053] .b-grid-layout{gap:0;height:100%}.b-filter-bar[data-v-ccf2633f]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;container-type:inline-size;width:100%}.b-filter-bar[data-v-ccf2633f],.b-filter-bar[data-v-ccf2633f]:before,.b-filter-bar[data-v-ccf2633f]:after{box-sizing:border-box}.b-filter-bar[data-v-ccf2633f] *,.b-filter-bar[data-v-ccf2633f] *:before,.b-filter-bar[data-v-ccf2633f] *:after{box-sizing:border-box}.b-filter-bar[data-v-ccf2633f] ::-webkit-scrollbar{height:14px;width:14px}.b-filter-bar[data-v-ccf2633f] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-filter-bar__all-filters-modal[data-v-ccf2633f],.b-filter-bar__clear-all[data-v-ccf2633f],.b-filter-bar__reset-all[data-v-ccf2633f]{flex-shrink:0}.b-filter-bar__search-external-container[data-v-ccf2633f]{margin-bottom:var(--b-spacer-040)}.b-filter-bar__fixed-scroller[data-v-ccf2633f] .b-fixed-scroller__right .b-button--condensed,.b-filter-bar__fixed-scroller[data-v-ccf2633f] .b-fixed-scroller__left .b-button--condensed{height:inherit;max-height:inherit}.b-filter-bar__container[data-v-ccf2633f]{display:flex;flex-direction:row}.b-filter-bar__filters[data-v-ccf2633f]{display:flex;flex-wrap:wrap;gap:var(--b-spacer-040);width:100%}.b-filter-bar__filters .b-filter-bar__search-bar-container[data-v-ccf2633f]{min-width:200px;width:200px}.b-filter-bar__search-bar-container[data-v-ccf2633f]{flex:0 1 auto}.b-filter-bar--large-layout .b-filter-bar__search-bar[data-v-ccf2633f]{width:100%}.b-filter-bar__scroller-content[data-v-ccf2633f]{display:flex;gap:var(--b-spacer-040)}.b-filter-bar__scroller-content .b-filter-bar__search-bar[data-v-ccf2633f]{min-width:180px}
package/dist/assets/inspector.css CHANGED
@@ -1 +1 @@
1
- .b-inspector[data-v-76a8eea6]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;display:flex;height:100%;position:relative}.b-inspector[data-v-76a8eea6],.b-inspector[data-v-76a8eea6]:before,.b-inspector[data-v-76a8eea6]:after{box-sizing:border-box}.b-inspector[data-v-76a8eea6] *,.b-inspector[data-v-76a8eea6] *:before,.b-inspector[data-v-76a8eea6] *:after{box-sizing:border-box}.b-inspector[data-v-76a8eea6] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-76a8eea6] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-inspector--overlay-content .b-inspector__container-wrapper[data-v-76a8eea6]{box-shadow:var(--b-shadow-medium);position:absolute;right:0;z-index:var(--b-z-index-global-elevated)}.b-inspector--multi-paged .b-inspector__container[data-v-76a8eea6],.b-inspector--multi-paged .b-inspector__focus-trap[data-v-76a8eea6]{height:100%}.b-inspector__page-wrapper[data-v-76a8eea6]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-76a8eea6]{height:100%}.b-inspector__container-wrapper[data-v-76a8eea6]{background-color:var(--b-color-background-primary);border-left:1px solid var(--b-color-separator-secondary);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-76a8eea6]{display:flex;flex-direction:column;height:100%}.b-inspector__container--padded[data-v-76a8eea6]{padding:var(--b-spacer-070) var(--b-spacer-090)}.b-inspector__header[data-v-76a8eea6]{color:var(--b-color-label-primary);display:flex;gap:var(--b-spacer-060);padding-bottom:var(--b-spacer-070);padding-right:42px}.b-inspector__title[data-v-76a8eea6]{flex-grow:1}.b-inspector__icons[data-v-76a8eea6]{display:flex;flex-shrink:0;gap:var(--b-spacer-050);height:26px;position:absolute;right:var(--b-spacer-090);top:var(--b-spacer-070)}.b-inspector__content[data-v-76a8eea6]{flex-grow:1;height:100%}.b-inspector__loading-indicator[data-v-76a8eea6]{inset:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-76a8eea6]{clip-path:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;top:var(--b-spacer-070);width:1px}.b-inspector__return-content[data-v-76a8eea6]:focus-visible{background-color:var(--b-color-background-primary);background-image:linear-gradient(var(--b-color-background-tertiary),var(--b-color-background-tertiary));clip-path:auto;height:auto;opacity:1;right:var(--b-spacer-040);width:auto;z-index:1}.b-inspector__return-content-description[data-v-76a8eea6]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-76a8eea6]{width:420px}.b-inspector--small .b-inspector__container[data-v-76a8eea6]{width:419px}@keyframes expand-small-76a8eea6{0%{width:0}to{width:420px}}@keyframes shrink-small-76a8eea6{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-76a8eea6]{animation:expand-small-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--small .b-inspector__animation-enter-active .b-inspector__icons[data-v-76a8eea6]{animation:enter-uxr0uc3-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uxr0uc3-76a8eea6{0%{translate:120px 0}to{translate:0 0}}.b-inspector--small .b-inspector__animation-enter-active .b-inspector__icons[data-v-76a8eea6]{animation-delay:calc(var(--b-animation-duration-slow) * .3);animation-fill-mode:backwards}.b-inspector--small .b-inspector__animation-leave-active[data-v-76a8eea6]{animation:shrink-small-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--small .b-inspector__animation-leave-active .b-inspector__icons[data-v-76a8eea6]{animation:exit-uxr0uc8-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uxr0uc8-76a8eea6{0%{translate:0 0}to{translate:120px 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-76a8eea6]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-76a8eea6]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-76a8eea6]{animation:enter-uxr0ucf-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uxr0ucf-76a8eea6{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-76a8eea6]{animation:exit-uxr0ucy-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uxr0ucy-76a8eea6{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-76a8eea6]{width:595px}.b-inspector--large .b-inspector__container[data-v-76a8eea6]{width:594px}@keyframes expand-large-76a8eea6{0%{width:0}to{width:595px}}@keyframes shrink-large-76a8eea6{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-76a8eea6]{animation:expand-large-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--large .b-inspector__animation-enter-active .b-inspector__icons[data-v-76a8eea6]{animation:enter-uxr0ue6-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uxr0ue6-76a8eea6{0%{translate:120px 0}to{translate:0 0}}.b-inspector--large .b-inspector__animation-enter-active .b-inspector__icons[data-v-76a8eea6]{animation-delay:calc(var(--b-animation-duration-slow) * .3);animation-fill-mode:backwards}.b-inspector--large .b-inspector__animation-leave-active[data-v-76a8eea6]{animation:shrink-large-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--large .b-inspector__animation-leave-active .b-inspector__icons[data-v-76a8eea6]{animation:exit-uxr0ufr-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uxr0ufr-76a8eea6{0%{translate:0 0}to{translate:120px 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-76a8eea6]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-76a8eea6]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-76a8eea6]{animation:enter-uxr0uhp-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-uxr0uhp-76a8eea6{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-76a8eea6]{animation:exit-uxr0uiq-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-uxr0uiq-76a8eea6{0%{translate:0 0}to{translate:100% 0}}
1
+ .b-inspector[data-v-76a8eea6]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;display:flex;height:100%;position:relative}.b-inspector[data-v-76a8eea6],.b-inspector[data-v-76a8eea6]:before,.b-inspector[data-v-76a8eea6]:after{box-sizing:border-box}.b-inspector[data-v-76a8eea6] *,.b-inspector[data-v-76a8eea6] *:before,.b-inspector[data-v-76a8eea6] *:after{box-sizing:border-box}.b-inspector[data-v-76a8eea6] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-76a8eea6] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-inspector--overlay-content .b-inspector__container-wrapper[data-v-76a8eea6]{box-shadow:var(--b-shadow-medium);position:absolute;right:0;z-index:var(--b-z-index-global-elevated)}.b-inspector--multi-paged .b-inspector__container[data-v-76a8eea6],.b-inspector--multi-paged .b-inspector__focus-trap[data-v-76a8eea6]{height:100%}.b-inspector__page-wrapper[data-v-76a8eea6]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-76a8eea6]{height:100%}.b-inspector__container-wrapper[data-v-76a8eea6]{background-color:var(--b-color-background-primary);border-left:1px solid var(--b-color-separator-secondary);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-76a8eea6]{display:flex;flex-direction:column;height:100%}.b-inspector__container--padded[data-v-76a8eea6]{padding:var(--b-spacer-070) var(--b-spacer-090)}.b-inspector__header[data-v-76a8eea6]{color:var(--b-color-label-primary);display:flex;gap:var(--b-spacer-060);padding-bottom:var(--b-spacer-070);padding-right:42px}.b-inspector__title[data-v-76a8eea6]{flex-grow:1}.b-inspector__icons[data-v-76a8eea6]{display:flex;flex-shrink:0;gap:var(--b-spacer-050);height:26px;position:absolute;right:var(--b-spacer-090);top:var(--b-spacer-070)}.b-inspector__content[data-v-76a8eea6]{flex-grow:1;height:100%}.b-inspector__loading-indicator[data-v-76a8eea6]{inset:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-76a8eea6]{clip-path:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;top:var(--b-spacer-070);width:1px}.b-inspector__return-content[data-v-76a8eea6]:focus-visible{background-color:var(--b-color-background-primary);background-image:linear-gradient(var(--b-color-background-tertiary),var(--b-color-background-tertiary));clip-path:auto;height:auto;opacity:1;right:var(--b-spacer-040);width:auto;z-index:1}.b-inspector__return-content-description[data-v-76a8eea6]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-76a8eea6]{width:420px}.b-inspector--small .b-inspector__container[data-v-76a8eea6]{width:419px}@keyframes expand-small-76a8eea6{0%{width:0}to{width:420px}}@keyframes shrink-small-76a8eea6{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-76a8eea6]{animation:expand-small-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--small .b-inspector__animation-enter-active .b-inspector__icons[data-v-76a8eea6]{animation:enter-ud7auj0-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-ud7auj0-76a8eea6{0%{translate:120px 0}to{translate:0 0}}.b-inspector--small .b-inspector__animation-enter-active .b-inspector__icons[data-v-76a8eea6]{animation-delay:calc(var(--b-animation-duration-slow) * .3);animation-fill-mode:backwards}.b-inspector--small .b-inspector__animation-leave-active[data-v-76a8eea6]{animation:shrink-small-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--small .b-inspector__animation-leave-active .b-inspector__icons[data-v-76a8eea6]{animation:exit-ud7aujc-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-ud7aujc-76a8eea6{0%{translate:0 0}to{translate:120px 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-76a8eea6]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-76a8eea6]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-76a8eea6]{animation:enter-ud7aul1-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-ud7aul1-76a8eea6{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-76a8eea6]{animation:exit-ud7aumq-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-ud7aumq-76a8eea6{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-76a8eea6]{width:595px}.b-inspector--large .b-inspector__container[data-v-76a8eea6]{width:594px}@keyframes expand-large-76a8eea6{0%{width:0}to{width:595px}}@keyframes shrink-large-76a8eea6{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-76a8eea6]{animation:expand-large-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--large .b-inspector__animation-enter-active .b-inspector__icons[data-v-76a8eea6]{animation:enter-ud7aumx-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-ud7aumx-76a8eea6{0%{translate:120px 0}to{translate:0 0}}.b-inspector--large .b-inspector__animation-enter-active .b-inspector__icons[data-v-76a8eea6]{animation-delay:calc(var(--b-animation-duration-slow) * .3);animation-fill-mode:backwards}.b-inspector--large .b-inspector__animation-leave-active[data-v-76a8eea6]{animation:shrink-large-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--large .b-inspector__animation-leave-active .b-inspector__icons[data-v-76a8eea6]{animation:exit-ud7aunl-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-ud7aunl-76a8eea6{0%{translate:0 0}to{translate:120px 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-76a8eea6]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-76a8eea6]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-76a8eea6]{animation:enter-ud7auo5-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-ud7auo5-76a8eea6{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-76a8eea6]{animation:exit-ud7auo6-76a8eea6 var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-ud7auo6-76a8eea6{0%{translate:0 0}to{translate:100% 0}}
package/dist/assets/modal-fullscreen.css CHANGED
@@ -1 +1 @@
1
- .b-modal-fullscreen-page[data-v-8579bda1]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-8579bda1],.b-modal-fullscreen-page[data-v-8579bda1]:before,.b-modal-fullscreen-page[data-v-8579bda1]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-8579bda1] *,.b-modal-fullscreen-page[data-v-8579bda1] *:before,.b-modal-fullscreen-page[data-v-8579bda1] *:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-8579bda1] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-8579bda1] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen-page__header[data-v-8579bda1]{align-items:center;display:flex;flex-grow:1;gap:var(--b-spacer-090);height:64px;overflow:auto hidden;padding:var(--b-spacer-060) var(--b-spacer-090)}.b-modal-fullscreen-page__header:not(:has(.b-modal-fullscreen-page__actions)) .b-modal-fullscreen-page__header-section--slot[data-v-8579bda1]{flex:0 1 auto}.b-modal-fullscreen-page__header-section[data-v-8579bda1]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-8579bda1]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-8579bda1]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-8579bda1]{align-items:center;gap:var(--b-spacer-090);justify-content:end}.b-modal-fullscreen-page__title[data-v-8579bda1]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-8579bda1]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-8579bda1]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-8579bda1] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-8579bda1]{border-left:var(--b-border-width-s) solid var(--b-color-separator-primary);height:26px;margin-right:var(--b-spacer-110)}.b-modal-fullscreen-page__close-button[data-v-8579bda1]{align-items:center;background-color:var(--b-color-background-primary);display:flex;height:64px;padding-inline:var(--b-spacer-090);position:absolute;right:0;z-index:var(--b-z-index-local-tier-1)}.b-modal-fullscreen[data-v-931c456c]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;background-color:var(--b-color-background-primary);border:0;color:var(--b-color-label-primary);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-931c456c],.b-modal-fullscreen[data-v-931c456c]:before,.b-modal-fullscreen[data-v-931c456c]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-931c456c] *,.b-modal-fullscreen[data-v-931c456c] *:before,.b-modal-fullscreen[data-v-931c456c] *:after{box-sizing:border-box}.b-modal-fullscreen[data-v-931c456c] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-931c456c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen__wrapper[data-v-931c456c]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen[data-v-931c456c]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-931c456c]{animation:fade-in-uxr0u9z-931c456c var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uxr0u9z-931c456c var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uxr0u9z-931c456c var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-uxr0u9z-931c456c{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uxr0u9z-931c456c{0%{scale:1}to{scale:1}}@keyframes enter-uxr0u9z-931c456c{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-931c456c]{animation:fade-out-uxr0uab-931c456c var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uxr0uab-931c456c var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uxr0uab-931c456c var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-uxr0uab-931c456c{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uxr0uab-931c456c{0%{scale:1}to{scale:1}}@keyframes exit-uxr0uab-931c456c{0%{translate:0 0}to{translate:0 64px}}
1
+ .b-modal-fullscreen-page[data-v-8579bda1]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-8579bda1],.b-modal-fullscreen-page[data-v-8579bda1]:before,.b-modal-fullscreen-page[data-v-8579bda1]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-8579bda1] *,.b-modal-fullscreen-page[data-v-8579bda1] *:before,.b-modal-fullscreen-page[data-v-8579bda1] *:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-8579bda1] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-8579bda1] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen-page__header[data-v-8579bda1]{align-items:center;display:flex;flex-grow:1;gap:var(--b-spacer-090);height:64px;overflow:auto hidden;padding:var(--b-spacer-060) var(--b-spacer-090)}.b-modal-fullscreen-page__header:not(:has(.b-modal-fullscreen-page__actions)) .b-modal-fullscreen-page__header-section--slot[data-v-8579bda1]{flex:0 1 auto}.b-modal-fullscreen-page__header-section[data-v-8579bda1]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-8579bda1]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-8579bda1]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-8579bda1]{align-items:center;gap:var(--b-spacer-090);justify-content:end}.b-modal-fullscreen-page__title[data-v-8579bda1]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-8579bda1]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-8579bda1]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-8579bda1] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-8579bda1]{border-left:var(--b-border-width-s) solid var(--b-color-separator-primary);height:26px;margin-right:var(--b-spacer-110)}.b-modal-fullscreen-page__close-button[data-v-8579bda1]{align-items:center;background-color:var(--b-color-background-primary);display:flex;height:64px;padding-inline:var(--b-spacer-090);position:absolute;right:0;z-index:var(--b-z-index-local-tier-1)}.b-modal-fullscreen[data-v-931c456c]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;background-color:var(--b-color-background-primary);border:0;color:var(--b-color-label-primary);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-931c456c],.b-modal-fullscreen[data-v-931c456c]:before,.b-modal-fullscreen[data-v-931c456c]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-931c456c] *,.b-modal-fullscreen[data-v-931c456c] *:before,.b-modal-fullscreen[data-v-931c456c] *:after{box-sizing:border-box}.b-modal-fullscreen[data-v-931c456c] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-931c456c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen__wrapper[data-v-931c456c]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen[data-v-931c456c]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-931c456c]{animation:fade-in-ud7aufb-931c456c var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-ud7aufb-931c456c var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-ud7aufb-931c456c var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-ud7aufb-931c456c{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ud7aufb-931c456c{0%{scale:1}to{scale:1}}@keyframes enter-ud7aufb-931c456c{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-931c456c]{animation:fade-out-ud7aufg-931c456c var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-ud7aufg-931c456c var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-ud7aufg-931c456c var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-ud7aufg-931c456c{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ud7aufg-931c456c{0%{scale:1}to{scale:1}}@keyframes exit-ud7aufg-931c456c{0%{translate:0 0}to{translate:0 64px}}
package/dist/assets/navigation-menu-group.css CHANGED
@@ -1 +1 @@
1
- .b-navigation-menu[data-v-f4fb4ca7]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;display:flex;flex-direction:column;padding:var(--b-spacer-020) var(--b-spacer-040) var(--b-spacer-040)}.b-navigation-menu[data-v-f4fb4ca7],.b-navigation-menu[data-v-f4fb4ca7]:before,.b-navigation-menu[data-v-f4fb4ca7]:after{box-sizing:border-box}.b-navigation-menu[data-v-f4fb4ca7] *,.b-navigation-menu[data-v-f4fb4ca7] *:before,.b-navigation-menu[data-v-f4fb4ca7] *:after{box-sizing:border-box}.b-navigation-menu[data-v-f4fb4ca7] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu[data-v-f4fb4ca7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-navigation-menu__header[data-v-f4fb4ca7]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030) var(--b-spacer-010) var(--b-spacer-060)}.b-navigation-menu__title[data-v-f4fb4ca7]{color:var(--b-color-label-secondary);font-family:var(--b-text-caption-font-family-secondary);font-variant-numeric:slashed-zero;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.b-navigation-menu__actions-container[data-v-f4fb4ca7],.b-navigation-menu__actions[data-v-f4fb4ca7]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-navigation-menu__actions-container[data-v-f4fb4ca7] .b-button--icon-only{padding:var(--b-spacer-030)}.b-navigation-menu__content[data-v-f4fb4ca7]{display:flex;flex-direction:column;gap:var(--b-spacer-010);list-style:none;margin:0;padding:0}.b-navigation-menu__content[data-v-f4fb4ca7] a{text-decoration:none}.b-navigation-menu-item[data-v-e63bc43a]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;align-items:center;border-radius:var(--b-border-radius-m);display:flex;min-height:32px;opacity:1;padding-right:var(--b-spacer-030)}.b-navigation-menu-item[data-v-e63bc43a],.b-navigation-menu-item[data-v-e63bc43a]:before,.b-navigation-menu-item[data-v-e63bc43a]:after{box-sizing:border-box}.b-navigation-menu-item[data-v-e63bc43a] *,.b-navigation-menu-item[data-v-e63bc43a] *:before,.b-navigation-menu-item[data-v-e63bc43a] *:after{box-sizing:border-box}.b-navigation-menu-item[data-v-e63bc43a] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-item[data-v-e63bc43a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-navigation-menu-item--no-icon .b-navigation-menu-item__link[data-v-e63bc43a]{padding-left:var(--b-spacer-060)}.b-navigation-menu-item[data-v-e63bc43a]:hover{background-color:var(--b-color-background-tertiary-hover)}.b-navigation-menu-item[data-v-e63bc43a]:active{background-color:var(--b-color-background-tertiary-active)}.b-navigation-menu-item__link[data-v-e63bc43a]{align-items:center;cursor:pointer;display:flex;flex:1;gap:var(--b-spacer-020);min-height:32px;min-width:0;padding:var(--b-spacer-010) 0 var(--b-spacer-010) var(--b-spacer-020);text-decoration:none}.b-navigation-menu-item__link[data-v-e63bc43a]:focus-visible{border-radius:var(--b-border-radius-m)}.b-navigation-menu-item__icon[data-v-e63bc43a]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item__label[data-v-e63bc43a]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-item__icon[data-v-e63bc43a],.b-navigation-menu-item__label[data-v-e63bc43a]{color:var(--b-color-label-primary)}.b-navigation-menu-item__action[data-v-e63bc43a]{display:none;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-e63bc43a],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-e63bc43a],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-e63bc43a]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-e63bc43a],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-e63bc43a],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-e63bc43a]{animation:fade-in-uxr0ul5-e63bc43a var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-uxr0ul5-e63bc43a{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-item--selected[data-v-e63bc43a]{background-color:var(--b-color-background-navigation)}.b-navigation-menu-item--selected[data-v-e63bc43a]:hover{background-color:var(--b-color-background-navigation-hover)}.b-navigation-menu-item--selected[data-v-e63bc43a]:active{background-color:var(--b-color-background-navigation-active)}.b-navigation-menu-item--nested[data-v-e63bc43a]{margin-top:var(--b-spacer-010)}.b-navigation-menu-item--nested .b-navigation-menu-item__link[data-v-e63bc43a]{padding-left:36px}.b-navigation-menu-item--nested .b-navigation-menu-item__label[data-v-e63bc43a]{color:var(--b-color-label-secondary)}.b-navigation-menu-item--nested:hover .b-navigation-menu-item__label[data-v-e63bc43a],.b-navigation-menu-item--nested:active .b-navigation-menu-item__label[data-v-e63bc43a],.b-navigation-menu-item--nested.b-navigation-menu-item--selected .b-navigation-menu-item__label[data-v-e63bc43a]{color:var(--b-color-label-primary)}.b-navigation-menu-item--hidden[data-v-e63bc43a]{margin-top:0;max-height:0;min-height:0;opacity:0}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item--hidden[data-v-e63bc43a]{transition:all var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-item--hidden .b-navigation-menu-item__link[data-v-e63bc43a]{padding-bottom:0;padding-top:0}.b-navigation-menu-group[data-v-eb01071b]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-navigation-menu-group button[data-v-eb01071b]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-navigation-menu-group button[data-v-eb01071b]:focus-visible{outline:none}.b-navigation-menu-group[data-v-eb01071b],.b-navigation-menu-group[data-v-eb01071b]:before,.b-navigation-menu-group[data-v-eb01071b]:after{box-sizing:border-box}.b-navigation-menu-group[data-v-eb01071b] *,.b-navigation-menu-group[data-v-eb01071b] *:before,.b-navigation-menu-group[data-v-eb01071b] *:after{box-sizing:border-box}.b-navigation-menu-group[data-v-eb01071b] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-group[data-v-eb01071b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-navigation-menu-group__header[data-v-eb01071b]{align-items:center;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;gap:var(--b-spacer-020);min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030);padding-left:var(--b-spacer-020);position:relative;width:100%}.b-navigation-menu-group__header[data-v-eb01071b]:hover{background-color:var(--b-color-background-tertiary-hover)}.b-navigation-menu-group__header[data-v-eb01071b]:active{background-color:var(--b-color-background-tertiary-active)}.b-navigation-menu-group__header[data-v-eb01071b]:focus-visible{outline:none;animation:outer-ring-default-eb01071b var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-eb01071b{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-navigation-menu-group__header--no-icon[data-v-eb01071b]{padding-left:var(--b-spacer-050)}.b-navigation-menu-group__icon[data-v-eb01071b]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-group__icon--chevron[data-v-eb01071b]{display:none}.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-eb01071b],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-eb01071b]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-eb01071b],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-eb01071b]{animation:fade-in-uxr0uqy-eb01071b var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-uxr0uqy-eb01071b{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-group__label[data-v-eb01071b]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-group__content-wrapper[data-v-eb01071b]{overflow:clip;overflow-clip-margin:var(--b-spacer-020)}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__content-wrapper[data-v-eb01071b]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-group__content[data-v-eb01071b]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.b-navigation-menu-group__animation--content-enter-active[data-v-eb01071b]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-enter-active[data-v-eb01071b]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-in-uxr0urh-eb01071b var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uxr0urh-eb01071b var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uxr0urh-eb01071b var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-uxr0urh-eb01071b{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uxr0urh-eb01071b{0%{scale:1}to{scale:1}}@keyframes enter-uxr0urh-eb01071b{0%{translate:0 -8px}to{translate:0 0}}}.b-navigation-menu-group__animation--content-leave-active[data-v-eb01071b]{max-height:0!important;overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-leave-active[data-v-eb01071b]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-out-uxr0usf-eb01071b var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uxr0usf-eb01071b var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uxr0usf-eb01071b var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-uxr0usf-eb01071b{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uxr0usf-eb01071b{0%{scale:1}to{scale:1}}@keyframes exit-uxr0usf-eb01071b{0%{translate:0 0}to{translate:0 -8px}}}
1
+ .b-navigation-menu[data-v-f4fb4ca7]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;display:flex;flex-direction:column;padding:var(--b-spacer-020) var(--b-spacer-040) var(--b-spacer-040)}.b-navigation-menu[data-v-f4fb4ca7],.b-navigation-menu[data-v-f4fb4ca7]:before,.b-navigation-menu[data-v-f4fb4ca7]:after{box-sizing:border-box}.b-navigation-menu[data-v-f4fb4ca7] *,.b-navigation-menu[data-v-f4fb4ca7] *:before,.b-navigation-menu[data-v-f4fb4ca7] *:after{box-sizing:border-box}.b-navigation-menu[data-v-f4fb4ca7] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu[data-v-f4fb4ca7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-navigation-menu__header[data-v-f4fb4ca7]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030) var(--b-spacer-010) var(--b-spacer-060)}.b-navigation-menu__title[data-v-f4fb4ca7]{color:var(--b-color-label-secondary);font-family:var(--b-text-caption-font-family-secondary);font-variant-numeric:slashed-zero;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.b-navigation-menu__actions-container[data-v-f4fb4ca7],.b-navigation-menu__actions[data-v-f4fb4ca7]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-navigation-menu__actions-container[data-v-f4fb4ca7] .b-button--icon-only{padding:var(--b-spacer-030)}.b-navigation-menu__content[data-v-f4fb4ca7]{display:flex;flex-direction:column;gap:var(--b-spacer-010);list-style:none;margin:0;padding:0}.b-navigation-menu__content[data-v-f4fb4ca7] a{text-decoration:none}.b-navigation-menu-item[data-v-e63bc43a]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;align-items:center;border-radius:var(--b-border-radius-m);display:flex;min-height:32px;opacity:1;padding-right:var(--b-spacer-030)}.b-navigation-menu-item[data-v-e63bc43a],.b-navigation-menu-item[data-v-e63bc43a]:before,.b-navigation-menu-item[data-v-e63bc43a]:after{box-sizing:border-box}.b-navigation-menu-item[data-v-e63bc43a] *,.b-navigation-menu-item[data-v-e63bc43a] *:before,.b-navigation-menu-item[data-v-e63bc43a] *:after{box-sizing:border-box}.b-navigation-menu-item[data-v-e63bc43a] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-item[data-v-e63bc43a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-navigation-menu-item--no-icon .b-navigation-menu-item__link[data-v-e63bc43a]{padding-left:var(--b-spacer-060)}.b-navigation-menu-item[data-v-e63bc43a]:hover{background-color:var(--b-color-background-tertiary-hover)}.b-navigation-menu-item[data-v-e63bc43a]:active{background-color:var(--b-color-background-tertiary-active)}.b-navigation-menu-item__link[data-v-e63bc43a]{align-items:center;cursor:pointer;display:flex;flex:1;gap:var(--b-spacer-020);min-height:32px;min-width:0;padding:var(--b-spacer-010) 0 var(--b-spacer-010) var(--b-spacer-020);text-decoration:none}.b-navigation-menu-item__link[data-v-e63bc43a]:focus-visible{border-radius:var(--b-border-radius-m)}.b-navigation-menu-item__icon[data-v-e63bc43a]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item__label[data-v-e63bc43a]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-item__icon[data-v-e63bc43a],.b-navigation-menu-item__label[data-v-e63bc43a]{color:var(--b-color-label-primary)}.b-navigation-menu-item__action[data-v-e63bc43a]{display:none;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-e63bc43a],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-e63bc43a],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-e63bc43a]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-e63bc43a],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-e63bc43a],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-e63bc43a]{animation:fade-in-ud7augg-e63bc43a var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-ud7augg-e63bc43a{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-item--selected[data-v-e63bc43a]{background-color:var(--b-color-background-navigation)}.b-navigation-menu-item--selected[data-v-e63bc43a]:hover{background-color:var(--b-color-background-navigation-hover)}.b-navigation-menu-item--selected[data-v-e63bc43a]:active{background-color:var(--b-color-background-navigation-active)}.b-navigation-menu-item--nested[data-v-e63bc43a]{margin-top:var(--b-spacer-010)}.b-navigation-menu-item--nested .b-navigation-menu-item__link[data-v-e63bc43a]{padding-left:36px}.b-navigation-menu-item--nested .b-navigation-menu-item__label[data-v-e63bc43a]{color:var(--b-color-label-secondary)}.b-navigation-menu-item--nested:hover .b-navigation-menu-item__label[data-v-e63bc43a],.b-navigation-menu-item--nested:active .b-navigation-menu-item__label[data-v-e63bc43a],.b-navigation-menu-item--nested.b-navigation-menu-item--selected .b-navigation-menu-item__label[data-v-e63bc43a]{color:var(--b-color-label-primary)}.b-navigation-menu-item--hidden[data-v-e63bc43a]{margin-top:0;max-height:0;min-height:0;opacity:0}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item--hidden[data-v-e63bc43a]{transition:all var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-item--hidden .b-navigation-menu-item__link[data-v-e63bc43a]{padding-bottom:0;padding-top:0}.b-navigation-menu-group[data-v-eb01071b]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-navigation-menu-group button[data-v-eb01071b]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-navigation-menu-group button[data-v-eb01071b]:focus-visible{outline:none}.b-navigation-menu-group[data-v-eb01071b],.b-navigation-menu-group[data-v-eb01071b]:before,.b-navigation-menu-group[data-v-eb01071b]:after{box-sizing:border-box}.b-navigation-menu-group[data-v-eb01071b] *,.b-navigation-menu-group[data-v-eb01071b] *:before,.b-navigation-menu-group[data-v-eb01071b] *:after{box-sizing:border-box}.b-navigation-menu-group[data-v-eb01071b] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-group[data-v-eb01071b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-navigation-menu-group__header[data-v-eb01071b]{align-items:center;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;gap:var(--b-spacer-020);min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030);padding-left:var(--b-spacer-020);position:relative;width:100%}.b-navigation-menu-group__header[data-v-eb01071b]:hover{background-color:var(--b-color-background-tertiary-hover)}.b-navigation-menu-group__header[data-v-eb01071b]:active{background-color:var(--b-color-background-tertiary-active)}.b-navigation-menu-group__header[data-v-eb01071b]:focus-visible{outline:none;animation:outer-ring-default-eb01071b var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-eb01071b{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-navigation-menu-group__header--no-icon[data-v-eb01071b]{padding-left:var(--b-spacer-050)}.b-navigation-menu-group__icon[data-v-eb01071b]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-group__icon--chevron[data-v-eb01071b]{display:none}.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-eb01071b],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-eb01071b]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-eb01071b],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-eb01071b]{animation:fade-in-ud7auqp-eb01071b var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-ud7auqp-eb01071b{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-group__label[data-v-eb01071b]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-group__content-wrapper[data-v-eb01071b]{overflow:clip;overflow-clip-margin:var(--b-spacer-020)}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__content-wrapper[data-v-eb01071b]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-group__content[data-v-eb01071b]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.b-navigation-menu-group__animation--content-enter-active[data-v-eb01071b]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-enter-active[data-v-eb01071b]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-in-ud7aurp-eb01071b var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-ud7aurp-eb01071b var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-ud7aurp-eb01071b var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-ud7aurp-eb01071b{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ud7aurp-eb01071b{0%{scale:1}to{scale:1}}@keyframes enter-ud7aurp-eb01071b{0%{translate:0 -8px}to{translate:0 0}}}.b-navigation-menu-group__animation--content-leave-active[data-v-eb01071b]{max-height:0!important;overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-leave-active[data-v-eb01071b]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-out-ud7aus6-eb01071b var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-ud7aus6-eb01071b var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-ud7aus6-eb01071b var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-ud7aus6-eb01071b{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ud7aus6-eb01071b{0%{scale:1}to{scale:1}}@keyframes exit-ud7aus6-eb01071b{0%{translate:0 0}to{translate:0 -8px}}}
package/dist/assets/secondary-nav.css CHANGED
@@ -1 +1 @@
1
- button[data-v-c78eb243]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-c78eb243]:focus-visible{outline:none}.b-secondary-nav-item[data-v-c78eb243]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;margin-top:var(--b-spacer-020)}.b-secondary-nav-item[data-v-c78eb243],.b-secondary-nav-item[data-v-c78eb243]:before,.b-secondary-nav-item[data-v-c78eb243]:after{box-sizing:border-box}.b-secondary-nav-item[data-v-c78eb243] *,.b-secondary-nav-item[data-v-c78eb243] *:before,.b-secondary-nav-item[data-v-c78eb243] *:after{box-sizing:border-box}.b-secondary-nav-item[data-v-c78eb243] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-item[data-v-c78eb243] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-secondary-nav-item__wrapper[data-v-c78eb243]{position:relative}@media(hover:hover){.b-secondary-nav-item__wrapper:hover .b-secondary-nav-item__option[data-v-c78eb243]:not(:active){background-color:var(--b-color-background-primary-hover)}.b-secondary-nav-item__wrapper:hover .b-secondary-nav-item__option:not(:active).b-secondary-nav-item__option--active[data-v-c78eb243]{background-color:var(--b-color-background-navigation-hover)}}.b-secondary-nav-item__option[data-v-c78eb243]{align-items:center;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;justify-content:space-between;padding:var(--b-spacer-040) var(--b-spacer-050);width:100%}.b-secondary-nav-item__option[data-v-c78eb243]:active{background-color:var(--b-color-background-primary-active)}.b-secondary-nav-item__option--active[data-v-c78eb243]{background-color:var(--b-color-background-navigation)}.b-secondary-nav-item__option--active[data-v-c78eb243]:active{background-color:var(--b-color-background-navigation-active)}.b-secondary-nav-item__option[data-v-c78eb243]:focus-visible{animation:outer-ring-default-c78eb243 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-c78eb243{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-secondary-nav-item__option--sub-item[data-v-c78eb243]{padding-left:var(--b-spacer-080)}.b-secondary-nav-item__option--expandable[data-v-c78eb243]{padding-right:var(--b-spacer-100)}.b-secondary-nav-item__toggle[data-v-c78eb243]{position:absolute;right:var(--b-spacer-050);top:50%;transform:translateY(-50%)}.b-secondary-nav-item__toggle[data-v-c78eb243]:after{content:"";display:block;inset:calc(var(--b-spacer-050) * -1);position:absolute}.b-secondary-nav-item__error-counter[data-v-c78eb243]{cursor:inherit}.b-secondary-nav-item__sub-items[data-v-c78eb243]{list-style:none;padding:0}.b-secondary-nav-item__animation--content-enter-active[data-v-c78eb243]{overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-in-uxr0uy1-c78eb243 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-uxr0uy1-c78eb243 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-uxr0uy1-c78eb243 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-uxr0uy1-c78eb243{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uxr0uy1-c78eb243{0%{scale:1}to{scale:1}}@keyframes enter-uxr0uy1-c78eb243{0%{translate:0 -8px}to{translate:0 0}}.b-secondary-nav-item__animation--content-leave-active[data-v-c78eb243]{max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-out-uxr0uyj-c78eb243 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-uxr0uyj-c78eb243 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-uxr0uyj-c78eb243 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-uxr0uyj-c78eb243{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uxr0uyj-c78eb243{0%{scale:1}to{scale:1}}@keyframes exit-uxr0uyj-c78eb243{0%{translate:0 0}to{translate:0 -8px}}.b-secondary-nav-category[data-v-7b080ce9]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;margin-bottom:var(--b-spacer-080)}.b-secondary-nav-category[data-v-7b080ce9],.b-secondary-nav-category[data-v-7b080ce9]:before,.b-secondary-nav-category[data-v-7b080ce9]:after{box-sizing:border-box}.b-secondary-nav-category[data-v-7b080ce9] *,.b-secondary-nav-category[data-v-7b080ce9] *:before,.b-secondary-nav-category[data-v-7b080ce9] *:after{box-sizing:border-box}.b-secondary-nav-category[data-v-7b080ce9] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-category[data-v-7b080ce9] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-secondary-nav-category__label[data-v-7b080ce9]{color:var(--b-color-label-secondary);padding:0 var(--b-spacer-050) var(--b-spacer-020) var(--b-spacer-050)}.b-secondary-nav[data-v-2f777dea]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-secondary-nav[data-v-2f777dea],.b-secondary-nav[data-v-2f777dea]:before,.b-secondary-nav[data-v-2f777dea]:after{box-sizing:border-box}.b-secondary-nav[data-v-2f777dea] *,.b-secondary-nav[data-v-2f777dea] *:before,.b-secondary-nav[data-v-2f777dea] *:after{box-sizing:border-box}.b-secondary-nav[data-v-2f777dea] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav[data-v-2f777dea] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-secondary-nav[data-v-2f777dea]{max-width:250px}}.b-secondary-nav[data-v-2f777dea] .b-secondary-nav__list{list-style:none;margin:0;padding:0}.b-secondary-nav__option[data-v-2f777dea]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-secondary-nav__nested-option[data-v-2f777dea]{padding-left:var(--b-spacer-070)}
1
+ button[data-v-c78eb243]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-c78eb243]:focus-visible{outline:none}.b-secondary-nav-item[data-v-c78eb243]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;margin-top:var(--b-spacer-020)}.b-secondary-nav-item[data-v-c78eb243],.b-secondary-nav-item[data-v-c78eb243]:before,.b-secondary-nav-item[data-v-c78eb243]:after{box-sizing:border-box}.b-secondary-nav-item[data-v-c78eb243] *,.b-secondary-nav-item[data-v-c78eb243] *:before,.b-secondary-nav-item[data-v-c78eb243] *:after{box-sizing:border-box}.b-secondary-nav-item[data-v-c78eb243] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-item[data-v-c78eb243] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-secondary-nav-item__wrapper[data-v-c78eb243]{position:relative}@media(hover:hover){.b-secondary-nav-item__wrapper:hover .b-secondary-nav-item__option[data-v-c78eb243]:not(:active){background-color:var(--b-color-background-primary-hover)}.b-secondary-nav-item__wrapper:hover .b-secondary-nav-item__option:not(:active).b-secondary-nav-item__option--active[data-v-c78eb243]{background-color:var(--b-color-background-navigation-hover)}}.b-secondary-nav-item__option[data-v-c78eb243]{align-items:center;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;justify-content:space-between;padding:var(--b-spacer-040) var(--b-spacer-050);width:100%}.b-secondary-nav-item__option[data-v-c78eb243]:active{background-color:var(--b-color-background-primary-active)}.b-secondary-nav-item__option--active[data-v-c78eb243]{background-color:var(--b-color-background-navigation)}.b-secondary-nav-item__option--active[data-v-c78eb243]:active{background-color:var(--b-color-background-navigation-active)}.b-secondary-nav-item__option[data-v-c78eb243]:focus-visible{animation:outer-ring-default-c78eb243 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-c78eb243{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-secondary-nav-item__option--sub-item[data-v-c78eb243]{padding-left:var(--b-spacer-080)}.b-secondary-nav-item__option--expandable[data-v-c78eb243]{padding-right:var(--b-spacer-100)}.b-secondary-nav-item__toggle[data-v-c78eb243]{position:absolute;right:var(--b-spacer-050);top:50%;transform:translateY(-50%)}.b-secondary-nav-item__toggle[data-v-c78eb243]:after{content:"";display:block;inset:calc(var(--b-spacer-050) * -1);position:absolute}.b-secondary-nav-item__error-counter[data-v-c78eb243]{cursor:inherit}.b-secondary-nav-item__sub-items[data-v-c78eb243]{list-style:none;padding:0}.b-secondary-nav-item__animation--content-enter-active[data-v-c78eb243]{overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-in-ud7auww-c78eb243 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-ud7auww-c78eb243 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-ud7auww-c78eb243 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-ud7auww-c78eb243{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ud7auww-c78eb243{0%{scale:1}to{scale:1}}@keyframes enter-ud7auww-c78eb243{0%{translate:0 -8px}to{translate:0 0}}.b-secondary-nav-item__animation--content-leave-active[data-v-c78eb243]{max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard);animation:fade-out-ud7auxw-c78eb243 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-ud7auxw-c78eb243 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-ud7auxw-c78eb243 var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-ud7auxw-c78eb243{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ud7auxw-c78eb243{0%{scale:1}to{scale:1}}@keyframes exit-ud7auxw-c78eb243{0%{translate:0 0}to{translate:0 -8px}}.b-secondary-nav-category[data-v-7b080ce9]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;margin-bottom:var(--b-spacer-080)}.b-secondary-nav-category[data-v-7b080ce9],.b-secondary-nav-category[data-v-7b080ce9]:before,.b-secondary-nav-category[data-v-7b080ce9]:after{box-sizing:border-box}.b-secondary-nav-category[data-v-7b080ce9] *,.b-secondary-nav-category[data-v-7b080ce9] *:before,.b-secondary-nav-category[data-v-7b080ce9] *:after{box-sizing:border-box}.b-secondary-nav-category[data-v-7b080ce9] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-category[data-v-7b080ce9] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-secondary-nav-category__label[data-v-7b080ce9]{color:var(--b-color-label-secondary);padding:0 var(--b-spacer-050) var(--b-spacer-020) var(--b-spacer-050)}.b-secondary-nav[data-v-2f777dea]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-secondary-nav[data-v-2f777dea],.b-secondary-nav[data-v-2f777dea]:before,.b-secondary-nav[data-v-2f777dea]:after{box-sizing:border-box}.b-secondary-nav[data-v-2f777dea] *,.b-secondary-nav[data-v-2f777dea] *:before,.b-secondary-nav[data-v-2f777dea] *:after{box-sizing:border-box}.b-secondary-nav[data-v-2f777dea] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav[data-v-2f777dea] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-secondary-nav[data-v-2f777dea]{max-width:250px}}.b-secondary-nav[data-v-2f777dea] .b-secondary-nav__list{list-style:none;margin:0;padding:0}.b-secondary-nav__option[data-v-2f777dea]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-secondary-nav__nested-option[data-v-2f777dea]{padding-left:var(--b-spacer-070)}
package/dist/assets/sidepanel.css CHANGED
@@ -1 +1 @@
1
- .b-sidepanel-page[data-v-42613cdd]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-42613cdd],.b-sidepanel-page[data-v-42613cdd]:before,.b-sidepanel-page[data-v-42613cdd]:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] *,.b-sidepanel-page[data-v-42613cdd] *:before,.b-sidepanel-page[data-v-42613cdd] *:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-42613cdd] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-42613cdd]{align-items:center;background-color:var(--b-color-background-modal);border-top-left-radius:var(--b-border-radius-l);display:flex;overflow:hidden;padding:var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-42613cdd]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-42613cdd]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-42613cdd]{background-color:var(--b-color-background-modal);border-bottom-left-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);padding:var(--b-spacer-070) var(--b-spacer-090)}.b-sidepanel[data-v-d01ab99f]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;background-color:var(--b-color-background-modal);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-d01ab99f],.b-sidepanel[data-v-d01ab99f]:before,.b-sidepanel[data-v-d01ab99f]:after{box-sizing:border-box}.b-sidepanel[data-v-d01ab99f] *,.b-sidepanel[data-v-d01ab99f] *:before,.b-sidepanel[data-v-d01ab99f] *:after{box-sizing:border-box}.b-sidepanel[data-v-d01ab99f] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-d01ab99f] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-sidepanel[data-v-d01ab99f]{border-radius:var(--b-border-radius-l) 0 0 var(--b-border-radius-l);margin:0 0 0 auto;width:480px}}@media(min-width:768px){.b-sidepanel[data-v-d01ab99f]{max-width:680px;min-width:480px;width:33%}}.b-sidepanel__close-button[data-v-d01ab99f]{align-items:center;display:flex;height:64px;position:absolute;right:var(--b-spacer-090);z-index:var(--b-z-index-local-tier-1)}.b-sidepanel--animation[data-v-d01ab99f]{overflow:hidden}.b-sidepanel[data-v-d01ab99f]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-sidepanel[open][data-v-d01ab99f]{animation:enter-uxr0ukk-d01ab99f var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-uxr0ukk-d01ab99f{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-d01ab99f]::backdrop{animation:fade-in-uxr0ul6-d01ab99f var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uxr0ul6-d01ab99f{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-d01ab99f]{animation:exit-uxr0ulc-d01ab99f var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-uxr0ulc-d01ab99f{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-d01ab99f]::backdrop{animation:fade-out-uxr0ulq-d01ab99f var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uxr0ulq-d01ab99f{0%{opacity:.5}to{opacity:0}}
1
+ .b-sidepanel-page[data-v-42613cdd]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-42613cdd],.b-sidepanel-page[data-v-42613cdd]:before,.b-sidepanel-page[data-v-42613cdd]:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] *,.b-sidepanel-page[data-v-42613cdd] *:before,.b-sidepanel-page[data-v-42613cdd] *:after{box-sizing:border-box}.b-sidepanel-page[data-v-42613cdd] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-42613cdd] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-42613cdd]{align-items:center;background-color:var(--b-color-background-modal);border-top-left-radius:var(--b-border-radius-l);display:flex;overflow:hidden;padding:var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-42613cdd]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-42613cdd]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-42613cdd]{background-color:var(--b-color-background-modal);border-bottom-left-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);padding:var(--b-spacer-070) var(--b-spacer-090)}.b-sidepanel[data-v-d01ab99f]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;background-color:var(--b-color-background-modal);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-d01ab99f],.b-sidepanel[data-v-d01ab99f]:before,.b-sidepanel[data-v-d01ab99f]:after{box-sizing:border-box}.b-sidepanel[data-v-d01ab99f] *,.b-sidepanel[data-v-d01ab99f] *:before,.b-sidepanel[data-v-d01ab99f] *:after{box-sizing:border-box}.b-sidepanel[data-v-d01ab99f] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-d01ab99f] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-sidepanel[data-v-d01ab99f]{border-radius:var(--b-border-radius-l) 0 0 var(--b-border-radius-l);margin:0 0 0 auto;width:480px}}@media(min-width:768px){.b-sidepanel[data-v-d01ab99f]{max-width:680px;min-width:480px;width:33%}}.b-sidepanel__close-button[data-v-d01ab99f]{align-items:center;display:flex;height:64px;position:absolute;right:var(--b-spacer-090);z-index:var(--b-z-index-local-tier-1)}.b-sidepanel--animation[data-v-d01ab99f]{overflow:hidden}.b-sidepanel[data-v-d01ab99f]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-sidepanel[open][data-v-d01ab99f]{animation:enter-ud7au5e-d01ab99f var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-ud7au5e-d01ab99f{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-d01ab99f]::backdrop{animation:fade-in-ud7au6a-d01ab99f var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-ud7au6a-d01ab99f{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-d01ab99f]{animation:exit-ud7au6i-d01ab99f var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-ud7au6i-d01ab99f{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-d01ab99f]::backdrop{animation:fade-out-ud7au77-d01ab99f var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-ud7au77-d01ab99f{0%{opacity:.5}to{opacity:0}}
package/dist/button.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { B as n, a as B, b as a } from "./chunks/button.Ciflfide.js";
2
2
  import { a as s } from "./chunks/ai-button.CYaCMWFk.js";
3
- import { B as r, a as i, b as c, c as p } from "./chunks/button-actions.796MVzQq.js";
3
+ import { B as r, a as i, b as c, c as p } from "./chunks/button-actions.uIjzze43.js";
4
4
  import { B as A, a as L, b as d } from "./chunks/button-actions.types.BptAXjD8.js";
5
5
  export {
6
6
  s as BentoAiButton,
package/dist/card.js CHANGED
@@ -1,4 +1,4 @@
1
- import { c as o, B as r, a as t } from "./chunks/card.Dvp16GwX.js";
1
+ import { c as o, B as r, a as t } from "./chunks/card.a8QL14dy.js";
2
2
  export {
3
3
  o as BentoCard,
4
4
  r as BentoCardBackground,
package/dist/checkbox.js CHANGED
@@ -1,5 +1,5 @@
1
- import { B as a, a as t } from "./chunks/checkbox.X1EMa3FW.js";
2
- import { B as n, a as x } from "./chunks/checkbox-group.DTGifncj.js";
1
+ import { B as a, a as t } from "./chunks/checkbox.0RmIkniU.js";
2
+ import { B as n, a as x } from "./chunks/checkbox-group.BCzNXT1-.js";
3
3
  export {
4
4
  a as BentoCheckbox,
5
5
  t as BentoCheckboxEvent,
package/dist/chunks/{accordion-item.l88yjGPT.js → accordion-item.BMxeTYDy.js} RENAMED
@@ -5,7 +5,7 @@ import { _ as w } from "./chevron-down.DDkuHzKj.js";
5
5
  import { _ as J } from "./chevron-up.CE9uVcoS.js";
6
6
  import { g as h } from "./generate-uid.DBWe4g6T.js";
7
7
  import { u as U } from "./index.B875RXHM.js";
8
- import { u as q } from "./use-expandable-content-height.Bdd9hQwq.js";
8
+ import { u as q } from "./use-expandable-content-height.DmFeas9-.js";
9
9
  import "../assets/accordion-item.css";
10
10
  const S = /* @__PURE__ */ Symbol("accordion title size injection key"), F = { class: "b-accordion" }, G = {}, K = /* @__PURE__ */ C({
11
11
  ...G,
@@ -130,4 +130,4 @@ export {
130
130
  le as a,
131
131
  ce as b
132
132
  };
133
- //# sourceMappingURL=accordion-item.l88yjGPT.js.map
133
+ //# sourceMappingURL=accordion-item.BMxeTYDy.js.map
package/dist/chunks/{accordion-item.l88yjGPT.js.map → accordion-item.BMxeTYDy.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"accordion-item.l88yjGPT.js","sources":["../../../vue2/src/components/accordion/accordion.keys.ts","../../../vue2/src/components/accordion/accordion.vue","../../../vue2/src/components/accordion/components/accordion-item.vue"],"sourcesContent":["export const ACCORDION_TITLE_SIZE_INJECTION_KEY = Symbol('accordion title size injection key');\n","<template>\n <div class=\"b-accordion\">\n <slot />\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { type PropType, provide, toRef } from 'vue';\n\n import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from './accordion.keys';\n\n import type { BentoAccordionTitleSize } from './accordion.types';\n\n const props = defineProps({\n /**\n * Controls accordion title size.\n * @values default, small\n */\n titleSize: {\n type: String as PropType<BentoAccordionTitleSize>,\n default: 'default',\n },\n });\n\n provide(ACCORDION_TITLE_SIZE_INJECTION_KEY, toRef(props, 'titleSize'));\n</script>\n\n<script lang=\"ts\">\n /**\n * An accordion is a vertical stack of interactive headers used to reveal or hide\n * sections of content associated with these headers.\n *\n * This component must only have `BentoAccordionItem` components in its default slot.\n *\n * Accordion items should be collapsed by default.\n *\n * @example\n * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAccordion, BentoAccordionItem },\n * template: `\n * <bento-accordion>\n * <bento-accordion-item title=\"Item 1\">\n * Content for item 1\n * </bento-accordion-item>\n * <bento-accordion-item title=\"Item 2\">\n * Content for item 2\n * </bento-accordion-item>\n * </bento-accordion>\n * `\n * }\n */\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion.scss\" />\n","<template>\n <div class=\"b-accordion-item\">\n <bento-typography\n el=\"h3\"\n :variant=\"titleSize === 'small' ? 'body' : 'title'\"\n :strongest=\"titleSize === 'small'\"\n >\n <button\n :id=\"buttonId\"\n :aria-controls=\"contentId\"\n :aria-expanded=\"`${isOpen}`\"\n type=\"button\"\n class=\"b-accordion-item__button\"\n @click=\"isOpen = !isOpen\"\n >\n <chevron-up-icon\n v-if=\"isOpen\"\n class=\"b-accordion-item__icon\"\n :svg-title=\"t('collapse')\"\n aria-hidden=\"true\"\n />\n <chevron-down-icon v-else class=\"b-accordion-item__icon\" :svg-title=\"t('expand')\" aria-hidden=\"true\" />\n {{ title }}\n </button>\n </bento-typography>\n\n <Transition :name=\"CONTENT_TRANSITION_NAME\">\n <div v-if=\"isOpen\" :id=\"contentId\" :aria-labelledby=\"buttonId\" role=\"region\" :style=\"contentMaxHeight\">\n <div ref=\"contentDiv\" class=\"b-accordion-item__content\">\n <slot />\n </div>\n </div>\n </Transition>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, inject, ref, watch } from 'vue';\n\n import { BentoTypography } from '@/components/typography';\n import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n import { generateUid } from '@/utils/ts/generate-uid';\n import { useI18n } from '@/utils/ts/i18n';\n\n import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from '../accordion.keys';\n\n import type { BentoAccordionTitleSize } from '../accordion.types';\n import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const CONTENT_TRANSITION_NAME = 'b-accordion-item__animation--content';\n\n const props = defineProps({\n /**\n * Sets the title of the accordion item.\n */\n title: {\n type: String,\n required: true,\n },\n /**\n * Controls if the content is visible or hidden.\n */\n isExpanded: {\n type: Boolean,\n default: false,\n },\n });\n\n const emit = defineEmits<{\n /**\n * Emits update event when content is toggled\n */\n (e: 'update:is-expanded', value: boolean): void;\n }>();\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n // Refs\n const contentDiv = ref<HTMLDivElement>(null);\n const isOpen = ref(props.isExpanded);\n\n // Generating IDs\n const buttonId = generateUid('accordionItemButton');\n const contentId = generateUid('accordionItemContent');\n\n // Injecting prop from parent\n const titleSize = inject<`${BentoAccordionTitleSize}`>(ACCORDION_TITLE_SIZE_INJECTION_KEY, 'default');\n\n // Getting and setting the item height to be able to handle height animation\n const { contentHeight } = useExpandableContentHeight(contentDiv, isOpen);\n\n const contentMaxHeight = computed(() => (contentHeight.value ? { 'max-height': contentHeight.value } : {}));\n\n watch(\n () => props.isExpanded,\n value => {\n isOpen.value = value;\n }\n );\n\n watch(\n isOpen,\n value => {\n // Enable two-way data binding for `isExpanded`\n emit('update:is-expanded', value);\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * An accordion item is an interactive header used to reveal or hide a\n * section of content associated with this header.\n *\n * This component must always be wrapped by a `BentoAccordion` component.\n *\n * @example\n * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAccordion, BentoAccordionItem },\n * template: `\n * <bento-accordion>\n * <bento-accordion-item title=\"Item 1\">\n * Content for item 1\n * </bento-accordion-item>\n * <bento-accordion-item title=\"Item 2\">\n * Content for item 2\n * </bento-accordion-item>\n * </bento-accordion>\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion-item.scss\" />\n"],"names":["ACCORDION_TITLE_SIZE_INJECTION_KEY","__default__$1","provide","toRef","__props","__default__","messages","CONTENT_TRANSITION_NAME","props","emit","__emit","t","useI18n","contentDiv","ref","isOpen","buttonId","generateUid","contentId","titleSize","inject","contentHeight","useExpandableContentHeight","contentMaxHeight","computed","watch","value"],"mappings":";;;;;;;;;AAAO,MAAAA,IAAA,uBAAA,oCAAA,iCCqDHC,IAAA,CAAA;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,EAXAC,GAWA,WAAA,CAAA;;;;;;;;;;;;;;;;mHCoHAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;AAvFA,UAAAC,IAAA,wCAEAC,IAAAJ,GAiBAK,IAAAC,GAOA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAN,EAAA,CAAA,GAGAO,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAAN,EAAA,UAAA,GAGAQ,IAAAC,EAAA,qBAAA,GACAC,IAAAD,EAAA,sBAAA,GAGAE,IAAAC,EAAApB,GAAA,SAAA,GAGA,EAAA,eAAAqB,EAAA,IAAAC,EAAAT,GAAAE,CAAA,GAEAQ,IAAAC,EAAA,MAAAH,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAI;AAAA,MAAA,MAAAjB,EAAA;AAAA,MACgB,CAAAkB,MAAA;AAER,QAAAX,EAAA,QAAAW;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAAV;AAAA,MACI,CAAAW,MAAA;AAGI,QAAAjB,EAAA,sBAAAiB,CAAA;AAAA,MAAgC;AAAA,MACpC,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"accordion-item.BMxeTYDy.js","sources":["../../../vue2/src/components/accordion/accordion.keys.ts","../../../vue2/src/components/accordion/accordion.vue","../../../vue2/src/components/accordion/components/accordion-item.vue"],"sourcesContent":["export const ACCORDION_TITLE_SIZE_INJECTION_KEY = Symbol('accordion title size injection key');\n","<template>\n <div class=\"b-accordion\">\n <slot />\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { type PropType, provide, toRef } from 'vue';\n\n import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from './accordion.keys';\n\n import type { BentoAccordionTitleSize } from './accordion.types';\n\n const props = defineProps({\n /**\n * Controls accordion title size.\n * @values default, small\n */\n titleSize: {\n type: String as PropType<BentoAccordionTitleSize>,\n default: 'default',\n },\n });\n\n provide(ACCORDION_TITLE_SIZE_INJECTION_KEY, toRef(props, 'titleSize'));\n</script>\n\n<script lang=\"ts\">\n /**\n * An accordion is a vertical stack of interactive headers used to reveal or hide\n * sections of content associated with these headers.\n *\n * This component must only have `BentoAccordionItem` components in its default slot.\n *\n * Accordion items should be collapsed by default.\n *\n * @example\n * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAccordion, BentoAccordionItem },\n * template: `\n * <bento-accordion>\n * <bento-accordion-item title=\"Item 1\">\n * Content for item 1\n * </bento-accordion-item>\n * <bento-accordion-item title=\"Item 2\">\n * Content for item 2\n * </bento-accordion-item>\n * </bento-accordion>\n * `\n * }\n */\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion.scss\" />\n","<template>\n <div class=\"b-accordion-item\">\n <bento-typography\n el=\"h3\"\n :variant=\"titleSize === 'small' ? 'body' : 'title'\"\n :strongest=\"titleSize === 'small'\"\n >\n <button\n :id=\"buttonId\"\n :aria-controls=\"contentId\"\n :aria-expanded=\"`${isOpen}`\"\n type=\"button\"\n class=\"b-accordion-item__button\"\n @click=\"isOpen = !isOpen\"\n >\n <chevron-up-icon\n v-if=\"isOpen\"\n class=\"b-accordion-item__icon\"\n :svg-title=\"t('collapse')\"\n aria-hidden=\"true\"\n />\n <chevron-down-icon v-else class=\"b-accordion-item__icon\" :svg-title=\"t('expand')\" aria-hidden=\"true\" />\n {{ title }}\n </button>\n </bento-typography>\n\n <Transition :name=\"CONTENT_TRANSITION_NAME\">\n <div v-if=\"isOpen\" :id=\"contentId\" :aria-labelledby=\"buttonId\" role=\"region\" :style=\"contentMaxHeight\">\n <div ref=\"contentDiv\" class=\"b-accordion-item__content\">\n <slot />\n </div>\n </div>\n </Transition>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, inject, ref, watch } from 'vue';\n\n import { BentoTypography } from '@/components/typography';\n import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n import { generateUid } from '@/utils/ts/generate-uid';\n import { useI18n } from '@/utils/ts/i18n';\n\n import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from '../accordion.keys';\n\n import type { BentoAccordionTitleSize } from '../accordion.types';\n import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const CONTENT_TRANSITION_NAME = 'b-accordion-item__animation--content';\n\n const props = defineProps({\n /**\n * Sets the title of the accordion item.\n */\n title: {\n type: String,\n required: true,\n },\n /**\n * Controls if the content is visible or hidden.\n */\n isExpanded: {\n type: Boolean,\n default: false,\n },\n });\n\n const emit = defineEmits<{\n /**\n * Emits update event when content is toggled\n */\n (e: 'update:is-expanded', value: boolean): void;\n }>();\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n // Refs\n const contentDiv = ref<HTMLDivElement>(null);\n const isOpen = ref(props.isExpanded);\n\n // Generating IDs\n const buttonId = generateUid('accordionItemButton');\n const contentId = generateUid('accordionItemContent');\n\n // Injecting prop from parent\n const titleSize = inject<`${BentoAccordionTitleSize}`>(ACCORDION_TITLE_SIZE_INJECTION_KEY, 'default');\n\n // Getting and setting the item height to be able to handle height animation\n const { contentHeight } = useExpandableContentHeight(contentDiv, isOpen);\n\n const contentMaxHeight = computed(() => (contentHeight.value ? { 'max-height': contentHeight.value } : {}));\n\n watch(\n () => props.isExpanded,\n value => {\n isOpen.value = value;\n }\n );\n\n watch(\n isOpen,\n value => {\n // Enable two-way data binding for `isExpanded`\n emit('update:is-expanded', value);\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * An accordion item is an interactive header used to reveal or hide a\n * section of content associated with this header.\n *\n * This component must always be wrapped by a `BentoAccordion` component.\n *\n * @example\n * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAccordion, BentoAccordionItem },\n * template: `\n * <bento-accordion>\n * <bento-accordion-item title=\"Item 1\">\n * Content for item 1\n * </bento-accordion-item>\n * <bento-accordion-item title=\"Item 2\">\n * Content for item 2\n * </bento-accordion-item>\n * </bento-accordion>\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion-item.scss\" />\n"],"names":["ACCORDION_TITLE_SIZE_INJECTION_KEY","__default__$1","provide","toRef","__props","__default__","messages","CONTENT_TRANSITION_NAME","props","emit","__emit","t","useI18n","contentDiv","ref","isOpen","buttonId","generateUid","contentId","titleSize","inject","contentHeight","useExpandableContentHeight","contentMaxHeight","computed","watch","value"],"mappings":";;;;;;;;;AAAO,MAAAA,IAAA,uBAAA,oCAAA,iCCqDHC,IAAA,CAAA;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,EAXAC,GAWA,WAAA,CAAA;;;;;;;;;;;;;;;;mHCoHAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;AAvFA,UAAAC,IAAA,wCAEAC,IAAAJ,GAiBAK,IAAAC,GAOA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAN,EAAA,CAAA,GAGAO,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAAN,EAAA,UAAA,GAGAQ,IAAAC,EAAA,qBAAA,GACAC,IAAAD,EAAA,sBAAA,GAGAE,IAAAC,EAAApB,GAAA,SAAA,GAGA,EAAA,eAAAqB,EAAA,IAAAC,EAAAT,GAAAE,CAAA,GAEAQ,IAAAC,EAAA,MAAAH,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAI;AAAA,MAAA,MAAAjB,EAAA;AAAA,MACgB,CAAAkB,MAAA;AAER,QAAAX,EAAA,QAAAW;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAAV;AAAA,MACI,CAAAW,MAAA;AAGI,QAAAjB,EAAA,sBAAAiB,CAAA;AAAA,MAAgC;AAAA,MACpC,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/chunks/{action-bar.CDkRNAoE.js → action-bar.CWjLoeOU.js} RENAMED
@@ -2,13 +2,13 @@ import { defineComponent as re, useSlots as le, computed as i, ref as y, toRefs
2
2
  import { B as _ } from "./button.Ciflfide.js";
3
3
  import { B as P } from "./typography.wIM07Hbl.js";
4
4
  import { B as me } from "./loading-indicator.BPol9I84.js";
5
- import { B as ge } from "./button-actions-with-menu.CqFhtqhV.js";
5
+ import { B as ge } from "./button-actions-with-menu.CrbF2BSQ.js";
6
6
  import { _ as he } from "./cross.Daa8LxjC.js";
7
7
  import { _ as fe } from "./checkmark-circle-fill.Caog04lx.js";
8
8
  import { _ as ye } from "./cross-circle-fill.DJbpTaVE.js";
9
9
  import { u as be } from "./index.B875RXHM.js";
10
10
  import { b as pe } from "./index.DCpihRYV.js";
11
- import { P as Ae, B as Be } from "./button-actions.796MVzQq.js";
11
+ import { P as Ae, B as Be } from "./button-actions.uIjzze43.js";
12
12
  import { _ as Ce } from "./_plugin-vue_export-helper.CHgC5LLL.js";
13
13
  import "../assets/action-bar.css";
14
14
  const V = {
@@ -351,4 +351,4 @@ const V = {
351
351
  export {
352
352
  Je as B
353
353
  };
354
- //# sourceMappingURL=action-bar.CDkRNAoE.js.map
354
+ //# sourceMappingURL=action-bar.CWjLoeOU.js.map
package/dist/chunks/{action-bar.CDkRNAoE.js.map → action-bar.CWjLoeOU.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"action-bar.CDkRNAoE.js","sources":["../../../vue2/src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n <Transition name=\"b-action-bar__animation\" appear>\n <section\n class=\"b-action-bar\"\n :class=\"conditionalClasses\"\n :aria-label=\"t('actionBar')\"\n @animationend=\"onAnimationEnd\"\n >\n <Transition\n :name=\"`b-action-bar__state-animation--${state}`\"\n :mode=\"stateTransitionMode\"\n @before-leave=\"onBeforeLeave\"\n @enter=\"onEnter\"\n @after-enter=\"onAfterEnter\"\n >\n <div\n ref=\"actionBar\"\n :key=\"state\"\n class=\"b-action-bar__container\"\n :class=\"containerClasses\"\n :style=\"{ width: containerWidth, maxWidth: containerMaxWidth }\"\n >\n <div v-if=\"state === 'start'\" class=\"b-action-bar__container-inner\">\n <div v-if=\"showCloseButton\" 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\n <bento-typography\n v-if=\"showSelectionLabel()\"\n el=\"span\"\n stronger\n class=\"b-action-bar__selection\"\n >\n <template v-if=\"isConfirmationVariant && noItemCounter\">\n {{ tc('unsavedChanges', 0) }}\n </template>\n\n <template v-else>\n <slot\n v-if=\"!isConfirmationVariant && hasSelectionLabelSlot()\"\n name=\"selectionLabel\"\n :item-counter=\"itemCounter\"\n :label=\"label\"\n />\n\n <template v-else>\n {{ n(itemCounter) }}\n {{ computedSelectionLabel }}\n </template>\n </template>\n </bento-typography>\n\n <bento-button-actions\n v-if=\"isConfirmationVariant\"\n :actions=\"confirmationActions\"\n class=\"b-action-bar__actions\"\n inverse\n />\n\n <button-actions-with-menu\n v-else\n :actions=\"actionsInternal\"\n class=\"b-action-bar__actions\"\n :displayed-actions=\"internalDisplayedActions\"\n menu-position=\"top-end\"\n disable-responsive-behavior\n inverse\n />\n </div>\n\n <div v-else class=\"b-action-bar__container-inner\">\n <div class=\"b-action-bar__state-icon\">\n <bento-loading-indicator v-if=\"state === 'loading'\" small inverse />\n <checkmark-circle-fill v-if=\"state === 'success'\" :aria-hidden=\"true\" />\n <cross-circle-fill v-if=\"state === 'fail'\" :aria-hidden=\"true\" />\n </div>\n <bento-typography stronger>\n <slot name=\"stateLabel\">{{ defaultStateLabel }}</slot>\n </bento-typography>\n <div v-if=\"!hideStateActions\" class=\"b-action-bar__state-actions\">\n <bento-button\n v-if=\"state === 'success' && showUndoAction\"\n variant=\"tertiary\"\n inverse\n @click=\"emit('undo-action')\"\n >{{ t('undo') }}</bento-button\n >\n <bento-button\n v-if=\"state === 'fail' && showRetryAction\"\n variant=\"tertiary\"\n inverse\n @click=\"emit('retry-action')\"\n >{{ t('retry') }}</bento-button\n >\n <bento-button\n v-if=\"state === 'fail'\"\n variant=\"tertiary\"\n inverse\n @click=\"emit('cancel-action')\"\n >{{ t('cancel') }}</bento-button\n >\n </div>\n </div>\n </div>\n </Transition>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import {\n computed,\n nextTick,\n type PropType,\n provide,\n ref,\n toRefs,\n type TransitionProps,\n useSlots,\n watch,\n } from 'vue';\n import { BentoButton, BentoButtonActions, type BentoButtonActionsList } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n import { BentoLoadingIndicator } from '@/components/loading-indicator';\n\n import { type BentoActionBarState, type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n import CheckmarkCircleFill from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import CrossCircleFill from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { useWindowSize } from '@vueuse/core';\n\n import messages from './messages.json';\n import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n // Constants\n const AVERAGE_BUTTON_SIZE = 100;\n const MENU_OFFSET = 7;\n const RESPONSIVE_BREAKPOINT = 500;\n const SPACING = 32;\n\n const props = defineProps({\n /**\n * List of actions that will be used to render the buttons.\n * Required and used for the `default` variant.\n *\n * Each object in the list should have a `title`, an `event` and,\n * optionally, an `icon`.\n *\n * The component will display 4 actions and the hide the rest inside a menu.\n *\n * @see BentoButton for a list of all the other props supported by each button action.\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: () => [],\n },\n /**\n * Determines whether the close button is displayed in the `default` variant.\n */\n dismissible: {\n type: Boolean,\n default: true,\n },\n /**\n * How many actions should be visible outside the menu, cannot be more than 4\n */\n visibleActions: {\n type: Number,\n default: 4,\n validator: (value: number) => value > 0 && value <= 4,\n },\n /**\n * Use when there are sticky elements at the bottom, like sticky pagination\n */\n extraBottomSpacing: {\n type: Boolean,\n default: false,\n },\n /**\n * Show how many items are selected.\n * When omitted in the `confirmation` variant, a generic \"Unsaved changes\" label is displayed.\n */\n itemCounter: {\n type: Number,\n default: null,\n },\n /**\n * Label for the selection in the `default` variant, e.g. 'selected'/'changed'.\n * Pass `null` to hide it. In the `confirmation` variant, this prop is ignored.\n */\n selectionLabel: {\n type: String,\n default: undefined,\n },\n /**\n * State of the action bar.\n * @values start, loading, success, fail\n */\n state: {\n type: String as PropType<BentoActionBarState>,\n default: 'start',\n },\n /**\n * Displays the undo action button in `success` state.\n */\n showUndoAction: {\n type: Boolean,\n default: false,\n },\n /**\n * Displays the retry action button in `fail` state.\n */\n showRetryAction: {\n type: Boolean,\n default: false,\n },\n /**\n * Variant for the action bar\n * @values default, confirmation\n */\n variant: {\n type: String as PropType<BentoActionBarVariant>,\n default: 'default',\n },\n });\n\n const emit = defineEmits<{\n /**\n * Event emitted when the user click the close button\n */\n (e: 'close'): void;\n /**\n * Event emitted when the user clicks the cancel button in `confirmation` variant.\n */\n (e: 'cancel'): void;\n /**\n * Event emitted when the user clicks the save button in `confirmation` variant.\n */\n (e: 'save'): void;\n /**\n * Event emitted when the user clicks the undo button in `success` state.\n */\n (e: 'undo-action'): void;\n /**\n * Event emitted when the user clicks the retry button in `fail` state.\n */\n (e: 'retry-action'): void;\n /**\n * Event emitted when the user clicks the cancel button in `fail` state.\n */\n (e: 'cancel-action'): void;\n }>();\n\n const { t, tc, n } = useI18n<{ message: MessageSchema }>({ messages });\n const slots = useSlots();\n\n const hasSelectionLabelSlot = () => Boolean(slots.selectionLabel);\n\n const label = computed(() => (props.selectionLabel === undefined ? t('selected') : props.selectionLabel));\n\n const defaultStateLabel = computed(() => {\n switch (props.state) {\n case 'loading':\n return t('applying');\n case 'success':\n return t('success');\n case 'fail':\n return t('somethingWentWrong');\n default:\n return '';\n }\n });\n\n // Refs\n const actionBar = ref<HTMLDivElement>(null);\n const containerMaxWidth = ref<string | null>(null);\n const containerWidth = ref<string | null>(null);\n const isShaking = ref(false);\n\n const stateTransitionMode = computed(\n () => (props.state === 'loading' ? 'out-in' : undefined) as TransitionProps['mode']\n );\n\n const hideStateActions = computed(\n () => props.state === 'loading' || (props.state === 'success' && !props.showUndoAction)\n );\n\n const onBeforeLeave = (el: HTMLElement) => {\n if (props.state !== 'loading') {\n return;\n }\n\n containerMaxWidth.value = `${el.offsetWidth}px`;\n containerWidth.value = '100%';\n };\n\n const onEnter = (el: HTMLElement) => {\n if (props.state !== 'loading') {\n return;\n }\n\n // Reset styles to get natural width\n Object.assign(el.style, { width: 'auto', maxWidth: 'none' });\n const newWidth = el.offsetWidth;\n\n // Reset it back to the original values\n Object.assign(el.style, { width: '100%', maxWidth: containerMaxWidth.value });\n\n requestAnimationFrame(() => {\n containerMaxWidth.value = `${newWidth}px`;\n });\n };\n\n const onAfterEnter = () => {\n containerMaxWidth.value = null;\n containerWidth.value = null;\n\n if (props.state === 'fail') {\n isShaking.value = true;\n }\n };\n\n const onAnimationEnd = (event: AnimationEvent) => {\n if (event.animationName.startsWith('shake-')) {\n isShaking.value = false;\n }\n };\n\n const { extraBottomSpacing, visibleActions } = toRefs(props);\n const { width } = useWindowSize();\n const internalDisplayedActions = ref(null);\n const internalVisibleActions = ref(null);\n\n const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n const computedSelectionLabel = computed(() =>\n isConfirmationVariant.value ? tc('unsavedChanges', props.itemCounter) : label.value\n );\n const showCloseButton = computed(() => !isConfirmationVariant.value && props.dismissible !== false);\n const showSelectionLabel = () =>\n isConfirmationVariant.value || hasSelectionLabelSlot() || props.selectionLabel !== null;\n\n watch(\n () => visibleActions.value,\n value => {\n internalVisibleActions.value = value <= 4 ? value : 4;\n internalDisplayedActions.value = internalVisibleActions.value;\n },\n { immediate: true }\n );\n\n // Styling\n const conditionalClasses = computed(() => ({\n 'b-action-bar--extra-spacing': extraBottomSpacing.value,\n 'b-action-bar--confirmation': isConfirmationVariant.value,\n 'b-action-bar__state-animation--shake': isShaking.value,\n }));\n\n const containerClasses = computed(() => ({\n [`b-action-bar__container--${props.state}`]: props.state !== 'start',\n }));\n\n // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n // Manipulate actions array to display as intended\n const actionsInternal = computed(() => {\n // All buttons should be of type secondary in the action bar\n const actions = props.actions.map(action => ({\n ...action,\n variant: 'secondary',\n })) as BentoButtonActionsList;\n // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n return [...shownActions, ...hiddenActions];\n });\n\n const confirmationActions = computed<BentoButtonActionsList>(() => [\n {\n title: t('save'),\n event: () => emit('save'),\n },\n {\n title: t('cancel'),\n variant: 'secondary',\n event: () => emit('cancel'),\n },\n ]);\n\n const noItemCounter = computed(() => {\n return props.itemCounter == null || props.itemCounter < 1;\n });\n\n // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n const showActions = async () => {\n await nextTick();\n if (\n width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n internalDisplayedActions.value < internalVisibleActions.value\n ) {\n internalDisplayedActions.value += 1;\n showActions();\n }\n };\n\n const hideActions = async () => {\n await nextTick();\n if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n internalDisplayedActions.value -= 1;\n hideActions();\n }\n };\n\n // Screen width watcher to toggle hidden/visible actions\n watch(\n () => width.value,\n async (newValue, oldValue) => {\n await nextTick();\n if (!actionBar.value) {\n return;\n }\n const isIncreasing = newValue > oldValue;\n if (width.value < RESPONSIVE_BREAKPOINT) {\n internalDisplayedActions.value = 0;\n } else if (isIncreasing) {\n showActions();\n } else {\n hideActions();\n }\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n *\n * @example\n * import { BentoActionBar } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoActionBar },\n * template: `\n * <bento-action-bar\n * :actions='[\n * {\n * title: 'Delete',\n * critical: true,\n * icon: BinIcon,\n * event: () => true,\n * },\n * {\n * title: 'Edit',\n * icon: EditIcon,\n * event: () => true,\n * }\n * ]'\n * @close=\"closeAction\"\n * :item-counter=\"5\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","props","__props","emit","__emit","t","tc","n","useI18n","slots","useSlots","hasSelectionLabelSlot","label","computed","defaultStateLabel","actionBar","ref","containerMaxWidth","containerWidth","isShaking","stateTransitionMode","hideStateActions","onBeforeLeave","el","onEnter","newWidth","onAfterEnter","onAnimationEnd","event","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","computedSelectionLabel","showCloseButton","showSelectionLabel","watch","value","conditionalClasses","containerClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","noItemCounter","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwdIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAvUA,UAAAC,IAAAC,GAsFAC,IAAAC,GA2BA,EAAA,GAAAC,GAAA,IAAAC,GAAA,GAAAC,EAAA,IAAAC,GAAA,EAAA,UAAAR,EAAA,CAAA,GACAS,IAAAC,GAAA,GAEAC,IAAA,MAAA,EAAAF,EAAA,gBAEAG,IAAAC,EAAA,MAAAZ,EAAA,mBAAA,SAAAI,EAAA,UAAA,IAAAJ,EAAA,cAAA,GAEAa,IAAAD,EAAA,MAAA;AACI,cAAAZ,EAAA,OAAA;AAAA,QAAqB,KAAA;AAEb,iBAAAI,EAAA,UAAA;AAAA,QAAmB,KAAA;AAEnB,iBAAAA,EAAA,SAAA;AAAA,QAAkB,KAAA;AAElB,iBAAAA,EAAA,oBAAA;AAAA,QAA6B;AAE7B,iBAAA;AAAA,MAAO;AAAA,IACf,CAAA,GAIJU,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GACAG,IAAAH,EAAA,EAAA,GAEAI,IAAAP;AAAA,MAA4B,MAAAZ,EAAA,UAAA,YAAA,WAAA;AAAA,IACsB,GAGlDoB,IAAAR;AAAA,MAAyB,MAAAZ,EAAA,UAAA,aAAAA,EAAA,UAAA,aAAA,CAAAA,EAAA;AAAA,IACmD,GAG5EqB,IAAA,CAAAC,MAAA;AACI,MAAAtB,EAAA,UAAA,cAIAgB,EAAA,QAAA,GAAAM,EAAA,WAAA,MACAL,EAAA,QAAA;AAAA,IAAuB,GAG3BM,IAAA,CAAAD,MAAA;AACI,UAAAtB,EAAA,UAAA;AACI;AAIJ,aAAA,OAAAsB,EAAA,OAAA,EAAA,OAAA,QAAA,UAAA,OAAA,CAAA;AACA,YAAAE,IAAAF,EAAA;AAGA,aAAA,OAAAA,EAAA,OAAA,EAAA,OAAA,QAAA,UAAAN,EAAA,MAAA,CAAA,GAEA,sBAAA,MAAA;AACI,QAAAA,EAAA,QAAA,GAAAQ,CAAA;AAAA,MAAqC,CAAA;AAAA,IACxC,GAGLC,IAAA,MAAA;AACI,MAAAT,EAAA,QAAA,MACAC,EAAA,QAAA,MAEAjB,EAAA,UAAA,WACIkB,EAAA,QAAA;AAAA,IACJ,GAGJQ,IAAA,CAAAC,MAAA;AACI,MAAAA,EAAA,cAAA,WAAA,QAAA,MACIT,EAAA,QAAA;AAAA,IACJ,GAGJ,EAAA,oBAAAU,GAAA,gBAAAC,EAAA,IAAAC,GAAA9B,CAAA,GACA,EAAA,OAAA+B,EAAA,IAAAC,GAAA,GACAC,IAAAlB,EAAA,IAAA,GACAmB,IAAAnB,EAAA,IAAA,GAEAoB,IAAAvB,EAAA,MAAAZ,EAAA,YAAA,cAAA,GACAoC,IAAAxB;AAAA,MAA+B,MAAAuB,EAAA,QAAA9B,EAAA,kBAAAL,EAAA,WAAA,IAAAW,EAAA;AAAA,IACmD,GAElF0B,KAAAzB,EAAA,MAAA,CAAAuB,EAAA,SAAAnC,EAAA,gBAAA,EAAA,GACAsC,KAAA,MAAAH,EAAA,SAAAzB,EAAA,KAAAV,EAAA,mBAAA;AAGA,IAAAuC;AAAA,MAAA,MAAAV,EAAA;AAAA,MACyB,CAAAW,MAAA;AAEjB,QAAAN,EAAA,QAAAM,KAAA,IAAAA,IAAA,GACAP,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAO,KAAA7B,EAAA,OAAA;AAAA,MAA2C,+BAAAgB,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,MACE,wCAAAjB,EAAA;AAAA,IACF,EAAA,GAGtDwB,KAAA9B,EAAA,OAAA;AAAA,MAAyC,CAAA,4BAAAZ,EAAA,KAAA,EAAA,GAAAA,EAAA,UAAA;AAAA,IACwB,EAAA;AAIjE,IAAA2C,GAAAC,IAAA,CAAA;AAGA,UAAAC,KAAAjC,EAAA,MAAA;AAEI,YAAAkC,IAAA9C,EAAA,QAAA,IAAA,CAAA+C,QAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAb,EAAA,KAAA,EAAA,QAAA,GACAgB,IAAAH,EAAA,MAAAb,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAe,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,KAAAtC,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAR,EAAA,MAAA;AAAA,QACmB,OAAA,MAAAF,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAAE,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAAF,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAGJiD,KAAAvC,EAAA,MACIZ,EAAA,eAAA,QAAAA,EAAA,cAAA,CAAwD,GAI5DoD,IAAA,YAAA;AACI,YAAAC,EAAA,GACAtB,EAAA,QAAAjB,EAAA,MAAA,cAAA,KAAA,OAAAmB,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAmB,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAtB,EAAA,QAAAjB,EAAA,MAAA,cAAA,MAAAmB,EAAA,QAAA,MACIA,EAAA,SAAA,GACAqB,EAAA;AAAA,IACJ;AAIJ,WAAAf;AAAA,MAAA,MAAAR,EAAA;AAAA,MACgB,OAAAwB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAvC,EAAA;AACI;AAEJ,cAAA2C,IAAAF,IAAAC;AACA,QAAAzB,EAAA,QAAA,MACIE,EAAA,QAAA,IAAiCwB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"action-bar.CWjLoeOU.js","sources":["../../../vue2/src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n <Transition name=\"b-action-bar__animation\" appear>\n <section\n class=\"b-action-bar\"\n :class=\"conditionalClasses\"\n :aria-label=\"t('actionBar')\"\n @animationend=\"onAnimationEnd\"\n >\n <Transition\n :name=\"`b-action-bar__state-animation--${state}`\"\n :mode=\"stateTransitionMode\"\n @before-leave=\"onBeforeLeave\"\n @enter=\"onEnter\"\n @after-enter=\"onAfterEnter\"\n >\n <div\n ref=\"actionBar\"\n :key=\"state\"\n class=\"b-action-bar__container\"\n :class=\"containerClasses\"\n :style=\"{ width: containerWidth, maxWidth: containerMaxWidth }\"\n >\n <div v-if=\"state === 'start'\" class=\"b-action-bar__container-inner\">\n <div v-if=\"showCloseButton\" 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\n <bento-typography\n v-if=\"showSelectionLabel()\"\n el=\"span\"\n stronger\n class=\"b-action-bar__selection\"\n >\n <template v-if=\"isConfirmationVariant && noItemCounter\">\n {{ tc('unsavedChanges', 0) }}\n </template>\n\n <template v-else>\n <slot\n v-if=\"!isConfirmationVariant && hasSelectionLabelSlot()\"\n name=\"selectionLabel\"\n :item-counter=\"itemCounter\"\n :label=\"label\"\n />\n\n <template v-else>\n {{ n(itemCounter) }}\n {{ computedSelectionLabel }}\n </template>\n </template>\n </bento-typography>\n\n <bento-button-actions\n v-if=\"isConfirmationVariant\"\n :actions=\"confirmationActions\"\n class=\"b-action-bar__actions\"\n inverse\n />\n\n <button-actions-with-menu\n v-else\n :actions=\"actionsInternal\"\n class=\"b-action-bar__actions\"\n :displayed-actions=\"internalDisplayedActions\"\n menu-position=\"top-end\"\n disable-responsive-behavior\n inverse\n />\n </div>\n\n <div v-else class=\"b-action-bar__container-inner\">\n <div class=\"b-action-bar__state-icon\">\n <bento-loading-indicator v-if=\"state === 'loading'\" small inverse />\n <checkmark-circle-fill v-if=\"state === 'success'\" :aria-hidden=\"true\" />\n <cross-circle-fill v-if=\"state === 'fail'\" :aria-hidden=\"true\" />\n </div>\n <bento-typography stronger>\n <slot name=\"stateLabel\">{{ defaultStateLabel }}</slot>\n </bento-typography>\n <div v-if=\"!hideStateActions\" class=\"b-action-bar__state-actions\">\n <bento-button\n v-if=\"state === 'success' && showUndoAction\"\n variant=\"tertiary\"\n inverse\n @click=\"emit('undo-action')\"\n >{{ t('undo') }}</bento-button\n >\n <bento-button\n v-if=\"state === 'fail' && showRetryAction\"\n variant=\"tertiary\"\n inverse\n @click=\"emit('retry-action')\"\n >{{ t('retry') }}</bento-button\n >\n <bento-button\n v-if=\"state === 'fail'\"\n variant=\"tertiary\"\n inverse\n @click=\"emit('cancel-action')\"\n >{{ t('cancel') }}</bento-button\n >\n </div>\n </div>\n </div>\n </Transition>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import {\n computed,\n nextTick,\n type PropType,\n provide,\n ref,\n toRefs,\n type TransitionProps,\n useSlots,\n watch,\n } from 'vue';\n import { BentoButton, BentoButtonActions, type BentoButtonActionsList } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n import { BentoLoadingIndicator } from '@/components/loading-indicator';\n\n import { type BentoActionBarState, type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n import CheckmarkCircleFill from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import CrossCircleFill from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { useWindowSize } from '@vueuse/core';\n\n import messages from './messages.json';\n import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n // Constants\n const AVERAGE_BUTTON_SIZE = 100;\n const MENU_OFFSET = 7;\n const RESPONSIVE_BREAKPOINT = 500;\n const SPACING = 32;\n\n const props = defineProps({\n /**\n * List of actions that will be used to render the buttons.\n * Required and used for the `default` variant.\n *\n * Each object in the list should have a `title`, an `event` and,\n * optionally, an `icon`.\n *\n * The component will display 4 actions and the hide the rest inside a menu.\n *\n * @see BentoButton for a list of all the other props supported by each button action.\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: () => [],\n },\n /**\n * Determines whether the close button is displayed in the `default` variant.\n */\n dismissible: {\n type: Boolean,\n default: true,\n },\n /**\n * How many actions should be visible outside the menu, cannot be more than 4\n */\n visibleActions: {\n type: Number,\n default: 4,\n validator: (value: number) => value > 0 && value <= 4,\n },\n /**\n * Use when there are sticky elements at the bottom, like sticky pagination\n */\n extraBottomSpacing: {\n type: Boolean,\n default: false,\n },\n /**\n * Show how many items are selected.\n * When omitted in the `confirmation` variant, a generic \"Unsaved changes\" label is displayed.\n */\n itemCounter: {\n type: Number,\n default: null,\n },\n /**\n * Label for the selection in the `default` variant, e.g. 'selected'/'changed'.\n * Pass `null` to hide it. In the `confirmation` variant, this prop is ignored.\n */\n selectionLabel: {\n type: String,\n default: undefined,\n },\n /**\n * State of the action bar.\n * @values start, loading, success, fail\n */\n state: {\n type: String as PropType<BentoActionBarState>,\n default: 'start',\n },\n /**\n * Displays the undo action button in `success` state.\n */\n showUndoAction: {\n type: Boolean,\n default: false,\n },\n /**\n * Displays the retry action button in `fail` state.\n */\n showRetryAction: {\n type: Boolean,\n default: false,\n },\n /**\n * Variant for the action bar\n * @values default, confirmation\n */\n variant: {\n type: String as PropType<BentoActionBarVariant>,\n default: 'default',\n },\n });\n\n const emit = defineEmits<{\n /**\n * Event emitted when the user click the close button\n */\n (e: 'close'): void;\n /**\n * Event emitted when the user clicks the cancel button in `confirmation` variant.\n */\n (e: 'cancel'): void;\n /**\n * Event emitted when the user clicks the save button in `confirmation` variant.\n */\n (e: 'save'): void;\n /**\n * Event emitted when the user clicks the undo button in `success` state.\n */\n (e: 'undo-action'): void;\n /**\n * Event emitted when the user clicks the retry button in `fail` state.\n */\n (e: 'retry-action'): void;\n /**\n * Event emitted when the user clicks the cancel button in `fail` state.\n */\n (e: 'cancel-action'): void;\n }>();\n\n const { t, tc, n } = useI18n<{ message: MessageSchema }>({ messages });\n const slots = useSlots();\n\n const hasSelectionLabelSlot = () => Boolean(slots.selectionLabel);\n\n const label = computed(() => (props.selectionLabel === undefined ? t('selected') : props.selectionLabel));\n\n const defaultStateLabel = computed(() => {\n switch (props.state) {\n case 'loading':\n return t('applying');\n case 'success':\n return t('success');\n case 'fail':\n return t('somethingWentWrong');\n default:\n return '';\n }\n });\n\n // Refs\n const actionBar = ref<HTMLDivElement>(null);\n const containerMaxWidth = ref<string | null>(null);\n const containerWidth = ref<string | null>(null);\n const isShaking = ref(false);\n\n const stateTransitionMode = computed(\n () => (props.state === 'loading' ? 'out-in' : undefined) as TransitionProps['mode']\n );\n\n const hideStateActions = computed(\n () => props.state === 'loading' || (props.state === 'success' && !props.showUndoAction)\n );\n\n const onBeforeLeave = (el: HTMLElement) => {\n if (props.state !== 'loading') {\n return;\n }\n\n containerMaxWidth.value = `${el.offsetWidth}px`;\n containerWidth.value = '100%';\n };\n\n const onEnter = (el: HTMLElement) => {\n if (props.state !== 'loading') {\n return;\n }\n\n // Reset styles to get natural width\n Object.assign(el.style, { width: 'auto', maxWidth: 'none' });\n const newWidth = el.offsetWidth;\n\n // Reset it back to the original values\n Object.assign(el.style, { width: '100%', maxWidth: containerMaxWidth.value });\n\n requestAnimationFrame(() => {\n containerMaxWidth.value = `${newWidth}px`;\n });\n };\n\n const onAfterEnter = () => {\n containerMaxWidth.value = null;\n containerWidth.value = null;\n\n if (props.state === 'fail') {\n isShaking.value = true;\n }\n };\n\n const onAnimationEnd = (event: AnimationEvent) => {\n if (event.animationName.startsWith('shake-')) {\n isShaking.value = false;\n }\n };\n\n const { extraBottomSpacing, visibleActions } = toRefs(props);\n const { width } = useWindowSize();\n const internalDisplayedActions = ref(null);\n const internalVisibleActions = ref(null);\n\n const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n const computedSelectionLabel = computed(() =>\n isConfirmationVariant.value ? tc('unsavedChanges', props.itemCounter) : label.value\n );\n const showCloseButton = computed(() => !isConfirmationVariant.value && props.dismissible !== false);\n const showSelectionLabel = () =>\n isConfirmationVariant.value || hasSelectionLabelSlot() || props.selectionLabel !== null;\n\n watch(\n () => visibleActions.value,\n value => {\n internalVisibleActions.value = value <= 4 ? value : 4;\n internalDisplayedActions.value = internalVisibleActions.value;\n },\n { immediate: true }\n );\n\n // Styling\n const conditionalClasses = computed(() => ({\n 'b-action-bar--extra-spacing': extraBottomSpacing.value,\n 'b-action-bar--confirmation': isConfirmationVariant.value,\n 'b-action-bar__state-animation--shake': isShaking.value,\n }));\n\n const containerClasses = computed(() => ({\n [`b-action-bar__container--${props.state}`]: props.state !== 'start',\n }));\n\n // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n // Manipulate actions array to display as intended\n const actionsInternal = computed(() => {\n // All buttons should be of type secondary in the action bar\n const actions = props.actions.map(action => ({\n ...action,\n variant: 'secondary',\n })) as BentoButtonActionsList;\n // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n return [...shownActions, ...hiddenActions];\n });\n\n const confirmationActions = computed<BentoButtonActionsList>(() => [\n {\n title: t('save'),\n event: () => emit('save'),\n },\n {\n title: t('cancel'),\n variant: 'secondary',\n event: () => emit('cancel'),\n },\n ]);\n\n const noItemCounter = computed(() => {\n return props.itemCounter == null || props.itemCounter < 1;\n });\n\n // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n const showActions = async () => {\n await nextTick();\n if (\n width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n internalDisplayedActions.value < internalVisibleActions.value\n ) {\n internalDisplayedActions.value += 1;\n showActions();\n }\n };\n\n const hideActions = async () => {\n await nextTick();\n if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n internalDisplayedActions.value -= 1;\n hideActions();\n }\n };\n\n // Screen width watcher to toggle hidden/visible actions\n watch(\n () => width.value,\n async (newValue, oldValue) => {\n await nextTick();\n if (!actionBar.value) {\n return;\n }\n const isIncreasing = newValue > oldValue;\n if (width.value < RESPONSIVE_BREAKPOINT) {\n internalDisplayedActions.value = 0;\n } else if (isIncreasing) {\n showActions();\n } else {\n hideActions();\n }\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n *\n * @example\n * import { BentoActionBar } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoActionBar },\n * template: `\n * <bento-action-bar\n * :actions='[\n * {\n * title: 'Delete',\n * critical: true,\n * icon: BinIcon,\n * event: () => true,\n * },\n * {\n * title: 'Edit',\n * icon: EditIcon,\n * event: () => true,\n * }\n * ]'\n * @close=\"closeAction\"\n * :item-counter=\"5\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","props","__props","emit","__emit","t","tc","n","useI18n","slots","useSlots","hasSelectionLabelSlot","label","computed","defaultStateLabel","actionBar","ref","containerMaxWidth","containerWidth","isShaking","stateTransitionMode","hideStateActions","onBeforeLeave","el","onEnter","newWidth","onAfterEnter","onAnimationEnd","event","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","computedSelectionLabel","showCloseButton","showSelectionLabel","watch","value","conditionalClasses","containerClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","noItemCounter","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwdIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAvUA,UAAAC,IAAAC,GAsFAC,IAAAC,GA2BA,EAAA,GAAAC,GAAA,IAAAC,GAAA,GAAAC,EAAA,IAAAC,GAAA,EAAA,UAAAR,EAAA,CAAA,GACAS,IAAAC,GAAA,GAEAC,IAAA,MAAA,EAAAF,EAAA,gBAEAG,IAAAC,EAAA,MAAAZ,EAAA,mBAAA,SAAAI,EAAA,UAAA,IAAAJ,EAAA,cAAA,GAEAa,IAAAD,EAAA,MAAA;AACI,cAAAZ,EAAA,OAAA;AAAA,QAAqB,KAAA;AAEb,iBAAAI,EAAA,UAAA;AAAA,QAAmB,KAAA;AAEnB,iBAAAA,EAAA,SAAA;AAAA,QAAkB,KAAA;AAElB,iBAAAA,EAAA,oBAAA;AAAA,QAA6B;AAE7B,iBAAA;AAAA,MAAO;AAAA,IACf,CAAA,GAIJU,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GACAG,IAAAH,EAAA,EAAA,GAEAI,IAAAP;AAAA,MAA4B,MAAAZ,EAAA,UAAA,YAAA,WAAA;AAAA,IACsB,GAGlDoB,IAAAR;AAAA,MAAyB,MAAAZ,EAAA,UAAA,aAAAA,EAAA,UAAA,aAAA,CAAAA,EAAA;AAAA,IACmD,GAG5EqB,IAAA,CAAAC,MAAA;AACI,MAAAtB,EAAA,UAAA,cAIAgB,EAAA,QAAA,GAAAM,EAAA,WAAA,MACAL,EAAA,QAAA;AAAA,IAAuB,GAG3BM,IAAA,CAAAD,MAAA;AACI,UAAAtB,EAAA,UAAA;AACI;AAIJ,aAAA,OAAAsB,EAAA,OAAA,EAAA,OAAA,QAAA,UAAA,OAAA,CAAA;AACA,YAAAE,IAAAF,EAAA;AAGA,aAAA,OAAAA,EAAA,OAAA,EAAA,OAAA,QAAA,UAAAN,EAAA,MAAA,CAAA,GAEA,sBAAA,MAAA;AACI,QAAAA,EAAA,QAAA,GAAAQ,CAAA;AAAA,MAAqC,CAAA;AAAA,IACxC,GAGLC,IAAA,MAAA;AACI,MAAAT,EAAA,QAAA,MACAC,EAAA,QAAA,MAEAjB,EAAA,UAAA,WACIkB,EAAA,QAAA;AAAA,IACJ,GAGJQ,IAAA,CAAAC,MAAA;AACI,MAAAA,EAAA,cAAA,WAAA,QAAA,MACIT,EAAA,QAAA;AAAA,IACJ,GAGJ,EAAA,oBAAAU,GAAA,gBAAAC,EAAA,IAAAC,GAAA9B,CAAA,GACA,EAAA,OAAA+B,EAAA,IAAAC,GAAA,GACAC,IAAAlB,EAAA,IAAA,GACAmB,IAAAnB,EAAA,IAAA,GAEAoB,IAAAvB,EAAA,MAAAZ,EAAA,YAAA,cAAA,GACAoC,IAAAxB;AAAA,MAA+B,MAAAuB,EAAA,QAAA9B,EAAA,kBAAAL,EAAA,WAAA,IAAAW,EAAA;AAAA,IACmD,GAElF0B,KAAAzB,EAAA,MAAA,CAAAuB,EAAA,SAAAnC,EAAA,gBAAA,EAAA,GACAsC,KAAA,MAAAH,EAAA,SAAAzB,EAAA,KAAAV,EAAA,mBAAA;AAGA,IAAAuC;AAAA,MAAA,MAAAV,EAAA;AAAA,MACyB,CAAAW,MAAA;AAEjB,QAAAN,EAAA,QAAAM,KAAA,IAAAA,IAAA,GACAP,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAO,KAAA7B,EAAA,OAAA;AAAA,MAA2C,+BAAAgB,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,MACE,wCAAAjB,EAAA;AAAA,IACF,EAAA,GAGtDwB,KAAA9B,EAAA,OAAA;AAAA,MAAyC,CAAA,4BAAAZ,EAAA,KAAA,EAAA,GAAAA,EAAA,UAAA;AAAA,IACwB,EAAA;AAIjE,IAAA2C,GAAAC,IAAA,CAAA;AAGA,UAAAC,KAAAjC,EAAA,MAAA;AAEI,YAAAkC,IAAA9C,EAAA,QAAA,IAAA,CAAA+C,QAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAb,EAAA,KAAA,EAAA,QAAA,GACAgB,IAAAH,EAAA,MAAAb,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAe,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,KAAAtC,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAR,EAAA,MAAA;AAAA,QACmB,OAAA,MAAAF,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAAE,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAAF,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAGJiD,KAAAvC,EAAA,MACIZ,EAAA,eAAA,QAAAA,EAAA,cAAA,CAAwD,GAI5DoD,IAAA,YAAA;AACI,YAAAC,EAAA,GACAtB,EAAA,QAAAjB,EAAA,MAAA,cAAA,KAAA,OAAAmB,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAmB,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAtB,EAAA,QAAAjB,EAAA,MAAA,cAAA,MAAAmB,EAAA,QAAA,MACIA,EAAA,SAAA,GACAqB,EAAA;AAAA,IACJ;AAIJ,WAAAf;AAAA,MAAA,MAAAR,EAAA;AAAA,MACgB,OAAAwB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAvC,EAAA;AACI;AAEJ,cAAA2C,IAAAF,IAAAC;AACA,QAAAzB,EAAA,QAAA,MACIE,EAAA,QAAA,IAAiCwB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}