@adyen/bento-vue2 1.45.0 → 1.47.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 (199) hide show
  1. package/dist/@types/index.d.ts +16740 -18774
  2. package/dist/accordion.js +1 -1
  3. package/dist/action-bar.js +1 -1
  4. package/dist/alert.js +1 -1
  5. package/dist/assets/accordion-item.css +1 -1
  6. package/dist/assets/action-bar.css +1 -1
  7. package/dist/assets/base-modal.css +1 -1
  8. package/dist/assets/calendar.css +1 -1
  9. package/dist/assets/card.css +1 -1
  10. package/dist/assets/data-grid.css +1 -1
  11. package/dist/assets/date-picker.css +1 -1
  12. package/dist/assets/date-range-picker.css +1 -1
  13. package/dist/assets/dialog-page.css +1 -1
  14. package/dist/assets/divider.css +1 -1
  15. package/dist/assets/dropdown.css +1 -1
  16. package/dist/assets/file-uploader.css +1 -1
  17. package/dist/assets/input-field-password.css +1 -1
  18. package/dist/assets/input-field.css +1 -1
  19. package/dist/assets/inspector.css +1 -1
  20. package/dist/assets/menu.css +1 -1
  21. package/dist/assets/modal-fullscreen.css +1 -1
  22. package/dist/assets/popover.css +1 -1
  23. package/dist/assets/radio-group.css +1 -1
  24. package/dist/assets/radio-input.css +1 -1
  25. package/dist/assets/sidepanel.css +1 -1
  26. package/dist/assets/status.css +1 -1
  27. package/dist/assets/step.css +1 -1
  28. package/dist/button.js +1 -1
  29. package/dist/card.js +1 -1
  30. package/dist/checkbox.js +2 -2
  31. package/dist/chunks/{accordion-item.CzKttO4w.js → accordion-item.CTxrEQEW.js} +5 -5
  32. package/dist/chunks/{accordion-item.CzKttO4w.js.map → accordion-item.CTxrEQEW.js.map} +1 -1
  33. package/dist/chunks/{action-bar.BXemSuq4.js → action-bar.EcN2I7Az.js} +11 -11
  34. package/dist/chunks/{action-bar.BXemSuq4.js.map → action-bar.EcN2I7Az.js.map} +1 -1
  35. package/dist/chunks/{alert.CAIp-87f.js → alert.BRN8cpXl.js} +7 -7
  36. package/dist/chunks/{alert.CAIp-87f.js.map → alert.BRN8cpXl.js.map} +1 -1
  37. package/dist/chunks/{base-modal.4JSNBM4T.js → base-modal.BgTZ8iQ6.js} +5 -5
  38. package/dist/chunks/{base-modal.4JSNBM4T.js.map → base-modal.BgTZ8iQ6.js.map} +1 -1
  39. package/dist/chunks/{button-actions-with-menu.ieopdfI7.js → button-actions-with-menu.C8EjGVCT.js} +4 -4
  40. package/dist/chunks/{button-actions-with-menu.ieopdfI7.js.map → button-actions-with-menu.C8EjGVCT.js.map} +1 -1
  41. package/dist/chunks/{button-actions.CtFB6iRj.js → button-actions.BU173IFE.js} +5 -5
  42. package/dist/chunks/{button-actions.CtFB6iRj.js.map → button-actions.BU173IFE.js.map} +1 -1
  43. package/dist/chunks/{calendar.BouORZfb.js → calendar.DlOcbH6E.js} +161 -148
  44. package/dist/chunks/{calendar.BouORZfb.js.map → calendar.DlOcbH6E.js.map} +1 -1
  45. package/dist/chunks/{card.BabmUkTG.js → card.DoyCGJay.js} +10 -10
  46. package/dist/chunks/{card.BabmUkTG.js.map → card.DoyCGJay.js.map} +1 -1
  47. package/dist/chunks/{checkbox-group.DbLznnsa.js → checkbox-group.BQN9gjgH.js} +4 -4
  48. package/dist/chunks/{checkbox-group.DbLznnsa.js.map → checkbox-group.BQN9gjgH.js.map} +1 -1
  49. package/dist/chunks/{checkbox.fhQLs-NN.js → checkbox.O1CbmNdS.js} +22 -22
  50. package/dist/chunks/{checkbox.fhQLs-NN.js.map → checkbox.O1CbmNdS.js.map} +1 -1
  51. package/dist/chunks/{code-snippet.5iJcUZSo.js → code-snippet.BDBD85qD.js} +117 -87
  52. package/dist/chunks/code-snippet.BDBD85qD.js.map +1 -0
  53. package/dist/chunks/{codemirror.CXFEqvAi.js → codemirror.0fz2cWJS.js} +4970 -4661
  54. package/dist/chunks/codemirror.0fz2cWJS.js.map +1 -0
  55. package/dist/chunks/{controls-group.CnXzOQkX.js → controls-group.C3RDqB9H.js} +2 -2
  56. package/dist/chunks/{controls-group.CnXzOQkX.js.map → controls-group.C3RDqB9H.js.map} +1 -1
  57. package/dist/chunks/{copy.DN0tClPm.js → copy.BuMSGw23.js} +5 -5
  58. package/dist/chunks/{copy.DN0tClPm.js.map → copy.BuMSGw23.js.map} +1 -1
  59. package/dist/chunks/{country.Bft91V1L.js → country.2-ZtYkh7.js} +2 -2
  60. package/dist/chunks/{country.Bft91V1L.js.map → country.2-ZtYkh7.js.map} +1 -1
  61. package/dist/chunks/{country.types.pilf5B3F.js → country.types.CLjbulKL.js} +4114 -4114
  62. package/dist/chunks/{country.types.pilf5B3F.js.map → country.types.CLjbulKL.js.map} +1 -1
  63. package/dist/chunks/{dashboard-section.DYXZhtop.js → dashboard-section.COWO5SVw.js} +3 -3
  64. package/dist/chunks/{dashboard-section.DYXZhtop.js.map → dashboard-section.COWO5SVw.js.map} +1 -1
  65. package/dist/chunks/{dashed-underline.BvSZS1-m.js → dashed-underline.BEAEmTCb.js} +2 -2
  66. package/dist/chunks/{dashed-underline.BvSZS1-m.js.map → dashed-underline.BEAEmTCb.js.map} +1 -1
  67. package/dist/chunks/{data-grid-template.Du92TEFY.js → data-grid-template.vBl7u2cB.js} +2 -2
  68. package/dist/chunks/{data-grid-template.Du92TEFY.js.map → data-grid-template.vBl7u2cB.js.map} +1 -1
  69. package/dist/chunks/{data-grid.Kwtf1DMq.js → data-grid.DQ0578m9.js} +46 -46
  70. package/dist/chunks/{data-grid.Kwtf1DMq.js.map → data-grid.DQ0578m9.js.map} +1 -1
  71. package/dist/chunks/{date-picker.B7mTNghB.js → date-picker.Bym2OEd9.js} +47 -39
  72. package/dist/chunks/date-picker.Bym2OEd9.js.map +1 -0
  73. package/dist/chunks/{date-range-picker.DPLri9D-.js → date-range-picker.P2Q5FNB-.js} +310 -306
  74. package/dist/chunks/date-range-picker.P2Q5FNB-.js.map +1 -0
  75. package/dist/chunks/divider.Cc4JFWG_.js +35 -0
  76. package/dist/chunks/divider.Cc4JFWG_.js.map +1 -0
  77. package/dist/chunks/{dropdown-default-textbox.DBoSso4J.js → dropdown-default-textbox.CC9Z_RFG.js} +4 -4
  78. package/dist/chunks/{dropdown-default-textbox.DBoSso4J.js.map → dropdown-default-textbox.CC9Z_RFG.js.map} +1 -1
  79. package/dist/chunks/{dropdown-tag.XIlES6IT.js → dropdown-tag.CiCDvGyN.js} +4 -4
  80. package/dist/chunks/{dropdown-tag.XIlES6IT.js.map → dropdown-tag.CiCDvGyN.js.map} +1 -1
  81. package/dist/chunks/{dropdown.BqsoncJr.js → dropdown.hc9ZuuTt.js} +197 -193
  82. package/dist/chunks/dropdown.hc9ZuuTt.js.map +1 -0
  83. package/dist/chunks/{error-message.Ccc1sTTp.js → error-message.Da-p1QIA.js} +8 -8
  84. package/dist/chunks/{error-message.Ccc1sTTp.js.map → error-message.Da-p1QIA.js.map} +1 -1
  85. package/dist/chunks/{es6.jIyAPBgt.js → es6.BtaxuP0b.js} +7 -7
  86. package/dist/chunks/es6.BtaxuP0b.js.map +1 -0
  87. package/dist/chunks/file-uploader.DVyryYaq.js +1879 -0
  88. package/dist/chunks/file-uploader.DVyryYaq.js.map +1 -0
  89. package/dist/chunks/{filter-bar.DT_-lVmf.js → filter-bar.DzcNo5nF.js} +53 -53
  90. package/dist/chunks/{filter-bar.DT_-lVmf.js.map → filter-bar.DzcNo5nF.js.map} +1 -1
  91. package/dist/chunks/{footer-actions.D0uH9JWq.js → footer-actions.Cbe_YLjP.js} +2 -2
  92. package/dist/chunks/{footer-actions.D0uH9JWq.js.map → footer-actions.Cbe_YLjP.js.map} +1 -1
  93. package/dist/chunks/{form-layout-title.DN0jonFa.js → form-layout-title.Xdsi84v2.js} +2 -2
  94. package/dist/chunks/{form-layout-title.DN0jonFa.js.map → form-layout-title.Xdsi84v2.js.map} +1 -1
  95. package/dist/chunks/{header.BvZxtIOD.js → header.BIZTUAJE.js} +4 -4
  96. package/dist/chunks/{header.BvZxtIOD.js.map → header.BIZTUAJE.js.map} +1 -1
  97. package/dist/chunks/{info-icon-with-popover.DEjsASNU.js → info-icon-with-popover.Bly2e0uy.js} +5 -5
  98. package/dist/chunks/{info-icon-with-popover.DEjsASNU.js.map → info-icon-with-popover.Bly2e0uy.js.map} +1 -1
  99. package/dist/chunks/{input-field-password.HRDEb0jL.js → input-field-password.CosL-n__.js} +27 -27
  100. package/dist/chunks/{input-field-password.HRDEb0jL.js.map → input-field-password.CosL-n__.js.map} +1 -1
  101. package/dist/chunks/input-field.DgDFJbg7.js +231 -0
  102. package/dist/chunks/input-field.DgDFJbg7.js.map +1 -0
  103. package/dist/chunks/{inspector.types.2YEArjPi.js → inspector.types.8071wkf0.js} +5 -5
  104. package/dist/chunks/{inspector.types.2YEArjPi.js.map → inspector.types.8071wkf0.js.map} +1 -1
  105. package/dist/chunks/{menu.CLaN9Eys.js → menu.Dq7RlryT.js} +5 -5
  106. package/dist/chunks/{menu.CLaN9Eys.js.map → menu.Dq7RlryT.js.map} +1 -1
  107. package/dist/chunks/{modal-fullscreen.B-qr1Szh.js → modal-fullscreen.CfrgVR_K.js} +5 -5
  108. package/dist/chunks/{modal-fullscreen.B-qr1Szh.js.map → modal-fullscreen.CfrgVR_K.js.map} +1 -1
  109. package/dist/chunks/{modal.wU3uUJKq.js → modal.CuUUMIU_.js} +4 -4
  110. package/dist/chunks/{modal.wU3uUJKq.js.map → modal.CuUUMIU_.js.map} +1 -1
  111. package/dist/chunks/{pagination.BM3FhtxJ.js → pagination.QF1EEUfX.js} +45 -45
  112. package/dist/chunks/{pagination.BM3FhtxJ.js.map → pagination.QF1EEUfX.js.map} +1 -1
  113. package/dist/chunks/{popover.DsUymZWJ.js → popover.nev0GndY.js} +2 -2
  114. package/dist/chunks/{popover.DsUymZWJ.js.map → popover.nev0GndY.js.map} +1 -1
  115. package/dist/chunks/radio-group.D1q0VKvv.js +229 -0
  116. package/dist/chunks/radio-group.D1q0VKvv.js.map +1 -0
  117. package/dist/chunks/{radio-input.C1DZbkcT.js → radio-input.uJAhxKRs.js} +29 -25
  118. package/dist/chunks/{radio-input.C1DZbkcT.js.map → radio-input.uJAhxKRs.js.map} +1 -1
  119. package/dist/chunks/{search-bar.rubkdbcD.js → search-bar.fmMx-zRN.js} +7 -7
  120. package/dist/chunks/{search-bar.rubkdbcD.js.map → search-bar.fmMx-zRN.js.map} +1 -1
  121. package/dist/chunks/{secondary-nav.DKSjc5bn.js → secondary-nav.ldVrzGbB.js} +7 -7
  122. package/dist/chunks/{secondary-nav.DKSjc5bn.js.map → secondary-nav.ldVrzGbB.js.map} +1 -1
  123. package/dist/chunks/{selection-card-group.iYyZ9yX4.js → selection-card-group.CdkrhyZV.js} +11 -11
  124. package/dist/chunks/{selection-card-group.iYyZ9yX4.js.map → selection-card-group.CdkrhyZV.js.map} +1 -1
  125. package/dist/chunks/{sidepanel.CQnLpV8A.js → sidepanel.D-KuHnwI.js} +5 -5
  126. package/dist/chunks/{sidepanel.CQnLpV8A.js.map → sidepanel.D-KuHnwI.js.map} +1 -1
  127. package/dist/chunks/{status.types.Cv6hHRMu.js → status.types.Ce018tQy.js} +18 -17
  128. package/dist/chunks/status.types.Ce018tQy.js.map +1 -0
  129. package/dist/chunks/{structured-list-item.BhBbmkbw.js → structured-list-item.Dk8Z-FPn.js} +5 -5
  130. package/dist/chunks/{structured-list-item.BhBbmkbw.js.map → structured-list-item.Dk8Z-FPn.js.map} +1 -1
  131. package/dist/chunks/{summary-grid-item-custom.CicAOBVQ.js → summary-grid-item-custom.atXX3GY9.js} +2 -2
  132. package/dist/chunks/{summary-grid-item-custom.CicAOBVQ.js.map → summary-grid-item-custom.atXX3GY9.js.map} +1 -1
  133. package/dist/chunks/{textarea.Cf21WMwL.js → textarea.BVzGn3zO.js} +2 -2
  134. package/dist/chunks/{textarea.Cf21WMwL.js.map → textarea.BVzGn3zO.js.map} +1 -1
  135. package/dist/chunks/{timeline-item.Cu5b-Mqj.js → timeline-item.D_YNHlRi.js} +13 -13
  136. package/dist/chunks/{timeline-item.Cu5b-Mqj.js.map → timeline-item.D_YNHlRi.js.map} +1 -1
  137. package/dist/chunks/{tutorial.w2ZqeOh1.js → tutorial.cQXPvqV4.js} +10 -10
  138. package/dist/chunks/{tutorial.w2ZqeOh1.js.map → tutorial.cQXPvqV4.js.map} +1 -1
  139. package/dist/chunks/{use-cached-selected-values.impKjAIS.js → use-cached-selected-values.BGlHmPhX.js} +10 -10
  140. package/dist/chunks/{use-cached-selected-values.impKjAIS.js.map → use-cached-selected-values.BGlHmPhX.js.map} +1 -1
  141. package/dist/chunks/{use-country-items.DPBbl1KK.js → use-country-items.eWARMT6I.js} +2 -2
  142. package/dist/chunks/{use-country-items.DPBbl1KK.js.map → use-country-items.eWARMT6I.js.map} +1 -1
  143. package/dist/code-snippet.js +1 -1
  144. package/dist/country.js +2 -2
  145. package/dist/dashboard-template.js +1 -1
  146. package/dist/dashed-underline.js +1 -1
  147. package/dist/data-grid-template.js +1 -1
  148. package/dist/data-grid.js +1 -1
  149. package/dist/date-picker.js +2 -2
  150. package/dist/date-range-picker.js +2 -2
  151. package/dist/divider.js +1 -1
  152. package/dist/dropdown.js +4 -4
  153. package/dist/file-uploader.js +1 -1
  154. package/dist/filter-bar.js +1 -1
  155. package/dist/form-layout.js +1 -1
  156. package/dist/header.js +1 -1
  157. package/dist/index.js +47 -47
  158. package/dist/input-field-password.js +1 -1
  159. package/dist/input-field.js +1 -1
  160. package/dist/inspector.js +1 -1
  161. package/dist/internal.js +8 -8
  162. package/dist/menu.js +1 -1
  163. package/dist/modal-fullscreen.js +1 -1
  164. package/dist/modal.js +2 -2
  165. package/dist/pagination.js +1 -1
  166. package/dist/popover.js +1 -1
  167. package/dist/radio-group.js +2 -2
  168. package/dist/search-bar.js +2 -2
  169. package/dist/secondary-nav.js +1 -1
  170. package/dist/selection-card.js +1 -1
  171. package/dist/sidepanel.js +1 -1
  172. package/dist/status.js +1 -1
  173. package/dist/structured-list.js +1 -1
  174. package/dist/styles/bento-dark.css +2 -0
  175. package/dist/styles/bento-light.css +2 -0
  176. package/dist/styles/bento.css +2 -0
  177. package/dist/styles/legacy.css +7 -5
  178. package/dist/styles/styleguide.css +2 -0
  179. package/dist/summary-grid.js +1 -1
  180. package/dist/textarea.js +1 -1
  181. package/dist/timeline.js +1 -1
  182. package/dist/tutorial.js +1 -1
  183. package/dist/web-types.json +42 -3
  184. package/package.json +12 -7
  185. package/dist/chunks/code-snippet.5iJcUZSo.js.map +0 -1
  186. package/dist/chunks/codemirror.CXFEqvAi.js.map +0 -1
  187. package/dist/chunks/date-picker.B7mTNghB.js.map +0 -1
  188. package/dist/chunks/date-range-picker.DPLri9D-.js.map +0 -1
  189. package/dist/chunks/divider.BZfeYmB9.js +0 -30
  190. package/dist/chunks/divider.BZfeYmB9.js.map +0 -1
  191. package/dist/chunks/dropdown.BqsoncJr.js.map +0 -1
  192. package/dist/chunks/es6.jIyAPBgt.js.map +0 -1
  193. package/dist/chunks/file-uploader.C6kcnhqp.js +0 -729
  194. package/dist/chunks/file-uploader.C6kcnhqp.js.map +0 -1
  195. package/dist/chunks/input-field.D6N2kt7s.js +0 -228
  196. package/dist/chunks/input-field.D6N2kt7s.js.map +0 -1
  197. package/dist/chunks/radio-group.DMob8x2J.js +0 -219
  198. package/dist/chunks/radio-group.DMob8x2J.js.map +0 -1
  199. package/dist/chunks/status.types.Cv6hHRMu.js.map +0 -1
package/dist/assets/menu.css CHANGED
@@ -1 +1 @@
1
- .b-menu-item[data-v-49e4a0fe]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-menu-item-color);align-items:center;display:flex;justify-content:space-between;padding:var(--b-menu-item-padding);width:100%}.b-menu-item[data-v-49e4a0fe],.b-menu-item[data-v-49e4a0fe]:before,.b-menu-item[data-v-49e4a0fe]:after{box-sizing:border-box}.b-menu-item *[data-v-49e4a0fe],.b-menu-item *[data-v-49e4a0fe]:before,.b-menu-item *[data-v-49e4a0fe]:after{box-sizing:border-box}.b-menu-item[data-v-49e4a0fe] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item[data-v-49e4a0fe] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu-item.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]{color:var(--b-menu-item-color-inverse)}.b-menu-item[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-background-color)}.b-menu-item:hover:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-background-color-inverse)}.b-menu-item[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color)}.b-menu-item:focus-visible:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color-inverse)}.b-menu-item[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-background-color)}.b-menu-item:active:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-background-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]{color:var(--b-menu-item-critical-color)}.b-menu-item--critical.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]{color:var(--b-menu-item-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color);color:var(--b-menu-item-hover-critical-color)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color-inverse)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:hover:enabled{color:var(--b-menu-item-hover-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color);color:var(--b-menu-item-focus-critical-color)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color-inverse)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:focus-visible:enabled{color:var(--b-menu-item-focus-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color);color:var(--b-menu-item-active-critical-color)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color-inverse)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:active:enabled{color:var(--b-menu-item-active-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color)}.b-menu-item--critical[data-v-49e4a0fe] .b-base-button__icon-right.b-menu--inverse,.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color-inverse)}.b-menu-item--indent[data-v-49e4a0fe]{padding-left:var(--b-menu-item-indent-padding-left)}.b-menu-item[data-v-49e4a0fe] .b-base-button__label{align-items:center;display:flex;justify-content:space-between;width:100%}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__primary-text{flex-grow:0;flex-shrink:1;min-width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color);flex-grow:2;padding-left:var(--b-menu-item-secondary-text-padding-left);text-align:right;white-space:nowrap}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__secondary-text.b-menu--inverse,.b-menu--inverse .b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color-inverse)}.b-menu-item[data-v-49e4a0fe] .b-base-button__icon-left{padding-right:var(--b-menu-item-icon-left-padding)}.b-menu-item[data-v-49e4a0fe] .b-base-button__icon-right{padding-left:var(--b-menu-item-icon-right-padding)}.b-menu-item[data-v-49e4a0fe]:disabled{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:disabled{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-item:disabled .b-menu-item__secondary-text[data-v-49e4a0fe]{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled .b-menu-item__secondary-text.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item:disabled .b-menu-item__secondary-text[data-v-49e4a0fe]{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-list-container[data-v-f5d01392]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-item-list-background-color);height:fit-content;padding:var(--b-menu-item-list-padding)}.b-menu-list-container[data-v-f5d01392],.b-menu-list-container[data-v-f5d01392]:before,.b-menu-list-container[data-v-f5d01392]:after{box-sizing:border-box}.b-menu-list-container *[data-v-f5d01392],.b-menu-list-container *[data-v-f5d01392]:before,.b-menu-list-container *[data-v-f5d01392]:after{box-sizing:border-box}.b-menu-list-container[data-v-f5d01392] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-list-container[data-v-f5d01392] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu-list-container.b-menu--inverse[data-v-f5d01392],.b-menu--inverse .b-menu-list-container[data-v-f5d01392]{background-color:var(--b-menu-item-list-background-color-inverse)}.b-sub-menu-item-list[data-v-25195627]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-submenu-background-color);overflow:hidden;position:fixed;right:0;top:0;width:100%}.b-sub-menu-item-list[data-v-25195627],.b-sub-menu-item-list[data-v-25195627]:before,.b-sub-menu-item-list[data-v-25195627]:after{box-sizing:border-box}.b-sub-menu-item-list *[data-v-25195627],.b-sub-menu-item-list *[data-v-25195627]:before,.b-sub-menu-item-list *[data-v-25195627]:after{box-sizing:border-box}.b-sub-menu-item-list[data-v-25195627] ::-webkit-scrollbar{height:14px;width:14px}.b-sub-menu-item-list[data-v-25195627] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sub-menu-item-list.b-menu--inverse[data-v-25195627],.b-menu--inverse .b-sub-menu-item-list[data-v-25195627]{background-color:var(--b-menu-submenu-background-color-inverse)}.b-sub-menu-item-list__list[data-v-25195627]{list-style:none;padding:0}.b-sub-menu-item-list__divider[data-v-25195627]{margin-block:var(--b-menu-submenu-divider-margin-block)}.b-sub-menu-item-list__transition-enter-active[data-v-25195627]{animation:enter-ucazc7q-25195627 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-ucazc7q-25195627{0%{translate:100% 0}to{translate:0 0}}.b-sub-menu-item-list__transition-leave-active[data-v-25195627]{animation:exit-ucazc7r-25195627 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-ucazc7r-25195627{0%{translate:0 0}to{translate:100% 0}}.b-menu-item-list[data-v-f2e65437]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style-type:none;margin:0;max-height:376px;overflow-y:auto;padding:0}.b-menu-item-list[data-v-f2e65437],.b-menu-item-list[data-v-f2e65437]:before,.b-menu-item-list[data-v-f2e65437]:after{box-sizing:border-box}.b-menu-item-list *[data-v-f2e65437],.b-menu-item-list *[data-v-f2e65437]:before,.b-menu-item-list *[data-v-f2e65437]:after{box-sizing:border-box}.b-menu-item-list[data-v-f2e65437] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item-list[data-v-f2e65437] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu-item-list__divider[data-v-f2e65437]{margin-block:var(--b-menu-item-list-divider-margin-block)}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-menu[data-v-0b7f4a1a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:fit-content}.b-menu[data-v-0b7f4a1a],.b-menu[data-v-0b7f4a1a]:before,.b-menu[data-v-0b7f4a1a]:after{box-sizing:border-box}.b-menu *[data-v-0b7f4a1a],.b-menu *[data-v-0b7f4a1a]:before,.b-menu *[data-v-0b7f4a1a]:after{box-sizing:border-box}.b-menu[data-v-0b7f4a1a] ::-webkit-scrollbar{height:14px;width:14px}.b-menu[data-v-0b7f4a1a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu__popover[data-v-0b7f4a1a]{width:250px}
1
+ .b-menu-item[data-v-49e4a0fe]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-menu-item-color);align-items:center;display:flex;justify-content:space-between;padding:var(--b-menu-item-padding);width:100%}.b-menu-item[data-v-49e4a0fe],.b-menu-item[data-v-49e4a0fe]:before,.b-menu-item[data-v-49e4a0fe]:after{box-sizing:border-box}.b-menu-item *[data-v-49e4a0fe],.b-menu-item *[data-v-49e4a0fe]:before,.b-menu-item *[data-v-49e4a0fe]:after{box-sizing:border-box}.b-menu-item[data-v-49e4a0fe] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item[data-v-49e4a0fe] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu-item.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]{color:var(--b-menu-item-color-inverse)}.b-menu-item[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-background-color)}.b-menu-item:hover:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-background-color-inverse)}.b-menu-item[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color)}.b-menu-item:focus-visible:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-background-color-inverse)}.b-menu-item[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-background-color)}.b-menu-item:active:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-background-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]{color:var(--b-menu-item-critical-color)}.b-menu-item--critical.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]{color:var(--b-menu-item-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color);color:var(--b-menu-item-hover-critical-color)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:hover:enabled{background-color:var(--b-menu-item-hover-critical-background-color-inverse)}.b-menu-item--critical:hover:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:hover:enabled{color:var(--b-menu-item-hover-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color);color:var(--b-menu-item-focus-critical-color)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:focus-visible:enabled{background-color:var(--b-menu-item-focus-critical-background-color-inverse)}.b-menu-item--critical:focus-visible:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:focus-visible:enabled{color:var(--b-menu-item-focus-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color);color:var(--b-menu-item-active-critical-color)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:active:enabled{background-color:var(--b-menu-item-active-critical-background-color-inverse)}.b-menu-item--critical:active:enabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe]:active:enabled{color:var(--b-menu-item-active-critical-color-inverse)}.b-menu-item--critical[data-v-49e4a0fe] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color)}.b-menu-item--critical[data-v-49e4a0fe] .b-base-button__icon-right.b-menu--inverse,.b-menu--inverse .b-menu-item--critical[data-v-49e4a0fe] .b-base-button__icon-right{color:var(--b-menu-item-icon-right-color-inverse)}.b-menu-item--indent[data-v-49e4a0fe]{padding-left:var(--b-menu-item-indent-padding-left)}.b-menu-item[data-v-49e4a0fe] .b-base-button__label{align-items:center;display:flex;justify-content:space-between;width:100%}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__primary-text{flex-grow:0;flex-shrink:1;min-width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color);flex-grow:2;padding-left:var(--b-menu-item-secondary-text-padding-left);text-align:right;white-space:nowrap}.b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__secondary-text.b-menu--inverse,.b-menu--inverse .b-menu-item[data-v-49e4a0fe] .b-base-button__label .b-menu-item__secondary-text{color:var(--b-menu-item-secondary-text-color-inverse)}.b-menu-item[data-v-49e4a0fe] .b-base-button__icon-left{padding-right:var(--b-menu-item-icon-left-padding)}.b-menu-item[data-v-49e4a0fe] .b-base-button__icon-right{padding-left:var(--b-menu-item-icon-right-padding)}.b-menu-item[data-v-49e4a0fe]:disabled{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item[data-v-49e4a0fe]:disabled{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-item:disabled .b-menu-item__secondary-text[data-v-49e4a0fe]{color:var(--b-menu-item-disabled-color)}.b-menu-item:disabled .b-menu-item__secondary-text.b-menu--inverse[data-v-49e4a0fe],.b-menu--inverse .b-menu-item:disabled .b-menu-item__secondary-text[data-v-49e4a0fe]{color:var(--b-menu-item-disabled-color-inverse)}.b-menu-list-container[data-v-f5d01392]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-item-list-background-color);height:fit-content;padding:var(--b-menu-item-list-padding)}.b-menu-list-container[data-v-f5d01392],.b-menu-list-container[data-v-f5d01392]:before,.b-menu-list-container[data-v-f5d01392]:after{box-sizing:border-box}.b-menu-list-container *[data-v-f5d01392],.b-menu-list-container *[data-v-f5d01392]:before,.b-menu-list-container *[data-v-f5d01392]:after{box-sizing:border-box}.b-menu-list-container[data-v-f5d01392] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-list-container[data-v-f5d01392] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu-list-container.b-menu--inverse[data-v-f5d01392],.b-menu--inverse .b-menu-list-container[data-v-f5d01392]{background-color:var(--b-menu-item-list-background-color-inverse)}.b-sub-menu-item-list[data-v-25195627]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-menu-submenu-background-color);overflow:hidden;position:fixed;right:0;top:0;width:100%}.b-sub-menu-item-list[data-v-25195627],.b-sub-menu-item-list[data-v-25195627]:before,.b-sub-menu-item-list[data-v-25195627]:after{box-sizing:border-box}.b-sub-menu-item-list *[data-v-25195627],.b-sub-menu-item-list *[data-v-25195627]:before,.b-sub-menu-item-list *[data-v-25195627]:after{box-sizing:border-box}.b-sub-menu-item-list[data-v-25195627] ::-webkit-scrollbar{height:14px;width:14px}.b-sub-menu-item-list[data-v-25195627] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sub-menu-item-list.b-menu--inverse[data-v-25195627],.b-menu--inverse .b-sub-menu-item-list[data-v-25195627]{background-color:var(--b-menu-submenu-background-color-inverse)}.b-sub-menu-item-list__list[data-v-25195627]{list-style:none;padding:0}.b-sub-menu-item-list__divider[data-v-25195627]{margin-block:var(--b-menu-submenu-divider-margin-block)}.b-sub-menu-item-list__transition-enter-active[data-v-25195627]{animation:enter-uanb42m-25195627 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-enter)}@keyframes enter-uanb42m-25195627{0%{translate:100% 0}to{translate:0 0}}.b-sub-menu-item-list__transition-leave-active[data-v-25195627]{animation:exit-uanb43k-25195627 var(--b-menu-submenu-animation-duration) var(--b-animation-easing-exit)}@keyframes exit-uanb43k-25195627{0%{translate:0 0}to{translate:100% 0}}.b-menu-item-list[data-v-f2e65437]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style-type:none;margin:0;max-height:376px;overflow-y:auto;padding:0}.b-menu-item-list[data-v-f2e65437],.b-menu-item-list[data-v-f2e65437]:before,.b-menu-item-list[data-v-f2e65437]:after{box-sizing:border-box}.b-menu-item-list *[data-v-f2e65437],.b-menu-item-list *[data-v-f2e65437]:before,.b-menu-item-list *[data-v-f2e65437]:after{box-sizing:border-box}.b-menu-item-list[data-v-f2e65437] ::-webkit-scrollbar{height:14px;width:14px}.b-menu-item-list[data-v-f2e65437] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu-item-list__divider[data-v-f2e65437]{margin-block:var(--b-menu-item-list-divider-margin-block)}svg.ui-assets-icons-16{display:inline-flex;flex-shrink:0}svg.ui-assets-icons-16,svg.ui-assets-icons-16 *{fill:currentcolor}.b-menu[data-v-0b7f4a1a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:fit-content}.b-menu[data-v-0b7f4a1a],.b-menu[data-v-0b7f4a1a]:before,.b-menu[data-v-0b7f4a1a]:after{box-sizing:border-box}.b-menu *[data-v-0b7f4a1a],.b-menu *[data-v-0b7f4a1a]:before,.b-menu *[data-v-0b7f4a1a]:after{box-sizing:border-box}.b-menu[data-v-0b7f4a1a] ::-webkit-scrollbar{height:14px;width:14px}.b-menu[data-v-0b7f4a1a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-menu__popover[data-v-0b7f4a1a]{width:250px}
package/dist/assets/modal-fullscreen.css CHANGED
@@ -1 +1 @@
1
- .b-modal-fullscreen-page[data-v-30654f2c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-30654f2c],.b-modal-fullscreen-page[data-v-30654f2c]:before,.b-modal-fullscreen-page[data-v-30654f2c]:after{box-sizing:border-box}.b-modal-fullscreen-page *[data-v-30654f2c],.b-modal-fullscreen-page *[data-v-30654f2c]:before,.b-modal-fullscreen-page *[data-v-30654f2c]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-30654f2c] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-30654f2c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen-page__header[data-v-30654f2c]{align-items:center;display:flex;flex-grow:1;gap:var(--b-modal-fullscreen-header-gap);height:64px;overflow-x:auto;overflow-y:hidden;padding:var(--b-modal-fullscreen-header-padding)}.b-modal-fullscreen-page__header-section[data-v-30654f2c]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-30654f2c]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-30654f2c]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-30654f2c]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-30654f2c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-30654f2c]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-30654f2c]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-30654f2c] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-30654f2c]{border-left:var(--b-modal-fullscreen-separator-border-left);height:26px;margin-right:var(--b-modal-fullscreen-separator-margin-right)}.b-modal-fullscreen-page__content[data-v-30654f2c]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-cfb8d3ae]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-fullscreen-background-color);border:0;color:var(--b-modal-fullscreen-color);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-cfb8d3ae],.b-modal-fullscreen[data-v-cfb8d3ae]:before,.b-modal-fullscreen[data-v-cfb8d3ae]:after{box-sizing:border-box}.b-modal-fullscreen *[data-v-cfb8d3ae],.b-modal-fullscreen *[data-v-cfb8d3ae]:before,.b-modal-fullscreen *[data-v-cfb8d3ae]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-cfb8d3ae] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-cfb8d3ae] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen__wrapper[data-v-cfb8d3ae]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-cfb8d3ae]{align-items:center;background-color:var(--b-modal-fullscreen-background-color);display:flex;height:64px;padding-inline:var(--b-modal-fullscreen-close-button-padding-inline);position:absolute;right:0;z-index:var(--b-modal-fullscreen-close-button-z-index)}.b-modal-fullscreen[data-v-cfb8d3ae]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-cfb8d3ae]{animation:fade-in-ucazbq8-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),enter-ucazbq8-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-enter),scale-up-ucazbq8-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-ucazbq8-cfb8d3ae{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ucazbq8-cfb8d3ae{0%{scale:1}to{scale:1}}@keyframes enter-ucazbq8-cfb8d3ae{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-cfb8d3ae]{animation:fade-out-ucazbr2-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),exit-ucazbr2-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-exit),scale-down-ucazbr2-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-ucazbr2-cfb8d3ae{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ucazbr2-cfb8d3ae{0%{scale:1}to{scale:1}}@keyframes exit-ucazbr2-cfb8d3ae{0%{translate:0 0}to{translate:0 64px}}
1
+ .b-modal-fullscreen-page[data-v-30654f2c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-30654f2c],.b-modal-fullscreen-page[data-v-30654f2c]:before,.b-modal-fullscreen-page[data-v-30654f2c]:after{box-sizing:border-box}.b-modal-fullscreen-page *[data-v-30654f2c],.b-modal-fullscreen-page *[data-v-30654f2c]:before,.b-modal-fullscreen-page *[data-v-30654f2c]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-30654f2c] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-30654f2c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen-page__header[data-v-30654f2c]{align-items:center;display:flex;flex-grow:1;gap:var(--b-modal-fullscreen-header-gap);height:64px;overflow-x:auto;overflow-y:hidden;padding:var(--b-modal-fullscreen-header-padding)}.b-modal-fullscreen-page__header-section[data-v-30654f2c]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-30654f2c]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-30654f2c]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-30654f2c]{align-items:center;gap:var(--b-modal-fullscreen-header-gap);justify-content:end}.b-modal-fullscreen-page__title[data-v-30654f2c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-30654f2c]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-30654f2c]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-30654f2c] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-30654f2c]{border-left:var(--b-modal-fullscreen-separator-border-left);height:26px;margin-right:var(--b-modal-fullscreen-separator-margin-right)}.b-modal-fullscreen-page__content[data-v-30654f2c]{height:100%;overflow:auto}.b-modal-fullscreen[data-v-cfb8d3ae]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-fullscreen-background-color);border:0;color:var(--b-modal-fullscreen-color);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-cfb8d3ae],.b-modal-fullscreen[data-v-cfb8d3ae]:before,.b-modal-fullscreen[data-v-cfb8d3ae]:after{box-sizing:border-box}.b-modal-fullscreen *[data-v-cfb8d3ae],.b-modal-fullscreen *[data-v-cfb8d3ae]:before,.b-modal-fullscreen *[data-v-cfb8d3ae]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-cfb8d3ae] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-cfb8d3ae] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen__wrapper[data-v-cfb8d3ae]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen__close-button[data-v-cfb8d3ae]{align-items:center;background-color:var(--b-modal-fullscreen-background-color);display:flex;height:64px;padding-inline:var(--b-modal-fullscreen-close-button-padding-inline);position:absolute;right:0;z-index:var(--b-modal-fullscreen-close-button-z-index)}.b-modal-fullscreen[data-v-cfb8d3ae]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-cfb8d3ae]{animation:fade-in-uanb3k6-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),enter-uanb3k6-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-enter),scale-up-uanb3k6-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-uanb3k6-cfb8d3ae{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uanb3k6-cfb8d3ae{0%{scale:1}to{scale:1}}@keyframes enter-uanb3k6-cfb8d3ae{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-cfb8d3ae]{animation:fade-out-uanb3ka-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear),exit-uanb3ka-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-exit),scale-down-uanb3ka-cfb8d3ae var(--b-modal-fullscreen-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-uanb3ka-cfb8d3ae{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uanb3ka-cfb8d3ae{0%{scale:1}to{scale:1}}@keyframes exit-uanb3ka-cfb8d3ae{0%{translate:0 0}to{translate:0 64px}}
package/dist/assets/popover.css CHANGED
@@ -1 +1 @@
1
- .b-popover-dismiss-button[data-v-71876338]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer}.b-popover-dismiss-button[data-v-71876338],.b-popover-dismiss-button[data-v-71876338]:before,.b-popover-dismiss-button[data-v-71876338]:after{box-sizing:border-box}.b-popover-dismiss-button *[data-v-71876338],.b-popover-dismiss-button *[data-v-71876338]:before,.b-popover-dismiss-button *[data-v-71876338]:after{box-sizing:border-box}.b-popover-dismiss-button[data-v-71876338] ::-webkit-scrollbar{height:14px;width:14px}.b-popover-dismiss-button[data-v-71876338] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-popover-dismiss-button--on-image[data-v-71876338]{color:var(--b-popover-dismiss-button-on-image-icon-color)}.b-popover-dismiss-button--on-image[data-v-71876338]:hover{color:var(--b-popover-dismiss-button-on-image-icon-hovered-color)}.b-popover-dismiss-button--on-image[data-v-71876338]:active{color:var(--b-popover-dismiss-button-on-image-icon-active-color)}.b-popover[data-v-dc8753e5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--b-popover-background-color);border:var(--b-popover-border);border-radius:var(--b-popover-border-radius);box-shadow:var(--b-popover-box-shadow);color:var(--b-popover-color);overflow:hidden;width:100%;z-index:var(--b-popover-z-index)}.b-popover[data-v-dc8753e5],.b-popover[data-v-dc8753e5]:before,.b-popover[data-v-dc8753e5]:after{box-sizing:border-box}.b-popover *[data-v-dc8753e5],.b-popover *[data-v-dc8753e5]:before,.b-popover *[data-v-dc8753e5]:after{box-sizing:border-box}.b-popover[data-v-dc8753e5] ::-webkit-scrollbar{height:14px;width:14px}.b-popover[data-v-dc8753e5] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (min-width: 376px){.b-popover[data-v-dc8753e5]{width:320px}}.b-popover[data-v-dc8753e5] .b-popover__arrow:before{color:transparent;display:none}.b-popover--fit-content[data-v-dc8753e5]{width:fit-content}.b-popover--overflow-visible[data-v-dc8753e5]{overflow:visible}.b-popover--overflow-visible .b-popover__footer[data-v-dc8753e5]{border-bottom-left-radius:var(--b-popover-border-radius);border-bottom-right-radius:var(--b-popover-border-radius)}.b-popover--small[data-v-dc8753e5]{width:200px}.b-popover--large[data-v-dc8753e5]{width:480px}.b-popover--with-divider .b-popover__footer[data-v-dc8753e5]{background-color:var(--b-popover-with-divider-footer-background-color);border-top:var(--b-popover-with-divider-footer-border-top);padding-top:var(--b-popover-with-divider-footer-padding-top)}.b-popover--with-divider .b-popover__content[data-v-dc8753e5]{padding:var(--b-popover-with-divider-content-padding)}.b-popover--without-space .b-popover__header[data-v-dc8753e5],.b-popover--without-space .b-popover__content[data-v-dc8753e5],.b-popover--without-space .b-popover__footer[data-v-dc8753e5]{padding:var(--b-popover-without-space-padding)}.b-popover__content[data-v-dc8753e5]{padding:var(--b-popover-content-padding)}.b-popover__content--with-title[data-v-dc8753e5]{padding:var(--b-popover-content-with-title-padding)}.b-popover__header[data-v-dc8753e5]{align-items:baseline;display:flex;justify-content:space-between;padding:var(--b-popover-header-padding)}.b-popover__header-title[data-v-dc8753e5]{align-items:center;column-gap:var(--b-popover-header-title-column-gap);display:flex}.b-popover__image[data-v-dc8753e5]{display:flex;overflow:hidden}.b-popover__image+.b-popover__header[data-v-dc8753e5]{padding:var(--b-popover-image-header-padding)}.b-popover__image-dismiss-button[data-v-dc8753e5]{position:absolute;right:var(--b-popover-image-dismiss-icon-right);top:var(--b-popover-image-dismiss-icon-top)}.b-popover__footer[data-v-dc8753e5]{padding:var(--b-popover-footer-padding)}.b-popover__animation-enter-active[data-popper-placement^=top][data-v-dc8753e5]{animation:fade-in-ucazbrp-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-ucazbrp-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-ucazbrp-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-ucazbrp-dc8753e5{0%{top:8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=top][data-v-dc8753e5]{animation:fade-out-ucazbrq-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-ucazbrq-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-ucazbrq-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-ucazbrq-dc8753e5{0%{top:0}to{top:8px}}.b-popover__animation-enter-active[data-popper-placement^=bottom][data-v-dc8753e5]{animation:fade-in-ucazbs5-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-ucazbs5-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-ucazbs5-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-ucazbs5-dc8753e5{0%{top:-8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=bottom][data-v-dc8753e5]{animation:fade-out-ucazbsi-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-ucazbsi-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-ucazbsi-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-ucazbsi-dc8753e5{0%{top:0}to{top:-8px}}.b-popover__animation-enter-active[data-popper-placement^=left][data-v-dc8753e5]{animation:fade-in-ucazbty-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-ucazbty-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-ucazbty-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-ucazbty-dc8753e5{0%{left:8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=left][data-v-dc8753e5]{animation:fade-out-ucazbuh-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-ucazbuh-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-ucazbuh-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-ucazbuh-dc8753e5{0%{left:0}to{left:8px}}.b-popover__animation-enter-active[data-popper-placement^=right][data-v-dc8753e5]{animation:fade-in-ucazbvf-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-ucazbvf-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-ucazbvf-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-ucazbvf-dc8753e5{0%{left:-8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=right][data-v-dc8753e5]{animation:fade-out-ucazbvs-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-ucazbvs-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-ucazbvs-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-ucazbvs-dc8753e5{0%{left:0}to{left:-8px}}
1
+ .b-popover-dismiss-button[data-v-71876338]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer}.b-popover-dismiss-button[data-v-71876338],.b-popover-dismiss-button[data-v-71876338]:before,.b-popover-dismiss-button[data-v-71876338]:after{box-sizing:border-box}.b-popover-dismiss-button *[data-v-71876338],.b-popover-dismiss-button *[data-v-71876338]:before,.b-popover-dismiss-button *[data-v-71876338]:after{box-sizing:border-box}.b-popover-dismiss-button[data-v-71876338] ::-webkit-scrollbar{height:14px;width:14px}.b-popover-dismiss-button[data-v-71876338] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-popover-dismiss-button--on-image[data-v-71876338]{color:var(--b-popover-dismiss-button-on-image-icon-color)}.b-popover-dismiss-button--on-image[data-v-71876338]:hover{color:var(--b-popover-dismiss-button-on-image-icon-hovered-color)}.b-popover-dismiss-button--on-image[data-v-71876338]:active{color:var(--b-popover-dismiss-button-on-image-icon-active-color)}.b-popover[data-v-dc8753e5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--b-popover-background-color);border:var(--b-popover-border);border-radius:var(--b-popover-border-radius);box-shadow:var(--b-popover-box-shadow);color:var(--b-popover-color);overflow:hidden;width:100%;z-index:var(--b-popover-z-index)}.b-popover[data-v-dc8753e5],.b-popover[data-v-dc8753e5]:before,.b-popover[data-v-dc8753e5]:after{box-sizing:border-box}.b-popover *[data-v-dc8753e5],.b-popover *[data-v-dc8753e5]:before,.b-popover *[data-v-dc8753e5]:after{box-sizing:border-box}.b-popover[data-v-dc8753e5] ::-webkit-scrollbar{height:14px;width:14px}.b-popover[data-v-dc8753e5] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (min-width: 376px){.b-popover[data-v-dc8753e5]{width:320px}}.b-popover[data-v-dc8753e5] .b-popover__arrow:before{color:transparent;display:none}.b-popover--fit-content[data-v-dc8753e5]{width:fit-content}.b-popover--overflow-visible[data-v-dc8753e5]{overflow:visible}.b-popover--overflow-visible .b-popover__footer[data-v-dc8753e5]{border-bottom-left-radius:var(--b-popover-border-radius);border-bottom-right-radius:var(--b-popover-border-radius)}.b-popover--small[data-v-dc8753e5]{width:200px}.b-popover--large[data-v-dc8753e5]{width:480px}.b-popover--with-divider .b-popover__footer[data-v-dc8753e5]{background-color:var(--b-popover-with-divider-footer-background-color);border-top:var(--b-popover-with-divider-footer-border-top);padding-top:var(--b-popover-with-divider-footer-padding-top)}.b-popover--with-divider .b-popover__content[data-v-dc8753e5]{padding:var(--b-popover-with-divider-content-padding)}.b-popover--without-space>.b-popover__header[data-v-dc8753e5]{padding:var(--b-popover-without-space-padding)}.b-popover--without-space>.b-popover__content[data-v-dc8753e5]{padding:var(--b-popover-without-space-padding)}.b-popover--without-space>.b-popover__footer[data-v-dc8753e5]{padding:var(--b-popover-without-space-padding)}.b-popover__content[data-v-dc8753e5]{padding:var(--b-popover-content-padding)}.b-popover__content--with-title[data-v-dc8753e5]{padding:var(--b-popover-content-with-title-padding)}.b-popover__header[data-v-dc8753e5]{align-items:baseline;display:flex;justify-content:space-between;padding:var(--b-popover-header-padding)}.b-popover__header-title[data-v-dc8753e5]{align-items:center;column-gap:var(--b-popover-header-title-column-gap);display:flex}.b-popover__image[data-v-dc8753e5]{display:flex;overflow:hidden}.b-popover__image+.b-popover__header[data-v-dc8753e5]{padding:var(--b-popover-image-header-padding)}.b-popover__image-dismiss-button[data-v-dc8753e5]{position:absolute;right:var(--b-popover-image-dismiss-icon-right);top:var(--b-popover-image-dismiss-icon-top)}.b-popover__footer[data-v-dc8753e5]{padding:var(--b-popover-footer-padding)}.b-popover__animation-enter-active[data-popper-placement^=top][data-v-dc8753e5]{animation:fade-in-uanb3le-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uanb3le-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uanb3le-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-uanb3le-dc8753e5{0%{top:8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=top][data-v-dc8753e5]{animation:fade-out-uanb3lh-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uanb3lh-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uanb3lh-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-uanb3lh-dc8753e5{0%{top:0}to{top:8px}}.b-popover__animation-enter-active[data-popper-placement^=bottom][data-v-dc8753e5]{animation:fade-in-uanb3mk-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uanb3mk-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uanb3mk-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-uanb3mk-dc8753e5{0%{top:-8px}to{top:0}}.b-popover__animation-leave-active[data-popper-placement^=bottom][data-v-dc8753e5]{animation:fade-out-uanb3mo-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uanb3mo-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uanb3mo-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-uanb3mo-dc8753e5{0%{top:0}to{top:-8px}}.b-popover__animation-enter-active[data-popper-placement^=left][data-v-dc8753e5]{animation:fade-in-uanb3n2-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uanb3n2-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uanb3n2-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-uanb3n2-dc8753e5{0%{left:8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=left][data-v-dc8753e5]{animation:fade-out-uanb3np-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uanb3np-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uanb3np-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-uanb3np-dc8753e5{0%{left:0}to{left:8px}}.b-popover__animation-enter-active[data-popper-placement^=right][data-v-dc8753e5]{animation:fade-in-uanb3o0-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-in-uanb3o0-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-enter)}@keyframes fade-in-uanb3o0-dc8753e5{0%{opacity:0}to{opacity:1}}@keyframes move-in-uanb3o0-dc8753e5{0%{left:-8px}to{left:0}}.b-popover__animation-leave-active[data-popper-placement^=right][data-v-dc8753e5]{animation:fade-out-uanb3os-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-linear),move-out-uanb3os-dc8753e5 var(--b-popover-animation-duration) var(--b-animation-easing-exit)}@keyframes fade-out-uanb3os-dc8753e5{0%{opacity:1}to{opacity:0}}@keyframes move-out-uanb3os-dc8753e5{0%{left:0}to{left:-8px}}
package/dist/assets/radio-group.css CHANGED
@@ -1 +1 @@
1
- .b-radio-button[data-v-58d8904d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-flex;line-height:24px}.b-radio-button[data-v-58d8904d],.b-radio-button[data-v-58d8904d]:before,.b-radio-button[data-v-58d8904d]:after{box-sizing:border-box}.b-radio-button *[data-v-58d8904d],.b-radio-button *[data-v-58d8904d]:before,.b-radio-button *[data-v-58d8904d]:after{box-sizing:border-box}.b-radio-button[data-v-58d8904d] ::-webkit-scrollbar{height:14px;width:14px}.b-radio-button[data-v-58d8904d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-radio-button input[data-v-58d8904d]:disabled{cursor:inherit}.b-radio-button--disabled>*[data-v-58d8904d]{cursor:not-allowed}.b-radio-button--readonly>*[data-v-58d8904d]{pointer-events:none}.b-radio-button__label-container[data-v-58d8904d]{display:flex;flex-direction:column;padding-left:var(--b-radio-button-label-container-padding);row-gap:var(--b-radio-button-label-container-row-gap)}.b-radio-button__label-tag[data-v-58d8904d]{margin:var(--b-radio-button-label-tag-margin)}.b-radio-button__label[data-v-58d8904d]{color:var(--b-radio-button-label-font-color);cursor:pointer}.b-radio-button__input:disabled+* .b-radio-button__label[data-v-58d8904d]{cursor:not-allowed}.b-legacy-theme .b-radio-button__input:disabled+* .b-radio-button__label[data-v-58d8904d]{color:var(--b-radio-button-label-disabled-font-color)}.b-radio-button__content[data-v-58d8904d]{padding:var(--b-radio-button-content-padding)}.b-radio-button__description[data-v-58d8904d]{color:var(--b-radio-button-description-font-color);cursor:pointer;display:block}.b-radio-button__input:disabled+* .b-radio-button__description[data-v-58d8904d]{color:var(--b-radio-button-description-disabled-font-color);cursor:not-allowed}.b-radio-group__buttons[data-v-e1dc2c5c]{display:flex;flex-direction:column;gap:var(--b-radio-group-vertical-gap)}.b-radio-group__buttons--horizontal[data-v-e1dc2c5c]{flex-flow:row wrap;gap:var(--b-radio-group-vertical-gap) var(--b-radio-group-horizontal-gap)}.b-radio-group__error-message[data-v-e1dc2c5c]{margin-top:var(--b-radio-group-error-message-margin-top)}
1
+ .b-radio-button[data-v-f42e937c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-flex;line-height:24px}.b-radio-button[data-v-f42e937c],.b-radio-button[data-v-f42e937c]:before,.b-radio-button[data-v-f42e937c]:after{box-sizing:border-box}.b-radio-button *[data-v-f42e937c],.b-radio-button *[data-v-f42e937c]:before,.b-radio-button *[data-v-f42e937c]:after{box-sizing:border-box}.b-radio-button[data-v-f42e937c] ::-webkit-scrollbar{height:14px;width:14px}.b-radio-button[data-v-f42e937c] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-radio-button input[data-v-f42e937c]:disabled{cursor:inherit}.b-radio-button--disabled>*[data-v-f42e937c]{cursor:not-allowed}.b-radio-button--readonly>*[data-v-f42e937c]{pointer-events:none}.b-radio-button__label-container[data-v-f42e937c]{display:flex;flex-direction:column;padding-left:var(--b-radio-button-label-container-padding);row-gap:var(--b-radio-button-label-container-row-gap)}.b-radio-button__label-tag[data-v-f42e937c]{margin:var(--b-radio-button-label-tag-margin)}.b-radio-button__label[data-v-f42e937c]{color:var(--b-radio-button-label-font-color);cursor:pointer}.b-radio-button__input:disabled+* .b-radio-button__label[data-v-f42e937c]{cursor:not-allowed}.b-legacy-theme .b-radio-button__input:disabled+* .b-radio-button__label[data-v-f42e937c]{color:var(--b-radio-button-label-disabled-font-color)}.b-radio-button__content[data-v-f42e937c]{padding:var(--b-radio-button-content-padding)}.b-radio-button__description[data-v-f42e937c]{color:var(--b-radio-button-description-font-color);cursor:pointer;display:block}.b-radio-button__input:disabled+* .b-radio-button__description[data-v-f42e937c]{color:var(--b-radio-button-description-disabled-font-color);cursor:not-allowed}.b-radio-group__buttons[data-v-bc9a5679]{display:flex;flex-direction:column;gap:var(--b-radio-group-vertical-gap)}.b-radio-group__buttons--horizontal[data-v-bc9a5679]{flex-flow:row wrap;gap:var(--b-radio-group-vertical-gap) var(--b-radio-group-horizontal-gap)}.b-radio-group__error-message[data-v-bc9a5679]{margin-top:var(--b-radio-group-error-message-margin-top)}
package/dist/assets/radio-input.css CHANGED
@@ -1 +1 @@
1
- [data-v-24c7ad5a]:host{display:inline-block}.b-radio-input[data-v-24c7ad5a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-radio-input-unchecked-background-color);border:var(--b-radio-input-unchecked-border);border-radius:var(--b-radio-input-border-radius);cursor:pointer;display:inline-block;height:16px;margin:0;min-height:16px;min-width:16px;outline:none;position:relative;top:var(--b-radio-input-offset-top);width:16px}.b-radio-input[data-v-24c7ad5a],.b-radio-input[data-v-24c7ad5a]:before,.b-radio-input[data-v-24c7ad5a]:after{box-sizing:border-box}.b-radio-input *[data-v-24c7ad5a],.b-radio-input *[data-v-24c7ad5a]:before,.b-radio-input *[data-v-24c7ad5a]:after{box-sizing:border-box}.b-radio-input[data-v-24c7ad5a] ::-webkit-scrollbar{height:14px;width:14px}.b-radio-input[data-v-24c7ad5a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-radio-input input[data-v-24c7ad5a]:disabled{cursor:inherit}.b-radio-input[data-v-24c7ad5a]:after{content:"";display:block;inset:calc(var(--b-radio-input-space-around-increase) * -1);position:absolute}.b-radio-input[data-v-24c7ad5a]:before{background-color:var(--b-radio-input-knob-color);border-radius:var(--b-radio-input-border-radius);content:"";display:block;height:var(--b-radio-input-knob-size);left:var(--b-radio-input-knob-offset);opacity:0;position:absolute;top:var(--b-radio-input-knob-offset);transform:scale(0);transition:var(--b-radio-input-knob-transition);width:var(--b-radio-input-knob-size)}.b-radio-input[data-v-24c7ad5a]:hover:enabled{background-color:var(--b-radio-input-unchecked-hover-background-color);border-color:var(--b-radio-input-unchecked-hover-border-color)}.b-radio-input[data-v-24c7ad5a]:active{background-color:var(--b-radio-input-unchecked-active-background-color)}.b-radio-input[data-v-24c7ad5a]:focus-visible{animation:outer-ring-default-24c7ad5a 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-24c7ad5a{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-radio-input[data-v-24c7ad5a]:disabled{background-color:var(--b-radio-input-unchecked-disabled-background-color);border-color:var(--b-radio-input-unchecked-disabled-border-color);cursor:not-allowed}.b-radio-input[data-v-24c7ad5a]:disabled:before{background-color:var(--b-radio-input-knob-disabled-color)}.b-radio-input[data-v-24c7ad5a]:checked{background-color:var(--b-radio-input-checked-background-color);border-color:var(--b-radio-input-checked-border-color)}.b-radio-input[data-v-24c7ad5a]:checked:before{opacity:1;transform:scale(1)}.b-radio-input[data-v-24c7ad5a]:checked:disabled{background-color:var(--b-radio-input-checked-disabled-background-color);border-color:var(--b-radio-input-checked-disabled-border-color)}.b-radio-input[data-v-24c7ad5a]:checked:active:not(:disabled){background-color:var(--b-radio-input-checked-active-background-color);border-color:var(--b-radio-input-checked-active-border-color)}.b-radio-input[data-v-24c7ad5a]:checked:hover:not(:disabled){background-color:var(--b-radio-input-checked-hover-background-color);border-color:var(--b-radio-input-checked-hover-border-color)}.b-radio-input--disabled[data-v-24c7ad5a]{cursor:not-allowed}.b-radio-input--error[data-v-24c7ad5a]{border:var(--b-radio-input-unchecked-error-border)}.b-radio-input--error[data-v-24c7ad5a]:before{left:var(--b-radio-input-knob-offset-error);top:var(--b-radio-input-knob-offset-error)}.b-radio-input--error[data-v-24c7ad5a]:checked{background-color:var(--b-radio-input-checked-error-background-color);border-color:var(--b-radio-input-checked-error-border-color)}.b-radio-input--readonly[data-v-24c7ad5a]{background-color:var(--b-radio-input-unchecked-readonly-background-color);border-color:var(--b-radio-input-unchecked-readonly-border-color);pointer-events:none}.b-radio-input--readonly[data-v-24c7ad5a]:before{background-color:var(--b-radio-input-knob-readonly-color)}.b-radio-input--readonly[data-v-24c7ad5a]:checked{background-color:var(--b-radio-input-checked-readonly-background-color);border-color:var(--b-radio-input-checked-readonly-border-color)}
1
+ [data-v-19f9bf2d]:host{display:inline-block}.b-radio-input[data-v-19f9bf2d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--b-radio-input-unchecked-background-color);border:var(--b-radio-input-unchecked-border);border-radius:var(--b-radio-input-border-radius);cursor:pointer;display:inline-block;height:16px;margin:0;min-height:16px;min-width:16px;outline:none;position:relative;top:var(--b-radio-input-offset-top);width:16px}.b-radio-input[data-v-19f9bf2d],.b-radio-input[data-v-19f9bf2d]:before,.b-radio-input[data-v-19f9bf2d]:after{box-sizing:border-box}.b-radio-input *[data-v-19f9bf2d],.b-radio-input *[data-v-19f9bf2d]:before,.b-radio-input *[data-v-19f9bf2d]:after{box-sizing:border-box}.b-radio-input[data-v-19f9bf2d] ::-webkit-scrollbar{height:14px;width:14px}.b-radio-input[data-v-19f9bf2d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-radio-input input[data-v-19f9bf2d]:disabled{cursor:inherit}.b-radio-input[data-v-19f9bf2d]:after{content:"";display:block;inset:calc(var(--b-radio-input-space-around-increase) * -1);position:absolute}.b-radio-input[data-v-19f9bf2d]:before{background-color:var(--b-radio-input-knob-color);border-radius:var(--b-radio-input-border-radius);content:"";display:block;height:var(--b-radio-input-knob-size);left:var(--b-radio-input-knob-offset);opacity:0;position:absolute;top:var(--b-radio-input-knob-offset);transform:scale(0);transition:var(--b-radio-input-knob-transition);width:var(--b-radio-input-knob-size)}.b-radio-input[data-v-19f9bf2d]:hover:enabled{background-color:var(--b-radio-input-unchecked-hover-background-color);border-color:var(--b-radio-input-unchecked-hover-border-color)}.b-radio-input[data-v-19f9bf2d]:active{background-color:var(--b-radio-input-unchecked-active-background-color)}.b-radio-input[data-v-19f9bf2d]:focus-visible{animation:outer-ring-default-19f9bf2d 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-19f9bf2d{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-radio-input[data-v-19f9bf2d]:disabled{background-color:var(--b-radio-input-unchecked-disabled-background-color);border-color:var(--b-radio-input-unchecked-disabled-border-color);cursor:not-allowed}.b-radio-input[data-v-19f9bf2d]:disabled:before{background-color:var(--b-radio-input-knob-disabled-color)}.b-radio-input[data-v-19f9bf2d]:checked{background-color:var(--b-radio-input-checked-background-color);border-color:var(--b-radio-input-checked-border-color)}.b-radio-input[data-v-19f9bf2d]:checked:before{opacity:1;transform:scale(1)}.b-radio-input[data-v-19f9bf2d]:checked:disabled{background-color:var(--b-radio-input-checked-disabled-background-color);border-color:var(--b-radio-input-checked-disabled-border-color)}.b-radio-input[data-v-19f9bf2d]:checked:active:not(:disabled){background-color:var(--b-radio-input-checked-active-background-color);border-color:var(--b-radio-input-checked-active-border-color)}.b-radio-input[data-v-19f9bf2d]:checked:hover:not(:disabled){background-color:var(--b-radio-input-checked-hover-background-color);border-color:var(--b-radio-input-checked-hover-border-color)}.b-radio-input--disabled[data-v-19f9bf2d]{cursor:not-allowed}.b-radio-input--error[data-v-19f9bf2d]{border:var(--b-radio-input-unchecked-error-border)}.b-radio-input--error[data-v-19f9bf2d]:before{left:var(--b-radio-input-knob-offset-error);top:var(--b-radio-input-knob-offset-error)}.b-radio-input--error[data-v-19f9bf2d]:checked{background-color:var(--b-radio-input-checked-error-background-color);border-color:var(--b-radio-input-checked-error-border-color)}.b-radio-input--readonly[data-v-19f9bf2d]{background-color:var(--b-radio-input-unchecked-readonly-background-color);border-color:var(--b-radio-input-unchecked-readonly-border-color);pointer-events:none}.b-radio-input--readonly[data-v-19f9bf2d]:before{background-color:var(--b-radio-input-knob-readonly-color)}.b-radio-input--readonly[data-v-19f9bf2d]:checked{background-color:var(--b-radio-input-checked-readonly-background-color);border-color:var(--b-radio-input-checked-readonly-border-color)}
package/dist/assets/sidepanel.css CHANGED
@@ -1 +1 @@
1
- .b-sidepanel-page[data-v-4e6c994b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-4e6c994b],.b-sidepanel-page[data-v-4e6c994b]:before,.b-sidepanel-page[data-v-4e6c994b]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-4e6c994b],.b-sidepanel-page *[data-v-4e6c994b]:before,.b-sidepanel-page *[data-v-4e6c994b]:after{box-sizing:border-box}.b-sidepanel-page[data-v-4e6c994b] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-4e6c994b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-4e6c994b]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-4e6c994b]{color:var(--b-sidepanel-page-header-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-4e6c994b]{color:var(--b-sidepanel-page-content-color);flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-4e6c994b]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);color:var(--b-sidepanel-page-actions-color);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-732a38d4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-sidepanel-background-color);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-732a38d4],.b-sidepanel[data-v-732a38d4]:before,.b-sidepanel[data-v-732a38d4]:after{box-sizing:border-box}.b-sidepanel *[data-v-732a38d4],.b-sidepanel *[data-v-732a38d4]:before,.b-sidepanel *[data-v-732a38d4]:after{box-sizing:border-box}.b-sidepanel[data-v-732a38d4] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-732a38d4] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (min-width: 500px){.b-sidepanel[data-v-732a38d4]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}@media (min-width: 768px){.b-sidepanel[data-v-732a38d4]{max-width:var(--b-sidepanel-l-and-up-max-width);min-width:var(--b-sidepanel-l-and-up-min-width);width:33%}}.b-sidepanel__close-button[data-v-732a38d4]{align-items:center;display:flex;height:var(--b-sidepanel-close-button-height);position:absolute;right:var(--b-sidepanel-close-button-right);z-index:var(--b-sidepanel-close-button-z-index)}.b-sidepanel--animation[data-v-732a38d4]{overflow:hidden}.b-sidepanel[data-v-732a38d4]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-legacy-theme .b-sidepanel[data-v-732a38d4]::backdrop{opacity:.4}.b-sidepanel[open][data-v-732a38d4]{animation:enter-ucazbxd-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-ucazbxd-732a38d4{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-732a38d4]::backdrop{animation:fade-in-ucazbxe-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-ucazbxe-732a38d4{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-732a38d4]{animation:exit-ucazby4-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-ucazby4-732a38d4{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-732a38d4]::backdrop{animation:fade-out-ucazbyw-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-ucazbyw-732a38d4{0%{opacity:.5}to{opacity:0}}
1
+ .b-sidepanel-page[data-v-4e6c994b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-4e6c994b],.b-sidepanel-page[data-v-4e6c994b]:before,.b-sidepanel-page[data-v-4e6c994b]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-4e6c994b],.b-sidepanel-page *[data-v-4e6c994b]:before,.b-sidepanel-page *[data-v-4e6c994b]:after{box-sizing:border-box}.b-sidepanel-page[data-v-4e6c994b] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-4e6c994b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-4e6c994b]{align-items:center;background-color:var(--b-sidepanel-page-header-background-color);border-top-left-radius:var(--b-sidepanel-border-radius);display:flex;overflow:hidden;padding:var(--b-sidepanel-page-header-padding);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-4e6c994b]{color:var(--b-sidepanel-page-header-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-4e6c994b]{color:var(--b-sidepanel-page-content-color);flex-grow:1;overflow:overlay;padding:var(--b-sidepanel-page-content-padding)}.b-sidepanel-page__actions[data-v-4e6c994b]{background-color:var(--b-sidepanel-page-actions-background-color);border-bottom-left-radius:var(--b-sidepanel-border-radius);color:var(--b-sidepanel-page-actions-color);padding:var(--b-sidepanel-page-actions-padding)}.b-sidepanel[data-v-732a38d4]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-sidepanel-background-color);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-732a38d4],.b-sidepanel[data-v-732a38d4]:before,.b-sidepanel[data-v-732a38d4]:after{box-sizing:border-box}.b-sidepanel *[data-v-732a38d4],.b-sidepanel *[data-v-732a38d4]:before,.b-sidepanel *[data-v-732a38d4]:after{box-sizing:border-box}.b-sidepanel[data-v-732a38d4] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-732a38d4] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media (min-width: 500px){.b-sidepanel[data-v-732a38d4]{border-radius:var(--b-sidepanel-border-radius) 0 0 var(--b-sidepanel-border-radius);margin:0 0 0 auto;width:var(--b-sidepanel-width)}}@media (min-width: 768px){.b-sidepanel[data-v-732a38d4]{max-width:var(--b-sidepanel-l-and-up-max-width);min-width:var(--b-sidepanel-l-and-up-min-width);width:33%}}.b-sidepanel__close-button[data-v-732a38d4]{align-items:center;display:flex;height:var(--b-sidepanel-close-button-height);position:absolute;right:var(--b-sidepanel-close-button-right);z-index:var(--b-sidepanel-close-button-z-index)}.b-sidepanel--animation[data-v-732a38d4]{overflow:hidden}.b-sidepanel[data-v-732a38d4]::backdrop{background-color:var(--b-sidepanel-backdrop-background-color, #00112c);opacity:.5}.b-legacy-theme .b-sidepanel[data-v-732a38d4]::backdrop{opacity:.4}.b-sidepanel[open][data-v-732a38d4]{animation:enter-uanb3yx-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-enter)}@keyframes enter-uanb3yx-732a38d4{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-732a38d4]::backdrop{animation:fade-in-uanb3zx-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uanb3zx-732a38d4{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-732a38d4]{animation:exit-uanb406-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-exit)}@keyframes exit-uanb406-732a38d4{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-732a38d4]::backdrop{animation:fade-out-uanb40q-732a38d4 var(--b-sidepanel-animation-duration, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uanb40q-732a38d4{0%{opacity:.5}to{opacity:0}}
package/dist/assets/status.css CHANGED
@@ -1 +1 @@
1
- .b-status[data-v-dd0b6280]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-status-color);column-gap:var(--b-status-column-gap);display:flex}.b-status[data-v-dd0b6280],.b-status[data-v-dd0b6280]:before,.b-status[data-v-dd0b6280]:after{box-sizing:border-box}.b-status *[data-v-dd0b6280],.b-status *[data-v-dd0b6280]:before,.b-status *[data-v-dd0b6280]:after{box-sizing:border-box}.b-status[data-v-dd0b6280] ::-webkit-scrollbar{height:14px;width:14px}.b-status[data-v-dd0b6280] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-status__indicator-wrapper[data-v-dd0b6280]{align-items:center;display:flex;flex-shrink:0;height:var(--b-status-indicator-wrapper-height)}.b-status__indicator[data-v-dd0b6280]{border-radius:50%;flex-shrink:0;height:var(--b-status-indicator-size);order:0;width:var(--b-status-indicator-size)}.b-status__indicator--blue[data-v-dd0b6280]{background:var(--b-status-indicator-blue-background-color)}.b-status__indicator--green[data-v-dd0b6280]{background:var(--b-status-indicator-green-background-color)}.b-status__indicator--grey[data-v-dd0b6280]{background:var(--b-status-indicator-grey-background-color)}.b-status__indicator--orange[data-v-dd0b6280]{background:var(--b-status-indicator-orange-background-color)}.b-status__indicator--red[data-v-dd0b6280]{background:var(--b-status-indicator-red-background-color)}.b-status__indicator--yellow[data-v-dd0b6280]{background:var(--b-status-indicator-yellow-background-color)}
1
+ .b-status[data-v-96553664]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-status-color);column-gap:var(--b-status-column-gap);display:flex}.b-status[data-v-96553664],.b-status[data-v-96553664]:before,.b-status[data-v-96553664]:after{box-sizing:border-box}.b-status *[data-v-96553664],.b-status *[data-v-96553664]:before,.b-status *[data-v-96553664]:after{box-sizing:border-box}.b-status[data-v-96553664] ::-webkit-scrollbar{height:14px;width:14px}.b-status[data-v-96553664] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-status__indicator-wrapper[data-v-96553664]{align-items:center;display:flex;flex-shrink:0;height:var(--b-status-indicator-wrapper-height)}.b-status__indicator[data-v-96553664]{border-radius:50%;flex-shrink:0;height:var(--b-status-indicator-size);order:0;width:var(--b-status-indicator-size)}.b-status__indicator--blue[data-v-96553664]{background:var(--b-status-indicator-blue-background-color)}.b-status__indicator--green[data-v-96553664]{background:var(--b-status-indicator-green-background-color)}.b-status__indicator--grey[data-v-96553664]{background:var(--b-status-indicator-grey-background-color)}.b-status__indicator--orange[data-v-96553664]{background:var(--b-status-indicator-orange-background-color)}.b-status__indicator--red[data-v-96553664]{background:var(--b-status-indicator-red-background-color)}.b-status__indicator--yellow[data-v-96553664]{background:var(--b-status-indicator-yellow-background-color)}
package/dist/assets/step.css CHANGED
@@ -1 +1 @@
1
- .b-stepper[data-v-8dd6f794]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size}.b-stepper[data-v-8dd6f794],.b-stepper[data-v-8dd6f794]:before,.b-stepper[data-v-8dd6f794]:after{box-sizing:border-box}.b-stepper *[data-v-8dd6f794],.b-stepper *[data-v-8dd6f794]:before,.b-stepper *[data-v-8dd6f794]:after{box-sizing:border-box}.b-stepper[data-v-8dd6f794] ::-webkit-scrollbar{height:14px;width:14px}.b-stepper[data-v-8dd6f794] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-stepper__list[data-v-8dd6f794]{display:flex;flex-direction:column;gap:var(--b-stepper-gap);margin:0;max-width:var(--b-stepper-max-width);padding-left:0}.b-stepper__list--horizontal[data-v-8dd6f794]{align-items:center;flex-flow:wrap;max-width:unset}@media (max-width: 499px){.b-stepper__list[data-v-8dd6f794]{display:none}}.b-stepper__text-stepper[data-v-8dd6f794]{color:var(--b-stepper-text-stepper-color)}@media (min-width: 500px){.b-stepper__text-stepper[data-v-8dd6f794]{display:none}}.b-step[data-v-1941e86b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style:none}.b-step[data-v-1941e86b],.b-step[data-v-1941e86b]:before,.b-step[data-v-1941e86b]:after{box-sizing:border-box}.b-step *[data-v-1941e86b],.b-step *[data-v-1941e86b]:before,.b-step *[data-v-1941e86b]:after{box-sizing:border-box}.b-step[data-v-1941e86b] ::-webkit-scrollbar{height:14px;width:14px}.b-step[data-v-1941e86b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-content-color)}.b-step__button[data-v-1941e86b]{align-items:center;background-color:transparent;border:none;border-radius:var(--b-stepper-step-button-border-radius);cursor:pointer;display:flex;gap:var(--b-stepper-step-button-gap);padding:var(--b-stepper-step-button-padding);text-align:left;width:100%}.b-step__button[data-v-1941e86b]:not(:disabled):hover{background-color:var(--b-stepper-step-button-hover-background-color)}.b-step__button:not(:disabled):hover .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-content-hover-color)}.b-step__button[data-v-1941e86b]:focus-visible{animation:outer-ring-default-1941e86b var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none}@keyframes outer-ring-default-1941e86b{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-step__button[data-v-1941e86b] .b-base-button__icon-left{margin-bottom:auto}.b-step__index[data-v-1941e86b]{align-items:center;background-color:var(--b-stepper-step-index-background-color);border-radius:var(--b-stepper-step-index-border-radius);color:var(--b-stepper-step-index-color);display:flex;height:var(--b-stepper-step-index-height);justify-content:center;min-width:var(--b-stepper-step-index-width);width:var(--b-stepper-step-index-width)}.b-step__substep-list[data-v-1941e86b]{display:flex;flex-direction:column;gap:var(--b-stepper-step-substeps-gap);list-style:none;margin-top:var(--b-stepper-step-substeps-margin-top);padding-left:0}.b-step--active .b-step__index[data-v-1941e86b]{background-color:var(--b-stepper-step-index-active-background-color)}.b-step--active .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-content-active-color)}.b-step--completed .b-step__index[data-v-1941e86b]{background-color:var(--b-stepper-step-index-completed-background-color)}.b-step--completed .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-content-completed-color)}.b-step--substep .b-step__index[data-v-1941e86b]{background-color:transparent;color:var(--b-stepper-step-substeps-index-color)}.b-step--substep .b-step__button[data-v-1941e86b]{padding-left:var(--b-stepper-step-substeps-button-padding-left)}.b-step--substep .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-substeps-content-color)}.b-step--substep.b-step--active .b-step__index[data-v-1941e86b]{color:var(--b-stepper-step-substeps-index-active-color)}.b-step--substep.b-step--active .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-substeps-content-active-color)}.b-step--substep.b-step--completed .b-step__index[data-v-1941e86b]{color:var(--b-stepper-step-substeps-index-completed-color)}.b-step--substep.b-step--completed .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-substeps-content-completed-color)}
1
+ .b-stepper[data-v-8dd6f794]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size}.b-stepper[data-v-8dd6f794],.b-stepper[data-v-8dd6f794]:before,.b-stepper[data-v-8dd6f794]:after{box-sizing:border-box}.b-stepper *[data-v-8dd6f794],.b-stepper *[data-v-8dd6f794]:before,.b-stepper *[data-v-8dd6f794]:after{box-sizing:border-box}.b-stepper[data-v-8dd6f794] ::-webkit-scrollbar{height:14px;width:14px}.b-stepper[data-v-8dd6f794] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-stepper__list[data-v-8dd6f794]{display:flex;flex-direction:column;gap:var(--b-stepper-gap);margin:0;max-width:var(--b-stepper-max-width);padding-left:0}.b-stepper__list--horizontal[data-v-8dd6f794]{align-items:center;flex-flow:wrap;gap:var(--b-stepper-horizontal-gap);max-width:unset}@media (max-width: 499px){.b-stepper__list[data-v-8dd6f794]{display:none}}.b-stepper__text-stepper[data-v-8dd6f794]{color:var(--b-stepper-text-stepper-color)}@media (min-width: 500px){.b-stepper__text-stepper[data-v-8dd6f794]{display:none}}.b-step[data-v-1941e86b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;list-style:none}.b-step[data-v-1941e86b],.b-step[data-v-1941e86b]:before,.b-step[data-v-1941e86b]:after{box-sizing:border-box}.b-step *[data-v-1941e86b],.b-step *[data-v-1941e86b]:before,.b-step *[data-v-1941e86b]:after{box-sizing:border-box}.b-step[data-v-1941e86b] ::-webkit-scrollbar{height:14px;width:14px}.b-step[data-v-1941e86b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-content-color)}.b-step__button[data-v-1941e86b]{align-items:center;background-color:transparent;border:none;border-radius:var(--b-stepper-step-button-border-radius);cursor:pointer;display:flex;gap:var(--b-stepper-step-button-gap);padding:var(--b-stepper-step-button-padding);text-align:left;width:100%}.b-step__button[data-v-1941e86b]:not(:disabled):hover{background-color:var(--b-stepper-step-button-hover-background-color)}.b-step__button:not(:disabled):hover .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-content-hover-color)}.b-step__button[data-v-1941e86b]:focus-visible{animation:outer-ring-default-1941e86b var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none}@keyframes outer-ring-default-1941e86b{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-step__button[data-v-1941e86b] .b-base-button__icon-left{margin-bottom:auto}.b-step__index[data-v-1941e86b]{align-items:center;background-color:var(--b-stepper-step-index-background-color);border-radius:var(--b-stepper-step-index-border-radius);color:var(--b-stepper-step-index-color);display:flex;height:var(--b-stepper-step-index-height);justify-content:center;min-width:var(--b-stepper-step-index-width);width:var(--b-stepper-step-index-width)}.b-step__substep-list[data-v-1941e86b]{display:flex;flex-direction:column;gap:var(--b-stepper-step-substeps-gap);list-style:none;margin-top:var(--b-stepper-step-substeps-margin-top);padding-left:0}.b-step--active .b-step__index[data-v-1941e86b]{background-color:var(--b-stepper-step-index-active-background-color)}.b-step--active .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-content-active-color)}.b-step--completed .b-step__index[data-v-1941e86b]{background-color:var(--b-stepper-step-index-completed-background-color)}.b-step--completed .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-content-completed-color)}.b-step--substep .b-step__index[data-v-1941e86b]{background-color:transparent;color:var(--b-stepper-step-substeps-index-color)}.b-step--substep .b-step__button[data-v-1941e86b]{padding-left:var(--b-stepper-step-substeps-button-padding-left)}.b-step--substep .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-substeps-content-color)}.b-step--substep.b-step--active .b-step__index[data-v-1941e86b]{color:var(--b-stepper-step-substeps-index-active-color)}.b-step--substep.b-step--active .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-substeps-content-active-color)}.b-step--substep.b-step--completed .b-step__index[data-v-1941e86b]{color:var(--b-stepper-step-substeps-index-completed-color)}.b-step--substep.b-step--completed .b-step__content[data-v-1941e86b]{color:var(--b-stepper-step-substeps-content-completed-color)}
package/dist/button.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { B as n, b as B, a } from "./chunks/button.BX6ZJxF7.js";
2
- import { B as s, c as u, a as i, b as r, d as c, e as d } from "./chunks/button-actions.CtFB6iRj.js";
2
+ import { B as s, c as u, a as i, b as r, d as c, e as d } from "./chunks/button-actions.BU173IFE.js";
3
3
  import { B as g } from "./chunks/toggle-button.Cf8C7p6e.js";
4
4
  export {
5
5
  n as BentoButton,
package/dist/card.js CHANGED
@@ -1,4 +1,4 @@
1
- import { c as o, B as r, a as t } from "./chunks/card.BabmUkTG.js";
1
+ import { c as o, B as r, a as t } from "./chunks/card.DoyCGJay.js";
2
2
  export {
3
3
  o as BentoCard,
4
4
  r as BentoCardBackground,
package/dist/checkbox.js CHANGED
@@ -1,6 +1,6 @@
1
- import { B as t, a } from "./chunks/checkbox.fhQLs-NN.js";
1
+ import { B as t, a } from "./chunks/checkbox.O1CbmNdS.js";
2
2
  import { C as x } from "./chunks/checkbox-input.Bo4NxNOh.js";
3
- import { c as B, B as c } from "./chunks/checkbox-group.DbLznnsa.js";
3
+ import { c as B, B as c } from "./chunks/checkbox-group.BQN9gjgH.js";
4
4
  export {
5
5
  t as BentoCheckbox,
6
6
  a as BentoCheckboxEvent,
package/dist/chunks/{accordion-item.CzKttO4w.js → accordion-item.CTxrEQEW.js} RENAMED
@@ -41,13 +41,13 @@ const G = D.exports, H = {
41
41
  collapse: "Collapse",
42
42
  expand: "Expand"
43
43
  },
44
- "pt-BR": {
45
- collapse: "Recolher",
46
- expand: "Expandir"
47
- },
48
44
  "ja-JP": {
49
45
  collapse: "折りたたむ",
50
46
  expand: "展開"
47
+ },
48
+ "pt-BR": {
49
+ collapse: "Recolher",
50
+ expand: "Expandir"
51
51
  }
52
52
  }, M = {
53
53
  i18n: { messages: H }
@@ -113,4 +113,4 @@ export {
113
113
  G as a,
114
114
  Q as b
115
115
  };
116
- //# sourceMappingURL=accordion-item.CzKttO4w.js.map
116
+ //# sourceMappingURL=accordion-item.CTxrEQEW.js.map
package/dist/chunks/{accordion-item.CzKttO4w.js.map → accordion-item.CTxrEQEW.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"accordion-item.CzKttO4w.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 { 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 '@/core/utils/ts';\n import { observeSizeOfElement } from '@/utils/ts/resize';\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 { updateContentHeight, 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 () => contentDiv.value,\n () => {\n let observer: ResizeObserver | null = null;\n if (!observer && contentDiv.value) {\n observer = observeSizeOfElement(contentDiv.value, () => {\n if (contentDiv.value) {\n updateContentHeight();\n }\n });\n }\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 updateContentHeight();\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","updateContentHeight","contentHeight","useExpandableContentHeight","contentMaxHeight","computed","watch","value","observer","observeSizeOfElement","emit"],"mappings":";;;;;;;;;AAAa,MAAAA,IAAA,OAAA,oCAAA,GCqDTC,IAAA,CAAA;;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,EAAAC,GAAA,WAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GCgIAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;iBAlGAC,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,qBAAAkB,GAAA,eAAAC,EAAA,IAAAC,EAAAV,GAAAE,CAAA,GAEAS,IAAAC,EAAA,MAAAH,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAI;AAAA,MAAA,MAAAnB,EAAA;AAAA,MACgB,CAAAoB,MAAA;AAER,QAAAZ,EAAA,QAAAY;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAA,MAAAb,EAAA;AAAA,MACqB,MAAA;AAEb,YAAAe,IAAA;AACA,QAAA,CAAAA,KAAAf,EAAA,UACIe,IAAAC,EAAAhB,EAAA,OAAA,MAAA;AACI,UAAAA,EAAA,SACIQ,EAAA;AAAA,QACJ,CAAA;AAAA,MAER;AAAA,IACJ,GAGJK;AAAA,MAAAX;AAAA,MACI,CAAAY,MAAA;AAGI,QAAAG,EAAA,sBAAAH,CAAA,GAEAN,EAAA;AAAA,MAAoB;AAAA,MACxB,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"accordion-item.CTxrEQEW.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 { 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 '@/core/utils/ts';\n import { observeSizeOfElement } from '@/utils/ts/resize';\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 { updateContentHeight, 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 () => contentDiv.value,\n () => {\n let observer: ResizeObserver | null = null;\n if (!observer && contentDiv.value) {\n observer = observeSizeOfElement(contentDiv.value, () => {\n if (contentDiv.value) {\n updateContentHeight();\n }\n });\n }\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 updateContentHeight();\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","updateContentHeight","contentHeight","useExpandableContentHeight","contentMaxHeight","computed","watch","value","observer","observeSizeOfElement","emit"],"mappings":";;;;;;;;;AAAa,MAAAA,IAAA,OAAA,oCAAA,GCqDTC,IAAA,CAAA;;;;;;;;;;;;;;;AA7BA,WAAAC,EAAAF,GAAAG,EAAAC,GAAA,WAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GCgIAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;iBAlGAC,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,qBAAAkB,GAAA,eAAAC,EAAA,IAAAC,EAAAV,GAAAE,CAAA,GAEAS,IAAAC,EAAA,MAAAH,EAAA,QAAA,EAAA,cAAAA,EAAA,MAAA,IAAA,CAAA,CAAA;AAEA,WAAAI;AAAA,MAAA,MAAAnB,EAAA;AAAA,MACgB,CAAAoB,MAAA;AAER,QAAAZ,EAAA,QAAAY;AAAA,MAAe;AAAA,IACnB,GAGJD;AAAA,MAAA,MAAAb,EAAA;AAAA,MACqB,MAAA;AAEb,YAAAe,IAAA;AACA,QAAA,CAAAA,KAAAf,EAAA,UACIe,IAAAC,EAAAhB,EAAA,OAAA,MAAA;AACI,UAAAA,EAAA,SACIQ,EAAA;AAAA,QACJ,CAAA;AAAA,MAER;AAAA,IACJ,GAGJK;AAAA,MAAAX;AAAA,MACI,CAAAY,MAAA;AAGI,QAAAG,EAAA,sBAAAH,CAAA,GAEAN,EAAA;AAAA,MAAoB;AAAA,MACxB,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;"}
package/dist/chunks/{action-bar.BXemSuq4.js → action-bar.EcN2I7Az.js} RENAMED
@@ -1,12 +1,12 @@
1
1
  import { defineComponent as x, computed as c, ref as b, toRefs as O, watch as g, provide as P, nextTick as B } from "vue";
2
2
  import { B as V } from "./button.BX6ZJxF7.js";
3
3
  import { B as R } from "./typography.J1v_SPG3.js";
4
- import { B as F } from "./button-actions-with-menu.ieopdfI7.js";
4
+ import { B as F } from "./button-actions-with-menu.C8EjGVCT.js";
5
5
  import { C as W } from "./cross.CsUPDmaA.js";
6
6
  import { u as L } from "./i18n.BQkEbtPM.js";
7
7
  import { u as k } from "./index.D8ivUe7P.js";
8
- import { P as M } from "./popover.DsUymZWJ.js";
9
- import { B as U } from "./button-actions.CtFB6iRj.js";
8
+ import { P as M } from "./popover.nev0GndY.js";
9
+ import { B as U } from "./button-actions.BU173IFE.js";
10
10
  import { n as z } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
11
11
  import "../assets/action-bar.css";
12
12
  const D = {
@@ -18,19 +18,19 @@ const D = {
18
18
  selected: "selected",
19
19
  unsavedChanges: "unsaved change | unsaved changes"
20
20
  },
21
- "pt-BR": {
22
- cancel: "Cancelar",
23
- close: "Fechar",
24
- save: "Salvar",
25
- selected: "selecionados",
26
- unsavedChanges: "alteração não salva | alterações não salvas"
27
- },
28
21
  "ja-JP": {
29
22
  cancel: "キャンセル",
30
23
  close: "閉じる",
31
24
  save: "保存",
32
25
  selected: "選択済み",
33
26
  unsavedChanges: "未保存の変更"
27
+ },
28
+ "pt-BR": {
29
+ cancel: "Cancelar",
30
+ close: "Fechar",
31
+ save: "Salvar",
32
+ selected: "selecionados",
33
+ unsavedChanges: "alteração não salva | alterações não salvas"
34
34
  }
35
35
  }, G = {
36
36
  i18n: { messages: D }
@@ -158,4 +158,4 @@ const st = q.exports;
158
158
  export {
159
159
  st as B
160
160
  };
161
- //# sourceMappingURL=action-bar.BXemSuq4.js.map
161
+ //# sourceMappingURL=action-bar.EcN2I7Az.js.map
package/dist/chunks/{action-bar.BXemSuq4.js.map → action-bar.EcN2I7Az.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"action-bar.BXemSuq4.js","sources":["../../src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n <Transition name=\"b-action-bar__animation\" appear>\n <section class=\"b-action-bar\" :class=\"conditionalClasses\" :aria-label=\"t('actionBar')\">\n <div ref=\"actionBar\" class=\"b-action-bar__container\">\n <div v-if=\"!isConfirmationVariant\" class=\"b-action-bar__close-button\">\n <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n </bento-button>\n </div>\n <bento-typography el=\"span\" stronger class=\"b-action-bar__selection\">\n {{ itemCounter }} {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n </bento-typography>\n <bento-button-actions\n v-if=\"isConfirmationVariant\"\n :actions=\"confirmationActions\"\n class=\"b-action-bar__actions\"\n inverse\n />\n <button-actions-with-menu\n v-else\n :actions=\"actionsInternal\"\n class=\"b-action-bar__actions\"\n :displayed-actions=\"internalDisplayedActions\"\n menu-position=\"top-end\"\n disable-responsive-behavior\n inverse\n />\n </div>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, PropType, provide, ref, toRefs, watch } from 'vue';\n import { BentoButton, BentoButtonActions, BentoButtonActionsList } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n\n import { type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { useWindowSize } from '@vueuse/core';\n\n import messages from './messages.json';\n import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n // Constants\n const AVERAGE_BUTTON_SIZE = 100;\n const MENU_OFFSET = 7;\n const RESPONSIVE_BREAKPOINT = 500;\n const SPACING = 32;\n\n const props = defineProps({\n /**\n * List of actions that will be used to render the buttons.\n * Required and used for the `default` variant.\n *\n * Each object in the list should have a `title`, an `event` and,\n * optionally, an `icon`.\n *\n * The component will display 4 actions and the hide the rest inside a menu.\n *\n * @see BentoButton for a list of all the other props supported by each button action.\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: () => [],\n },\n /**\n * How many actions should be visible outside the menu, cannot be more than 4\n */\n visibleActions: {\n type: Number,\n default: 4,\n validator: (value: number) => value > 0 && value <= 4,\n },\n /**\n * Use when there are sticky elements at the bottom, like sticky pagination\n */\n extraBottomSpacing: {\n type: Boolean,\n default: false,\n },\n /**\n * Show how many items are selected\n */\n itemCounter: {\n type: Number,\n required: true,\n },\n /**\n * Label for the selection, e.g. 'selected'/'changed'\n */\n selectionLabel: {\n type: String,\n default: null,\n },\n /**\n * Variant for the action bar\n * @values default, confirmation\n */\n variant: {\n type: String as PropType<BentoActionBarVariant>,\n default: 'default',\n },\n });\n\n const emit = defineEmits([\"close\", \"cancel\", \"save\"]);\n\n const { t, tc } = useI18n<{ message: MessageSchema }>({ messages });\n const label = computed(() => (props.selectionLabel ? props.selectionLabel : t('selected')));\n\n // Refs\n const actionBar = ref<HTMLDivElement>(null);\n const { extraBottomSpacing, visibleActions } = toRefs(props);\n const { width } = useWindowSize();\n const internalDisplayedActions = ref(null);\n const internalVisibleActions = ref(null);\n\n const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n\n watch(\n () => visibleActions.value,\n value => {\n internalVisibleActions.value = value <= 4 ? value : 4;\n internalDisplayedActions.value = internalVisibleActions.value;\n },\n { immediate: true }\n );\n\n // Styling\n const conditionalClasses = computed(() => ({\n 'b-action-bar--extra-spacing': extraBottomSpacing.value,\n 'b-action-bar--confirmation': isConfirmationVariant.value,\n }));\n\n // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n // Manipulate actions array to display as intended\n const actionsInternal = computed(() => {\n // All buttons should be of type secondary in the action bar\n const actions = props.actions.map(action => ({\n ...action,\n variant: 'secondary',\n })) as BentoButtonActionsList;\n // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n return [...shownActions, ...hiddenActions];\n });\n\n const confirmationActions = computed<BentoButtonActionsList>(() => [\n {\n title: t('save'),\n event: () => emit('save'),\n },\n {\n title: t('cancel'),\n variant: 'secondary',\n event: () => emit('cancel'),\n },\n ]);\n\n // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n const showActions = async () => {\n await nextTick();\n if (\n width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n internalDisplayedActions.value < internalVisibleActions.value\n ) {\n internalDisplayedActions.value += 1;\n showActions();\n }\n };\n\n const hideActions = async () => {\n await nextTick();\n if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n internalDisplayedActions.value -= 1;\n hideActions();\n }\n };\n\n // Screen width watcher to toggle hidden/visible actions\n watch(\n () => width.value,\n async (newValue, oldValue) => {\n await nextTick();\n if (!actionBar.value) {\n return;\n }\n const isIncreasing = newValue > oldValue;\n if (width.value < RESPONSIVE_BREAKPOINT) {\n internalDisplayedActions.value = 0;\n } else if (isIncreasing) {\n showActions();\n } else {\n hideActions();\n }\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n *\n * @example\n * import { BentoActionBar } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoActionBar },\n * template: `\n * <bento-action-bar\n * :actions='[\n * {\n * title: 'Delete',\n * critical: true,\n * icon: BinIcon,\n * event: () => true,\n * },\n * {\n * title: 'Edit',\n * icon: EditIcon,\n * event: () => true,\n * }\n * ]'\n * @close=\"closeAction\"\n * :item-counter=\"5\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","AVERAGE_BUTTON_SIZE","MENU_OFFSET","RESPONSIVE_BREAKPOINT","SPACING","t","tc","useI18n","label","computed","props","actionBar","ref","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","emit","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+OIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA/LAC,IAAA,KACAC,IAAA,GACAC,IAAA,KACAC,IAAA,IA2DA,EAAA,GAAAC,GAAA,IAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAC,EAAA,iBAAAA,EAAA,iBAAAL,EAAA,UAAA,CAAA,GAGAM,IAAAC,EAAA,IAAA,GACA,EAAA,oBAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAL,CAAA,GACA,EAAA,OAAAM,EAAA,IAAAC,EAAA,GACAC,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,IAAA,GAEAQ,IAAAX,EAAA,MAAAC,EAAA,YAAA,cAAA;AAEA,IAAAW;AAAA,MAAA,MAAAP,EAAA;AAAA,MACyB,CAAAQ,MAAA;AAEjB,QAAAH,EAAA,QAAAG,KAAA,IAAAA,IAAA,GACAJ,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAI,IAAAd,EAAA,OAAA;AAAA,MAA2C,+BAAAI,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,IACE,EAAA;AAIxD,IAAAI,EAAAC,GAAAvB,CAAA;AAGA,UAAAwB,IAAAjB,EAAA,MAAA;AAEI,YAAAkB,IAAAjB,EAAA,QAAA,IAAA,CAAAkB,OAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAT,EAAA,KAAA,EAAA,QAAA,GACAY,IAAAH,EAAA,MAAAT,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAW,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,IAAAtB,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAJ,EAAA,MAAA;AAAA,QACmB,OAAA,MAAA2B,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAA3B,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAA2B,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAIJC,IAAA,YAAA;AACI,YAAAC,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAP,IAAAH,KAAAiB,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAe,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAP,KAAAc,EAAA,QAAA,MACIA,EAAA,SAAA,GACAiB,EAAA;AAAA,IACJ;AAIJ,WAAAd;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAoB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAvB,EAAA;AACI;AAEJ,cAAA2B,IAAAF,IAAAC;AACA,QAAArB,EAAA,QAAAb,IACIe,EAAA,QAAA,IAAiCoB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"action-bar.EcN2I7Az.js","sources":["../../src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n <Transition name=\"b-action-bar__animation\" appear>\n <section class=\"b-action-bar\" :class=\"conditionalClasses\" :aria-label=\"t('actionBar')\">\n <div ref=\"actionBar\" class=\"b-action-bar__container\">\n <div v-if=\"!isConfirmationVariant\" class=\"b-action-bar__close-button\">\n <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n </bento-button>\n </div>\n <bento-typography el=\"span\" stronger class=\"b-action-bar__selection\">\n {{ itemCounter }} {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n </bento-typography>\n <bento-button-actions\n v-if=\"isConfirmationVariant\"\n :actions=\"confirmationActions\"\n class=\"b-action-bar__actions\"\n inverse\n />\n <button-actions-with-menu\n v-else\n :actions=\"actionsInternal\"\n class=\"b-action-bar__actions\"\n :displayed-actions=\"internalDisplayedActions\"\n menu-position=\"top-end\"\n disable-responsive-behavior\n inverse\n />\n </div>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, PropType, provide, ref, toRefs, watch } from 'vue';\n import { BentoButton, BentoButtonActions, BentoButtonActionsList } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n\n import { type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { useWindowSize } from '@vueuse/core';\n\n import messages from './messages.json';\n import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n // Constants\n const AVERAGE_BUTTON_SIZE = 100;\n const MENU_OFFSET = 7;\n const RESPONSIVE_BREAKPOINT = 500;\n const SPACING = 32;\n\n const props = defineProps({\n /**\n * List of actions that will be used to render the buttons.\n * Required and used for the `default` variant.\n *\n * Each object in the list should have a `title`, an `event` and,\n * optionally, an `icon`.\n *\n * The component will display 4 actions and the hide the rest inside a menu.\n *\n * @see BentoButton for a list of all the other props supported by each button action.\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: () => [],\n },\n /**\n * How many actions should be visible outside the menu, cannot be more than 4\n */\n visibleActions: {\n type: Number,\n default: 4,\n validator: (value: number) => value > 0 && value <= 4,\n },\n /**\n * Use when there are sticky elements at the bottom, like sticky pagination\n */\n extraBottomSpacing: {\n type: Boolean,\n default: false,\n },\n /**\n * Show how many items are selected\n */\n itemCounter: {\n type: Number,\n required: true,\n },\n /**\n * Label for the selection, e.g. 'selected'/'changed'\n */\n selectionLabel: {\n type: String,\n default: null,\n },\n /**\n * Variant for the action bar\n * @values default, confirmation\n */\n variant: {\n type: String as PropType<BentoActionBarVariant>,\n default: 'default',\n },\n });\n\n const emit = defineEmits([\"close\", \"cancel\", \"save\"]);\n\n const { t, tc } = useI18n<{ message: MessageSchema }>({ messages });\n const label = computed(() => (props.selectionLabel ? props.selectionLabel : t('selected')));\n\n // Refs\n const actionBar = ref<HTMLDivElement>(null);\n const { extraBottomSpacing, visibleActions } = toRefs(props);\n const { width } = useWindowSize();\n const internalDisplayedActions = ref(null);\n const internalVisibleActions = ref(null);\n\n const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n\n watch(\n () => visibleActions.value,\n value => {\n internalVisibleActions.value = value <= 4 ? value : 4;\n internalDisplayedActions.value = internalVisibleActions.value;\n },\n { immediate: true }\n );\n\n // Styling\n const conditionalClasses = computed(() => ({\n 'b-action-bar--extra-spacing': extraBottomSpacing.value,\n 'b-action-bar--confirmation': isConfirmationVariant.value,\n }));\n\n // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n // Manipulate actions array to display as intended\n const actionsInternal = computed(() => {\n // All buttons should be of type secondary in the action bar\n const actions = props.actions.map(action => ({\n ...action,\n variant: 'secondary',\n })) as BentoButtonActionsList;\n // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n return [...shownActions, ...hiddenActions];\n });\n\n const confirmationActions = computed<BentoButtonActionsList>(() => [\n {\n title: t('save'),\n event: () => emit('save'),\n },\n {\n title: t('cancel'),\n variant: 'secondary',\n event: () => emit('cancel'),\n },\n ]);\n\n // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n const showActions = async () => {\n await nextTick();\n if (\n width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n internalDisplayedActions.value < internalVisibleActions.value\n ) {\n internalDisplayedActions.value += 1;\n showActions();\n }\n };\n\n const hideActions = async () => {\n await nextTick();\n if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n internalDisplayedActions.value -= 1;\n hideActions();\n }\n };\n\n // Screen width watcher to toggle hidden/visible actions\n watch(\n () => width.value,\n async (newValue, oldValue) => {\n await nextTick();\n if (!actionBar.value) {\n return;\n }\n const isIncreasing = newValue > oldValue;\n if (width.value < RESPONSIVE_BREAKPOINT) {\n internalDisplayedActions.value = 0;\n } else if (isIncreasing) {\n showActions();\n } else {\n hideActions();\n }\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n *\n * @example\n * import { BentoActionBar } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoActionBar },\n * template: `\n * <bento-action-bar\n * :actions='[\n * {\n * title: 'Delete',\n * critical: true,\n * icon: BinIcon,\n * event: () => true,\n * },\n * {\n * title: 'Edit',\n * icon: EditIcon,\n * event: () => true,\n * }\n * ]'\n * @close=\"closeAction\"\n * :item-counter=\"5\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","AVERAGE_BUTTON_SIZE","MENU_OFFSET","RESPONSIVE_BREAKPOINT","SPACING","t","tc","useI18n","label","computed","props","actionBar","ref","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","emit","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+OIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA/LAC,IAAA,KACAC,IAAA,GACAC,IAAA,KACAC,IAAA,IA2DA,EAAA,GAAAC,GAAA,IAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAC,EAAA,iBAAAA,EAAA,iBAAAL,EAAA,UAAA,CAAA,GAGAM,IAAAC,EAAA,IAAA,GACA,EAAA,oBAAAC,GAAA,gBAAAC,EAAA,IAAAC,EAAAL,CAAA,GACA,EAAA,OAAAM,EAAA,IAAAC,EAAA,GACAC,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,IAAA,GAEAQ,IAAAX,EAAA,MAAAC,EAAA,YAAA,cAAA;AAEA,IAAAW;AAAA,MAAA,MAAAP,EAAA;AAAA,MACyB,CAAAQ,MAAA;AAEjB,QAAAH,EAAA,QAAAG,KAAA,IAAAA,IAAA,GACAJ,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAI,IAAAd,EAAA,OAAA;AAAA,MAA2C,+BAAAI,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,IACE,EAAA;AAIxD,IAAAI,EAAAC,GAAAvB,CAAA;AAGA,UAAAwB,IAAAjB,EAAA,MAAA;AAEI,YAAAkB,IAAAjB,EAAA,QAAA,IAAA,CAAAkB,OAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAT,EAAA,KAAA,EAAA,QAAA,GACAY,IAAAH,EAAA,MAAAT,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAW,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,IAAAtB,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAJ,EAAA,MAAA;AAAA,QACmB,OAAA,MAAA2B,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAA3B,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAA2B,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAIJC,IAAA,YAAA;AACI,YAAAC,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAP,IAAAH,KAAAiB,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAe,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACAlB,EAAA,QAAAL,EAAA,MAAA,cAAAP,KAAAc,EAAA,QAAA,MACIA,EAAA,SAAA,GACAiB,EAAA;AAAA,IACJ;AAIJ,WAAAd;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAoB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAAvB,EAAA;AACI;AAEJ,cAAA2B,IAAAF,IAAAC;AACA,QAAArB,EAAA,QAAAb,IACIe,EAAA,QAAA,IAAiCoB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;"}
package/dist/chunks/{alert.CAIp-87f.js → alert.BRN8cpXl.js} RENAMED
@@ -29,17 +29,17 @@ var $ = function() {
29
29
  );
30
30
  const P = A.exports, k = {
31
31
  "en-US": {
32
+ close: "Close",
33
+ criticalIcon: "Critical icon",
32
34
  highlightIcon: "Highlight icon",
33
35
  successIcon: "Success icon",
34
- criticalIcon: "Critical icon",
35
- warningIcon: "Warning icon",
36
- close: "Close"
37
- },
38
- "pt-BR": {
39
- close: "Fechar"
36
+ warningIcon: "Warning icon"
40
37
  },
41
38
  "ja-JP": {
42
39
  close: "閉じる"
40
+ },
41
+ "pt-BR": {
42
+ close: "Fechar"
43
43
  }
44
44
  }, x = {
45
45
  i18n: { messages: k },
@@ -99,4 +99,4 @@ export {
99
99
  o as b,
100
100
  C as c
101
101
  };
102
- //# sourceMappingURL=alert.CAIp-87f.js.map
102
+ //# sourceMappingURL=alert.BRN8cpXl.js.map
package/dist/chunks/{alert.CAIp-87f.js.map → alert.BRN8cpXl.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"alert.CAIp-87f.js","sources":["../../src/components/alert/alert.types.ts","../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/info-filled.vue","../../src/components/alert/alert.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertVariant {\n DEFAULT = 'default',\n TIP = 'tip',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertTypeOption {\n WARNING = 'warning',\n CRITICAL = 'critical',\n HIGHLIGHT = 'highlight',\n SUCCESS = 'success',\n}\n\n/**\n * @deprecated from version 2.0.0. Use \"@close-alert\" instead.\n */\nexport enum BentoAlertEvent {\n CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M5.0342 0.839937C6.45033 0.253358 8.00859 0.0998821 9.51195 0.398918C11.0153 0.697953 12.3962 1.43607 13.4801 2.51993C14.5639 3.60378 15.3021 4.9847 15.6011 6.48805C15.9001 7.99141 15.7466 9.54967 15.1601 10.9658C14.5735 12.3819 13.5801 13.5923 12.3057 14.4439C11.0312 15.2955 9.53281 15.75 8 15.75C5.94457 15.75 3.97333 14.9335 2.51992 13.4801C1.06652 12.0267 0.25 10.0554 0.25 8C0.25 6.4672 0.704529 4.96881 1.55611 3.69433C2.40769 2.41985 3.61808 1.42652 5.0342 0.839937ZM8.75 4.5C8.75 4.23478 8.64464 3.98043 8.45711 3.79289C8.26957 3.60536 8.01522 3.5 7.75 3.5C7.55222 3.5 7.35888 3.55865 7.19443 3.66853C7.02998 3.77841 6.90181 3.93459 6.82612 4.11732C6.75043 4.30004 6.73063 4.50111 6.76921 4.69509C6.8078 4.88907 6.90304 5.06725 7.04289 5.20711C7.18275 5.34696 7.36093 5.4422 7.55491 5.48079C7.74889 5.51937 7.94996 5.49957 8.13268 5.42388C8.31541 5.34819 8.47159 5.22002 8.58147 5.05557C8.69135 4.89112 8.75 4.69778 8.75 4.5ZM8.75 6.25H6.25V7.75H7.25V10.25H6.25V11.75H9.75V10.25H8.75V6.25Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n<style>\n @import '../css/main.css';\n</style>\n","<template>\n <div class=\"b-alert\" :role=\"computedRole\">\n <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n <div class=\"b-alert__icon\">\n <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n </div>\n\n <div class=\"b-alert__content\">\n <bento-typography\n v-if=\"hasSlot('default') && !isTipVariant\"\n class=\"b-alert__title\"\n el=\"div\"\n variant=\"body\"\n strongest\n wide\n >\n <slot />\n </bento-typography>\n\n <bento-typography\n v-if=\"hasSlot('description')\"\n class=\"b-alert__description\"\n v-bind=\"descriptionTypography\"\n data-testid=\"alert-description\"\n >\n <slot name=\"description\" />\n </bento-typography>\n\n <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <bento-button\n v-if=\"closeButton && !isTipVariant\"\n class=\"b-alert__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n @click=\"onCloseButtonClick\"\n >\n <cross-small :svg-title=\"t('close')\" />\n </bento-button>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, useSlots } from 'vue';\n\n // Component\n import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n import { BentoButton } from '@/components/button';\n\n import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n // Utils\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const emit = defineEmits([\"close-alert\"]);\n\n const props = defineProps({\n closeButton: { type: Boolean, default: false },\n type: { default: BentoAlertTypeOption.HIGHLIGHT },\n variant: { default: BentoAlertVariant.DEFAULT }\n});\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n const alertConditionalClasses = computed(() => ({\n [`b-alert--${props.type}`]: props.type,\n [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n }));\n\n const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n const iconComponent = computed(() => {\n switch (props.type) {\n case BentoAlertTypeOption.CRITICAL:\n return CrossCircle;\n case BentoAlertTypeOption.SUCCESS:\n return CheckedCircle;\n case BentoAlertTypeOption.WARNING:\n return Warning;\n case BentoAlertTypeOption.HIGHLIGHT:\n default:\n return Info;\n }\n });\n\n const descriptionTypography = computed(() => ({\n el: BentoTypographyElement.DIV,\n variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n wide: true,\n }));\n\n const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n const onCloseButtonClick = () => {\n emit(BentoAlertEvent.CLOSE_ALERT);\n };\n\n onMounted(() => {\n if (!slots.default && !slots.description) {\n throw new Error('Alert Component requires a title or a description');\n }\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * An Alert component is used to display a persistent\n * notification containing information important to the user\n *\n * @example\n * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAlert },\n * template: `\n * <bento-alert type=\"highlight\">\n * Title of the Alert\n * </bento-alert>\n * `\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-alert',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","_sfc_main$1","__default__","messages","slots","useSlots","hasSlot","useHasSlot","t","useI18n","isTipVariant","computed","props","alertConditionalClasses","iconSvgTitle","iconComponent","CrossCircleFillIcon","CheckmarkCircleFillIcon","WarningFilledIcon","Info","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","emit","onMounted"],"mappings":";;;;;;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAQAE,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WAJQA,IAAAD,KAAA,CAAA,CAAA,GAUAE,IAAA,kBAAAC,OACRA,EAAA,cAAA,eADQA,IAAAD,KAAA,CAAA,CAAA;AChBZ,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;GCgIIE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;iBA3EAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAUA,EAAA,GAAAI,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAA,MAAAC,EAAA,YAAAlB,EAAA,GAAA,GAEAmB,IAAAF,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAC,EAAA,IAAA,EAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAAlB,EAAA,GAAA,EAAA,GAAAgB,EAAA;AAAA,IACkB,EAAA,GAGxDI,IAAAH,EAAA,MAAAH,EAAA,GAAAI,EAAA,IAAA,MAAA,CAAA,GAEAG,IAAAJ,EAAA,MAAA;AACI,cAAAC,EAAA,MAAA;AAAA,QAAoB,KAAAhB,EAAA;AAEZ,iBAAAoB;AAAA,QAAO,KAAApB,EAAA;AAEP,iBAAAqB;AAAA,QAAO,KAAArB,EAAA;AAEP,iBAAAsB;AAAA,QAAO,KAAAtB,EAAA;AAAA,QACe;AAEtB,iBAAAuB;AAAA,MAAO;AAAA,IACf,CAAA,GAGJC,IAAAT,EAAA,OAAA;AAAA,MAA8C,IAAAU,EAAA;AAAA,MACf,SAAAX,EAAA,QAAAY,EAAA,UAAAA,EAAA;AAAA,MAC2D,MAAA;AAAA,IAChF,EAAA,GAGVC,IAAAZ,EAAA,MAAAC,EAAA,SAAAhB,EAAA,YAAA,WAAA,OAAA,GAEA4B,IAAA,MAAA;AACI,MAAAC,EAAA3B,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAA4B,EAAA,MAAA;AACI,UAAA,CAAAtB,EAAA,WAAA,CAAAA,EAAA;AACI,cAAA,IAAA,MAAA,mDAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}
1
+ {"version":3,"file":"alert.BRN8cpXl.js","sources":["../../src/components/alert/alert.types.ts","../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/info-filled.vue","../../src/components/alert/alert.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertVariant {\n DEFAULT = 'default',\n TIP = 'tip',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoAlertTypeOption {\n WARNING = 'warning',\n CRITICAL = 'critical',\n HIGHLIGHT = 'highlight',\n SUCCESS = 'success',\n}\n\n/**\n * @deprecated from version 2.0.0. Use \"@close-alert\" instead.\n */\nexport enum BentoAlertEvent {\n CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M5.0342 0.839937C6.45033 0.253358 8.00859 0.0998821 9.51195 0.398918C11.0153 0.697953 12.3962 1.43607 13.4801 2.51993C14.5639 3.60378 15.3021 4.9847 15.6011 6.48805C15.9001 7.99141 15.7466 9.54967 15.1601 10.9658C14.5735 12.3819 13.5801 13.5923 12.3057 14.4439C11.0312 15.2955 9.53281 15.75 8 15.75C5.94457 15.75 3.97333 14.9335 2.51992 13.4801C1.06652 12.0267 0.25 10.0554 0.25 8C0.25 6.4672 0.704529 4.96881 1.55611 3.69433C2.40769 2.41985 3.61808 1.42652 5.0342 0.839937ZM8.75 4.5C8.75 4.23478 8.64464 3.98043 8.45711 3.79289C8.26957 3.60536 8.01522 3.5 7.75 3.5C7.55222 3.5 7.35888 3.55865 7.19443 3.66853C7.02998 3.77841 6.90181 3.93459 6.82612 4.11732C6.75043 4.30004 6.73063 4.50111 6.76921 4.69509C6.8078 4.88907 6.90304 5.06725 7.04289 5.20711C7.18275 5.34696 7.36093 5.4422 7.55491 5.48079C7.74889 5.51937 7.94996 5.49957 8.13268 5.42388C8.31541 5.34819 8.47159 5.22002 8.58147 5.05557C8.69135 4.89112 8.75 4.69778 8.75 4.5ZM8.75 6.25H6.25V7.75H7.25V10.25H6.25V11.75H9.75V10.25H8.75V6.25Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n<style>\n @import '../css/main.css';\n</style>\n","<template>\n <div class=\"b-alert\" :role=\"computedRole\">\n <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n <div class=\"b-alert__icon\">\n <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n </div>\n\n <div class=\"b-alert__content\">\n <bento-typography\n v-if=\"hasSlot('default') && !isTipVariant\"\n class=\"b-alert__title\"\n el=\"div\"\n variant=\"body\"\n strongest\n wide\n >\n <slot />\n </bento-typography>\n\n <bento-typography\n v-if=\"hasSlot('description')\"\n class=\"b-alert__description\"\n v-bind=\"descriptionTypography\"\n data-testid=\"alert-description\"\n >\n <slot name=\"description\" />\n </bento-typography>\n\n <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <bento-button\n v-if=\"closeButton && !isTipVariant\"\n class=\"b-alert__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n @click=\"onCloseButtonClick\"\n >\n <cross-small :svg-title=\"t('close')\" />\n </bento-button>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, useSlots } from 'vue';\n\n // Component\n import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n import { BentoButton } from '@/components/button';\n\n import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n // Utils\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const emit = defineEmits([\"close-alert\"]);\n\n const props = defineProps({\n closeButton: { type: Boolean, default: false },\n type: { default: BentoAlertTypeOption.HIGHLIGHT },\n variant: { default: BentoAlertVariant.DEFAULT }\n});\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n const alertConditionalClasses = computed(() => ({\n [`b-alert--${props.type}`]: props.type,\n [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n }));\n\n const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n const iconComponent = computed(() => {\n switch (props.type) {\n case BentoAlertTypeOption.CRITICAL:\n return CrossCircle;\n case BentoAlertTypeOption.SUCCESS:\n return CheckedCircle;\n case BentoAlertTypeOption.WARNING:\n return Warning;\n case BentoAlertTypeOption.HIGHLIGHT:\n default:\n return Info;\n }\n });\n\n const descriptionTypography = computed(() => ({\n el: BentoTypographyElement.DIV,\n variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n wide: true,\n }));\n\n const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n const onCloseButtonClick = () => {\n emit(BentoAlertEvent.CLOSE_ALERT);\n };\n\n onMounted(() => {\n if (!slots.default && !slots.description) {\n throw new Error('Alert Component requires a title or a description');\n }\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * An Alert component is used to display a persistent\n * notification containing information important to the user\n *\n * @example\n * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAlert },\n * template: `\n * <bento-alert type=\"highlight\">\n * Title of the Alert\n * </bento-alert>\n * `\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-alert',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid","_sfc_main$1","__default__","messages","slots","useSlots","hasSlot","useHasSlot","t","useI18n","isTipVariant","computed","props","alertConditionalClasses","iconSvgTitle","iconComponent","CrossCircleFillIcon","CheckmarkCircleFillIcon","WarningFilledIcon","Info","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","emit","onMounted"],"mappings":";;;;;;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAQAE,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WAJQA,IAAAD,KAAA,CAAA,CAAA,GAUAE,IAAA,kBAAAC,OACRA,EAAA,cAAA,eADQA,IAAAD,KAAA,CAAA,CAAA;AChBZ,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;GCgIIE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;iBA3EAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAUA,EAAA,GAAAI,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAA,MAAAC,EAAA,YAAAlB,EAAA,GAAA,GAEAmB,IAAAF,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAC,EAAA,IAAA,EAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAAlB,EAAA,GAAA,EAAA,GAAAgB,EAAA;AAAA,IACkB,EAAA,GAGxDI,IAAAH,EAAA,MAAAH,EAAA,GAAAI,EAAA,IAAA,MAAA,CAAA,GAEAG,IAAAJ,EAAA,MAAA;AACI,cAAAC,EAAA,MAAA;AAAA,QAAoB,KAAAhB,EAAA;AAEZ,iBAAAoB;AAAA,QAAO,KAAApB,EAAA;AAEP,iBAAAqB;AAAA,QAAO,KAAArB,EAAA;AAEP,iBAAAsB;AAAA,QAAO,KAAAtB,EAAA;AAAA,QACe;AAEtB,iBAAAuB;AAAA,MAAO;AAAA,IACf,CAAA,GAGJC,IAAAT,EAAA,OAAA;AAAA,MAA8C,IAAAU,EAAA;AAAA,MACf,SAAAX,EAAA,QAAAY,EAAA,UAAAA,EAAA;AAAA,MAC2D,MAAA;AAAA,IAChF,EAAA,GAGVC,IAAAZ,EAAA,MAAAC,EAAA,SAAAhB,EAAA,YAAA,WAAA,OAAA,GAEA4B,IAAA,MAAA;AACI,MAAAC,EAAA3B,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAA4B,EAAA,MAAA;AACI,UAAA,CAAAtB,EAAA,WAAA,CAAAA,EAAA;AACI,cAAA,IAAA,MAAA,mDAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;","x_google_ignoreList":[1]}
package/dist/chunks/{base-modal.4JSNBM4T.js → base-modal.BgTZ8iQ6.js} RENAMED
@@ -6,7 +6,7 @@ import { u as nt } from "./i18n.BQkEbtPM.js";
6
6
  import { M as st } from "./base-modal.keys.C2PQXcE2.js";
7
7
  import { g as lt } from "./generate-uid.NJ8tVoha.js";
8
8
  import { B as it } from "./typography.J1v_SPG3.js";
9
- import { F as rt } from "./footer-actions.D0uH9JWq.js";
9
+ import { F as rt } from "./footer-actions.Cbe_YLjP.js";
10
10
  import { D as ut, B as ct, b as dt, a as mt } from "./dialog-page.DcJ7LaOE.js";
11
11
  import { o as pt } from "./resize.Bqks3WUm.js";
12
12
  import { a as gt, G as ft } from "./grid-layout.HvTAa4to.js";
@@ -20,11 +20,11 @@ const bt = {
20
20
  ariaLabelFallback: "modal",
21
21
  close: "Close"
22
22
  },
23
- "pt-BR": {
24
- close: "Fechar"
25
- },
26
23
  "ja-JP": {
27
24
  close: "閉じる"
25
+ },
26
+ "pt-BR": {
27
+ close: "Fechar"
28
28
  }
29
29
  }, j = Symbol("modal config data injection key"), Lt = T({}), St = /* @__PURE__ */ T({
30
30
  ...Lt,
@@ -370,4 +370,4 @@ export {
370
370
  At as g,
371
371
  Qt as h
372
372
  };
373
- //# sourceMappingURL=base-modal.4JSNBM4T.js.map
373
+ //# sourceMappingURL=base-modal.BgTZ8iQ6.js.map