@adyen/bento-vue2 2.0.0-rc.6 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (304) hide show
  1. package/README.md +0 -38
  2. package/dist/@types/index.d.ts +78 -34
  3. package/dist/accordion.js +1 -1
  4. package/dist/action-bar.js +1 -1
  5. package/dist/ai-tag.js +1 -1
  6. package/dist/alert.js +1 -1
  7. package/dist/anchor-scroller.js +1 -1
  8. package/dist/assets/accordion-item.css +1 -1
  9. package/dist/assets/action-bar.css +1 -1
  10. package/dist/assets/ai-tag.css +1 -1
  11. package/dist/assets/anchor-scroller.css +1 -1
  12. package/dist/assets/base-modal.css +1 -1
  13. package/dist/assets/button-actions.css +1 -1
  14. package/dist/assets/calendar.css +1 -1
  15. package/dist/assets/card.css +1 -1
  16. package/dist/assets/checkbox-group.css +1 -1
  17. package/dist/assets/checkbox.css +1 -1
  18. package/dist/assets/data-grid-template.css +1 -1
  19. package/dist/assets/data-grid.css +1 -1
  20. package/dist/assets/date-picker.css +1 -1
  21. package/dist/assets/date-range-picker.css +1 -1
  22. package/dist/assets/dialog-page.css +1 -1
  23. package/dist/assets/dropdown.css +1 -1
  24. package/dist/assets/file-uploader.css +1 -1
  25. package/dist/assets/filter-bar.css +1 -1
  26. package/dist/assets/header-with-views.css +1 -1
  27. package/dist/assets/info-icon-with-popover.css +1 -1
  28. package/dist/assets/input-field-password.css +1 -1
  29. package/dist/assets/input-field.css +1 -1
  30. package/dist/assets/inspector.css +1 -1
  31. package/dist/assets/link.css +1 -1
  32. package/dist/assets/modal-fullscreen.css +1 -1
  33. package/dist/assets/navigation-menu-group.css +1 -1
  34. package/dist/assets/pagination.css +1 -1
  35. package/dist/assets/progress-bar.css +1 -1
  36. package/dist/assets/promo-banner.css +1 -1
  37. package/dist/assets/radio-group.css +1 -1
  38. package/dist/assets/rich-text-editor.css +1 -1
  39. package/dist/assets/secondary-nav.css +1 -1
  40. package/dist/assets/segmented-control.css +1 -1
  41. package/dist/assets/selection-card-group.css +1 -1
  42. package/dist/assets/sidepanel.css +1 -1
  43. package/dist/assets/tab.css +1 -1
  44. package/dist/assets/table-of-contents.css +1 -1
  45. package/dist/assets/tag.css +1 -1
  46. package/dist/assets/textarea.css +1 -1
  47. package/dist/assets/timeline-item.css +1 -1
  48. package/dist/assets/toggle.css +1 -1
  49. package/dist/button.js +3 -3
  50. package/dist/card.js +1 -1
  51. package/dist/checkbox.js +2 -2
  52. package/dist/chip.js +1 -1
  53. package/dist/chunks/{accordion-item.V3zpgTzM.js → accordion-item.DOj7vqeL.js} +2 -2
  54. package/dist/chunks/accordion-item.DOj7vqeL.js.map +1 -0
  55. package/dist/chunks/{action-bar.BhS26IWQ.js → action-bar.BsXW7BI2.js} +77 -67
  56. package/dist/chunks/action-bar.BsXW7BI2.js.map +1 -0
  57. package/dist/chunks/{ai-button.CeT3y12R.js → ai-button.BnFk5CzK.js} +2 -2
  58. package/dist/chunks/{ai-button.CeT3y12R.js.map → ai-button.BnFk5CzK.js.map} +1 -1
  59. package/dist/chunks/{ai-tag.C72E0L5z.js → ai-tag.D2Q0xhFK.js} +3 -3
  60. package/dist/chunks/ai-tag.D2Q0xhFK.js.map +1 -0
  61. package/dist/chunks/{alert.DrGpzkQI.js → alert.DJDHwVeR.js} +2 -2
  62. package/dist/chunks/{alert.DrGpzkQI.js.map → alert.DJDHwVeR.js.map} +1 -1
  63. package/dist/chunks/{anchor-scroller.DT7QZd5b.js → anchor-scroller.BbvghQxZ.js} +8 -8
  64. package/dist/chunks/anchor-scroller.BbvghQxZ.js.map +1 -0
  65. package/dist/chunks/{base-button.edpjvY15.js → base-button.DOhHyU7x.js} +2 -2
  66. package/dist/chunks/{base-button.edpjvY15.js.map → base-button.DOhHyU7x.js.map} +1 -1
  67. package/dist/chunks/{base-modal.BXDCTPAM.js → base-modal.CcmoTJdc.js} +90 -82
  68. package/dist/chunks/base-modal.CcmoTJdc.js.map +1 -0
  69. package/dist/chunks/{button-actions-with-menu.CgInFpmT.js → button-actions-with-menu.BY394ars.js} +2 -2
  70. package/dist/chunks/{button-actions-with-menu.CgInFpmT.js.map → button-actions-with-menu.BY394ars.js.map} +1 -1
  71. package/dist/chunks/{button-actions.DdAWQn3c.js → button-actions.bkcLUE1G.js} +5 -5
  72. package/dist/chunks/{button-actions.DdAWQn3c.js.map → button-actions.bkcLUE1G.js.map} +1 -1
  73. package/dist/chunks/{button.CBqJGWy5.js → button.DII5Ifwa.js} +2 -2
  74. package/dist/chunks/{button.CBqJGWy5.js.map → button.DII5Ifwa.js.map} +1 -1
  75. package/dist/chunks/{calendar.Avy_89bW.js → calendar.CXdLEeN4.js} +5 -5
  76. package/dist/chunks/calendar.CXdLEeN4.js.map +1 -0
  77. package/dist/chunks/{card.C-e-dnNE.js → card.b9PEJ7hm.js} +57 -49
  78. package/dist/chunks/card.b9PEJ7hm.js.map +1 -0
  79. package/dist/chunks/{checkbox-group.DKSC-XM9.js → checkbox-group.UYN1ljai.js} +6 -6
  80. package/dist/chunks/checkbox-group.UYN1ljai.js.map +1 -0
  81. package/dist/chunks/{checkbox.CZM7Q3Zi.js → checkbox.Co4HoHKF.js} +15 -15
  82. package/dist/chunks/checkbox.Co4HoHKF.js.map +1 -0
  83. package/dist/chunks/{chip.CCBRXSGa.js → chip.DRsJylWl.js} +2 -2
  84. package/dist/chunks/{chip.CCBRXSGa.js.map → chip.DRsJylWl.js.map} +1 -1
  85. package/dist/chunks/{code-snippet.Dius_4s_.js → code-snippet.CnThWqVb.js} +5 -5
  86. package/dist/chunks/{code-snippet.Dius_4s_.js.map → code-snippet.CnThWqVb.js.map} +1 -1
  87. package/dist/chunks/{copy.CXHEw5S0.js → copy.CSk1rCRo.js} +2 -2
  88. package/dist/chunks/{copy.CXHEw5S0.js.map → copy.CSk1rCRo.js.map} +1 -1
  89. package/dist/chunks/{cross-circle-fill-small.Doaiq7Wx.js → cross-circle-fill-small.CZN966bc.js} +2 -2
  90. package/dist/chunks/cross-circle-fill-small.CZN966bc.js.map +1 -0
  91. package/dist/chunks/{dashboard-section.MA5pmdOu.js → dashboard-section.CYEoNH9Q.js} +3 -3
  92. package/dist/chunks/{dashboard-section.MA5pmdOu.js.map → dashboard-section.CYEoNH9Q.js.map} +1 -1
  93. package/dist/chunks/{dashed-underline.B7PRJBq4.js → dashed-underline.CzKc-fJW.js} +2 -2
  94. package/dist/chunks/{dashed-underline.B7PRJBq4.js.map → dashed-underline.CzKc-fJW.js.map} +1 -1
  95. package/dist/chunks/{data-grid-template.BEM5__ib.js → data-grid-template.DCwzh2G7.js} +4 -4
  96. package/dist/chunks/{data-grid-template.BEM5__ib.js.map → data-grid-template.DCwzh2G7.js.map} +1 -1
  97. package/dist/chunks/{data-grid.B9Htvwxc.js → data-grid.B1lI07ze.js} +19 -19
  98. package/dist/chunks/data-grid.B1lI07ze.js.map +1 -0
  99. package/dist/chunks/{date-picker.CnRL1L1b.js → date-picker.gDsw8bn1.js} +7 -7
  100. package/dist/chunks/date-picker.gDsw8bn1.js.map +1 -0
  101. package/dist/chunks/{date-range-picker.ucOMFCrT.js → date-range-picker.CqixIJxG.js} +10 -10
  102. package/dist/chunks/{date-range-picker.ucOMFCrT.js.map → date-range-picker.CqixIJxG.js.map} +1 -1
  103. package/dist/chunks/{date-time-picker.DvEpFiBu.js → date-time-picker.Bktntun4.js} +5 -5
  104. package/dist/chunks/{date-time-picker.DvEpFiBu.js.map → date-time-picker.Bktntun4.js.map} +1 -1
  105. package/dist/chunks/{dialog-page.CEVl-RI4.js → dialog-page.Bct3zOQO.js} +2 -2
  106. package/dist/chunks/{dialog-page.CEVl-RI4.js.map → dialog-page.Bct3zOQO.js.map} +1 -1
  107. package/dist/chunks/{draggable-handle.CJ2udN5Z.js → draggable-handle.DgVdGC1V.js} +2 -2
  108. package/dist/chunks/{draggable-handle.CJ2udN5Z.js.map → draggable-handle.DgVdGC1V.js.map} +1 -1
  109. package/dist/chunks/{draggable.D9_-DZ-l.js → draggable.DYKdXdbj.js} +2 -2
  110. package/dist/chunks/{draggable.D9_-DZ-l.js.map → draggable.DYKdXdbj.js.map} +1 -1
  111. package/dist/chunks/{dropdown-tag.BEzzqw23.js → dropdown-tag.Dk7SooVv.js} +3 -3
  112. package/dist/chunks/{dropdown-tag.BEzzqw23.js.map → dropdown-tag.Dk7SooVv.js.map} +1 -1
  113. package/dist/chunks/{dropdown.Bkl-FGT4.js → dropdown.Bnq4kP7k.js} +9 -9
  114. package/dist/chunks/dropdown.Bnq4kP7k.js.map +1 -0
  115. package/dist/chunks/{empty-state.CCnSOrRQ.js → empty-state.C2wjdE3y.js} +3 -3
  116. package/dist/chunks/{empty-state.CCnSOrRQ.js.map → empty-state.C2wjdE3y.js.map} +1 -1
  117. package/dist/chunks/es6.yPcTMnSH.js.map +1 -1
  118. package/dist/chunks/{file-uploader.BRedpY0J.js → file-uploader.DllKBmP8.js} +6 -6
  119. package/dist/chunks/file-uploader.DllKBmP8.js.map +1 -0
  120. package/dist/chunks/{filter-bar.Di-vepKR.js → filter-bar.DXpLhnxG.js} +572 -591
  121. package/dist/chunks/filter-bar.DXpLhnxG.js.map +1 -0
  122. package/dist/chunks/{fixed-scroller.QHqymN36.js → fixed-scroller.YC4bZifw.js} +2 -2
  123. package/dist/chunks/{fixed-scroller.QHqymN36.js.map → fixed-scroller.YC4bZifw.js.map} +1 -1
  124. package/dist/chunks/{footer-actions.Hs92lEbc.js → footer-actions.C9STwwcv.js} +3 -3
  125. package/dist/chunks/{footer-actions.Hs92lEbc.js.map → footer-actions.C9STwwcv.js.map} +1 -1
  126. package/dist/chunks/{form-layout-title.CCsmZ9E8.js → form-layout-title.C0lwzPZz.js} +2 -2
  127. package/dist/chunks/{form-layout-title.CCsmZ9E8.js.map → form-layout-title.C0lwzPZz.js.map} +1 -1
  128. package/dist/chunks/generate-uid.DBWe4g6T.js.map +1 -1
  129. package/dist/chunks/{header-with-views.CRmtYRDr.js → header-with-views.HwbE278X.js} +665 -661
  130. package/dist/chunks/{header-with-views.CRmtYRDr.js.map → header-with-views.HwbE278X.js.map} +1 -1
  131. package/dist/chunks/{header.JBgD0-kG.js → header.CmyqVXuG.js} +4 -4
  132. package/dist/chunks/{header.JBgD0-kG.js.map → header.CmyqVXuG.js.map} +1 -1
  133. package/dist/chunks/{info-icon-with-popover.B8URkh7g.js → info-icon-with-popover.BvYyGm4D.js} +3 -3
  134. package/dist/chunks/info-icon-with-popover.BvYyGm4D.js.map +1 -0
  135. package/dist/chunks/{input-field-password.Dbl53ZX_.js → input-field-password.9bWhLud0.js} +5 -5
  136. package/dist/chunks/input-field-password.9bWhLud0.js.map +1 -0
  137. package/dist/chunks/{input-field-phone-number.BdZDHzrf.js → input-field-phone-number.CCn1N9St.js} +2 -2
  138. package/dist/chunks/{input-field-phone-number.BdZDHzrf.js.map → input-field-phone-number.CCn1N9St.js.map} +1 -1
  139. package/dist/chunks/{input-field.LPEj6r0i.js → input-field.D912rZS_.js} +3 -3
  140. package/dist/chunks/input-field.D912rZS_.js.map +1 -0
  141. package/dist/chunks/{input-time.uqE8FS62.js → input-time.CXMuvF9N.js} +3 -3
  142. package/dist/chunks/{input-time.uqE8FS62.js.map → input-time.CXMuvF9N.js.map} +1 -1
  143. package/dist/chunks/{inspector-page.B8HHiZB3.js → inspector-page.BRC_7uro.js} +3 -3
  144. package/dist/chunks/{inspector-page.B8HHiZB3.js.map → inspector-page.BRC_7uro.js.map} +1 -1
  145. package/dist/chunks/{inspector.CcXe5K4v.js → inspector.IOtNex1r.js} +3 -3
  146. package/dist/chunks/inspector.IOtNex1r.js.map +1 -0
  147. package/dist/chunks/{link.BzIDMKgE.js → link.Cls8XShm.js} +4 -4
  148. package/dist/chunks/link.Cls8XShm.js.map +1 -0
  149. package/dist/chunks/{list-item.Bcqodg1-.js → list-item.HjabBEb8.js} +3 -3
  150. package/dist/chunks/{list-item.Bcqodg1-.js.map → list-item.HjabBEb8.js.map} +1 -1
  151. package/dist/chunks/{listbox-option-tag.B08qQaBW.js → listbox-option-tag.DhNxvqRO.js} +2 -2
  152. package/dist/chunks/{listbox-option-tag.B08qQaBW.js.map → listbox-option-tag.DhNxvqRO.js.map} +1 -1
  153. package/dist/chunks/{modal-fullscreen.Bo2wcyxV.js → modal-fullscreen.Bi1bQs4Z.js} +6 -6
  154. package/dist/chunks/modal-fullscreen.Bi1bQs4Z.js.map +1 -0
  155. package/dist/chunks/{modal.pzXwZQtG.js → modal.B3-pmL5s.js} +5 -5
  156. package/dist/chunks/{modal.pzXwZQtG.js.map → modal.B3-pmL5s.js.map} +1 -1
  157. package/dist/chunks/{navigation-menu-group.CKVu4No8.js → navigation-menu-group.B-AV49Bn.js} +6 -6
  158. package/dist/chunks/navigation-menu-group.B-AV49Bn.js.map +1 -0
  159. package/dist/chunks/{pagination.D4uye85j.js → pagination.cI_pc6oE.js} +5 -5
  160. package/dist/chunks/pagination.cI_pc6oE.js.map +1 -0
  161. package/dist/chunks/{progress-bar.CeSR79Ue.js → progress-bar.RlF3a0Gb.js} +2 -2
  162. package/dist/chunks/progress-bar.RlF3a0Gb.js.map +1 -0
  163. package/dist/chunks/{promo-banner.BzTq9SMT.js → promo-banner.B5szTysj.js} +7 -7
  164. package/dist/chunks/{promo-banner.BzTq9SMT.js.map → promo-banner.B5szTysj.js.map} +1 -1
  165. package/dist/chunks/{radio-group.70MGuwY1.js → radio-group.CvsQDlHi.js} +4 -4
  166. package/dist/chunks/radio-group.CvsQDlHi.js.map +1 -0
  167. package/dist/chunks/{rich-text-editor.wa-8sYrf.js → rich-text-editor.DNmVJilP.js} +6 -6
  168. package/dist/chunks/{rich-text-editor.wa-8sYrf.js.map → rich-text-editor.DNmVJilP.js.map} +1 -1
  169. package/dist/chunks/{search-bar.C900XBUm.js → search-bar.--4KVNkf.js} +3 -3
  170. package/dist/chunks/{search-bar.C900XBUm.js.map → search-bar.--4KVNkf.js.map} +1 -1
  171. package/dist/chunks/{secondary-nav.Dv3WA-JA.js → secondary-nav.CXtDQAay.js} +5 -5
  172. package/dist/chunks/secondary-nav.CXtDQAay.js.map +1 -0
  173. package/dist/chunks/{segmented-control.CxOLPKpX.js → segmented-control.nYpRQTGc.js} +2 -2
  174. package/dist/chunks/segmented-control.nYpRQTGc.js.map +1 -0
  175. package/dist/chunks/{selection-card-group.DNHKvN7F.js → selection-card-group.DjFWMqVZ.js} +21 -21
  176. package/dist/chunks/selection-card-group.DjFWMqVZ.js.map +1 -0
  177. package/dist/chunks/{sidepanel.lCym69kV.js → sidepanel.CntIcmx-.js} +6 -6
  178. package/dist/chunks/sidepanel.CntIcmx-.js.map +1 -0
  179. package/dist/chunks/{step.DWC-MMij.js → step.BCa9IOWB.js} +2 -2
  180. package/dist/chunks/{step.DWC-MMij.js.map → step.BCa9IOWB.js.map} +1 -1
  181. package/dist/chunks/{structured-list-item.DozZFSKW.js → structured-list-item.Bhe0CH1M.js} +3 -3
  182. package/dist/chunks/{structured-list-item.DozZFSKW.js.map → structured-list-item.Bhe0CH1M.js.map} +1 -1
  183. package/dist/chunks/{summary-grid.types.W9PBumap.js → summary-grid.types.C70ED6WD.js} +4 -4
  184. package/dist/chunks/{summary-grid.types.W9PBumap.js.map → summary-grid.types.C70ED6WD.js.map} +1 -1
  185. package/dist/chunks/{tab.5rS16WWy.js → tab.BK1sIJAJ.js} +38 -38
  186. package/dist/chunks/tab.BK1sIJAJ.js.map +1 -0
  187. package/dist/chunks/{table-of-contents.f_6G1qFS.js → table-of-contents.BTy95Rrs.js} +2 -2
  188. package/dist/chunks/table-of-contents.BTy95Rrs.js.map +1 -0
  189. package/dist/chunks/tag.Dz1FQSZb.js +56 -0
  190. package/dist/chunks/tag.Dz1FQSZb.js.map +1 -0
  191. package/dist/chunks/{textarea.BGm1lgyY.js → textarea.CcV9U3I7.js} +4 -4
  192. package/dist/chunks/textarea.CcV9U3I7.js.map +1 -0
  193. package/dist/chunks/{timeline-item.Ctso54I1.js → timeline-item.BG2by0xf.js} +9 -9
  194. package/dist/chunks/{timeline-item.Ctso54I1.js.map → timeline-item.BG2by0xf.js.map} +1 -1
  195. package/dist/chunks/title-details.ChwPP7C5.js +119 -0
  196. package/dist/chunks/title-details.ChwPP7C5.js.map +1 -0
  197. package/dist/chunks/{toast.DL_9zlHB.js → toast.CO6ByH3n.js} +2 -2
  198. package/dist/chunks/{toast.DL_9zlHB.js.map → toast.CO6ByH3n.js.map} +1 -1
  199. package/dist/chunks/{toggle.BkTeqKsx.js → toggle.Dgh7aw1D.js} +2 -2
  200. package/dist/chunks/toggle.Dgh7aw1D.js.map +1 -0
  201. package/dist/chunks/tooltip.DFYc5NKM.js.map +1 -1
  202. package/dist/chunks/{tutorial.FPpVdWTS.js → tutorial.K0aOQWIg.js} +2 -2
  203. package/dist/chunks/{tutorial.FPpVdWTS.js.map → tutorial.K0aOQWIg.js.map} +1 -1
  204. package/dist/chunks/use-bento-toast-controller.A5xraVqa.js.map +1 -1
  205. package/dist/chunks/{use-date-input-formatter.BzLbx82k.js → use-date-input-formatter.MgbFwUqJ.js} +2 -2
  206. package/dist/chunks/{use-date-input-formatter.BzLbx82k.js.map → use-date-input-formatter.MgbFwUqJ.js.map} +1 -1
  207. package/dist/chunks/use-dynamic-date-fns-locale.Bpb2DeYR.js +39 -0
  208. package/dist/chunks/use-dynamic-date-fns-locale.Bpb2DeYR.js.map +1 -0
  209. package/dist/code-snippet.js +1 -1
  210. package/dist/dashboard-template.js +1 -1
  211. package/dist/dashed-underline.js +1 -1
  212. package/dist/data-grid-template.js +1 -1
  213. package/dist/data-grid.js +1 -1
  214. package/dist/date-picker.js +2 -2
  215. package/dist/date-range-picker.js +2 -2
  216. package/dist/date-time-picker.js +1 -1
  217. package/dist/draggable.js +2 -2
  218. package/dist/dropdown.js +2 -2
  219. package/dist/empty-state.js +1 -1
  220. package/dist/file-uploader.js +1 -1
  221. package/dist/filter-bar.js +1 -1
  222. package/dist/form-layout.js +1 -1
  223. package/dist/header-with-views.js +1 -1
  224. package/dist/header.js +1 -1
  225. package/dist/index.js +64 -64
  226. package/dist/input-field-password.js +1 -1
  227. package/dist/input-field-phone-number.js +1 -1
  228. package/dist/input-field.js +1 -1
  229. package/dist/input-time.js +1 -1
  230. package/dist/inspector.js +2 -2
  231. package/dist/internal.js +10 -10
  232. package/dist/link.js +1 -1
  233. package/dist/list.js +1 -1
  234. package/dist/menu.js +1 -1
  235. package/dist/modal-fullscreen.js +1 -1
  236. package/dist/modal.js +2 -2
  237. package/dist/navigation-menu.js +1 -1
  238. package/dist/pagination.js +1 -1
  239. package/dist/popover.js +1 -1
  240. package/dist/progress-bar.js +1 -1
  241. package/dist/promo-banner.js +1 -1
  242. package/dist/radio-group.js +1 -1
  243. package/dist/rich-text-editor.js +1 -1
  244. package/dist/search-bar.js +2 -2
  245. package/dist/secondary-nav.js +1 -1
  246. package/dist/segmented-control.js +1 -1
  247. package/dist/selection-card.js +1 -1
  248. package/dist/sidepanel.js +1 -1
  249. package/dist/stepper.js +1 -1
  250. package/dist/structured-list.js +1 -1
  251. package/dist/styles/bento-dark.css +3 -3
  252. package/dist/styles/bento-light.css +4 -4
  253. package/dist/styles/bento.css +4 -4
  254. package/dist/styles/legacy.css +4 -4
  255. package/dist/styles/styleguide.css +4 -4
  256. package/dist/styles/utility.css +4 -4
  257. package/dist/summary-grid.js +1 -1
  258. package/dist/table-of-contents.js +1 -1
  259. package/dist/tabs.js +1 -1
  260. package/dist/tag.js +1 -1
  261. package/dist/textarea.js +1 -1
  262. package/dist/timeline.js +1 -1
  263. package/dist/toast.js +1 -1
  264. package/dist/toggle.js +1 -1
  265. package/dist/tutorial.js +1 -1
  266. package/dist/web-types.json +65 -3
  267. package/package.json +6 -6
  268. package/dist/chunks/accordion-item.V3zpgTzM.js.map +0 -1
  269. package/dist/chunks/action-bar.BhS26IWQ.js.map +0 -1
  270. package/dist/chunks/ai-tag.C72E0L5z.js.map +0 -1
  271. package/dist/chunks/anchor-scroller.DT7QZd5b.js.map +0 -1
  272. package/dist/chunks/base-modal.BXDCTPAM.js.map +0 -1
  273. package/dist/chunks/calendar.Avy_89bW.js.map +0 -1
  274. package/dist/chunks/card.C-e-dnNE.js.map +0 -1
  275. package/dist/chunks/checkbox-group.DKSC-XM9.js.map +0 -1
  276. package/dist/chunks/checkbox.CZM7Q3Zi.js.map +0 -1
  277. package/dist/chunks/cross-circle-fill-small.Doaiq7Wx.js.map +0 -1
  278. package/dist/chunks/data-grid.B9Htvwxc.js.map +0 -1
  279. package/dist/chunks/date-picker.CnRL1L1b.js.map +0 -1
  280. package/dist/chunks/dropdown.Bkl-FGT4.js.map +0 -1
  281. package/dist/chunks/file-uploader.BRedpY0J.js.map +0 -1
  282. package/dist/chunks/filter-bar.Di-vepKR.js.map +0 -1
  283. package/dist/chunks/info-icon-with-popover.B8URkh7g.js.map +0 -1
  284. package/dist/chunks/input-field-password.Dbl53ZX_.js.map +0 -1
  285. package/dist/chunks/input-field.LPEj6r0i.js.map +0 -1
  286. package/dist/chunks/inspector.CcXe5K4v.js.map +0 -1
  287. package/dist/chunks/link.BzIDMKgE.js.map +0 -1
  288. package/dist/chunks/modal-fullscreen.Bo2wcyxV.js.map +0 -1
  289. package/dist/chunks/navigation-menu-group.CKVu4No8.js.map +0 -1
  290. package/dist/chunks/pagination.D4uye85j.js.map +0 -1
  291. package/dist/chunks/progress-bar.CeSR79Ue.js.map +0 -1
  292. package/dist/chunks/radio-group.70MGuwY1.js.map +0 -1
  293. package/dist/chunks/secondary-nav.Dv3WA-JA.js.map +0 -1
  294. package/dist/chunks/segmented-control.CxOLPKpX.js.map +0 -1
  295. package/dist/chunks/selection-card-group.DNHKvN7F.js.map +0 -1
  296. package/dist/chunks/sidepanel.lCym69kV.js.map +0 -1
  297. package/dist/chunks/tab.5rS16WWy.js.map +0 -1
  298. package/dist/chunks/table-of-contents.f_6G1qFS.js.map +0 -1
  299. package/dist/chunks/tag.DSzato7w.js +0 -50
  300. package/dist/chunks/tag.DSzato7w.js.map +0 -1
  301. package/dist/chunks/textarea.BGm1lgyY.js.map +0 -1
  302. package/dist/chunks/title-details.Dwm8V6Zg.js +0 -151
  303. package/dist/chunks/title-details.Dwm8V6Zg.js.map +0 -1
  304. package/dist/chunks/toggle.BkTeqKsx.js.map +0 -1
@@ -1 +1 @@
1
- .b-selection-card[data-v-ace61b22]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;container-type:inline-size;cursor:pointer}.b-selection-card[data-v-ace61b22],.b-selection-card[data-v-ace61b22]:before,.b-selection-card[data-v-ace61b22]:after{box-sizing:border-box}.b-selection-card *[data-v-ace61b22],.b-selection-card *[data-v-ace61b22]:before,.b-selection-card *[data-v-ace61b22]:after{box-sizing:border-box}.b-selection-card[data-v-ace61b22] ::-webkit-scrollbar{height:14px;width:14px}.b-selection-card[data-v-ace61b22] ::-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-selection-card--fully-clickable .b-selection-card__slot[data-v-ace61b22]{cursor:pointer}.b-selection-card__container[data-v-ace61b22]{background-color:var(--b-color-background-primary);border:var(--b-border-width-s) solid var(--b-color-outline-primary);border-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);display:flex;flex-direction:column;gap:var(--b-spacer-060);padding:var(--b-spacer-060) var(--b-spacer-070);position:relative;width:100%}.b-selection-card__container[data-v-ace61b22]:after{border:var(--b-border-width-attention) solid transparent;border-radius:var(--b-border-radius-l);content:"";inset:-1px;pointer-events:none;position:absolute}.b-selection-card__container[data-v-ace61b22]:focus-within:has(input:focus-visible){animation:outer-ring-default-ace61b22 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-ace61b22{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-selection-card__container[data-v-ace61b22]:hover{border-color:var(--b-color-outline-primary-hover)}.b-selection-card__container *[data-v-ace61b22]{cursor:pointer}.b-selection-card__checkbox-container[data-v-ace61b22]{align-items:start;display:flex;flex-direction:row;gap:var(--b-spacer-060);justify-content:space-between;width:100%}.b-selection-card__checkbox-container--center-aligned[data-v-ace61b22]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container--center-aligned[data-v-ace61b22]:has(.b-selection-card__icon){align-items:start}}.b-selection-card__checkbox-container-text[data-v-ace61b22]{align-items:start;display:flex;flex-direction:row;gap:var(--b-spacer-060)}@container (max-width: 320px){.b-selection-card__checkbox-container-text[data-v-ace61b22]{flex-direction:column}}.b-selection-card__checkbox-container-text--center-aligned[data-v-ace61b22]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container-text--center-aligned[data-v-ace61b22]{align-items:start}}.b-selection-card__description[data-v-ace61b22]{color:var(--b-color-label-secondary)}.b-selection-card__icon[data-v-ace61b22]{align-items:center;background-color:var(--b-color-background-secondary);border-radius:50%;display:flex;flex-grow:1;height:48px;justify-content:center;min-width:48px}.b-selection-card__slot[data-v-ace61b22]{cursor:default}@container (min-width: 320px){.b-selection-card__slot--with-icon[data-v-ace61b22]{margin-left:calc(48px + var(--b-spacer-060))}}.b-selection-card__subtitle[data-v-ace61b22]{color:var(--b-color-label-secondary)}.b-selection-card__text[data-v-ace61b22]{display:flex;flex-direction:column;gap:var(--b-spacer-020)}.b-selection-card--error[data-v-ace61b22]:after{border-color:var(--b-color-outline-critical);outline:calc(var(--b-border-width-attention) - var(--b-border-width-s)) solid var(--b-color-outline-critical)}.b-selection-card--disabled[data-v-ace61b22]{border-color:var(--b-color-outline-disabled);cursor:not-allowed}component-root .b-selection-card--disabled *[data-v-ace61b22]{cursor:not-allowed}.b-selection-card--disabled *[data-v-ace61b22]{cursor:not-allowed}.b-selection-card--readonly[data-v-ace61b22]{border-color:var(--b-color-outline-disabled)}.b-selection-card--checked .b-selection-card__container[data-v-ace61b22]:after{border-color:var(--b-color-outline-selected)}.b-selection-card--checked .b-selection-card--disabled[data-v-ace61b22]:after{border-color:var(--b-color-outline-selected)}.b-selection-card--checked .b-selection-card--error[data-v-ace61b22]:after{border-color:var(--b-color-outline-critical)}.b-selection-card--checked .b-selection-card--readonl[data-v-ace61b22]:after{border-color:var(--b-color-outline-selected)}.b-selection-card-group[data-v-9ee64f6e]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;width:100%}.b-selection-card-group[data-v-9ee64f6e],.b-selection-card-group[data-v-9ee64f6e]:before,.b-selection-card-group[data-v-9ee64f6e]:after{box-sizing:border-box}.b-selection-card-group *[data-v-9ee64f6e],.b-selection-card-group *[data-v-9ee64f6e]:before,.b-selection-card-group *[data-v-9ee64f6e]:after{box-sizing:border-box}.b-selection-card-group[data-v-9ee64f6e] ::-webkit-scrollbar{height:14px;width:14px}.b-selection-card-group[data-v-9ee64f6e] ::-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-selection-card-group__items[data-v-9ee64f6e]{display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-selection-card-group__items--horizontal[data-v-9ee64f6e]{flex-direction:row}.b-selection-card-group__items--wrap[data-v-9ee64f6e]:not(:last-child){margin-bottom:var(--b-spacer-040)}.b-selection-card-group__item[data-v-9ee64f6e]{align-items:stretch;display:flex;flex:1 1}.b-selection-card-group__item--full-height[data-v-9ee64f6e]{height:100%}.b-selection-card-group__error-message[data-v-9ee64f6e]{margin-top:var(--b-spacer-060)}
1
+ .b-selection-card[data-v-cd790468]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;container-type:inline-size;cursor:pointer}.b-selection-card[data-v-cd790468],.b-selection-card[data-v-cd790468]:before,.b-selection-card[data-v-cd790468]:after{box-sizing:border-box}.b-selection-card *[data-v-cd790468],.b-selection-card *[data-v-cd790468]:before,.b-selection-card *[data-v-cd790468]:after{box-sizing:border-box}.b-selection-card[data-v-cd790468] ::-webkit-scrollbar{height:14px;width:14px}.b-selection-card[data-v-cd790468] ::-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-selection-card--fully-clickable .b-selection-card__slot[data-v-cd790468]{cursor:pointer}.b-selection-card__container[data-v-cd790468]{background-color:var(--b-color-background-primary);border:var(--b-border-width-s) solid var(--b-color-outline-primary);border-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);display:flex;flex-direction:column;gap:var(--b-spacer-060);padding:var(--b-spacer-060) var(--b-spacer-070);position:relative;width:100%}.b-selection-card__container[data-v-cd790468]:after{border:var(--b-border-width-attention) solid transparent;border-radius:var(--b-border-radius-l);content:"";inset:-1px;pointer-events:none;position:absolute}.b-selection-card__container[data-v-cd790468]:focus-within:has(input:focus-visible){animation:outer-ring-default-cd790468 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-cd790468{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-selection-card__container[data-v-cd790468]:hover{border-color:var(--b-color-outline-primary-hover)}.b-selection-card__container *[data-v-cd790468]{cursor:pointer}.b-selection-card__checkbox-container[data-v-cd790468]{align-items:start;display:flex;flex-direction:row;gap:var(--b-spacer-060);justify-content:space-between;width:100%}.b-selection-card__checkbox-container--center-aligned[data-v-cd790468]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container--center-aligned[data-v-cd790468]:has(.b-selection-card__icon){align-items:start}}.b-selection-card__checkbox-container-text[data-v-cd790468]{align-items:start;display:flex;flex-direction:row;gap:var(--b-spacer-060)}@container (max-width: 320px){.b-selection-card__checkbox-container-text[data-v-cd790468]{flex-direction:column}}.b-selection-card__checkbox-container-text--center-aligned[data-v-cd790468]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container-text--center-aligned[data-v-cd790468]{align-items:start}}.b-selection-card__description[data-v-cd790468]{color:var(--b-color-label-secondary)}.b-selection-card__icon[data-v-cd790468]{align-items:center;background-color:var(--b-color-background-secondary);border-radius:50%;display:flex;flex-grow:1;height:48px;justify-content:center;min-width:48px}.b-selection-card__slot[data-v-cd790468]{cursor:default}@container (min-width: 320px){.b-selection-card__slot--with-icon[data-v-cd790468]{margin-left:calc(48px + var(--b-spacer-060))}}.b-selection-card__subtitle[data-v-cd790468]{color:var(--b-color-label-secondary)}.b-selection-card__text[data-v-cd790468]{display:flex;flex-direction:column;gap:var(--b-spacer-020)}.b-selection-card--error[data-v-cd790468]:after{border-color:var(--b-color-outline-critical);outline:calc(var(--b-border-width-attention) - var(--b-border-width-s)) solid var(--b-color-outline-critical)}.b-selection-card--disabled[data-v-cd790468]{border-color:var(--b-color-outline-disabled);cursor:not-allowed}component-root .b-selection-card--disabled *[data-v-cd790468]{cursor:not-allowed}.b-selection-card--disabled *[data-v-cd790468]{cursor:not-allowed}.b-selection-card--readonly[data-v-cd790468]{border-color:var(--b-color-outline-disabled)}.b-selection-card--checked .b-selection-card__container[data-v-cd790468]:after{border-color:var(--b-color-outline-selected)}.b-selection-card--checked .b-selection-card--disabled[data-v-cd790468]:after{border-color:var(--b-color-outline-selected)}.b-selection-card--checked .b-selection-card--error[data-v-cd790468]:after{border-color:var(--b-color-outline-critical)}.b-selection-card--checked .b-selection-card--readonl[data-v-cd790468]:after{border-color:var(--b-color-outline-selected)}.b-selection-card-group[data-v-cc3a6487]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;width:100%}.b-selection-card-group[data-v-cc3a6487],.b-selection-card-group[data-v-cc3a6487]:before,.b-selection-card-group[data-v-cc3a6487]:after{box-sizing:border-box}.b-selection-card-group *[data-v-cc3a6487],.b-selection-card-group *[data-v-cc3a6487]:before,.b-selection-card-group *[data-v-cc3a6487]:after{box-sizing:border-box}.b-selection-card-group[data-v-cc3a6487] ::-webkit-scrollbar{height:14px;width:14px}.b-selection-card-group[data-v-cc3a6487] ::-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-selection-card-group__items[data-v-cc3a6487]{display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-selection-card-group__items--horizontal[data-v-cc3a6487]{flex-direction:row}.b-selection-card-group__items--wrap[data-v-cc3a6487]:not(:last-child){margin-bottom:var(--b-spacer-040)}.b-selection-card-group__item[data-v-cc3a6487]{align-items:stretch;display:flex;flex:1 1}.b-selection-card-group__item--full-height[data-v-cc3a6487]{height:100%}.b-selection-card-group__error-message[data-v-cc3a6487]{margin-top:var(--b-spacer-060)}
@@ -1 +1 @@
1
- .b-sidepanel-page[data-v-12d4c262]{-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-12d4c262],.b-sidepanel-page[data-v-12d4c262]:before,.b-sidepanel-page[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-12d4c262],.b-sidepanel-page *[data-v-12d4c262]:before,.b-sidepanel-page *[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-12d4c262]{align-items:center;background-color:var(--b-color-background-modal);border-top-left-radius:var(--b-border-radius-l);display:flex;overflow:hidden;padding:var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-12d4c262]{background-color:var(--b-color-background-modal);border-bottom-left-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);padding:var(--b-spacer-070) var(--b-spacer-090)}.b-sidepanel[data-v-e2c7d722]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-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-e2c7d722],.b-sidepanel[data-v-e2c7d722]:before,.b-sidepanel[data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel *[data-v-e2c7d722],.b-sidepanel *[data-v-e2c7d722]:before,.b-sidepanel *[data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel[data-v-e2c7d722] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-e2c7d722] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-sidepanel[data-v-e2c7d722]{border-radius:var(--b-border-radius-l) 0 0 var(--b-border-radius-l);margin:0 0 0 auto;width:480px}}@media(min-width:768px){.b-sidepanel[data-v-e2c7d722]{max-width:680px;min-width:480px;width:33%}}.b-sidepanel__close-button[data-v-e2c7d722]{align-items:center;display:flex;height:64px;position:absolute;right:var(--b-spacer-090);z-index:var(--b-z-index-local-tier-1)}.b-sidepanel--animation[data-v-e2c7d722]{overflow:hidden}.b-sidepanel[data-v-e2c7d722]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-sidepanel[open][data-v-e2c7d722]{animation:enter-um456a0-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-um456a0-e2c7d722{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-e2c7d722]::backdrop{animation:fade-in-um456ap-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-um456ap-e2c7d722{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-e2c7d722]{animation:exit-um456at-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-um456at-e2c7d722{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-e2c7d722]::backdrop{animation:fade-out-um456b0-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-um456b0-e2c7d722{0%{opacity:.5}to{opacity:0}}
1
+ .b-sidepanel-page[data-v-12d4c262]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-12d4c262],.b-sidepanel-page[data-v-12d4c262]:before,.b-sidepanel-page[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-12d4c262],.b-sidepanel-page *[data-v-12d4c262]:before,.b-sidepanel-page *[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-label-tertiary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-12d4c262]{align-items:center;background-color:var(--b-color-background-modal);border-top-left-radius:var(--b-border-radius-l);display:flex;overflow:hidden;padding:var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-12d4c262]{background-color:var(--b-color-background-modal);border-bottom-left-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);padding:var(--b-spacer-070) var(--b-spacer-090)}.b-sidepanel[data-v-e0097c32]{-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-e0097c32],.b-sidepanel[data-v-e0097c32]:before,.b-sidepanel[data-v-e0097c32]:after{box-sizing:border-box}.b-sidepanel *[data-v-e0097c32],.b-sidepanel *[data-v-e0097c32]:before,.b-sidepanel *[data-v-e0097c32]:after{box-sizing:border-box}.b-sidepanel[data-v-e0097c32] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-e0097c32] ::-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-e0097c32]{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-e0097c32]{max-width:680px;min-width:480px;width:33%}}.b-sidepanel__close-button[data-v-e0097c32]{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-e0097c32]{overflow:hidden}.b-sidepanel[data-v-e0097c32]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-sidepanel[open][data-v-e0097c32]{animation:enter-uara223-e0097c32 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-uara223-e0097c32{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-e0097c32]::backdrop{animation:fade-in-uara22z-e0097c32 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uara22z-e0097c32{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-e0097c32]{animation:exit-uara23v-e0097c32 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-uara23v-e0097c32{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-e0097c32]::backdrop{animation:fade-out-uara23z-e0097c32 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uara23z-e0097c32{0%{opacity:.5}to{opacity:0}}
@@ -1 +1 @@
1
- .b-tabs[data-v-8ac2891a]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-tabs button[data-v-8ac2891a]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-tabs button[data-v-8ac2891a]:focus-visible{outline:none}.b-tabs[data-v-8ac2891a],.b-tabs[data-v-8ac2891a]:before,.b-tabs[data-v-8ac2891a]:after{box-sizing:border-box}.b-tabs *[data-v-8ac2891a],.b-tabs *[data-v-8ac2891a]:before,.b-tabs *[data-v-8ac2891a]:after{box-sizing:border-box}.b-tabs[data-v-8ac2891a] ::-webkit-scrollbar{height:14px;width:14px}.b-tabs[data-v-8ac2891a] ::-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-tabs__tab-list[data-v-8ac2891a]{display:flex;gap:var(--b-spacer-090);height:30px}.b-tabs__tab-list-wrapper--sticky[data-v-8ac2891a]{background-color:var(--b-color-background-primary);padding-top:var(--b-spacer-060);position:sticky;z-index:var(--b-z-index-local-tier-2)}.b-tabs__tab-list-wrapper--pinned[data-v-8ac2891a]:after{background-color:var(--b-color-background-primary);border-bottom:var(--b-border-width-s) solid var(--b-color-separator-primary);bottom:-4px;content:"";display:block;height:4px;left:-50vw;position:absolute;width:150vw}.b-tabs__tab[data-v-8ac2891a]{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:0}.b-tabs__tab--disabled>*[data-v-8ac2891a]{cursor:not-allowed}@media(hover:hover){.b-tabs__tab:not(.b-tabs__tab--disabled):hover .b-tabs__tab-title[data-v-8ac2891a]{color:var(--b-color-label-primary)}.b-tabs__tab:not(.b-tabs__tab--disabled):hover .b-tabs__tab-counter[data-v-8ac2891a]{color:var(--b-color-label-primary)}}.b-tabs__tab-text[data-v-8ac2891a]{align-items:center;border-radius:var(--b-border-radius-xs);display:flex;gap:var(--b-spacer-030);height:var(--b-spacer-090)}.b-tabs__tab:focus-visible .b-tabs__tab-text[data-v-8ac2891a]{animation:outer-ring-default-8ac2891a 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-8ac2891a{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-tabs__tab-title[data-v-8ac2891a]{color:var(--b-color-label-secondary);white-space:nowrap}.b-tabs__tab--disabled .b-tabs__tab-title[data-v-8ac2891a]{color:var(--b-color-label-disabled);cursor:not-allowed}.b-tabs__tab--active .b-tabs__tab-title[data-v-8ac2891a]{color:var(--b-color-label-primary)}.b-tabs__tab-underline[data-v-8ac2891a]{background-color:var(--b-color-outline-primary-active);display:block;width:var(--b-spacer-080)}.b-tabs__tab--active .b-tabs__tab-underline[data-v-8ac2891a]{height:var(--b-border-width-m)}.b-tabs__tab-counter[data-v-8ac2891a]{background-color:var(--b-color-background-secondary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-secondary);flex-shrink:0;padding:var(--b-spacer-010) var(--b-spacer-020)}.b-tabs__tab-counter--active[data-v-8ac2891a]{color:var(--b-color-label-primary)}.b-tabs__tab--disabled .b-tabs__tab-counter[data-v-8ac2891a]{color:var(--b-color-label-disabled);cursor:not-allowed}.b-tabs__tab-notification-dot[data-v-8ac2891a]{background-color:var(--b-color-background-highlight-strong);border-radius:50%;flex-shrink:0;height:7px;width:7px}.b-tab[data-v-fd8ef2b7]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-tab[data-v-fd8ef2b7],.b-tab[data-v-fd8ef2b7]:before,.b-tab[data-v-fd8ef2b7]:after{box-sizing:border-box}.b-tab *[data-v-fd8ef2b7],.b-tab *[data-v-fd8ef2b7]:before,.b-tab *[data-v-fd8ef2b7]:after{box-sizing:border-box}.b-tab[data-v-fd8ef2b7] ::-webkit-scrollbar{height:14px;width:14px}.b-tab[data-v-fd8ef2b7] ::-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)}
1
+ .b-tabs[data-v-fdbdd4d3]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-tabs button[data-v-fdbdd4d3]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-tabs button[data-v-fdbdd4d3]:focus-visible{outline:none}.b-tabs[data-v-fdbdd4d3],.b-tabs[data-v-fdbdd4d3]:before,.b-tabs[data-v-fdbdd4d3]:after{box-sizing:border-box}.b-tabs *[data-v-fdbdd4d3],.b-tabs *[data-v-fdbdd4d3]:before,.b-tabs *[data-v-fdbdd4d3]:after{box-sizing:border-box}.b-tabs[data-v-fdbdd4d3] ::-webkit-scrollbar{height:14px;width:14px}.b-tabs[data-v-fdbdd4d3] ::-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-tabs__tab-list[data-v-fdbdd4d3]{display:flex;gap:var(--b-spacer-090);height:30px}.b-tabs__tab-list-wrapper--sticky[data-v-fdbdd4d3]{background-color:var(--b-color-background-primary);padding-top:var(--b-spacer-060);position:sticky;z-index:var(--b-z-index-local-tier-2)}.b-tabs__tab-list-wrapper--pinned[data-v-fdbdd4d3]:after{background-color:var(--b-color-background-primary);border-bottom:var(--b-border-width-s) solid var(--b-color-separator-primary);bottom:-4px;content:"";display:block;height:4px;left:-50vw;position:absolute;width:150vw}.b-tabs__tab[data-v-fdbdd4d3]{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:0}.b-tabs__tab--disabled>*[data-v-fdbdd4d3]{cursor:not-allowed}@media(hover:hover){.b-tabs__tab:not(.b-tabs__tab--disabled):hover .b-tabs__tab-title[data-v-fdbdd4d3]{color:var(--b-color-label-primary)}.b-tabs__tab:not(.b-tabs__tab--disabled):hover .b-tabs__tab-counter[data-v-fdbdd4d3]{color:var(--b-color-label-primary)}}.b-tabs__tab-text[data-v-fdbdd4d3]{align-items:center;border-radius:var(--b-border-radius-xs);display:flex;gap:var(--b-spacer-030);height:var(--b-spacer-090)}.b-tabs__tab:focus-visible .b-tabs__tab-text[data-v-fdbdd4d3]{animation:outer-ring-default-fdbdd4d3 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-fdbdd4d3{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-tabs__tab-title[data-v-fdbdd4d3]{color:var(--b-color-label-secondary);white-space:nowrap}.b-tabs__tab--disabled .b-tabs__tab-title[data-v-fdbdd4d3]{color:var(--b-color-label-disabled);cursor:not-allowed}.b-tabs__tab--active .b-tabs__tab-title[data-v-fdbdd4d3]{color:var(--b-color-label-primary)}.b-tabs__tab-underline[data-v-fdbdd4d3]{background-color:var(--b-color-outline-primary-active);display:block;width:var(--b-spacer-080)}.b-tabs__tab--active .b-tabs__tab-underline[data-v-fdbdd4d3]{height:var(--b-border-width-m)}.b-tabs__tab-counter[data-v-fdbdd4d3]{background-color:var(--b-color-background-secondary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-secondary);flex-shrink:0;padding:var(--b-spacer-010) var(--b-spacer-020)}.b-tabs__tab-counter--active[data-v-fdbdd4d3]{color:var(--b-color-label-primary)}.b-tabs__tab--disabled .b-tabs__tab-counter[data-v-fdbdd4d3]{color:var(--b-color-label-disabled);cursor:not-allowed}.b-tabs__tab-notification-dot[data-v-fdbdd4d3]{background-color:var(--b-color-background-highlight-strong);border-radius:50%;flex-shrink:0;height:7px;width:7px}.b-tab[data-v-fd8ef2b7]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-tab[data-v-fd8ef2b7],.b-tab[data-v-fd8ef2b7]:before,.b-tab[data-v-fd8ef2b7]:after{box-sizing:border-box}.b-tab *[data-v-fd8ef2b7],.b-tab *[data-v-fd8ef2b7]:before,.b-tab *[data-v-fd8ef2b7]:after{box-sizing:border-box}.b-tab[data-v-fd8ef2b7] ::-webkit-scrollbar{height:14px;width:14px}.b-tab[data-v-fd8ef2b7] ::-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)}
@@ -1 +1 @@
1
- .b-table-of-contents__toc[data-v-182a94f1]{all:unset;list-style-type:none}.b-table-of-contents__item[data-v-182a94f1]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-table-of-contents__item[data-v-182a94f1],.b-table-of-contents__item[data-v-182a94f1]:before,.b-table-of-contents__item[data-v-182a94f1]:after{box-sizing:border-box}.b-table-of-contents__item *[data-v-182a94f1],.b-table-of-contents__item *[data-v-182a94f1]:before,.b-table-of-contents__item *[data-v-182a94f1]:after{box-sizing:border-box}.b-table-of-contents__item[data-v-182a94f1] ::-webkit-scrollbar{height:14px;width:14px}.b-table-of-contents__item[data-v-182a94f1] ::-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-table-of-contents__item-title[data-v-182a94f1]{align-items:center;color:var(--b-color-label-primary);cursor:pointer;display:flex;min-height:24px;text-decoration:underline}.b-table-of-contents__item-title[data-v-182a94f1]:focus-visible{outline:none}.b-table-of-contents__item-title[data-v-182a94f1]:focus-visible{border-radius:var(--b-border-radius-xs);animation:outer-ring-default-182a94f1 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-182a94f1{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)}}@media(min-width:376px){.b-table-of-contents__item-title[data-v-182a94f1]{border-left:var(--b-border-width-m) solid var(--b-color-separator-primary);color:var(--b-color-label-secondary);padding-left:var(--b-spacer-070);text-decoration:none}}@media(min-width:376px)and (hover:hover){.b-table-of-contents__item-title[data-v-182a94f1]:hover{color:var(--b-color-label-primary)}}@media(min-width:376px){.b-table-of-contents__item-title[data-v-182a94f1]:focus-visible{border-radius:0}}.b-table-of-contents__item-label[data-v-182a94f1]{min-width:0;overflow-wrap:break-word}@media(min-width:376px){.b-table-of-contents__item--active .b-table-of-contents__item-title[data-v-182a94f1]{border-left:var(--b-border-width-m) solid var(--b-color-background-inverse-primary);color:var(--b-color-label-primary)}}.b-table-of-contents__item--level-2 .b-table-of-contents__item-title[data-v-182a94f1]{padding-left:var(--b-spacer-070)}@media(min-width:376px){.b-table-of-contents__item--level-2 .b-table-of-contents__item-title[data-v-182a94f1]{padding-left:calc(var(--b-spacer-070) + var(--b-spacer-060))}}.b-table-of-contents__item--level-3 .b-table-of-contents__item-title[data-v-182a94f1]{padding-left:calc(var(--b-spacer-070) + var(--b-spacer-060))}@media(min-width:376px){.b-table-of-contents__item--level-3 .b-table-of-contents__item-title[data-v-182a94f1]{padding-left:calc(var(--b-spacer-070) + var(--b-spacer-060) * 2)}}.b-table-of-contents__item--level-4 .b-table-of-contents__item-title[data-v-182a94f1]{padding-left:calc(var(--b-spacer-070) + var(--b-spacer-060) * 2)}@media(min-width:376px){.b-table-of-contents__item--level-4 .b-table-of-contents__item-title[data-v-182a94f1]{padding-left:calc(var(--b-spacer-070) + var(--b-spacer-060) * 3)}}.b-table-of-contents__item-separator[data-v-182a94f1]{height:10px}@media(min-width:376px){.b-table-of-contents__item-separator[data-v-182a94f1]{border-left:var(--b-border-width-m) solid var(--b-color-separator-primary)}}.b-table-of-contents[data-v-e1dd5a67]{-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-080)}.b-table-of-contents[data-v-e1dd5a67],.b-table-of-contents[data-v-e1dd5a67]:before,.b-table-of-contents[data-v-e1dd5a67]:after{box-sizing:border-box}.b-table-of-contents *[data-v-e1dd5a67],.b-table-of-contents *[data-v-e1dd5a67]:before,.b-table-of-contents *[data-v-e1dd5a67]:after{box-sizing:border-box}.b-table-of-contents[data-v-e1dd5a67] ::-webkit-scrollbar{height:14px;width:14px}.b-table-of-contents[data-v-e1dd5a67] ::-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-table-of-contents__header[data-v-e1dd5a67]{color:var(--b-color-label-primary);min-width:0;overflow-wrap:break-word}
1
+ .b-table-of-contents__toc[data-v-182a94f1]{all:unset;list-style-type:none}.b-table-of-contents__item[data-v-182a94f1]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-table-of-contents__item[data-v-182a94f1],.b-table-of-contents__item[data-v-182a94f1]:before,.b-table-of-contents__item[data-v-182a94f1]:after{box-sizing:border-box}.b-table-of-contents__item *[data-v-182a94f1],.b-table-of-contents__item *[data-v-182a94f1]:before,.b-table-of-contents__item *[data-v-182a94f1]:after{box-sizing:border-box}.b-table-of-contents__item[data-v-182a94f1] ::-webkit-scrollbar{height:14px;width:14px}.b-table-of-contents__item[data-v-182a94f1] ::-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-table-of-contents__item-title[data-v-182a94f1]{align-items:center;color:var(--b-color-label-primary);cursor:pointer;display:flex;min-height:24px;text-decoration:underline}.b-table-of-contents__item-title[data-v-182a94f1]:focus-visible{outline:none}.b-table-of-contents__item-title[data-v-182a94f1]:focus-visible{border-radius:var(--b-border-radius-xs);animation:outer-ring-default-182a94f1 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-182a94f1{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)}}@media(min-width:376px){.b-table-of-contents__item-title[data-v-182a94f1]{border-left:var(--b-border-width-m) solid var(--b-color-separator-primary);color:var(--b-color-label-secondary);padding-left:var(--b-spacer-070);text-decoration:none}}@media(min-width:376px)and (hover:hover){.b-table-of-contents__item-title[data-v-182a94f1]:hover{color:var(--b-color-label-primary)}}@media(min-width:376px){.b-table-of-contents__item-title[data-v-182a94f1]:focus-visible{border-radius:0}}.b-table-of-contents__item-label[data-v-182a94f1]{min-width:0;overflow-wrap:break-word}@media(min-width:376px){.b-table-of-contents__item--active .b-table-of-contents__item-title[data-v-182a94f1]{border-left:var(--b-border-width-m) solid var(--b-color-background-inverse-primary);color:var(--b-color-label-primary)}}.b-table-of-contents__item--level-2 .b-table-of-contents__item-title[data-v-182a94f1]{padding-left:var(--b-spacer-070)}@media(min-width:376px){.b-table-of-contents__item--level-2 .b-table-of-contents__item-title[data-v-182a94f1]{padding-left:calc(var(--b-spacer-070) + var(--b-spacer-060))}}.b-table-of-contents__item--level-3 .b-table-of-contents__item-title[data-v-182a94f1]{padding-left:calc(var(--b-spacer-070) + var(--b-spacer-060))}@media(min-width:376px){.b-table-of-contents__item--level-3 .b-table-of-contents__item-title[data-v-182a94f1]{padding-left:calc(var(--b-spacer-070) + var(--b-spacer-060) * 2)}}.b-table-of-contents__item--level-4 .b-table-of-contents__item-title[data-v-182a94f1]{padding-left:calc(var(--b-spacer-070) + var(--b-spacer-060) * 2)}@media(min-width:376px){.b-table-of-contents__item--level-4 .b-table-of-contents__item-title[data-v-182a94f1]{padding-left:calc(var(--b-spacer-070) + var(--b-spacer-060) * 3)}}.b-table-of-contents__item-separator[data-v-182a94f1]{height:10px}@media(min-width:376px){.b-table-of-contents__item-separator[data-v-182a94f1]{border-left:var(--b-border-width-m) solid var(--b-color-separator-primary)}}.b-table-of-contents[data-v-5fd75030]{-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-080)}.b-table-of-contents[data-v-5fd75030],.b-table-of-contents[data-v-5fd75030]:before,.b-table-of-contents[data-v-5fd75030]:after{box-sizing:border-box}.b-table-of-contents *[data-v-5fd75030],.b-table-of-contents *[data-v-5fd75030]:before,.b-table-of-contents *[data-v-5fd75030]:after{box-sizing:border-box}.b-table-of-contents[data-v-5fd75030] ::-webkit-scrollbar{height:14px;width:14px}.b-table-of-contents[data-v-5fd75030] ::-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-table-of-contents__header[data-v-5fd75030]{color:var(--b-color-label-primary);min-width:0;overflow-wrap:break-word}
@@ -1 +1 @@
1
- .b-tag[data-v-f66dc84b]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;align-items:flex-start;border-radius:4px;cursor:default;display:inline-flex;flex-direction:row;gap:6px;justify-content:center;padding:var(--b-spacer-010) var(--b-spacer-040);width:fit-content}.b-tag[data-v-f66dc84b],.b-tag[data-v-f66dc84b]:before,.b-tag[data-v-f66dc84b]:after{box-sizing:border-box}.b-tag *[data-v-f66dc84b],.b-tag *[data-v-f66dc84b]:before,.b-tag *[data-v-f66dc84b]:after{box-sizing:border-box}.b-tag[data-v-f66dc84b] ::-webkit-scrollbar{height:14px;width:14px}.b-tag[data-v-f66dc84b] ::-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-tag[data-v-f66dc84b]:focus-visible{outline:0;animation:outer-ring-default-f66dc84b 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-f66dc84b{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-tag__icon[data-v-f66dc84b]{align-items:center;display:flex;height:var(--b-text-caption-line-height)}.b-tag--grey[data-v-f66dc84b]{background-color:var(--b-color-background-secondary)}.b-tag--grey .b-tag__label[data-v-f66dc84b],.b-tag--grey .b-tag__icon[data-v-f66dc84b]{color:var(--b-color-label-secondary)}.b-tag--blue[data-v-f66dc84b]{background-color:var(--b-color-background-highlight-weak)}.b-tag--blue .b-tag__label[data-v-f66dc84b],.b-tag--blue .b-tag__icon[data-v-f66dc84b]{color:var(--b-color-label-on-background-highlight-weak)}.b-tag--green[data-v-f66dc84b]{background-color:var(--b-color-background-success-weak)}.b-tag--green .b-tag__label[data-v-f66dc84b],.b-tag--green .b-tag__icon[data-v-f66dc84b]{color:var(--b-color-label-on-background-success-weak)}.b-tag--orange[data-v-f66dc84b]{background-color:var(--b-color-background-warning-weak)}.b-tag--orange .b-tag__label[data-v-f66dc84b],.b-tag--orange .b-tag__icon[data-v-f66dc84b]{color:var(--b-color-label-on-background-warning-weak)}.b-tag--red[data-v-f66dc84b]{background-color:var(--b-color-background-critical-weak)}.b-tag--red .b-tag__label[data-v-f66dc84b],.b-tag--red .b-tag__icon[data-v-f66dc84b]{color:var(--b-color-label-on-background-critical-weak)}.b-tag--white[data-v-f66dc84b]{background-color:var(--b-color-background-primary)}.b-tag--white .b-tag__label[data-v-f66dc84b],.b-tag--white .b-tag__icon[data-v-f66dc84b]{color:var(--b-color-label-primary)}
1
+ .b-tag[data-v-4dc5e7c7]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;align-items:flex-start;border-radius:4px;cursor:default;display:inline-flex;flex-direction:row;gap:6px;justify-content:center;padding:var(--b-spacer-010) var(--b-spacer-040);width:fit-content}.b-tag[data-v-4dc5e7c7],.b-tag[data-v-4dc5e7c7]:before,.b-tag[data-v-4dc5e7c7]:after{box-sizing:border-box}.b-tag *[data-v-4dc5e7c7],.b-tag *[data-v-4dc5e7c7]:before,.b-tag *[data-v-4dc5e7c7]:after{box-sizing:border-box}.b-tag[data-v-4dc5e7c7] ::-webkit-scrollbar{height:14px;width:14px}.b-tag[data-v-4dc5e7c7] ::-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-tag[data-v-4dc5e7c7]:focus-visible{outline:0;animation:outer-ring-default-4dc5e7c7 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-4dc5e7c7{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-tag__icon[data-v-4dc5e7c7]{align-items:center;display:flex;height:var(--b-text-caption-line-height)}.b-tag--grey[data-v-4dc5e7c7]{background-color:var(--b-color-background-secondary)}.b-tag--grey .b-tag__label[data-v-4dc5e7c7],.b-tag--grey .b-tag__icon[data-v-4dc5e7c7]{color:var(--b-color-label-secondary)}.b-tag--blue[data-v-4dc5e7c7]{background-color:var(--b-color-background-highlight-weak)}.b-tag--blue .b-tag__label[data-v-4dc5e7c7],.b-tag--blue .b-tag__icon[data-v-4dc5e7c7]{color:var(--b-color-label-on-background-highlight-weak)}.b-tag--green[data-v-4dc5e7c7]{background-color:var(--b-color-background-success-weak)}.b-tag--green .b-tag__label[data-v-4dc5e7c7],.b-tag--green .b-tag__icon[data-v-4dc5e7c7]{color:var(--b-color-label-on-background-success-weak)}.b-tag--orange[data-v-4dc5e7c7]{background-color:var(--b-color-background-warning-weak)}.b-tag--orange .b-tag__label[data-v-4dc5e7c7],.b-tag--orange .b-tag__icon[data-v-4dc5e7c7]{color:var(--b-color-label-on-background-warning-weak)}.b-tag--red[data-v-4dc5e7c7]{background-color:var(--b-color-background-critical-weak)}.b-tag--red .b-tag__label[data-v-4dc5e7c7],.b-tag--red .b-tag__icon[data-v-4dc5e7c7]{color:var(--b-color-label-on-background-critical-weak)}.b-tag--white[data-v-4dc5e7c7]{background-color:var(--b-color-background-primary)}.b-tag--white .b-tag__label[data-v-4dc5e7c7],.b-tag--white .b-tag__icon[data-v-4dc5e7c7]{color:var(--b-color-label-primary)}
@@ -1 +1 @@
1
- .b-textarea[data-v-1ffe202a]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-textarea[data-v-1ffe202a],.b-textarea[data-v-1ffe202a]:before,.b-textarea[data-v-1ffe202a]:after{box-sizing:border-box}.b-textarea *[data-v-1ffe202a],.b-textarea *[data-v-1ffe202a]:before,.b-textarea *[data-v-1ffe202a]:after{box-sizing:border-box}.b-textarea[data-v-1ffe202a] ::-webkit-scrollbar{height:14px;width:14px}.b-textarea[data-v-1ffe202a] ::-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-textarea__label-box[data-v-1ffe202a]{display:flex;justify-content:space-between;min-width:200px}.b-textarea__label-box--no-label[data-v-1ffe202a]{justify-content:flex-end}.b-textarea__label-item[data-v-1ffe202a]{color:var(--b-color-label-secondary)}.b-textarea__label-item--error[data-v-1ffe202a]{color:var(--b-color-label-critical)}.b-textarea__input-box[data-v-1ffe202a]{margin-bottom:var(--b-spacer-040);position:relative}.b-textarea__input[data-v-1ffe202a]{background-color:var(--b-color-background-primary);border:var(--b-border-width-s) solid var(--b-color-outline-tertiary);border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);display:block;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;min-height:44px;min-width:200px;padding:var(--b-spacer-060) var(--b-spacer-060) var(--b-spacer-040) var(--b-spacer-060);width:100%}.b-textarea__input--dynamic-height[data-v-1ffe202a]{scrollbar-width:none}.b-textarea__input--error[data-v-1ffe202a]{border-color:var(--b-color-outline-critical);outline:calc(var(--b-border-width-attention) - var(--b-border-width-s)) solid var(--b-color-outline-critical)}.b-textarea__input[data-v-1ffe202a]:focus{border-color:var(--b-color-outline-tertiary-active);outline:calc(var(--b-border-width-attention) - var(--b-border-width-s)) solid var(--b-color-outline-tertiary-active)}.b-textarea__input[data-v-1ffe202a]:focus-visible{box-shadow:none}.b-textarea__input[data-v-1ffe202a]:hover:enabled{border-color:var(--b-color-outline-tertiary-active);outline:unset}.b-textarea__input[data-v-1ffe202a]:disabled{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled);color:var(--b-color-label-disabled)}.b-textarea__input[data-v-1ffe202a]:disabled::placeholder{background:transparent}.b-textarea__input[data-v-1ffe202a]::placeholder{color:var(--b-color-label-tertiary);opacity:1}.b-textarea__input--readonly[data-v-1ffe202a]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled)}.b-textarea__input--readonly[data-v-1ffe202a]:hover:enabled{border-color:var(--b-color-outline-disabled)}.b-textarea__input--clearable[data-v-1ffe202a]{padding:var(--b-spacer-060) var(--b-spacer-110) var(--b-spacer-040) var(--b-spacer-060)}.b-textarea__clear-button[data-v-1ffe202a]{position:absolute;right:12px;top:12px}.b-textarea__description[data-v-1ffe202a]{color:var(--b-color-label-secondary);display:flex;margin-top:var(--b-spacer-020)}.b-textarea--disabled *[data-v-1ffe202a]{cursor:not-allowed}
1
+ .b-textarea[data-v-37961b3b]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent}.b-textarea[data-v-37961b3b],.b-textarea[data-v-37961b3b]:before,.b-textarea[data-v-37961b3b]:after{box-sizing:border-box}.b-textarea *[data-v-37961b3b],.b-textarea *[data-v-37961b3b]:before,.b-textarea *[data-v-37961b3b]:after{box-sizing:border-box}.b-textarea[data-v-37961b3b] ::-webkit-scrollbar{height:14px;width:14px}.b-textarea[data-v-37961b3b] ::-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-textarea__label-box[data-v-37961b3b]{display:flex;justify-content:space-between;min-width:200px}.b-textarea__label-box--no-label[data-v-37961b3b]{justify-content:flex-end}.b-textarea__label-item[data-v-37961b3b]{color:var(--b-color-label-secondary)}.b-textarea__label-item--error[data-v-37961b3b]{color:var(--b-color-label-critical)}.b-textarea__input-box[data-v-37961b3b]{margin-bottom:var(--b-spacer-040);position:relative}.b-textarea__input[data-v-37961b3b]{background-color:var(--b-color-background-primary);border:var(--b-border-width-s) solid var(--b-color-outline-tertiary);border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);display:block;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;min-height:44px;min-width:200px;padding:var(--b-spacer-060) var(--b-spacer-060) var(--b-spacer-040) var(--b-spacer-060);width:100%}.b-textarea__input--dynamic-height[data-v-37961b3b]{scrollbar-width:none}.b-textarea__input--error[data-v-37961b3b]{border-color:var(--b-color-outline-critical);outline:calc(var(--b-border-width-attention) - var(--b-border-width-s)) solid var(--b-color-outline-critical)}.b-textarea__input[data-v-37961b3b]:focus{border-color:var(--b-color-outline-tertiary-active);outline:calc(var(--b-border-width-attention) - var(--b-border-width-s)) solid var(--b-color-outline-tertiary-active)}.b-textarea__input[data-v-37961b3b]:focus-visible{box-shadow:none}.b-textarea__input[data-v-37961b3b]:hover:enabled{border-color:var(--b-color-outline-tertiary-active);outline:unset}.b-textarea__input[data-v-37961b3b]:disabled{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled);color:var(--b-color-label-disabled)}.b-textarea__input[data-v-37961b3b]:disabled::placeholder{background:transparent}.b-textarea__input[data-v-37961b3b]::placeholder{color:var(--b-color-label-tertiary);opacity:1}.b-textarea__input--readonly[data-v-37961b3b]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled)}.b-textarea__input--readonly[data-v-37961b3b]:hover:enabled{border-color:var(--b-color-outline-disabled)}.b-textarea__input--clearable[data-v-37961b3b]{padding:var(--b-spacer-060) var(--b-spacer-110) var(--b-spacer-040) var(--b-spacer-060)}.b-textarea__clear-button[data-v-37961b3b]{position:absolute;right:12px;top:12px}.b-textarea__description[data-v-37961b3b]{color:var(--b-color-label-secondary);display:flex;margin-top:var(--b-spacer-020)}.b-textarea--disabled *[data-v-37961b3b]{cursor:not-allowed}
@@ -1 +1 @@
1
- .b-timeline[data-v-1524dd4e]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;max-width:500px}.b-timeline[data-v-1524dd4e],.b-timeline[data-v-1524dd4e]:before,.b-timeline[data-v-1524dd4e]:after{box-sizing:border-box}.b-timeline *[data-v-1524dd4e],.b-timeline *[data-v-1524dd4e]:before,.b-timeline *[data-v-1524dd4e]:after{box-sizing:border-box}.b-timeline[data-v-1524dd4e] ::-webkit-scrollbar{height:14px;width:14px}.b-timeline[data-v-1524dd4e] ::-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-timeline__add-note-section[data-v-1524dd4e]{padding-bottom:var(--b-spacer-090)}.b-timeline__items[data-v-1524dd4e]{all:unset}.b-timeline-item[data-v-d215aeaf]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;list-style-type:none;max-width:500px}.b-timeline-item[data-v-d215aeaf],.b-timeline-item[data-v-d215aeaf]:before,.b-timeline-item[data-v-d215aeaf]:after{box-sizing:border-box}.b-timeline-item *[data-v-d215aeaf],.b-timeline-item *[data-v-d215aeaf]:before,.b-timeline-item *[data-v-d215aeaf]:after{box-sizing:border-box}.b-timeline-item[data-v-d215aeaf] ::-webkit-scrollbar{height:14px;width:14px}.b-timeline-item[data-v-d215aeaf] ::-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-timeline-item__row[data-v-d215aeaf]{display:flex;gap:var(--b-spacer-070)}.b-timeline-item__marker[data-v-d215aeaf]{display:flex;flex-flow:column;max-width:16px;width:100%}.b-timeline-item__separator[data-v-d215aeaf]{flex-grow:1;position:relative}.b-timeline-item__separator[data-v-d215aeaf]:before{background-color:var(--b-color-separator-secondary);content:"";height:100%;left:50%;position:absolute;transform:translate(-50%);width:1px}.b-timeline-item__icon[data-v-d215aeaf]{color:var(--b-color-label-primary);margin:var(--b-spacer-010) 0}.b-timeline-item__icon--grey[data-v-d215aeaf]{color:var(--b-color-decorative-grey)}.b-timeline-item__icon--blue[data-v-d215aeaf]{color:var(--b-color-decorative-blue)}.b-timeline-item__icon--green[data-v-d215aeaf]{color:var(--b-color-decorative-green)}.b-timeline-item__icon--yellow[data-v-d215aeaf]{color:var(--b-color-decorative-yellow)}.b-timeline-item__icon--orange[data-v-d215aeaf]{color:var(--b-color-decorative-orange)}.b-timeline-item__icon--red[data-v-d215aeaf]{color:var(--b-color-decorative-red)}.b-timeline-item__icon--timegap[data-v-d215aeaf]{border-bottom:var(--b-border-width-s) solid var(--b-color-separator-secondary);border-top:var(--b-border-width-s) solid var(--b-color-separator-secondary);margin:var(--b-spacer-030) auto;padding-bottom:var(--b-spacer-030);width:9px}.b-timeline-item__content[data-v-d215aeaf]{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;padding-bottom:var(--b-spacer-100)}.b-timeline-item__title[data-v-d215aeaf]{color:var(--b-color-label-primary);margin-bottom:var(--b-spacer-010)}.b-timeline-item__timestamp[data-v-d215aeaf]{align-items:baseline;color:var(--b-color-label-secondary);column-gap:var(--b-spacer-030);display:flex;flex-wrap:wrap}.b-timeline-item__timestamp[data-v-d215aeaf] .b-date{color:var(--b-color-label-secondary)}.b-timeline-item__description[data-v-d215aeaf]{color:var(--b-color-label-primary);margin-top:var(--b-spacer-050)}.b-timeline-item__data-list[data-v-d215aeaf]{margin-top:var(--b-spacer-050);width:100%}.b-timeline-item__tag[data-v-d215aeaf]{margin-top:var(--b-spacer-050)}.b-timeline-item__timegap[data-v-d215aeaf]{color:var(--b-color-label-secondary)}.b-timeline-item--note .b-timeline-item__description[data-v-d215aeaf]{margin-top:unset}.b-timeline-item--note .b-timeline-item__timestamp[data-v-d215aeaf]{margin-top:var(--b-spacer-050)}.b-timeline-item:last-of-type .b-timeline-item__row:last-of-type .b-timeline-item__content[data-v-d215aeaf]{padding-bottom:0}
1
+ .b-timeline[data-v-1524dd4e]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;max-width:500px}.b-timeline[data-v-1524dd4e],.b-timeline[data-v-1524dd4e]:before,.b-timeline[data-v-1524dd4e]:after{box-sizing:border-box}.b-timeline *[data-v-1524dd4e],.b-timeline *[data-v-1524dd4e]:before,.b-timeline *[data-v-1524dd4e]:after{box-sizing:border-box}.b-timeline[data-v-1524dd4e] ::-webkit-scrollbar{height:14px;width:14px}.b-timeline[data-v-1524dd4e] ::-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-timeline__add-note-section[data-v-1524dd4e]{padding-bottom:var(--b-spacer-090)}.b-timeline__items[data-v-1524dd4e]{all:unset}.b-timeline-item[data-v-6761dfab]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;list-style-type:none;max-width:500px}.b-timeline-item[data-v-6761dfab],.b-timeline-item[data-v-6761dfab]:before,.b-timeline-item[data-v-6761dfab]:after{box-sizing:border-box}.b-timeline-item *[data-v-6761dfab],.b-timeline-item *[data-v-6761dfab]:before,.b-timeline-item *[data-v-6761dfab]:after{box-sizing:border-box}.b-timeline-item[data-v-6761dfab] ::-webkit-scrollbar{height:14px;width:14px}.b-timeline-item[data-v-6761dfab] ::-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-timeline-item__row[data-v-6761dfab]{display:flex;gap:var(--b-spacer-070)}.b-timeline-item__marker[data-v-6761dfab]{display:flex;flex-flow:column;max-width:16px;width:100%}.b-timeline-item__separator[data-v-6761dfab]{flex-grow:1;position:relative}.b-timeline-item__separator[data-v-6761dfab]:before{background-color:var(--b-color-separator-secondary);content:"";height:100%;left:50%;position:absolute;transform:translate(-50%);width:1px}.b-timeline-item__icon[data-v-6761dfab]{color:var(--b-color-label-primary);margin:var(--b-spacer-010) 0}.b-timeline-item__icon--grey[data-v-6761dfab]{color:var(--b-color-decorative-grey)}.b-timeline-item__icon--blue[data-v-6761dfab]{color:var(--b-color-decorative-blue)}.b-timeline-item__icon--green[data-v-6761dfab]{color:var(--b-color-decorative-green)}.b-timeline-item__icon--yellow[data-v-6761dfab]{color:var(--b-color-decorative-yellow)}.b-timeline-item__icon--orange[data-v-6761dfab]{color:var(--b-color-decorative-orange)}.b-timeline-item__icon--red[data-v-6761dfab]{color:var(--b-color-decorative-red)}.b-timeline-item__icon--timegap[data-v-6761dfab]{border-bottom:var(--b-border-width-s) solid var(--b-color-separator-secondary);border-top:var(--b-border-width-s) solid var(--b-color-separator-secondary);margin:var(--b-spacer-030) auto;padding-bottom:var(--b-spacer-030);width:9px}.b-timeline-item__content[data-v-6761dfab]{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;padding-bottom:var(--b-spacer-100)}.b-timeline-item__title[data-v-6761dfab]{color:var(--b-color-label-primary);margin-bottom:var(--b-spacer-010)}.b-timeline-item__timestamp[data-v-6761dfab]{align-items:baseline;color:var(--b-color-label-secondary);column-gap:var(--b-spacer-030);display:flex;flex-wrap:wrap}.b-timeline-item__timestamp[data-v-6761dfab] .b-date{color:var(--b-color-label-secondary)}.b-timeline-item__description[data-v-6761dfab]{color:var(--b-color-label-primary);margin-top:var(--b-spacer-050)}.b-timeline-item__data-list[data-v-6761dfab]{margin-top:var(--b-spacer-050);width:100%}.b-timeline-item__tag[data-v-6761dfab]{margin-top:var(--b-spacer-050)}.b-timeline-item__timegap[data-v-6761dfab]{color:var(--b-color-label-secondary)}.b-timeline-item--note .b-timeline-item__description[data-v-6761dfab]{margin-top:unset}.b-timeline-item--note .b-timeline-item__timestamp[data-v-6761dfab]{margin-top:var(--b-spacer-050)}.b-timeline-item:last-of-type .b-timeline-item__row:last-of-type .b-timeline-item__content[data-v-6761dfab]{padding-bottom:0}
@@ -1 +1 @@
1
- .b-toggle[data-v-39728bd9]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;color:var(--b-color-label-primary);cursor:pointer;display:flex;-webkit-user-select:none;user-select:none;width:auto}.b-toggle[data-v-39728bd9],.b-toggle[data-v-39728bd9]:before,.b-toggle[data-v-39728bd9]:after{box-sizing:border-box}.b-toggle *[data-v-39728bd9],.b-toggle *[data-v-39728bd9]:before,.b-toggle *[data-v-39728bd9]:after{box-sizing:border-box}.b-toggle[data-v-39728bd9] ::-webkit-scrollbar{height:14px;width:14px}.b-toggle[data-v-39728bd9] ::-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-toggle--disabled[data-v-39728bd9]{cursor:not-allowed;display:flex}.b-toggle--readonly[data-v-39728bd9]{pointer-events:none}.b-toggle--label-first[data-v-39728bd9]{align-items:flex-start;flex-direction:row-reverse;justify-content:flex-end}.b-toggle__input[data-v-39728bd9]{cursor:inherit;opacity:0;position:absolute}.b-toggle__track[data-v-39728bd9]{align-items:center;background-color:var(--b-color-background-primary);border:1px solid var(--b-color-outline-tertiary);border-radius:var(--b-border-radius-xl);display:flex;height:20px;min-width:36px;padding:var(--b-spacer-010) var(--b-spacer-020);position:relative}.b-toggle__input:focus-visible+.b-toggle__track[data-v-39728bd9]{animation:outer-ring-default-39728bd9 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-39728bd9{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-toggle__input:hover:enabled+.b-toggle__track[data-v-39728bd9]{background-color:var(--b-color-background-primary-hover);border-color:var(--b-color-outline-tertiary-hover)}.b-toggle__input:active:enabled+.b-toggle__track[data-v-39728bd9]{background-color:var(--b-color-background-primary-active);border-color:var(--b-color-outline-tertiary-active)}.b-toggle__input:disabled+.b-toggle__track[data-v-39728bd9]{background-color:var(--b-color-background-secondary);border-color:var(--b-color-outline-disabled);cursor:not-allowed}.b-toggle--readonly .b-toggle__input+.b-toggle__track[data-v-39728bd9]{background-color:var(--b-color-background-secondary);border-color:var(--b-color-outline-disabled)}.b-toggle__input:checked+.b-toggle__track[data-v-39728bd9]{background-color:var(--b-color-background-inverse-primary);border:0;padding:var(--b-spacer-010)}.b-toggle__input:checked:hover:enabled+.b-toggle__track[data-v-39728bd9]{background-color:var(--b-color-background-inverse-primary-hover)}.b-toggle__input:checked:active:enabled+.b-toggle__track[data-v-39728bd9]{background-color:var(--b-color-background-inverse-primary-active)}.b-toggle__input:checked:disabled+.b-toggle__track[data-v-39728bd9]{background-color:var(--b-color-background-disabled)}.b-toggle--readonly .b-toggle__input:checked+.b-toggle__track[data-v-39728bd9]{background-color:var(--b-color-background-disabled)}.b-toggle__handle[data-v-39728bd9]{background-color:var(--b-color-background-inverse-primary);border-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);display:inline-flex;height:12px;place-content:center center;transition:transform var(--b-animation-duration-moderate) var(--b-animation-easing-standard);width:12px}.b-toggle__input:disabled+* .b-toggle__handle[data-v-39728bd9]{background-color:var(--b-color-label-disabled);cursor:not-allowed}.b-toggle__input:checked+* .b-toggle__handle[data-v-39728bd9]{background-color:var(--b-color-background-primary);height:16px;transform:translate(100%);width:16px}.b-toggle__input:checked:disabled+* .b-toggle__handle[data-v-39728bd9]{background-color:var(--b-color-background-disabled);color:var(--b-color-label-disabled);cursor:not-allowed}.b-toggle--readonly .b-toggle__input:checked+* .b-toggle__handle[data-v-39728bd9]{background-color:var(--b-color-background-disabled)}.b-toggle__label-container[data-v-39728bd9]{display:flex;flex-direction:column;padding-left:var(--b-spacer-070)}.b-toggle--label-first>.b-toggle__label-container[data-v-39728bd9]{padding-left:0;padding-right:var(--b-spacer-070)}.b-toggle__label[data-v-39728bd9]{vertical-align:baseline}.b-toggle__description[data-v-39728bd9]{color:var(--b-color-label-secondary);padding-top:var(--b-spacer-020)}
1
+ .b-toggle[data-v-334f1395]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--b-color-label-tertiary) transparent;color:var(--b-color-label-primary);cursor:pointer;display:flex;-webkit-user-select:none;user-select:none;width:auto}.b-toggle[data-v-334f1395],.b-toggle[data-v-334f1395]:before,.b-toggle[data-v-334f1395]:after{box-sizing:border-box}.b-toggle *[data-v-334f1395],.b-toggle *[data-v-334f1395]:before,.b-toggle *[data-v-334f1395]:after{box-sizing:border-box}.b-toggle[data-v-334f1395] ::-webkit-scrollbar{height:14px;width:14px}.b-toggle[data-v-334f1395] ::-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-toggle--disabled[data-v-334f1395]{cursor:not-allowed;display:flex}.b-toggle--readonly[data-v-334f1395]{pointer-events:none}.b-toggle--label-first[data-v-334f1395]{align-items:flex-start;flex-direction:row-reverse;justify-content:flex-end}.b-toggle__input[data-v-334f1395]{cursor:inherit;opacity:0;position:absolute}.b-toggle__track[data-v-334f1395]{align-items:center;background-color:var(--b-color-background-primary);border:1px solid var(--b-color-outline-tertiary);border-radius:var(--b-border-radius-xl);display:flex;height:20px;min-width:36px;padding:var(--b-spacer-010) var(--b-spacer-020);position:relative}.b-toggle__input:focus-visible+.b-toggle__track[data-v-334f1395]{animation:outer-ring-default-334f1395 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-334f1395{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-toggle__input:hover:enabled+.b-toggle__track[data-v-334f1395]{background-color:var(--b-color-background-primary-hover);border-color:var(--b-color-outline-tertiary-hover)}.b-toggle__input:active:enabled+.b-toggle__track[data-v-334f1395]{background-color:var(--b-color-background-primary-active);border-color:var(--b-color-outline-tertiary-active)}.b-toggle__input:disabled+.b-toggle__track[data-v-334f1395]{background-color:var(--b-color-background-secondary);border-color:var(--b-color-outline-disabled);cursor:not-allowed}.b-toggle--readonly .b-toggle__input+.b-toggle__track[data-v-334f1395]{background-color:var(--b-color-background-secondary);border-color:var(--b-color-outline-disabled)}.b-toggle__input:checked+.b-toggle__track[data-v-334f1395]{background-color:var(--b-color-background-inverse-primary);border:0;padding:var(--b-spacer-010)}.b-toggle__input:checked:hover:enabled+.b-toggle__track[data-v-334f1395]{background-color:var(--b-color-background-inverse-primary-hover)}.b-toggle__input:checked:active:enabled+.b-toggle__track[data-v-334f1395]{background-color:var(--b-color-background-inverse-primary-active)}.b-toggle__input:checked:disabled+.b-toggle__track[data-v-334f1395]{background-color:var(--b-color-background-disabled)}.b-toggle--readonly .b-toggle__input:checked+.b-toggle__track[data-v-334f1395]{background-color:var(--b-color-background-disabled)}.b-toggle__handle[data-v-334f1395]{background-color:var(--b-color-background-inverse-primary);border-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);display:inline-flex;height:12px;place-content:center center;transition:transform var(--b-animation-duration-moderate) var(--b-animation-easing-standard);width:12px}.b-toggle__input:disabled+* .b-toggle__handle[data-v-334f1395]{background-color:var(--b-color-label-disabled);cursor:not-allowed}.b-toggle__input:checked+* .b-toggle__handle[data-v-334f1395]{background-color:var(--b-color-background-primary);height:16px;transform:translate(100%);width:16px}.b-toggle__input:checked:disabled+* .b-toggle__handle[data-v-334f1395]{background-color:var(--b-color-background-disabled);color:var(--b-color-label-disabled);cursor:not-allowed}.b-toggle--readonly .b-toggle__input:checked+* .b-toggle__handle[data-v-334f1395]{background-color:var(--b-color-background-disabled)}.b-toggle__label-container[data-v-334f1395]{display:flex;flex-direction:column;padding-left:var(--b-spacer-070)}.b-toggle--label-first>.b-toggle__label-container[data-v-334f1395]{padding-left:0;padding-right:var(--b-spacer-070)}.b-toggle__label[data-v-334f1395]{vertical-align:baseline}.b-toggle__description[data-v-334f1395]{color:var(--b-color-label-secondary);padding-top:var(--b-spacer-020)}
package/dist/button.js CHANGED
@@ -1,6 +1,6 @@
1
- import { B as n, a as B, b as a } from "./chunks/button.CBqJGWy5.js";
2
- import { a as s } from "./chunks/ai-button.CeT3y12R.js";
3
- import { B as r, a as i, b as c, c as p } from "./chunks/button-actions.DdAWQn3c.js";
1
+ import { B as n, a as B, b as a } from "./chunks/button.DII5Ifwa.js";
2
+ import { a as s } from "./chunks/ai-button.BnFk5CzK.js";
3
+ import { B as r, a as i, b as c, c as p } from "./chunks/button-actions.bkcLUE1G.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.C-e-dnNE.js";
1
+ import { c as o, B as r, a as t } from "./chunks/card.b9PEJ7hm.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.CZM7Q3Zi.js";
2
- import { B as n, a as x } from "./chunks/checkbox-group.DKSC-XM9.js";
1
+ import { B as a, a as t } from "./chunks/checkbox.Co4HoHKF.js";
2
+ import { B as n, a as x } from "./chunks/checkbox-group.UYN1ljai.js";
3
3
  export {
4
4
  a as BentoCheckbox,
5
5
  t as BentoCheckboxEvent,
package/dist/chip.js CHANGED
@@ -1,4 +1,4 @@
1
- import { B as p } from "./chunks/chip.CCBRXSGa.js";
1
+ import { B as p } from "./chunks/chip.DRsJylWl.js";
2
2
  export {
3
3
  p as BentoChip
4
4
  };
@@ -97,11 +97,11 @@ var H = function() {
97
97
  U,
98
98
  !1,
99
99
  null,
100
- "490cf36d"
100
+ "117d4ec7"
101
101
  );
102
102
  const X = j.exports;
103
103
  export {
104
104
  L as a,
105
105
  X as b
106
106
  };
107
- //# sourceMappingURL=accordion-item.V3zpgTzM.js.map
107
+ //# sourceMappingURL=accordion-item.DOj7vqeL.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion-item.DOj7vqeL.js","sources":["../../src/components/accordion/accordion.keys.ts","../../src/components/accordion/accordion.vue","../../src/components/accordion/components/accordion-item.vue"],"sourcesContent":["export const ACCORDION_TITLE_SIZE_INJECTION_KEY = Symbol('accordion title size injection key');\n","<template>\n <div class=\"b-accordion\">\n <slot />\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { type PropType, provide, toRef } from 'vue';\n\n import { ACCORDION_TITLE_SIZE_INJECTION_KEY } from './accordion.keys';\n\n import type { BentoAccordionTitleSize } from './accordion.types';\n\n const props = defineProps({\n /**\n * Controls accordion title size.\n * @values default, small\n */\n titleSize: {\n type: String as PropType<BentoAccordionTitleSize>,\n default: 'default',\n },\n });\n\n provide(ACCORDION_TITLE_SIZE_INJECTION_KEY, toRef(props, 'titleSize'));\n</script>\n\n<script lang=\"ts\">\n /**\n * An accordion is a vertical stack of interactive headers used to reveal or hide\n * sections of content associated with these headers.\n *\n * This component must only have `BentoAccordionItem` components in its default slot.\n *\n * Accordion items should be collapsed by default.\n *\n * @example\n * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAccordion, BentoAccordionItem },\n * template: `\n * <bento-accordion>\n * <bento-accordion-item title=\"Item 1\">\n * Content for item 1\n * </bento-accordion-item>\n * <bento-accordion-item title=\"Item 2\">\n * Content for item 2\n * </bento-accordion-item>\n * </bento-accordion>\n * `\n * }\n */\n export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion.scss\" />\n","<template>\n <div class=\"b-accordion-item\">\n <bento-typography\n el=\"h3\"\n :variant=\"titleSize === 'small' ? 'body' : 'title'\"\n :strongest=\"titleSize === 'small'\"\n >\n <button\n :id=\"buttonId\"\n :aria-controls=\"contentId\"\n :aria-expanded=\"`${isOpen}`\"\n type=\"button\"\n class=\"b-accordion-item__button\"\n @click=\"isOpen = !isOpen\"\n >\n <chevron-up-icon\n v-if=\"isOpen\"\n class=\"b-accordion-item__icon\"\n :svg-title=\"t('collapse')\"\n aria-hidden=\"true\"\n />\n <chevron-down-icon v-else class=\"b-accordion-item__icon\" :svg-title=\"t('expand')\" aria-hidden=\"true\" />\n {{ title }}\n </button>\n </bento-typography>\n\n <Transition :name=\"CONTENT_TRANSITION_NAME\">\n <div v-if=\"isOpen\" :id=\"contentId\" :aria-labelledby=\"buttonId\" role=\"region\" :style=\"contentMaxHeight\">\n <div ref=\"contentDiv\" class=\"b-accordion-item__content\">\n <slot />\n </div>\n </div>\n </Transition>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, inject, ref, watch } from 'vue';\n\n import { BentoTypography } from '@/components/typography';\n import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n import { generateUid } from '@/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([\"update:is-expanded\"]);\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n // Refs\n const contentDiv = ref<HTMLDivElement>(null);\n const isOpen = ref(props.isExpanded);\n\n // Generating IDs\n const buttonId = generateUid('accordionItemButton');\n const contentId = generateUid('accordionItemContent');\n\n // Injecting prop from parent\n const titleSize = inject<`${BentoAccordionTitleSize}`>(ACCORDION_TITLE_SIZE_INJECTION_KEY, 'default');\n\n // Getting and setting the item height to be able to handle height animation\n const { contentHeight } = useExpandableContentHeight(contentDiv, isOpen);\n\n const contentMaxHeight = computed(() => (contentHeight.value ? { 'max-height': contentHeight.value } : {}));\n\n watch(\n () => props.isExpanded,\n value => {\n isOpen.value = value;\n }\n );\n\n watch(\n isOpen,\n value => {\n // Enable two-way data binding for `isExpanded`\n emit('update:is-expanded', value);\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * An accordion item is an interactive header used to reveal or hide a\n * section of content associated with this header.\n *\n * This component must always be wrapped by a `BentoAccordion` component.\n *\n * @example\n * import { BentoAccordion, BentoAccordionItem } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAccordion, BentoAccordionItem },\n * template: `\n * <bento-accordion>\n * <bento-accordion-item title=\"Item 1\">\n * Content for item 1\n * </bento-accordion-item>\n * <bento-accordion-item title=\"Item 2\">\n * Content for item 2\n * </bento-accordion-item>\n * </bento-accordion>\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./accordion-item.scss\" />\n"],"names":["ACCORDION_TITLE_SIZE_INJECTION_KEY","__default__$1","provide","toRef","props","__default__","messages","CONTENT_TRANSITION_NAME","t","useI18n","contentDiv","ref","isOpen","buttonId","generateUid","contentId","titleSize","inject","contentHeight","useExpandableContentHeight","contentMaxHeight","computed","watch","value","emit"],"mappings":";;;;;;;;;AAAO,MAAAA,IAAA,uBAAA,oCAAA,GCqDHC,IAAA,CAAA;;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,EAAAC,GAAA,WAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GC+GAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;iBAlFAC,IAAA,wCAqBA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GAGAC,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAAP,EAAA,UAAA,GAGAS,IAAAC,EAAA,qBAAA,GACAC,IAAAD,EAAA,sBAAA,GAGAE,IAAAC,EAAAjB,GAAA,SAAA,GAGA,EAAA,eAAAkB,EAAA,IAAAC,EAAAT,GAAAE,CAAA,GAEAQ,IAAAC,EAAA,MAAAH,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAI;AAAA,MAAA,MAAAlB,EAAA;AAAA,MACgB,CAAAmB,MAAA;AAER,QAAAX,EAAA,QAAAW;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAAV;AAAA,MACI,CAAAW,MAAA;AAGI,QAAAC,EAAA,sBAAAD,CAAA;AAAA,MAAgC;AAAA,MACpC,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;"}
@@ -1,17 +1,17 @@
1
- import { defineComponent as D, computed as s, ref as c, toRefs as G, watch as w, provide as j, nextTick as y } from "vue";
2
- import { B as J } from "./button.CBqJGWy5.js";
3
- import { B as K } from "./typography.D1OZJbEa.js";
4
- import { B as q } from "./loading-indicator.PxbRzshH.js";
5
- import { B as Q } from "./button-actions-with-menu.CgInFpmT.js";
6
- import { C as X } from "./cross.szJ_ZUTI.js";
7
- import { C as Y } from "./checkmark-circle-fill.Ds9Mwqpi.js";
8
- import { C as Z } from "./cross-circle-fill.D3dEmLeQ.js";
9
- import { u as H } from "./index.CPOlyau9.js";
10
- import { b as ee } from "./index.CL3TXc0a.js";
11
- import { P as ne, B as te } from "./button-actions.DdAWQn3c.js";
12
- import { n as ae } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
1
+ import { defineComponent as q, useSlots as Q, computed as s, ref as c, toRefs as X, watch as k, provide as Y, nextTick as B } from "vue";
2
+ import { B as Z } from "./button.DII5Ifwa.js";
3
+ import { B as H } from "./typography.D1OZJbEa.js";
4
+ import { B as ee } from "./loading-indicator.PxbRzshH.js";
5
+ import { B as ne } from "./button-actions-with-menu.BY394ars.js";
6
+ import { C as te } from "./cross.szJ_ZUTI.js";
7
+ import { C as ae } from "./checkmark-circle-fill.Ds9Mwqpi.js";
8
+ import { C as se } from "./cross-circle-fill.D3dEmLeQ.js";
9
+ import { u as oe } from "./index.CPOlyau9.js";
10
+ import { b as ie } from "./index.CL3TXc0a.js";
11
+ import { P as re, B as ce } from "./button-actions.bkcLUE1G.js";
12
+ import { n as le } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
13
13
  import "../assets/action-bar.css";
14
- const se = {
14
+ const ue = {
15
15
  "de-DE": { actionBar: "Aktionsleiste", applying: "Anwenden...", cancel: "Abbrechen", close: "Schließen", retry: "Wiederholen", save: "Speichern", selected: "ausgewählt", somethingWentWrong: "Etwas ist schief gelaufen", success: "Erfolg!", undo: "Rückgängig machen", unsavedChanges: "Ungespeicherte Änderungen | ungespeicherte Änderung | ungespeicherte Änderungen" },
16
16
  "en-GB": { actionBar: "Action bar", applying: "Applying...", cancel: "Cancel", close: "Close", retry: "Retry", save: "Save", selected: "selected", somethingWentWrong: "Something went wrong", success: "Success!", undo: "Undo", unsavedChanges: "Unsaved changes | unsaved change | unsaved changes" },
17
17
  "en-US": { actionBar: "Action bar", applying: "Applying...", cancel: "Cancel", close: "Close", retry: "Retry", save: "Save", selected: "selected", somethingWentWrong: "Something went wrong", success: "Success!", undo: "Undo", unsavedChanges: "Unsaved changes | unsaved change | unsaved changes" },
@@ -23,10 +23,10 @@ const se = {
23
23
  "ja-JP": { actionBar: "アクションバー", applying: "適用中...", cancel: "キャンセル", close: "閉じる", retry: "再試行", save: "保存", selected: "選択済み", somethingWentWrong: "問題が発生しました", success: "成功!", undo: "元に戻す", unsavedChanges: "保存されていない変更 | 保存されていない変更 | 保存されていない変更" },
24
24
  "pt-BR": { actionBar: "Barra de ação", applying: "Aplicando...", cancel: "Cancelar", close: "Fechar", retry: "Tentar de novo", save: "Salvar", selected: "selecionado", somethingWentWrong: "Algo deu errado", success: "Sucesso!", undo: "Desfazer", unsavedChanges: "Alterações não salvas | alteração não salva | alterações não salvas" },
25
25
  "zh-CN": { actionBar: "操作栏", applying: "申请...", cancel: "取消", close: "关闭", retry: "重试", save: "保存", selected: "已选", somethingWentWrong: "出了点问题", success: "成功!", undo: "撤销", unsavedChanges: "未保存的更改 | 未保存的更改 | 未保存的更改" }
26
- }, oe = {
27
- i18n: { messages: se }
28
- }, ie = /* @__PURE__ */ D({
29
- ...oe,
26
+ }, de = {
27
+ i18n: { messages: ue }
28
+ }, ve = /* @__PURE__ */ q({
29
+ ...de,
30
30
  __name: "action-bar",
31
31
  props: {
32
32
  /**
@@ -44,6 +44,13 @@ const se = {
44
44
  type: Array,
45
45
  default: () => []
46
46
  },
47
+ /**
48
+ * Determines whether the close button is displayed in the `default` variant.
49
+ */
50
+ dismissible: {
51
+ type: Boolean,
52
+ default: !0
53
+ },
47
54
  /**
48
55
  * How many actions should be visible outside the menu, cannot be more than 4
49
56
  */
@@ -68,11 +75,12 @@ const se = {
68
75
  default: null
69
76
  },
70
77
  /**
71
- * Label for the selection, e.g. 'selected'/'changed'
78
+ * Label for the selection in the `default` variant, e.g. 'selected'/'changed'.
79
+ * Pass `null` to hide it. In the `confirmation` variant, this prop is ignored.
72
80
  */
73
81
  selectionLabel: {
74
82
  type: String,
75
- default: null
83
+ default: void 0
76
84
  },
77
85
  /**
78
86
  * State of the action bar.
@@ -107,7 +115,7 @@ const se = {
107
115
  },
108
116
  emits: ["close", "cancel", "save", "undo-action", "retry-action", "cancel-action"],
109
117
  setup(l, { emit: n }) {
110
- const t = l, e = 100, r = 7, B = 500, h = 32, { t: i, tc: E, n: I } = H(), k = s(() => t.selectionLabel ? t.selectionLabel : i("selected")), x = s(() => {
118
+ const t = l, e = 100, r = 7, A = 500, f = 32, { t: i, tc: S, n: x } = oe(), W = Q(), w = () => !!W.selectionLabel, E = s(() => t.selectionLabel === void 0 ? i("selected") : t.selectionLabel), R = s(() => {
111
119
  switch (t.state) {
112
120
  case "loading":
113
121
  return i("applying");
@@ -118,47 +126,49 @@ const se = {
118
126
  default:
119
127
  return "";
120
128
  }
121
- }), m = c(null), u = c(null), f = c(null), g = c(!1), R = s(
129
+ }), g = c(null), u = c(null), _ = c(null), p = c(!1), T = s(
122
130
  () => t.state === "loading" ? "out-in" : void 0
123
- ), T = s(
131
+ ), F = s(
124
132
  () => t.state === "loading" || t.state === "success" && !t.showUndoAction
125
- ), F = (a) => {
126
- t.state === "loading" && (u.value = `${a.offsetWidth}px`, f.value = "100%");
127
- }, U = (a) => {
133
+ ), U = (a) => {
134
+ t.state === "loading" && (u.value = `${a.offsetWidth}px`, _.value = "100%");
135
+ }, N = (a) => {
128
136
  if (t.state !== "loading")
129
137
  return;
130
138
  Object.assign(a.style, { width: "auto", maxWidth: "none" });
131
- const v = a.offsetWidth;
139
+ const m = a.offsetWidth;
132
140
  Object.assign(a.style, { width: "100%", maxWidth: u.value }), requestAnimationFrame(() => {
133
- u.value = `${v}px`;
141
+ u.value = `${m}px`;
134
142
  });
135
- }, L = () => {
136
- u.value = null, f.value = null, t.state === "fail" && (g.value = !0);
137
- }, N = (a) => {
138
- a.animationName.startsWith("shake-") && (g.value = !1);
139
- }, { extraBottomSpacing: A, visibleActions: W } = G(t), { width: d } = ee(), o = c(null), p = c(null), S = s(() => t.variant === "confirmation");
140
- w(
141
- () => W.value,
143
+ }, O = () => {
144
+ u.value = null, _.value = null, t.state === "fail" && (p.value = !0);
145
+ }, M = (a) => {
146
+ a.animationName.startsWith("shake-") && (p.value = !1);
147
+ }, { extraBottomSpacing: L, visibleActions: I } = X(t), { width: d } = ie(), o = c(null), h = c(null), v = s(() => t.variant === "confirmation"), P = s(
148
+ () => v.value ? S("unsavedChanges", t.itemCounter) : E.value
149
+ ), V = s(() => !v.value && t.dismissible !== !1), $ = () => v.value || w() || t.selectionLabel !== null;
150
+ k(
151
+ () => I.value,
142
152
  (a) => {
143
- p.value = a <= 4 ? a : 4, o.value = p.value;
153
+ h.value = a <= 4 ? a : 4, o.value = h.value;
144
154
  },
145
155
  { immediate: !0 }
146
156
  );
147
- const O = s(() => ({
148
- "b-action-bar--extra-spacing": A.value,
149
- "b-action-bar--confirmation": S.value,
150
- "b-action-bar__state-animation--shake": g.value
151
- })), M = s(() => ({
157
+ const z = s(() => ({
158
+ "b-action-bar--extra-spacing": L.value,
159
+ "b-action-bar--confirmation": v.value,
160
+ "b-action-bar__state-animation--shake": p.value
161
+ })), D = s(() => ({
152
162
  [`b-action-bar__container--${t.state}`]: t.state !== "start"
153
163
  }));
154
- j(ne, r);
155
- const V = s(() => {
156
- const a = t.actions.map((z) => ({
157
- ...z,
164
+ Y(re, r);
165
+ const G = s(() => {
166
+ const a = t.actions.map((K) => ({
167
+ ...K,
158
168
  variant: "secondary"
159
- })), v = a.slice(0, o.value).reverse(), b = a.slice(o.value);
160
- return [...v, ...b];
161
- }), P = s(() => [
169
+ })), m = a.slice(0, o.value).reverse(), y = a.slice(o.value);
170
+ return [...m, ...y];
171
+ }), j = s(() => [
162
172
  {
163
173
  title: i("save"),
164
174
  event: () => n("save")
@@ -168,30 +178,30 @@ const se = {
168
178
  variant: "secondary",
169
179
  event: () => n("cancel")
170
180
  }
171
- ]), $ = s(() => t.itemCounter == null || t.itemCounter < 1), _ = async () => {
172
- await y(), d.value > m.value.clientWidth + h + e && o.value < p.value && (o.value += 1, _());
181
+ ]), J = s(() => t.itemCounter == null || t.itemCounter < 1), b = async () => {
182
+ await B(), d.value > g.value.clientWidth + f + e && o.value < h.value && (o.value += 1, b());
173
183
  }, C = async () => {
174
- await y(), d.value < m.value.clientWidth + h && o.value > 0 && (o.value -= 1, C());
184
+ await B(), d.value < g.value.clientWidth + f && o.value > 0 && (o.value -= 1, C());
175
185
  };
176
- return w(
186
+ return k(
177
187
  () => d.value,
178
- async (a, v) => {
179
- if (await y(), !m.value)
188
+ async (a, m) => {
189
+ if (await B(), !g.value)
180
190
  return;
181
- const b = a > v;
182
- d.value < B ? o.value = 0 : b ? _() : C();
191
+ const y = a > m;
192
+ d.value < A ? o.value = 0 : y ? b() : C();
183
193
  },
184
194
  { immediate: !0 }
185
- ), { __sfc: !0, AVERAGE_BUTTON_SIZE: e, MENU_OFFSET: r, RESPONSIVE_BREAKPOINT: B, SPACING: h, props: t, emit: n, t: i, tc: E, n: I, label: k, defaultStateLabel: x, actionBar: m, containerMaxWidth: u, containerWidth: f, isShaking: g, stateTransitionMode: R, hideStateActions: T, onBeforeLeave: F, onEnter: U, onAfterEnter: L, onAnimationEnd: N, extraBottomSpacing: A, visibleActions: W, width: d, internalDisplayedActions: o, internalVisibleActions: p, isConfirmationVariant: S, conditionalClasses: O, containerClasses: M, actionsInternal: V, confirmationActions: P, noItemCounter: $, showActions: _, hideActions: C, BentoButton: J, BentoButtonActions: te, BentoTypography: K, BentoLoadingIndicator: q, ButtonActionsWithMenu: Q, CrossIcon: X, CheckmarkCircleFill: Y, CrossCircleFill: Z };
195
+ ), { __sfc: !0, AVERAGE_BUTTON_SIZE: e, MENU_OFFSET: r, RESPONSIVE_BREAKPOINT: A, SPACING: f, props: t, emit: n, t: i, tc: S, n: x, slots: W, hasSelectionLabelSlot: w, label: E, defaultStateLabel: R, actionBar: g, containerMaxWidth: u, containerWidth: _, isShaking: p, stateTransitionMode: T, hideStateActions: F, onBeforeLeave: U, onEnter: N, onAfterEnter: O, onAnimationEnd: M, extraBottomSpacing: L, visibleActions: I, width: d, internalDisplayedActions: o, internalVisibleActions: h, isConfirmationVariant: v, computedSelectionLabel: P, showCloseButton: V, showSelectionLabel: $, conditionalClasses: z, containerClasses: D, actionsInternal: G, confirmationActions: j, noItemCounter: J, showActions: b, hideActions: C, BentoButton: Z, BentoButtonActions: ce, BentoTypography: H, BentoLoadingIndicator: ee, ButtonActionsWithMenu: ne, CrossIcon: te, CheckmarkCircleFill: ae, CrossCircleFill: se };
186
196
  }
187
197
  });
188
- var re = function() {
198
+ var me = function() {
189
199
  var n = this, t = n._self._c, e = n._self._setupProxy;
190
- return t("Transition", { attrs: { name: "b-action-bar__animation", appear: "" } }, [t("section", { staticClass: "b-action-bar", class: e.conditionalClasses, attrs: { "aria-label": e.t("actionBar") }, on: { animationend: e.onAnimationEnd } }, [t("Transition", { attrs: { name: `b-action-bar__state-animation--${n.state}`, mode: e.stateTransitionMode }, on: { "before-leave": e.onBeforeLeave, enter: e.onEnter, "after-enter": e.onAfterEnter } }, [t("div", { key: n.state, ref: "actionBar", staticClass: "b-action-bar__container", class: e.containerClasses, style: { width: e.containerWidth, maxWidth: e.containerMaxWidth } }, [n.state === "start" ? t("div", { staticClass: "b-action-bar__container-inner" }, [e.isConfirmationVariant ? n._e() : t("div", { staticClass: "b-action-bar__close-button" }, [t(e.BentoButton, { attrs: { variant: "tertiary", inverse: "", "aria-label": e.t("close") }, on: { click: function(r) {
200
+ return t("Transition", { attrs: { name: "b-action-bar__animation", appear: "" } }, [t("section", { staticClass: "b-action-bar", class: e.conditionalClasses, attrs: { "aria-label": e.t("actionBar") }, on: { animationend: e.onAnimationEnd } }, [t("Transition", { attrs: { name: `b-action-bar__state-animation--${n.state}`, mode: e.stateTransitionMode }, on: { "before-leave": e.onBeforeLeave, enter: e.onEnter, "after-enter": e.onAfterEnter } }, [t("div", { key: n.state, ref: "actionBar", staticClass: "b-action-bar__container", class: e.containerClasses, style: { width: e.containerWidth, maxWidth: e.containerMaxWidth } }, [n.state === "start" ? t("div", { staticClass: "b-action-bar__container-inner" }, [e.showCloseButton ? t("div", { staticClass: "b-action-bar__close-button" }, [t(e.BentoButton, { attrs: { variant: "tertiary", inverse: "", "aria-label": e.t("close") }, on: { click: function(r) {
191
201
  return e.emit("close");
192
202
  } }, scopedSlots: n._u([{ key: "iconLeft", fn: function() {
193
203
  return [t(e.CrossIcon, { attrs: { "aria-hidden": !0 } })];
194
- }, proxy: !0 }], null, !1, 4214210411) })], 1), t(e.BentoTypography, { staticClass: "b-action-bar__selection", attrs: { el: "span", stronger: "" } }, [e.isConfirmationVariant && e.noItemCounter ? [n._v(" " + n._s(e.tc("unsavedChanges", 0)) + " ")] : [n._v(" " + n._s(e.n(n.itemCounter)) + " " + n._s(e.isConfirmationVariant ? e.tc("unsavedChanges", n.itemCounter) : e.label) + " ")]], 2), e.isConfirmationVariant ? t(e.BentoButtonActions, { staticClass: "b-action-bar__actions", attrs: { actions: e.confirmationActions, inverse: "" } }) : t(e.ButtonActionsWithMenu, { staticClass: "b-action-bar__actions", attrs: { actions: e.actionsInternal, "displayed-actions": e.internalDisplayedActions, "menu-position": "top-end", "disable-responsive-behavior": "", inverse: "" } })], 1) : t("div", { staticClass: "b-action-bar__container-inner" }, [t("div", { staticClass: "b-action-bar__state-icon" }, [n.state === "loading" ? t(e.BentoLoadingIndicator, { attrs: { small: "", inverse: "" } }) : n._e(), n.state === "success" ? t(e.CheckmarkCircleFill, { attrs: { "aria-hidden": !0 } }) : n._e(), n.state === "fail" ? t(e.CrossCircleFill, { attrs: { "aria-hidden": !0 } }) : n._e()], 1), t(e.BentoTypography, { attrs: { stronger: "" } }, [n._t("stateLabel", function() {
204
+ }, proxy: !0 }], null, !1, 4214210411) })], 1) : n._e(), e.showSelectionLabel() ? t(e.BentoTypography, { staticClass: "b-action-bar__selection", attrs: { el: "span", stronger: "" } }, [e.isConfirmationVariant && e.noItemCounter ? [n._v(" " + n._s(e.tc("unsavedChanges", 0)) + " ")] : [!e.isConfirmationVariant && e.hasSelectionLabelSlot() ? n._t("selectionLabel", null, { itemCounter: n.itemCounter, label: e.label }) : [n._v(" " + n._s(e.n(n.itemCounter)) + " " + n._s(e.computedSelectionLabel) + " ")]]], 2) : n._e(), e.isConfirmationVariant ? t(e.BentoButtonActions, { staticClass: "b-action-bar__actions", attrs: { actions: e.confirmationActions, inverse: "" } }) : t(e.ButtonActionsWithMenu, { staticClass: "b-action-bar__actions", attrs: { actions: e.actionsInternal, "displayed-actions": e.internalDisplayedActions, "menu-position": "top-end", "disable-responsive-behavior": "", inverse: "" } })], 1) : t("div", { staticClass: "b-action-bar__container-inner" }, [t("div", { staticClass: "b-action-bar__state-icon" }, [n.state === "loading" ? t(e.BentoLoadingIndicator, { attrs: { small: "", inverse: "" } }) : n._e(), n.state === "success" ? t(e.CheckmarkCircleFill, { attrs: { "aria-hidden": !0 } }) : n._e(), n.state === "fail" ? t(e.CrossCircleFill, { attrs: { "aria-hidden": !0 } }) : n._e()], 1), t(e.BentoTypography, { attrs: { stronger: "" } }, [n._t("stateLabel", function() {
195
205
  return [n._v(n._s(e.defaultStateLabel))];
196
206
  })], 2), e.hideStateActions ? n._e() : t("div", { staticClass: "b-action-bar__state-actions" }, [n.state === "success" && n.showUndoAction ? t(e.BentoButton, { attrs: { variant: "tertiary", inverse: "" }, on: { click: function(r) {
197
207
  return e.emit("undo-action");
@@ -200,16 +210,16 @@ var re = function() {
200
210
  } } }, [n._v(n._s(e.t("retry")))]) : n._e(), n.state === "fail" ? t(e.BentoButton, { attrs: { variant: "tertiary", inverse: "" }, on: { click: function(r) {
201
211
  return e.emit("cancel-action");
202
212
  } } }, [n._v(n._s(e.t("cancel")))]) : n._e()], 1)], 1)])])], 1)]);
203
- }, ce = [], le = /* @__PURE__ */ ae(
204
- ie,
205
- re,
206
- ce,
213
+ }, ge = [], pe = /* @__PURE__ */ le(
214
+ ve,
215
+ me,
216
+ ge,
207
217
  !1,
208
218
  null,
209
- "b91c5356"
219
+ "93b90274"
210
220
  );
211
- const Be = le.exports;
221
+ const Le = pe.exports;
212
222
  export {
213
- Be as B
223
+ Le as B
214
224
  };
215
- //# sourceMappingURL=action-bar.BhS26IWQ.js.map
225
+ //# sourceMappingURL=action-bar.BsXW7BI2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"action-bar.BsXW7BI2.js","sources":["../../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([\"close\", \"cancel\", \"save\", \"undo-action\", \"retry-action\", \"cancel-action\"]);\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","AVERAGE_BUTTON_SIZE","MENU_OFFSET","RESPONSIVE_BREAKPOINT","SPACING","t","tc","n","useI18n","slots","useSlots","hasSelectionLabelSlot","label","computed","props","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","emit","noItemCounter","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;GA+bIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,GAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAnTAC,IAAA,KACAC,IAAA,GACAC,IAAA,KACAC,IAAA,IA0FA,EAAA,GAAAC,GAAA,IAAAC,GAAA,GAAAC,EAAA,IAAAC,GAAA,GACAC,IAAAC,EAAA,GAEAC,IAAA,MAAA,EAAAF,EAAA,gBAEAG,IAAAC,EAAA,MAAAC,EAAA,mBAAA,SAAAT,EAAA,UAAA,IAAAS,EAAA,cAAA,GAEAC,IAAAF,EAAA,MAAA;AACI,cAAAC,EAAA,OAAA;AAAA,QAAqB,KAAA;AAEb,iBAAAT,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,GAIJW,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GACAG,IAAAH,EAAA,EAAA,GAEAI,IAAAR;AAAA,MAA4B,MAAAC,EAAA,UAAA,YAAA,WAAA;AAAA,IACsB,GAGlDQ,IAAAT;AAAA,MAAyB,MAAAC,EAAA,UAAA,aAAAA,EAAA,UAAA,aAAA,CAAAA,EAAA;AAAA,IACmD,GAG5ES,IAAA,CAAAC,MAAA;AACI,MAAAV,EAAA,UAAA,cAIAI,EAAA,QAAA,GAAAM,EAAA,WAAA,MACAL,EAAA,QAAA;AAAA,IAAuB,GAG3BM,IAAA,CAAAD,MAAA;AACI,UAAAV,EAAA,UAAA;AACI;AAIJ,aAAA,OAAAU,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,MAEAL,EAAA,UAAA,WACIM,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,EAAAlB,CAAA,GACA,EAAA,OAAAmB,EAAA,IAAAC,GAAA,GACAC,IAAAlB,EAAA,IAAA,GACAmB,IAAAnB,EAAA,IAAA,GAEAoB,IAAAxB,EAAA,MAAAC,EAAA,YAAA,cAAA,GACAwB,IAAAzB;AAAA,MAA+B,MAAAwB,EAAA,QAAA/B,EAAA,kBAAAQ,EAAA,WAAA,IAAAF,EAAA;AAAA,IACmD,GAElF2B,IAAA1B,EAAA,MAAA,CAAAwB,EAAA,SAAAvB,EAAA,gBAAA,EAAA,GACA0B,IAAA,MAAAH,EAAA,SAAA1B,EAAA,KAAAG,EAAA,mBAAA;AAGA,IAAA2B;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,IAAA9B,EAAA,OAAA;AAAA,MAA2C,+BAAAiB,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,MACE,wCAAAjB,EAAA;AAAA,IACF,EAAA,GAGtDwB,IAAA/B,EAAA,OAAA;AAAA,MAAyC,CAAA,4BAAAC,EAAA,KAAA,EAAA,GAAAA,EAAA,UAAA;AAAA,IACwB,EAAA;AAIjE,IAAA+B,EAAAC,IAAA5C,CAAA;AAGA,UAAA6C,IAAAlC,EAAA,MAAA;AAEI,YAAAmC,IAAAlC,EAAA,QAAA,IAAA,CAAAmC,OAAA;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,IAAAvC,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAR,EAAA,MAAA;AAAA,QACmB,OAAA,MAAAgD,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAAhD,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAAgD,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAGJC,IAAAzC,EAAA,MACIC,EAAA,eAAA,QAAAA,EAAA,cAAA,CAAwD,GAI5DyC,IAAA,YAAA;AACI,YAAAC,EAAA,GACAvB,EAAA,QAAAjB,EAAA,MAAA,cAAAZ,IAAAH,KAAAkC,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAoB,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAvB,EAAA,QAAAjB,EAAA,MAAA,cAAAZ,KAAA+B,EAAA,QAAA,MACIA,EAAA,SAAA,GACAsB,EAAA;AAAA,IACJ;AAIJ,WAAAhB;AAAA,MAAA,MAAAR,EAAA;AAAA,MACgB,OAAAyB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAxC,EAAA;AACI;AAEJ,cAAA4C,IAAAF,IAAAC;AACA,QAAA1B,EAAA,QAAA9B,IACIgC,EAAA,QAAA,IAAiCyB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as r, useSlots as c, computed as u, onMounted as d } from "vue";
2
- import { B as p } from "./button.CBqJGWy5.js";
2
+ import { B as p } from "./button.DII5Ifwa.js";
3
3
  import { A as f } from "./artificial-intelligence-ai-filled.BnsciZlb.js";
4
4
  import { u as _ } from "./use-has-slot.C9lQZ6nz.js";
5
5
  import { p as b } from "./typography.D1OZJbEa.js";
@@ -48,4 +48,4 @@ const F = k.exports;
48
48
  export {
49
49
  F as a
50
50
  };
51
- //# sourceMappingURL=ai-button.CeT3y12R.js.map
51
+ //# sourceMappingURL=ai-button.BnFk5CzK.js.map