@beeq/core 1.12.3-beta.0 → 1.12.3

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 (337) hide show
  1. package/dist/beeq/beeq.esm.js +1 -1
  2. package/dist/beeq/beeq.esm.js.map +1 -1
  3. package/dist/beeq/{p-d1f4ce2e.entry.js → p-038d9bc4.entry.js} +2 -2
  4. package/dist/beeq/{p-d1f4ce2e.entry.js.map → p-038d9bc4.entry.js.map} +1 -1
  5. package/dist/beeq/{p-4aa539d7.entry.js → p-1c1ee013.entry.js} +2 -2
  6. package/dist/beeq/{p-4aa539d7.entry.js.map → p-1c1ee013.entry.js.map} +1 -1
  7. package/dist/beeq/{p-08fef3d3.entry.js → p-20e8bc04.entry.js} +2 -2
  8. package/dist/beeq/{p-08fef3d3.entry.js.map → p-20e8bc04.entry.js.map} +1 -1
  9. package/dist/beeq/{p-c3013171.entry.js → p-2201ab1a.entry.js} +2 -2
  10. package/dist/beeq/{p-12d9420b.entry.js → p-22c78250.entry.js} +2 -2
  11. package/dist/beeq/{p-12d9420b.entry.js.map → p-22c78250.entry.js.map} +1 -1
  12. package/dist/beeq/{p-061d53de.entry.js → p-31719229.entry.js} +2 -2
  13. package/dist/beeq/{p-061d53de.entry.js.map → p-31719229.entry.js.map} +1 -1
  14. package/dist/beeq/{p-2ec4fbf0.entry.js → p-42f99ec4.entry.js} +2 -2
  15. package/dist/beeq/{p-2ec4fbf0.entry.js.map → p-42f99ec4.entry.js.map} +1 -1
  16. package/dist/beeq/{p-34125078.entry.js → p-4db3ffaa.entry.js} +2 -2
  17. package/dist/beeq/{p-34125078.entry.js.map → p-4db3ffaa.entry.js.map} +1 -1
  18. package/dist/beeq/{p-f86bbd71.entry.js → p-5457ebe7.entry.js} +2 -2
  19. package/dist/beeq/{p-ab690c8e.entry.js → p-55f5d241.entry.js} +2 -2
  20. package/dist/beeq/{p-7e73ea84.entry.js → p-5ca3316e.entry.js} +2 -2
  21. package/dist/beeq/{p-7e73ea84.entry.js.map → p-5ca3316e.entry.js.map} +1 -1
  22. package/dist/beeq/{p-1f819545.entry.js → p-617e5993.entry.js} +2 -2
  23. package/dist/beeq/{p-1f819545.entry.js.map → p-617e5993.entry.js.map} +1 -1
  24. package/dist/beeq/{p-b31ab8df.entry.js → p-648be77e.entry.js} +2 -2
  25. package/dist/beeq/{p-b31ab8df.entry.js.map → p-648be77e.entry.js.map} +1 -1
  26. package/dist/beeq/{p-7c9c6561.entry.js → p-70129a03.entry.js} +2 -2
  27. package/dist/beeq/{p-7c9c6561.entry.js.map → p-70129a03.entry.js.map} +1 -1
  28. package/dist/beeq/{p-cf843f3a.entry.js → p-73684bb1.entry.js} +2 -2
  29. package/dist/beeq/{p-cf843f3a.entry.js.map → p-73684bb1.entry.js.map} +1 -1
  30. package/dist/beeq/{p-6a70511e.entry.js → p-78c43b87.entry.js} +2 -2
  31. package/dist/beeq/{p-37f739f5.entry.js → p-8827075b.entry.js} +2 -2
  32. package/dist/beeq/{p-37f739f5.entry.js.map → p-8827075b.entry.js.map} +1 -1
  33. package/dist/beeq/{p-36e8e717.entry.js → p-8928375e.entry.js} +2 -2
  34. package/dist/beeq/{p-36e8e717.entry.js.map → p-8928375e.entry.js.map} +1 -1
  35. package/dist/beeq/{p-d6edf4cb.entry.js → p-8e330c1e.entry.js} +2 -2
  36. package/dist/beeq/{p-d6edf4cb.entry.js.map → p-8e330c1e.entry.js.map} +1 -1
  37. package/dist/beeq/{p-ec4c7f14.entry.js → p-92f57edd.entry.js} +2 -2
  38. package/dist/beeq/{p-85af346a.entry.js → p-9cbc5e5a.entry.js} +2 -2
  39. package/dist/beeq/{p-85af346a.entry.js.map → p-9cbc5e5a.entry.js.map} +1 -1
  40. package/dist/beeq/{p-51074699.entry.js → p-9fb4173e.entry.js} +2 -2
  41. package/dist/beeq/{p-51074699.entry.js.map → p-9fb4173e.entry.js.map} +1 -1
  42. package/dist/beeq/{p-XbB3xSTR.js → p-B6Fb5jZ3.js} +2 -2
  43. package/dist/beeq/p-B6Fb5jZ3.js.map +1 -0
  44. package/dist/beeq/{p-1bce390d.entry.js → p-b69da6be.entry.js} +2 -2
  45. package/dist/beeq/{p-bcd26036.entry.js → p-bbda98b4.entry.js} +2 -2
  46. package/dist/beeq/{p-bcd26036.entry.js.map → p-bbda98b4.entry.js.map} +1 -1
  47. package/dist/beeq/{p-292a8a40.entry.js → p-c5dbc787.entry.js} +2 -2
  48. package/dist/beeq/{p-38a7015c.entry.js → p-c97ac5b8.entry.js} +2 -2
  49. package/dist/beeq/{p-38a7015c.entry.js.map → p-c97ac5b8.entry.js.map} +1 -1
  50. package/dist/beeq/{p-64123cb2.entry.js → p-ca5a4a52.entry.js} +2 -2
  51. package/dist/beeq/{p-64123cb2.entry.js.map → p-ca5a4a52.entry.js.map} +1 -1
  52. package/dist/beeq/{p-f3c8eda1.entry.js → p-cd6e4ee0.entry.js} +2 -2
  53. package/dist/beeq/{p-f3c8eda1.entry.js.map → p-cd6e4ee0.entry.js.map} +1 -1
  54. package/dist/beeq/{p-84db8789.entry.js → p-ce62c276.entry.js} +2 -2
  55. package/dist/beeq/{p-ad86b7ee.entry.js → p-d2bf32a5.entry.js} +2 -2
  56. package/dist/beeq/{p-ad86b7ee.entry.js.map → p-d2bf32a5.entry.js.map} +1 -1
  57. package/dist/beeq/{p-ff68b62f.entry.js → p-d8392d71.entry.js} +2 -2
  58. package/dist/beeq/{p-ff68b62f.entry.js.map → p-d8392d71.entry.js.map} +1 -1
  59. package/dist/beeq/{p-a4e6c238.entry.js → p-db100fa9.entry.js} +2 -2
  60. package/dist/beeq/{p-a4e6c238.entry.js.map → p-db100fa9.entry.js.map} +1 -1
  61. package/dist/beeq/{p-ce975008.entry.js → p-ded7a5f7.entry.js} +2 -2
  62. package/dist/beeq/{p-ce975008.entry.js.map → p-ded7a5f7.entry.js.map} +1 -1
  63. package/dist/beeq/{p-c08c4c7b.entry.js → p-e942f0b7.entry.js} +2 -2
  64. package/dist/beeq/{p-c08c4c7b.entry.js.map → p-e942f0b7.entry.js.map} +1 -1
  65. package/dist/beeq/{p-b4f1b67f.entry.js → p-eb128f48.entry.js} +2 -2
  66. package/dist/beeq/p-f34cd07f.entry.js +6 -0
  67. package/dist/beeq/{p-e38637a0.entry.js.map → p-f34cd07f.entry.js.map} +1 -1
  68. package/dist/beeq/p-f9db00e0.entry.js +6 -0
  69. package/dist/beeq/{p-026cfacc.entry.js.map → p-f9db00e0.entry.js.map} +1 -1
  70. package/dist/beeq/{p-17454929.entry.js → p-fbfb605d.entry.js} +2 -2
  71. package/dist/beeq/{p-1c09c7c0.entry.js → p-fd91cc6b.entry.js} +2 -2
  72. package/dist/beeq/{p-1c09c7c0.entry.js.map → p-fd91cc6b.entry.js.map} +1 -1
  73. package/dist/beeq.html-custom-data.json +151 -151
  74. package/dist/cjs/beeq.cjs.js +2 -2
  75. package/dist/cjs/beeq.cjs.js.map +1 -1
  76. package/dist/cjs/bq-accordion-group.cjs.entry.js +2 -2
  77. package/dist/cjs/bq-accordion-group.cjs.entry.js.map +1 -1
  78. package/dist/cjs/bq-accordion.cjs.entry.js +1 -1
  79. package/dist/cjs/bq-alert.cjs.entry.js +2 -2
  80. package/dist/cjs/bq-alert.cjs.entry.js.map +1 -1
  81. package/dist/cjs/bq-avatar.cjs.entry.js +2 -2
  82. package/dist/cjs/bq-avatar.cjs.entry.js.map +1 -1
  83. package/dist/cjs/bq-badge.cjs.entry.js +1 -1
  84. package/dist/cjs/bq-breadcrumb-item.cjs.entry.js +2 -2
  85. package/dist/cjs/bq-breadcrumb-item.cjs.entry.js.map +1 -1
  86. package/dist/cjs/bq-breadcrumb.cjs.entry.js +2 -2
  87. package/dist/cjs/bq-breadcrumb.cjs.entry.js.map +1 -1
  88. package/dist/cjs/bq-button_2.cjs.entry.js +2 -2
  89. package/dist/cjs/bq-button_2.cjs.entry.js.map +1 -1
  90. package/dist/cjs/bq-card.cjs.entry.js +2 -2
  91. package/dist/cjs/bq-card.cjs.entry.js.map +1 -1
  92. package/dist/cjs/bq-checkbox.cjs.entry.js +2 -2
  93. package/dist/cjs/bq-checkbox.cjs.entry.js.map +1 -1
  94. package/dist/cjs/bq-date-picker.cjs.entry.js +2 -2
  95. package/dist/cjs/bq-date-picker.cjs.entry.js.map +1 -1
  96. package/dist/cjs/bq-dialog.cjs.entry.js +2 -2
  97. package/dist/cjs/bq-dialog.cjs.entry.js.map +1 -1
  98. package/dist/cjs/bq-divider.cjs.entry.js +1 -1
  99. package/dist/cjs/bq-drawer.cjs.entry.js +2 -2
  100. package/dist/cjs/bq-drawer.cjs.entry.js.map +1 -1
  101. package/dist/cjs/bq-dropdown_2.cjs.entry.js +2 -2
  102. package/dist/cjs/bq-dropdown_2.cjs.entry.js.map +1 -1
  103. package/dist/cjs/bq-empty-state.cjs.entry.js +2 -2
  104. package/dist/cjs/bq-empty-state.cjs.entry.js.map +1 -1
  105. package/dist/cjs/bq-input.cjs.entry.js +2 -2
  106. package/dist/cjs/bq-input.cjs.entry.js.map +1 -1
  107. package/dist/cjs/bq-notification.cjs.entry.js +2 -2
  108. package/dist/cjs/bq-notification.cjs.entry.js.map +1 -1
  109. package/dist/cjs/bq-option-group.cjs.entry.js +2 -2
  110. package/dist/cjs/bq-option-group.cjs.entry.js.map +1 -1
  111. package/dist/cjs/bq-option-list_2.cjs.entry.js +3 -3
  112. package/dist/cjs/bq-option-list_2.cjs.entry.js.map +1 -1
  113. package/dist/cjs/bq-option.cjs.entry.js +1 -1
  114. package/dist/cjs/bq-page-title.cjs.entry.js +2 -2
  115. package/dist/cjs/bq-page-title.cjs.entry.js.map +1 -1
  116. package/dist/cjs/bq-progress.cjs.entry.js +2 -2
  117. package/dist/cjs/bq-progress.cjs.entry.js.map +1 -1
  118. package/dist/cjs/bq-radio-group.cjs.entry.js +1 -1
  119. package/dist/cjs/bq-radio.cjs.entry.js +1 -1
  120. package/dist/cjs/bq-select.cjs.entry.js +2 -2
  121. package/dist/cjs/bq-select.cjs.entry.js.map +1 -1
  122. package/dist/cjs/bq-side-menu-item.cjs.entry.js +2 -2
  123. package/dist/cjs/bq-side-menu-item.cjs.entry.js.map +1 -1
  124. package/dist/cjs/bq-side-menu.cjs.entry.js +1 -1
  125. package/dist/cjs/bq-slider.cjs.entry.js +1 -1
  126. package/dist/cjs/bq-spinner.cjs.entry.js +2 -2
  127. package/dist/cjs/bq-spinner.cjs.entry.js.map +1 -1
  128. package/dist/cjs/bq-status.cjs.entry.js +2 -2
  129. package/dist/cjs/bq-status.cjs.entry.js.map +1 -1
  130. package/dist/cjs/bq-step-item.cjs.entry.js +2 -2
  131. package/dist/cjs/bq-step-item.cjs.entry.js.map +1 -1
  132. package/dist/cjs/bq-steps.cjs.entry.js +1 -1
  133. package/dist/cjs/bq-switch.cjs.entry.js +2 -2
  134. package/dist/cjs/bq-switch.cjs.entry.js.map +1 -1
  135. package/dist/cjs/bq-tab-group.cjs.entry.js +1 -1
  136. package/dist/cjs/bq-tab.cjs.entry.js +2 -2
  137. package/dist/cjs/bq-tab.cjs.entry.js.map +1 -1
  138. package/dist/cjs/bq-textarea.cjs.entry.js +2 -2
  139. package/dist/cjs/bq-textarea.cjs.entry.js.map +1 -1
  140. package/dist/cjs/bq-toast.cjs.entry.js +2 -2
  141. package/dist/cjs/bq-toast.cjs.entry.js.map +1 -1
  142. package/dist/cjs/bq-tooltip.cjs.entry.js +2 -2
  143. package/dist/cjs/bq-tooltip.cjs.entry.js.map +1 -1
  144. package/dist/cjs/{index-Bp6IQmE_.js → index-Cs3Q5RMj.js} +27 -4
  145. package/dist/cjs/index-Cs3Q5RMj.js.map +1 -0
  146. package/dist/cjs/loader.cjs.js +1 -1
  147. package/dist/collection/collection-manifest.json +1 -1
  148. package/dist/collection/components/select/bq-select.js +2 -2
  149. package/dist/collection/components/select/scss/bq-select.css +1 -1
  150. package/dist/components/bq-accordion-group.js +1 -1
  151. package/dist/components/bq-accordion-group.js.map +1 -1
  152. package/dist/components/bq-accordion.js +1 -1
  153. package/dist/components/bq-alert.js +1 -1
  154. package/dist/components/bq-alert.js.map +1 -1
  155. package/dist/components/bq-avatar.js +1 -1
  156. package/dist/components/bq-avatar.js.map +1 -1
  157. package/dist/components/bq-badge.js +1 -1
  158. package/dist/components/bq-breadcrumb-item.js +1 -1
  159. package/dist/components/bq-breadcrumb-item.js.map +1 -1
  160. package/dist/components/bq-breadcrumb.js +1 -1
  161. package/dist/components/bq-breadcrumb.js.map +1 -1
  162. package/dist/components/bq-button.js +1 -1
  163. package/dist/components/bq-card.js +1 -1
  164. package/dist/components/bq-card.js.map +1 -1
  165. package/dist/components/bq-checkbox.js +1 -1
  166. package/dist/components/bq-checkbox.js.map +1 -1
  167. package/dist/components/bq-date-picker.js +1 -1
  168. package/dist/components/bq-date-picker.js.map +1 -1
  169. package/dist/components/bq-dialog.js +1 -1
  170. package/dist/components/bq-dialog.js.map +1 -1
  171. package/dist/components/bq-divider.js +1 -1
  172. package/dist/components/bq-drawer.js +1 -1
  173. package/dist/components/bq-drawer.js.map +1 -1
  174. package/dist/components/bq-dropdown.js +1 -1
  175. package/dist/components/bq-empty-state.js +1 -1
  176. package/dist/components/bq-empty-state.js.map +1 -1
  177. package/dist/components/bq-icon.js +1 -1
  178. package/dist/components/bq-input.js +1 -1
  179. package/dist/components/bq-input.js.map +1 -1
  180. package/dist/components/bq-notification.js +1 -1
  181. package/dist/components/bq-notification.js.map +1 -1
  182. package/dist/components/bq-option-group.js +1 -1
  183. package/dist/components/bq-option-group.js.map +1 -1
  184. package/dist/components/bq-option-list.js +1 -1
  185. package/dist/components/bq-option.js +1 -1
  186. package/dist/components/bq-page-title.js +1 -1
  187. package/dist/components/bq-page-title.js.map +1 -1
  188. package/dist/components/bq-panel.js +1 -1
  189. package/dist/components/bq-progress.js +1 -1
  190. package/dist/components/bq-progress.js.map +1 -1
  191. package/dist/components/bq-radio-group.js +1 -1
  192. package/dist/components/bq-radio.js +1 -1
  193. package/dist/components/bq-select.js +1 -1
  194. package/dist/components/bq-select.js.map +1 -1
  195. package/dist/components/bq-side-menu-item.js +1 -1
  196. package/dist/components/bq-side-menu-item.js.map +1 -1
  197. package/dist/components/bq-side-menu.js +1 -1
  198. package/dist/components/bq-slider.js +1 -1
  199. package/dist/components/bq-spinner.js +1 -1
  200. package/dist/components/bq-spinner.js.map +1 -1
  201. package/dist/components/bq-status.js +1 -1
  202. package/dist/components/bq-status.js.map +1 -1
  203. package/dist/components/bq-step-item.js +1 -1
  204. package/dist/components/bq-step-item.js.map +1 -1
  205. package/dist/components/bq-steps.js +1 -1
  206. package/dist/components/bq-switch.js +1 -1
  207. package/dist/components/bq-switch.js.map +1 -1
  208. package/dist/components/bq-tab-group.js +1 -1
  209. package/dist/components/bq-tab.js +1 -1
  210. package/dist/components/bq-tab.js.map +1 -1
  211. package/dist/components/bq-tag.js +1 -1
  212. package/dist/components/bq-textarea.js +1 -1
  213. package/dist/components/bq-textarea.js.map +1 -1
  214. package/dist/components/bq-toast.js +1 -1
  215. package/dist/components/bq-toast.js.map +1 -1
  216. package/dist/components/bq-tooltip.js +1 -1
  217. package/dist/components/index.js +1 -1
  218. package/dist/components/{p-DSdUt2Ay.js → p-B4tGTtm-.js} +2 -2
  219. package/dist/components/{p-DSdUt2Ay.js.map → p-B4tGTtm-.js.map} +1 -1
  220. package/dist/components/{p-BHxv_w2i.js → p-C7WSlvNM.js} +2 -2
  221. package/dist/components/{p-DDVIIUm1.js → p-CCHVlunB.js} +2 -2
  222. package/dist/components/p-CCHVlunB.js.map +1 -0
  223. package/dist/components/{p-D97CZ-cz.js → p-CPvi2234.js} +2 -2
  224. package/dist/components/{p-D97CZ-cz.js.map → p-CPvi2234.js.map} +1 -1
  225. package/dist/components/{p-Dla7kvqV.js → p-CgQKEGrx.js} +2 -2
  226. package/dist/components/{p-Dla7kvqV.js.map → p-CgQKEGrx.js.map} +1 -1
  227. package/dist/components/{p-4z5qnOaY.js → p-DKNWDjsW.js} +2 -2
  228. package/dist/components/{p-4z5qnOaY.js.map → p-DKNWDjsW.js.map} +1 -1
  229. package/dist/components/{p-C4FuG35Q.js → p-HTXWhty1.js} +2 -2
  230. package/dist/components/{p-DoX6g7vo.js → p-Mc67bTfs.js} +2 -2
  231. package/dist/components/{p-Br5pwRAS.js → p-QKKYeTea.js} +2 -2
  232. package/dist/components/{p-Br5pwRAS.js.map → p-QKKYeTea.js.map} +1 -1
  233. package/dist/components/{p-8mobOXPw.js → p-sARU_ILE.js} +2 -2
  234. package/dist/custom-elements.json +1797 -1797
  235. package/dist/esm/beeq.js +3 -3
  236. package/dist/esm/beeq.js.map +1 -1
  237. package/dist/esm/bq-accordion-group.entry.js +2 -2
  238. package/dist/esm/bq-accordion-group.entry.js.map +1 -1
  239. package/dist/esm/bq-accordion.entry.js +1 -1
  240. package/dist/esm/bq-alert.entry.js +2 -2
  241. package/dist/esm/bq-alert.entry.js.map +1 -1
  242. package/dist/esm/bq-avatar.entry.js +2 -2
  243. package/dist/esm/bq-avatar.entry.js.map +1 -1
  244. package/dist/esm/bq-badge.entry.js +1 -1
  245. package/dist/esm/bq-breadcrumb-item.entry.js +2 -2
  246. package/dist/esm/bq-breadcrumb-item.entry.js.map +1 -1
  247. package/dist/esm/bq-breadcrumb.entry.js +2 -2
  248. package/dist/esm/bq-breadcrumb.entry.js.map +1 -1
  249. package/dist/esm/bq-button_2.entry.js +2 -2
  250. package/dist/esm/bq-button_2.entry.js.map +1 -1
  251. package/dist/esm/bq-card.entry.js +2 -2
  252. package/dist/esm/bq-card.entry.js.map +1 -1
  253. package/dist/esm/bq-checkbox.entry.js +2 -2
  254. package/dist/esm/bq-checkbox.entry.js.map +1 -1
  255. package/dist/esm/bq-date-picker.entry.js +2 -2
  256. package/dist/esm/bq-date-picker.entry.js.map +1 -1
  257. package/dist/esm/bq-dialog.entry.js +2 -2
  258. package/dist/esm/bq-dialog.entry.js.map +1 -1
  259. package/dist/esm/bq-divider.entry.js +1 -1
  260. package/dist/esm/bq-drawer.entry.js +2 -2
  261. package/dist/esm/bq-drawer.entry.js.map +1 -1
  262. package/dist/esm/bq-dropdown_2.entry.js +2 -2
  263. package/dist/esm/bq-dropdown_2.entry.js.map +1 -1
  264. package/dist/esm/bq-empty-state.entry.js +2 -2
  265. package/dist/esm/bq-empty-state.entry.js.map +1 -1
  266. package/dist/esm/bq-input.entry.js +2 -2
  267. package/dist/esm/bq-input.entry.js.map +1 -1
  268. package/dist/esm/bq-notification.entry.js +2 -2
  269. package/dist/esm/bq-notification.entry.js.map +1 -1
  270. package/dist/esm/bq-option-group.entry.js +2 -2
  271. package/dist/esm/bq-option-group.entry.js.map +1 -1
  272. package/dist/esm/bq-option-list_2.entry.js +3 -3
  273. package/dist/esm/bq-option-list_2.entry.js.map +1 -1
  274. package/dist/esm/bq-option.entry.js +1 -1
  275. package/dist/esm/bq-page-title.entry.js +2 -2
  276. package/dist/esm/bq-page-title.entry.js.map +1 -1
  277. package/dist/esm/bq-progress.entry.js +2 -2
  278. package/dist/esm/bq-progress.entry.js.map +1 -1
  279. package/dist/esm/bq-radio-group.entry.js +1 -1
  280. package/dist/esm/bq-radio.entry.js +1 -1
  281. package/dist/esm/bq-select.entry.js +2 -2
  282. package/dist/esm/bq-select.entry.js.map +1 -1
  283. package/dist/esm/bq-side-menu-item.entry.js +2 -2
  284. package/dist/esm/bq-side-menu-item.entry.js.map +1 -1
  285. package/dist/esm/bq-side-menu.entry.js +1 -1
  286. package/dist/esm/bq-slider.entry.js +1 -1
  287. package/dist/esm/bq-spinner.entry.js +2 -2
  288. package/dist/esm/bq-spinner.entry.js.map +1 -1
  289. package/dist/esm/bq-status.entry.js +2 -2
  290. package/dist/esm/bq-status.entry.js.map +1 -1
  291. package/dist/esm/bq-step-item.entry.js +2 -2
  292. package/dist/esm/bq-step-item.entry.js.map +1 -1
  293. package/dist/esm/bq-steps.entry.js +1 -1
  294. package/dist/esm/bq-switch.entry.js +2 -2
  295. package/dist/esm/bq-switch.entry.js.map +1 -1
  296. package/dist/esm/bq-tab-group.entry.js +1 -1
  297. package/dist/esm/bq-tab.entry.js +2 -2
  298. package/dist/esm/bq-tab.entry.js.map +1 -1
  299. package/dist/esm/bq-textarea.entry.js +2 -2
  300. package/dist/esm/bq-textarea.entry.js.map +1 -1
  301. package/dist/esm/bq-toast.entry.js +2 -2
  302. package/dist/esm/bq-toast.entry.js.map +1 -1
  303. package/dist/esm/bq-tooltip.entry.js +2 -2
  304. package/dist/esm/bq-tooltip.entry.js.map +1 -1
  305. package/dist/esm/{index-XbB3xSTR.js → index-B6Fb5jZ3.js} +27 -4
  306. package/dist/esm/index-B6Fb5jZ3.js.map +1 -0
  307. package/dist/esm/loader.js +2 -2
  308. package/dist/hydrate/index.js +21 -4
  309. package/dist/hydrate/index.mjs +21 -4
  310. package/dist/stencil.config.js +2 -0
  311. package/dist/stencil.config.js.map +1 -1
  312. package/dist/types/components.d.ts +476 -82
  313. package/dist/types/stencil-public-runtime.d.ts +24 -1
  314. package/package.json +1 -1
  315. package/dist/beeq/p-026cfacc.entry.js +0 -6
  316. package/dist/beeq/p-XbB3xSTR.js.map +0 -1
  317. package/dist/beeq/p-e38637a0.entry.js +0 -6
  318. package/dist/cjs/index-Bp6IQmE_.js.map +0 -1
  319. package/dist/components/p-DDVIIUm1.js.map +0 -1
  320. package/dist/esm/index-XbB3xSTR.js.map +0 -1
  321. /package/dist/beeq/{p-c3013171.entry.js.map → p-2201ab1a.entry.js.map} +0 -0
  322. /package/dist/beeq/{p-f86bbd71.entry.js.map → p-5457ebe7.entry.js.map} +0 -0
  323. /package/dist/beeq/{p-ab690c8e.entry.js.map → p-55f5d241.entry.js.map} +0 -0
  324. /package/dist/beeq/{p-6a70511e.entry.js.map → p-78c43b87.entry.js.map} +0 -0
  325. /package/dist/beeq/{p-ec4c7f14.entry.js.map → p-92f57edd.entry.js.map} +0 -0
  326. /package/dist/beeq/{p-1bce390d.entry.js.map → p-b69da6be.entry.js.map} +0 -0
  327. /package/dist/beeq/{p-292a8a40.entry.js.map → p-c5dbc787.entry.js.map} +0 -0
  328. /package/dist/beeq/{p-84db8789.entry.js.map → p-ce62c276.entry.js.map} +0 -0
  329. /package/dist/beeq/{p-b4f1b67f.entry.js.map → p-eb128f48.entry.js.map} +0 -0
  330. /package/dist/beeq/{p-17454929.entry.js.map → p-fbfb605d.entry.js.map} +0 -0
  331. /package/dist/components/{p-BHxv_w2i.js.map → p-C7WSlvNM.js.map} +0 -0
  332. /package/dist/components/{p-C4FuG35Q.js.map → p-HTXWhty1.js.map} +0 -0
  333. /package/dist/components/{p-DoX6g7vo.js.map → p-Mc67bTfs.js.map} +0 -0
  334. /package/dist/components/{p-8mobOXPw.js.map → p-sARU_ILE.js.map} +0 -0
  335. /package/dist/types/{Users/dramos/PROJECTs/ENDAVA/BEEQ-Design-System → home/runner/work/BEEQ/BEEQ}/.stencil/packages/beeq/jest.config.d.ts +0 -0
  336. /package/dist/types/{Users/dramos/PROJECTs/ENDAVA/BEEQ-Design-System → home/runner/work/BEEQ/BEEQ}/.stencil/packages/beeq/stencil.config.d.ts +0 -0
  337. /package/dist/types/{Users/dramos/PROJECTs/ENDAVA/BEEQ-Design-System → home/runner/work/BEEQ/BEEQ}/.stencil/tailwind.config.d.ts +0 -0
package/dist/components/bq-toast.js CHANGED
@@ -2,5 +2,5 @@
2
2
  * Built by Endavans
3
3
  * © https://beeq.design - Apache 2 License.
4
4
  */
5
- import{p as a,H as r,c as b,h as e,d as t,t as n}from"./p-DDVIIUm1.js";import{i as q}from"./p-B4sM1t6Z.js";import{d as o}from"./p-CVw85-WU.js";import{v as i}from"./p-zh4P02Kn.js";import{d as s}from"./p-BHxv_w2i.js";const d=["info","success","alert","error","loading","custom"];const c=["top-center","top-right","bottom-right","bottom-center","bottom-left","top-left"];const l=()=>`.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bq-toast,.shadow-\\[shadow\\:--bq-toast--box-shadow\\]{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.items-center{align-items:center}.gap-\\[--bq-toast--gap\\]{gap:var(--bq-toast--gap)}.rounded-\\[--bq-toast--border-radius\\]{border-radius:var(--bq-toast--border-radius)}.border-\\[length\\:--bq-toast--border-width\\]{border-width:var(--bq-toast--border-width)}.border-\\[color\\:--bq-toast--border-color\\]{border-color:var(--bq-toast--border-color)}.bg-\\[--bq-toast--background\\]{background-color:var(--bq-toast--background)}.text-\\[--bq-toast--icon-color-alert\\]{color:var(--bq-toast--icon-color-alert)}.text-\\[--bq-toast--icon-color-custom\\]{color:var(--bq-toast--icon-color-custom)}.text-\\[--bq-toast--icon-color-error\\]{color:var(--bq-toast--icon-color-error)}.text-\\[--bq-toast--icon-color-info\\]{color:var(--bq-toast--icon-color-info)}.text-\\[--bq-toast--icon-color-loading\\]{color:var(--bq-toast--icon-color-loading)}.text-\\[--bq-toast--icon-color-success\\]{color:var(--bq-toast--icon-color-success)}.shadow-\\[shadow\\:--bq-toast--box-shadow\\]{--tw-shadow:var(--bq-toast--box-shadow);--tw-shadow-colored:var(--bq-toast--box-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.p-b-\\[--bq-toast--padding-y\\]{padding-block:var(--bq-toast--padding-y)}.p-i-\\[--bq-toast--padding-x\\]{padding-inline:var(--bq-toast--padding-x)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-toast--background:var(--bq-ui--primary);--bq-toast--box-shadow:var(--bq-box-shadow--l);--bq-toast--padding-y:var(--bq-spacing-s);--bq-toast--padding-x:var(--bq-spacing-m);--bq-toast--gap:var(--bq-spacing-xs);--bq-toast--border-radius:var(--bq-radius--s);--bq-toast--border-width:unset;--bq-toast--border-style:none;--bq-toast--border-color:transparent;--bq-toast--icon-color-info:var(--bq-icon--brand);--bq-toast--icon-color-success:var(--bq-icon--success);--bq-toast--icon-color-alert:var(--bq-icon--warning);--bq-toast--icon-color-error:var(--bq-icon--danger);--bq-toast--icon-color-loading:var(--bq-icon--brand);--bq-toast--icon-color-custom:var(--bq-icon--primary);display:inline-block}:host(.is-hidden){display:none}.bq-toast{--tw-shadow:var(--bq-toast--box-shadow);--tw-shadow-colored:var(--bq-toast--box-shadow);align-items:center;-webkit-animation:fade-in .3s ease 0s,slide-in .3s ease 0s;animation:fade-in .3s ease 0s,slide-in .3s ease 0s;background-color:var(--bq-toast--background);border-color:var(--bq-toast--border-color);border-radius:var(--bq-toast--border-radius);border-style:var(--bq-toast--border-style);border-width:var(--bq-toast--border-width);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);gap:var(--bq-toast--gap);padding-block:var(--bq-toast--padding-y);padding-inline:var(--bq-toast--padding-x)}.bq-toast,.bq-toast--icon{display:flex}.bq-toast--icon.info{color:var(--bq-toast--icon-color-info)}.bq-toast--icon.success{color:var(--bq-toast--icon-color-success)}.bq-toast--icon.alert{color:var(--bq-toast--icon-color-alert)}.bq-toast--icon.error{color:var(--bq-toast--icon-color-error)}.bq-toast--icon.loading{-webkit-animation:spin 1s linear 0s infinite;animation:spin 1s linear 0s infinite;color:var(--bq-toast--icon-color-loading)}.bq-toast--icon.custom{color:var(--bq-toast--icon-color-custom)}.static{position:static}.\\!hidden{display:none!important}`;const v="bq-toast-portal";const u=a(class a extends r{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.bqHide=b(this,"bqHide");this.bqShow=b(this,"bqShow")}autoDismissDebounce;get el(){return this}toastPortal=q()?document.querySelector(`.${v}`):null;border="s";type="info";placement="bottom-center";hideIcon=false;open;time=3e3;checkPropValues(){i(d,"default",this.el,"type");i(c,"bottom-center",this.el,"placement");const{toastPortal:a}=this;a?.classList.remove(...c);a?.classList.add(this.placement)}handleTimeChange(){this.autoDismissDebounce?.cancel();this.time=Math.max(0,this.time);this.autoDismissDebounce=o((()=>{this.hide()}),this.time)}handleOpenChange(){this.autoDismissDebounce?.cancel();if(this.open){this.autoDismissDebounce?.()}}bqHide;bqShow;connectedCallback(){if(!q())return;if(this.toastPortal){this.toastPortal=Object.assign(document.createElement("div"),{className:v})}}componentWillLoad(){this.checkPropValues();this.handleTimeChange();this.handleOpenChange()}disconnectedCallback(){this.autoDismissDebounce?.cancel()}onNotificationHide(){try{const{toastPortal:a}=this;a?.removeChild(this.el);if(a?.querySelector(this.el.tagName.toLowerCase())===null){a?.remove()}}catch(a){if(a instanceof DOMException)return;throw a}}async show(){this.handleShow()}async hide(){this.handleHide()}async toast(){if(!q())return;const{toastPortal:a}=this;if(a?.parentElement===null){document.body.append(a)}a?.appendChild(this.el);requestAnimationFrame((()=>{this.show()}))}handleShow=()=>{const a=this.bqShow.emit(this.el);if(!a.defaultPrevented){this.open=true}};handleHide=()=>{const a=this.bqHide.emit(this.el);if(!a.defaultPrevented){this.open=false}};get iconName(){const a={success:"check-circle-bold",error:"x-circle-bold",loading:"spinner-gap-bold",alert:"warning-bold",info:"info-bold"};return a[this.type]||"info-bold"}render(){const a={...this.border&&{"--bq-toast--border-radius":`var(--bq-radius--${this.border})`}};return e(t,{key:"0e66f9abe6800d4f76870fb402876112b4cf2af6","aria-hidden":!this.open?"true":"false",class:{"is-hidden":!this.open},hidden:!this.open?"true":"false",role:"status",style:a},e("output",{key:"693f3d06682990bb5a6b35472de473522850bf33",class:"bq-toast",part:"wrapper"},e("div",{key:"83342a0ada8dbf7830c7962b781690c977f09006",class:{[`bq-toast--icon ${this.type}`]:true,"!hidden":this.hideIcon},part:"icon"},e("slot",{key:"10a0d89edc8becc70e7b2d9257381ea0403bdc46",name:"icon"},e("bq-icon",{key:"493f40a4cc423c65a22f7adc6812af2683fcadea",exportparts:"base,svg",name:this.iconName,size:"24",slot:"icon"}))),e("slot",{key:"5293f07d309f788ad4987a4c30c1ae2d25353ec2"})))}static get watchers(){return{type:[{checkPropValues:0}],placement:[{checkPropValues:0}],time:[{handleTimeChange:0}],open:[{handleOpenChange:0}]}}static get style(){return l()}},[769,"bq-toast",{border:[513],type:[1537],placement:[1537],hideIcon:[1540,"hide-icon"],open:[1540],time:[514],toastPortal:[32],show:[64],hide:[64],toast:[64]},[[0,"bqHide","onNotificationHide"]],{type:[{checkPropValues:0}],placement:[{checkPropValues:0}],time:[{handleTimeChange:0}],open:[{handleOpenChange:0}]}]);function g(){if(typeof customElements==="undefined"){return}const a=["bq-toast","bq-icon"];a.forEach((a=>{switch(a){case"bq-toast":if(!customElements.get(n(a))){customElements.define(n(a),u)}break;case"bq-icon":if(!customElements.get(n(a))){s()}break}}))}const f=u;const h=g;export{f as BqToast,h as defineCustomElement};
5
+ import{p as a,H as r,c as b,h as e,d as t,t as n}from"./p-CCHVlunB.js";import{i as q}from"./p-B4sM1t6Z.js";import{d as o}from"./p-CVw85-WU.js";import{v as i}from"./p-zh4P02Kn.js";import{d as s}from"./p-C7WSlvNM.js";const d=["info","success","alert","error","loading","custom"];const c=["top-center","top-right","bottom-right","bottom-center","bottom-left","top-left"];const l=()=>`.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bq-toast,.shadow-\\[shadow\\:--bq-toast--box-shadow\\]{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.items-center{align-items:center}.gap-\\[--bq-toast--gap\\]{gap:var(--bq-toast--gap)}.rounded-\\[--bq-toast--border-radius\\]{border-radius:var(--bq-toast--border-radius)}.border-\\[length\\:--bq-toast--border-width\\]{border-width:var(--bq-toast--border-width)}.border-\\[color\\:--bq-toast--border-color\\]{border-color:var(--bq-toast--border-color)}.bg-\\[--bq-toast--background\\]{background-color:var(--bq-toast--background)}.text-\\[--bq-toast--icon-color-alert\\]{color:var(--bq-toast--icon-color-alert)}.text-\\[--bq-toast--icon-color-custom\\]{color:var(--bq-toast--icon-color-custom)}.text-\\[--bq-toast--icon-color-error\\]{color:var(--bq-toast--icon-color-error)}.text-\\[--bq-toast--icon-color-info\\]{color:var(--bq-toast--icon-color-info)}.text-\\[--bq-toast--icon-color-loading\\]{color:var(--bq-toast--icon-color-loading)}.text-\\[--bq-toast--icon-color-success\\]{color:var(--bq-toast--icon-color-success)}.shadow-\\[shadow\\:--bq-toast--box-shadow\\]{--tw-shadow:var(--bq-toast--box-shadow);--tw-shadow-colored:var(--bq-toast--box-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.p-b-\\[--bq-toast--padding-y\\]{padding-block:var(--bq-toast--padding-y)}.p-i-\\[--bq-toast--padding-x\\]{padding-inline:var(--bq-toast--padding-x)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-toast--background:var(--bq-ui--primary);--bq-toast--box-shadow:var(--bq-box-shadow--l);--bq-toast--padding-y:var(--bq-spacing-s);--bq-toast--padding-x:var(--bq-spacing-m);--bq-toast--gap:var(--bq-spacing-xs);--bq-toast--border-radius:var(--bq-radius--s);--bq-toast--border-width:unset;--bq-toast--border-style:none;--bq-toast--border-color:transparent;--bq-toast--icon-color-info:var(--bq-icon--brand);--bq-toast--icon-color-success:var(--bq-icon--success);--bq-toast--icon-color-alert:var(--bq-icon--warning);--bq-toast--icon-color-error:var(--bq-icon--danger);--bq-toast--icon-color-loading:var(--bq-icon--brand);--bq-toast--icon-color-custom:var(--bq-icon--primary);display:inline-block}:host(.is-hidden){display:none}.bq-toast{--tw-shadow:var(--bq-toast--box-shadow);--tw-shadow-colored:var(--bq-toast--box-shadow);align-items:center;-webkit-animation:fade-in .3s ease 0s,slide-in .3s ease 0s;animation:fade-in .3s ease 0s,slide-in .3s ease 0s;background-color:var(--bq-toast--background);border-color:var(--bq-toast--border-color);border-radius:var(--bq-toast--border-radius);border-style:var(--bq-toast--border-style);border-width:var(--bq-toast--border-width);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);gap:var(--bq-toast--gap);padding-block:var(--bq-toast--padding-y);padding-inline:var(--bq-toast--padding-x)}.bq-toast,.bq-toast--icon{display:flex}.bq-toast--icon.info{color:var(--bq-toast--icon-color-info)}.bq-toast--icon.success{color:var(--bq-toast--icon-color-success)}.bq-toast--icon.alert{color:var(--bq-toast--icon-color-alert)}.bq-toast--icon.error{color:var(--bq-toast--icon-color-error)}.bq-toast--icon.loading{-webkit-animation:spin 1s linear 0s infinite;animation:spin 1s linear 0s infinite;color:var(--bq-toast--icon-color-loading)}.bq-toast--icon.custom{color:var(--bq-toast--icon-color-custom)}.static{position:static}.\\!hidden{display:none!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}`;const v="bq-toast-portal";const u=a(class a extends r{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.bqHide=b(this,"bqHide");this.bqShow=b(this,"bqShow")}autoDismissDebounce;get el(){return this}toastPortal=q()?document.querySelector(`.${v}`):null;border="s";type="info";placement="bottom-center";hideIcon=false;open;time=3e3;checkPropValues(){i(d,"default",this.el,"type");i(c,"bottom-center",this.el,"placement");const{toastPortal:a}=this;a?.classList.remove(...c);a?.classList.add(this.placement)}handleTimeChange(){this.autoDismissDebounce?.cancel();this.time=Math.max(0,this.time);this.autoDismissDebounce=o((()=>{this.hide()}),this.time)}handleOpenChange(){this.autoDismissDebounce?.cancel();if(this.open){this.autoDismissDebounce?.()}}bqHide;bqShow;connectedCallback(){if(!q())return;if(this.toastPortal){this.toastPortal=Object.assign(document.createElement("div"),{className:v})}}componentWillLoad(){this.checkPropValues();this.handleTimeChange();this.handleOpenChange()}disconnectedCallback(){this.autoDismissDebounce?.cancel()}onNotificationHide(){try{const{toastPortal:a}=this;a?.removeChild(this.el);if(a?.querySelector(this.el.tagName.toLowerCase())===null){a?.remove()}}catch(a){if(a instanceof DOMException)return;throw a}}async show(){this.handleShow()}async hide(){this.handleHide()}async toast(){if(!q())return;const{toastPortal:a}=this;if(a?.parentElement===null){document.body.append(a)}a?.appendChild(this.el);requestAnimationFrame((()=>{this.show()}))}handleShow=()=>{const a=this.bqShow.emit(this.el);if(!a.defaultPrevented){this.open=true}};handleHide=()=>{const a=this.bqHide.emit(this.el);if(!a.defaultPrevented){this.open=false}};get iconName(){const a={success:"check-circle-bold",error:"x-circle-bold",loading:"spinner-gap-bold",alert:"warning-bold",info:"info-bold"};return a[this.type]||"info-bold"}render(){const a={...this.border&&{"--bq-toast--border-radius":`var(--bq-radius--${this.border})`}};return e(t,{key:"0e66f9abe6800d4f76870fb402876112b4cf2af6","aria-hidden":!this.open?"true":"false",class:{"is-hidden":!this.open},hidden:!this.open?"true":"false",role:"status",style:a},e("output",{key:"693f3d06682990bb5a6b35472de473522850bf33",class:"bq-toast",part:"wrapper"},e("div",{key:"83342a0ada8dbf7830c7962b781690c977f09006",class:{[`bq-toast--icon ${this.type}`]:true,"!hidden":this.hideIcon},part:"icon"},e("slot",{key:"10a0d89edc8becc70e7b2d9257381ea0403bdc46",name:"icon"},e("bq-icon",{key:"493f40a4cc423c65a22f7adc6812af2683fcadea",exportparts:"base,svg",name:this.iconName,size:"24",slot:"icon"}))),e("slot",{key:"5293f07d309f788ad4987a4c30c1ae2d25353ec2"})))}static get watchers(){return{type:[{checkPropValues:0}],placement:[{checkPropValues:0}],time:[{handleTimeChange:0}],open:[{handleOpenChange:0}]}}static get style(){return l()}},[769,"bq-toast",{border:[513],type:[1537],placement:[1537],hideIcon:[1540,"hide-icon"],open:[1540],time:[514],toastPortal:[32],show:[64],hide:[64],toast:[64]},[[0,"bqHide","onNotificationHide"]],{type:[{checkPropValues:0}],placement:[{checkPropValues:0}],time:[{handleTimeChange:0}],open:[{handleOpenChange:0}]}]);function g(){if(typeof customElements==="undefined"){return}const a=["bq-toast","bq-icon"];a.forEach((a=>{switch(a){case"bq-toast":if(!customElements.get(n(a))){customElements.define(n(a),u)}break;case"bq-icon":if(!customElements.get(n(a))){s()}break}}))}const f=u;const h=g;export{f as BqToast,h as defineCustomElement};
6
6
  //# sourceMappingURL=bq-toast.js.map
package/dist/components/bq-toast.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["TOAST_TYPE","TOAST_PLACEMENT","bqToastCss","TOAST_PORTAL_SELECTOR","BqToast","__stencil_proxyCustomElement","HTMLElement","autoDismissDebounce","toastPortal","isClient","document","querySelector","border","type","placement","hideIcon","open","time","checkPropValues","validatePropValue","this","el","classList","remove","add","handleTimeChange","cancel","Math","max","debounce","hide","handleOpenChange","bqHide","bqShow","connectedCallback","Object","assign","createElement","className","componentWillLoad","disconnectedCallback","onNotificationHide","removeChild","tagName","toLowerCase","error","DOMException","show","handleShow","handleHide","toast","parentElement","body","append","appendChild","requestAnimationFrame","ev","emit","defaultPrevented","iconName","typeMap","success","loading","alert","info","render","style","h","Host","key","class","hidden","role","part","name","exportparts","size","slot"],"sources":["../../packages/beeq/src/components/toast/bq-toast.types.ts","../../packages/beeq/src/components/toast/scss/bq-toast.scss?tag=bq-toast&encapsulation=shadow","../../packages/beeq/src/components/toast/bq-toast.tsx"],"sourcesContent":["export const TOAST_TYPE = ['info', 'success', 'alert', 'error', 'loading', 'custom'] as const;\nexport type TToastType = (typeof TOAST_TYPE)[number];\n\nexport const TOAST_PLACEMENT = [\n 'top-center',\n 'top-right',\n 'bottom-right',\n 'bottom-center',\n 'bottom-left',\n 'top-left',\n] as const;\nexport type TToastPlacement = (typeof TOAST_PLACEMENT)[number];\n\nexport const TOAST_BORDER_RADIUS = ['none', 'xs2', 'xs', 's', 'm', 'l', 'full'] as const;\nexport type TToastBorderRadius = (typeof TOAST_BORDER_RADIUS)[number];\n","/* -------------------------------------------------------------------------- */\n/* Toast styles */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-toast.variables';\n\n:host {\n @apply inline-block;\n}\n\n:host(.is-hidden) {\n @apply hidden;\n}\n\n.bq-toast {\n @include animation-slide-in;\n @apply flex items-center gap-[--bq-toast--gap] p-b-[--bq-toast--padding-y] p-i-[--bq-toast--padding-x];\n @apply rounded-[--bq-toast--border-radius] bg-[--bq-toast--background] shadow-[shadow:--bq-toast--box-shadow];\n @apply border-[length:--bq-toast--border-width] border-[color:--bq-toast--border-color];\n\n border-style: var(--bq-toast--border-style);\n}\n\n.bq-toast--icon {\n @apply flex;\n\n &.info {\n @apply text-[--bq-toast--icon-color-info];\n }\n\n &.success {\n @apply text-[--bq-toast--icon-color-success];\n }\n\n &.alert {\n @apply text-[--bq-toast--icon-color-alert];\n }\n\n &.error {\n @apply text-[--bq-toast--icon-color-error];\n }\n\n &.loading {\n @include animation-spin;\n @apply text-[--bq-toast--icon-color-loading];\n }\n\n &.custom {\n @apply text-[--bq-toast--icon-color-custom];\n }\n}\n","import type { EventEmitter } from '@stencil/core';\nimport { Component, Element, Event, Host, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { debounce, isClient, type TDebounce, validatePropValue } from '../../shared/utils';\nimport type { TToastBorderRadius, TToastPlacement, TToastType } from './bq-toast.types';\nimport { TOAST_PLACEMENT, TOAST_TYPE } from './bq-toast.types';\n\nconst TOAST_PORTAL_SELECTOR = 'bq-toast-portal';\n\n/**\n * Toasts are time-based components used to display short messages.\n * Commonly used for errors, confirmations, or progress updates.\n *\n * @example How to use it\n * ```html\n * <bq-toast type=\"info\">\n * This is a message\n * </bq-toast>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/83da51-toast\n * @status stable\n *\n * @dependency bq-icon\n *\n * @attr {\"s\" | \"none\" | \"xs2\" | \"xs\" | \"m\" | \"l\" | \"full\"} border - The corder radius of the toast component\n * @attr {\"success\" | \"error\" | \"loading\" | \"alert\" | \"info\"} type - Type of toast\n * @attr {\"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\"} placement - Placement of toast\n * @attr {boolean} hide-icon - If true will hide toast icon\n * @attr {boolean} open - If true, the toast will be shown\n * @attr {number} time - The length of time, in milliseconds, after which the toast will close itself\n *\n * @method show - Method to be called to show the toast component\n * @method hide - Method to be called to hide the toast component\n * @method toast - This method can be used to display toasts in a fixed-position element that allows for stacking multiple toasts vertically\n *\n * @event bqHide - Callback handler to be called when the notification is hidden\n * @event bqShow - Callback handler to be called when the notification is shown\n *\n * @slot - The content to be displayed in the toast component.\n * @slot icon - The icon to be displayed in the toast component.\n *\n * @part wrapper - The component's internal wrapper inside the shadow DOM.\n * @part icon-info - The `<div>` container that holds the icon component.\n * @part base - The `<div>` container of the internal bq-icon component.\n * @part svg - The `<svg>` element of the internal bq-icon component.\n *\n * @cssprop --bq-toast--background - Toast background color\n * @cssprop --bq-toast--box-shadow - Toast box shadow\n * @cssprop --bq-toast--padding-y - Toast vertical padding\n * @cssprop --bq-toast--padding-x - Toast horizontal padding\n * @cssprop --bq-toast--gap - Toast distance between icon and text\n * @cssprop --bq-toast--border-radius - Toast border radius\n * @cssprop --bq-toast--border-color - Toast border color\n * @cssprop --bq-toast--border-style - Toast border style\n * @cssprop --bq-toast--border-width - Toast border width\n * @cssprop --bq-toast--icon-color-info - Toast icon color when type is 'info'\n * @cssprop --bq-toast--icon-color-success - Toast icon color when type is 'success'\n * @cssprop --bq-toast--icon-color-alert - Toast icon color when type is 'alert'\n * @cssprop --bq-toast--icon-color-error - Toast icon color when type is 'error'\n * @cssprop --bq-toast--icon-color-loading - Toast icon color when type is 'loading'\n * @cssprop --bq-toast--icon-color-custom - Toast icon color when type is 'custom'\n */\n@Component({\n tag: 'bq-toast',\n styleUrl: './scss/bq-toast.scss',\n shadow: true,\n})\nexport class BqToast {\n // Own Properties\n // ====================\n\n private autoDismissDebounce: TDebounce<void>;\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqToastElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() private toastPortal = isClient() ? document.querySelector(`.${TOAST_PORTAL_SELECTOR}`) : null;\n\n // Public Property API\n // ========================\n\n /** The corder radius of the toast component */\n @Prop({ reflect: true }) border: TToastBorderRadius = 's';\n\n /** Type of toast */\n @Prop({ reflect: true, mutable: true }) type: TToastType = 'info';\n\n /** Placement of toast */\n @Prop({ reflect: true, mutable: true }) placement: TToastPlacement = 'bottom-center';\n\n /** If true will hide toast icon */\n @Prop({ reflect: true, mutable: true }) hideIcon = false;\n\n /** If true, the toast will be shown */\n @Prop({ reflect: true, mutable: true }) open: boolean;\n\n /** The length of time, in milliseconds, after which the toast will close itself */\n @Prop({ reflect: true }) time: number = 3000;\n\n // Prop lifecycle events\n // =======================\n\n @Watch('type')\n @Watch('placement')\n checkPropValues() {\n validatePropValue(TOAST_TYPE, 'default', this.el, 'type');\n validatePropValue(TOAST_PLACEMENT, 'bottom-center', this.el, 'placement');\n\n const { toastPortal } = this;\n toastPortal?.classList.remove(...TOAST_PLACEMENT);\n toastPortal?.classList.add(this.placement);\n }\n\n @Watch('time')\n handleTimeChange() {\n this.autoDismissDebounce?.cancel();\n\n this.time = Math.max(0, this.time);\n\n this.autoDismissDebounce = debounce(() => {\n this.hide();\n }, this.time);\n }\n\n @Watch('open')\n handleOpenChange() {\n this.autoDismissDebounce?.cancel();\n\n if (this.open) {\n this.autoDismissDebounce?.();\n }\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n /** Callback handler to be called when the notification is hidden */\n @Event() bqHide: EventEmitter<HTMLBqToastElement>;\n\n /** Callback handler to be called when the notification is shown */\n @Event() bqShow: EventEmitter<HTMLBqToastElement>;\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n connectedCallback() {\n if (!isClient()) return;\n\n if (this.toastPortal) {\n this.toastPortal = Object.assign(document.createElement('div'), { className: TOAST_PORTAL_SELECTOR });\n }\n }\n\n componentWillLoad() {\n this.checkPropValues();\n this.handleTimeChange();\n this.handleOpenChange();\n }\n\n disconnectedCallback() {\n this.autoDismissDebounce?.cancel();\n }\n\n // Listeners\n // ==============\n\n @Listen('bqHide')\n onNotificationHide() {\n try {\n const { toastPortal } = this;\n toastPortal?.removeChild(this.el);\n // Remove the toast portal from the DOM when there are no more toasts\n if (toastPortal?.querySelector(this.el.tagName.toLowerCase()) === null) {\n toastPortal?.remove();\n }\n } catch (error) {\n /**\n * Skip DOMException error since it could be possible that\n * in some situations the notification portal is missing\n */\n if (error instanceof DOMException) return;\n throw error;\n }\n }\n\n // Public methods API\n // These methods are exposed on the host element.\n // Always use two lines.\n // Public Methods must be async.\n // Requires JSDocs for public API documentation.\n // ===============================================\n\n /** Method to be called to show the toast component */\n @Method()\n async show(): Promise<void> {\n this.handleShow();\n }\n\n /** Method to be called to hide the toast component */\n @Method()\n async hide(): Promise<void> {\n this.handleHide();\n }\n\n /** This method can be used to display toasts in a fixed-position element that allows for stacking multiple toasts vertically */\n @Method()\n async toast() {\n if (!isClient()) return;\n\n const { toastPortal } = this;\n if (toastPortal?.parentElement === null) {\n document.body.append(toastPortal);\n }\n\n toastPortal?.appendChild(this.el);\n\n requestAnimationFrame(() => {\n this.show();\n });\n }\n\n // Local methods\n // Internal business logic.\n // These methods cannot be called from the host element.\n // =======================================================\n\n private handleShow = () => {\n const ev = this.bqShow.emit(this.el);\n if (!ev.defaultPrevented) {\n this.open = true;\n }\n };\n\n private handleHide = () => {\n const ev = this.bqHide.emit(this.el);\n if (!ev.defaultPrevented) {\n this.open = false;\n }\n };\n\n private get iconName() {\n const typeMap = {\n success: 'check-circle-bold',\n error: 'x-circle-bold',\n loading: 'spinner-gap-bold',\n alert: 'warning-bold',\n info: 'info-bold',\n };\n\n return typeMap[this.type] || 'info-bold';\n }\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n const style = {\n ...(this.border && { '--bq-toast--border-radius': `var(--bq-radius--${this.border})` }),\n };\n\n return (\n <Host\n aria-hidden={!this.open ? 'true' : 'false'}\n class={{ 'is-hidden': !this.open }}\n hidden={!this.open ? 'true' : 'false'}\n role=\"status\"\n style={style}\n >\n <output class=\"bq-toast\" part=\"wrapper\">\n <div class={{ [`bq-toast--icon ${this.type}`]: true, '!hidden': this.hideIcon }} part=\"icon\">\n <slot name=\"icon\">\n <bq-icon exportparts=\"base,svg\" name={this.iconName} size=\"24\" slot=\"icon\" />\n </slot>\n </div>\n <slot />\n </output>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["TOAST_TYPE","TOAST_PLACEMENT","bqToastCss","TOAST_PORTAL_SELECTOR","BqToast","__stencil_proxyCustomElement","HTMLElement","autoDismissDebounce","toastPortal","isClient","document","querySelector","border","type","placement","hideIcon","open","time","checkPropValues","validatePropValue","this","el","classList","remove","add","handleTimeChange","cancel","Math","max","debounce","hide","handleOpenChange","bqHide","bqShow","connectedCallback","Object","assign","createElement","className","componentWillLoad","disconnectedCallback","onNotificationHide","removeChild","tagName","toLowerCase","error","DOMException","show","handleShow","handleHide","toast","parentElement","body","append","appendChild","requestAnimationFrame","ev","emit","defaultPrevented","iconName","typeMap","success","loading","alert","info","render","style","h","Host","key","class","hidden","role","part","name","exportparts","size","slot"],"sources":["../../packages/beeq/src/components/toast/bq-toast.types.ts","../../packages/beeq/src/components/toast/scss/bq-toast.scss?tag=bq-toast&encapsulation=shadow","../../packages/beeq/src/components/toast/bq-toast.tsx"],"sourcesContent":["export const TOAST_TYPE = ['info', 'success', 'alert', 'error', 'loading', 'custom'] as const;\nexport type TToastType = (typeof TOAST_TYPE)[number];\n\nexport const TOAST_PLACEMENT = [\n 'top-center',\n 'top-right',\n 'bottom-right',\n 'bottom-center',\n 'bottom-left',\n 'top-left',\n] as const;\nexport type TToastPlacement = (typeof TOAST_PLACEMENT)[number];\n\nexport const TOAST_BORDER_RADIUS = ['none', 'xs2', 'xs', 's', 'm', 'l', 'full'] as const;\nexport type TToastBorderRadius = (typeof TOAST_BORDER_RADIUS)[number];\n","/* -------------------------------------------------------------------------- */\n/* Toast styles */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-toast.variables';\n\n:host {\n @apply inline-block;\n}\n\n:host(.is-hidden) {\n @apply hidden;\n}\n\n.bq-toast {\n @include animation-slide-in;\n @apply flex items-center gap-[--bq-toast--gap] p-b-[--bq-toast--padding-y] p-i-[--bq-toast--padding-x];\n @apply rounded-[--bq-toast--border-radius] bg-[--bq-toast--background] shadow-[shadow:--bq-toast--box-shadow];\n @apply border-[length:--bq-toast--border-width] border-[color:--bq-toast--border-color];\n\n border-style: var(--bq-toast--border-style);\n}\n\n.bq-toast--icon {\n @apply flex;\n\n &.info {\n @apply text-[--bq-toast--icon-color-info];\n }\n\n &.success {\n @apply text-[--bq-toast--icon-color-success];\n }\n\n &.alert {\n @apply text-[--bq-toast--icon-color-alert];\n }\n\n &.error {\n @apply text-[--bq-toast--icon-color-error];\n }\n\n &.loading {\n @include animation-spin;\n @apply text-[--bq-toast--icon-color-loading];\n }\n\n &.custom {\n @apply text-[--bq-toast--icon-color-custom];\n }\n}\n","import type { EventEmitter } from '@stencil/core';\nimport { Component, Element, Event, Host, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { debounce, isClient, type TDebounce, validatePropValue } from '../../shared/utils';\nimport type { TToastBorderRadius, TToastPlacement, TToastType } from './bq-toast.types';\nimport { TOAST_PLACEMENT, TOAST_TYPE } from './bq-toast.types';\n\nconst TOAST_PORTAL_SELECTOR = 'bq-toast-portal';\n\n/**\n * Toasts are time-based components used to display short messages.\n * Commonly used for errors, confirmations, or progress updates.\n *\n * @example How to use it\n * ```html\n * <bq-toast type=\"info\">\n * This is a message\n * </bq-toast>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/83da51-toast\n * @status stable\n *\n * @dependency bq-icon\n *\n * @attr {\"s\" | \"none\" | \"xs2\" | \"xs\" | \"m\" | \"l\" | \"full\"} border - The corder radius of the toast component\n * @attr {\"success\" | \"error\" | \"loading\" | \"alert\" | \"info\"} type - Type of toast\n * @attr {\"top-left\" | \"top-center\" | \"top-right\" | \"bottom-left\" | \"bottom-center\" | \"bottom-right\"} placement - Placement of toast\n * @attr {boolean} hide-icon - If true will hide toast icon\n * @attr {boolean} open - If true, the toast will be shown\n * @attr {number} time - The length of time, in milliseconds, after which the toast will close itself\n *\n * @method show - Method to be called to show the toast component\n * @method hide - Method to be called to hide the toast component\n * @method toast - This method can be used to display toasts in a fixed-position element that allows for stacking multiple toasts vertically\n *\n * @event bqHide - Callback handler to be called when the notification is hidden\n * @event bqShow - Callback handler to be called when the notification is shown\n *\n * @slot - The content to be displayed in the toast component.\n * @slot icon - The icon to be displayed in the toast component.\n *\n * @part wrapper - The component's internal wrapper inside the shadow DOM.\n * @part icon-info - The `<div>` container that holds the icon component.\n * @part base - The `<div>` container of the internal bq-icon component.\n * @part svg - The `<svg>` element of the internal bq-icon component.\n *\n * @cssprop --bq-toast--background - Toast background color\n * @cssprop --bq-toast--box-shadow - Toast box shadow\n * @cssprop --bq-toast--padding-y - Toast vertical padding\n * @cssprop --bq-toast--padding-x - Toast horizontal padding\n * @cssprop --bq-toast--gap - Toast distance between icon and text\n * @cssprop --bq-toast--border-radius - Toast border radius\n * @cssprop --bq-toast--border-color - Toast border color\n * @cssprop --bq-toast--border-style - Toast border style\n * @cssprop --bq-toast--border-width - Toast border width\n * @cssprop --bq-toast--icon-color-info - Toast icon color when type is 'info'\n * @cssprop --bq-toast--icon-color-success - Toast icon color when type is 'success'\n * @cssprop --bq-toast--icon-color-alert - Toast icon color when type is 'alert'\n * @cssprop --bq-toast--icon-color-error - Toast icon color when type is 'error'\n * @cssprop --bq-toast--icon-color-loading - Toast icon color when type is 'loading'\n * @cssprop --bq-toast--icon-color-custom - Toast icon color when type is 'custom'\n */\n@Component({\n tag: 'bq-toast',\n styleUrl: './scss/bq-toast.scss',\n shadow: true,\n})\nexport class BqToast {\n // Own Properties\n // ====================\n\n private autoDismissDebounce: TDebounce<void>;\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqToastElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() private toastPortal = isClient() ? document.querySelector(`.${TOAST_PORTAL_SELECTOR}`) : null;\n\n // Public Property API\n // ========================\n\n /** The corder radius of the toast component */\n @Prop({ reflect: true }) border: TToastBorderRadius = 's';\n\n /** Type of toast */\n @Prop({ reflect: true, mutable: true }) type: TToastType = 'info';\n\n /** Placement of toast */\n @Prop({ reflect: true, mutable: true }) placement: TToastPlacement = 'bottom-center';\n\n /** If true will hide toast icon */\n @Prop({ reflect: true, mutable: true }) hideIcon = false;\n\n /** If true, the toast will be shown */\n @Prop({ reflect: true, mutable: true }) open: boolean;\n\n /** The length of time, in milliseconds, after which the toast will close itself */\n @Prop({ reflect: true }) time: number = 3000;\n\n // Prop lifecycle events\n // =======================\n\n @Watch('type')\n @Watch('placement')\n checkPropValues() {\n validatePropValue(TOAST_TYPE, 'default', this.el, 'type');\n validatePropValue(TOAST_PLACEMENT, 'bottom-center', this.el, 'placement');\n\n const { toastPortal } = this;\n toastPortal?.classList.remove(...TOAST_PLACEMENT);\n toastPortal?.classList.add(this.placement);\n }\n\n @Watch('time')\n handleTimeChange() {\n this.autoDismissDebounce?.cancel();\n\n this.time = Math.max(0, this.time);\n\n this.autoDismissDebounce = debounce(() => {\n this.hide();\n }, this.time);\n }\n\n @Watch('open')\n handleOpenChange() {\n this.autoDismissDebounce?.cancel();\n\n if (this.open) {\n this.autoDismissDebounce?.();\n }\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n /** Callback handler to be called when the notification is hidden */\n @Event() bqHide: EventEmitter<HTMLBqToastElement>;\n\n /** Callback handler to be called when the notification is shown */\n @Event() bqShow: EventEmitter<HTMLBqToastElement>;\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n connectedCallback() {\n if (!isClient()) return;\n\n if (this.toastPortal) {\n this.toastPortal = Object.assign(document.createElement('div'), { className: TOAST_PORTAL_SELECTOR });\n }\n }\n\n componentWillLoad() {\n this.checkPropValues();\n this.handleTimeChange();\n this.handleOpenChange();\n }\n\n disconnectedCallback() {\n this.autoDismissDebounce?.cancel();\n }\n\n // Listeners\n // ==============\n\n @Listen('bqHide')\n onNotificationHide() {\n try {\n const { toastPortal } = this;\n toastPortal?.removeChild(this.el);\n // Remove the toast portal from the DOM when there are no more toasts\n if (toastPortal?.querySelector(this.el.tagName.toLowerCase()) === null) {\n toastPortal?.remove();\n }\n } catch (error) {\n /**\n * Skip DOMException error since it could be possible that\n * in some situations the notification portal is missing\n */\n if (error instanceof DOMException) return;\n throw error;\n }\n }\n\n // Public methods API\n // These methods are exposed on the host element.\n // Always use two lines.\n // Public Methods must be async.\n // Requires JSDocs for public API documentation.\n // ===============================================\n\n /** Method to be called to show the toast component */\n @Method()\n async show(): Promise<void> {\n this.handleShow();\n }\n\n /** Method to be called to hide the toast component */\n @Method()\n async hide(): Promise<void> {\n this.handleHide();\n }\n\n /** This method can be used to display toasts in a fixed-position element that allows for stacking multiple toasts vertically */\n @Method()\n async toast() {\n if (!isClient()) return;\n\n const { toastPortal } = this;\n if (toastPortal?.parentElement === null) {\n document.body.append(toastPortal);\n }\n\n toastPortal?.appendChild(this.el);\n\n requestAnimationFrame(() => {\n this.show();\n });\n }\n\n // Local methods\n // Internal business logic.\n // These methods cannot be called from the host element.\n // =======================================================\n\n private handleShow = () => {\n const ev = this.bqShow.emit(this.el);\n if (!ev.defaultPrevented) {\n this.open = true;\n }\n };\n\n private handleHide = () => {\n const ev = this.bqHide.emit(this.el);\n if (!ev.defaultPrevented) {\n this.open = false;\n }\n };\n\n private get iconName() {\n const typeMap = {\n success: 'check-circle-bold',\n error: 'x-circle-bold',\n loading: 'spinner-gap-bold',\n alert: 'warning-bold',\n info: 'info-bold',\n };\n\n return typeMap[this.type] || 'info-bold';\n }\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n const style = {\n ...(this.border && { '--bq-toast--border-radius': `var(--bq-radius--${this.border})` }),\n };\n\n return (\n <Host\n aria-hidden={!this.open ? 'true' : 'false'}\n class={{ 'is-hidden': !this.open }}\n hidden={!this.open ? 'true' : 'false'}\n role=\"status\"\n style={style}\n >\n <output class=\"bq-toast\" part=\"wrapper\">\n <div class={{ [`bq-toast--icon ${this.type}`]: true, '!hidden': this.hideIcon }} part=\"icon\">\n <slot name=\"icon\">\n <bq-icon exportparts=\"base,svg\" name={this.iconName} size=\"24\" slot=\"icon\" />\n </slot>\n </div>\n <slot />\n </output>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
package/dist/components/bq-tooltip.js CHANGED
@@ -2,5 +2,5 @@
2
2
  * Built by Endavans
3
3
  * © https://beeq.design - Apache 2 License.
4
4
  */
5
- import{B as o,d as s}from"./p-Br5pwRAS.js";const p=o;const r=s;export{p as BqTooltip,r as defineCustomElement};
5
+ import{B as o,d as s}from"./p-QKKYeTea.js";const t=o;const a=s;export{t as BqTooltip,a as defineCustomElement};
6
6
  //# sourceMappingURL=bq-tooltip.js.map
package/dist/components/index.js CHANGED
@@ -2,5 +2,5 @@
2
2
  * Built by Endavans
3
3
  * © https://beeq.design - Apache 2 License.
4
4
  */
5
- export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-DDVIIUm1.js";export{g as getBasePath,s as setBasePath}from"./p-BHxv_w2i.js";export{BqSlider,c as clamp,defineCustomElement as defineCustomElementBqSlider}from"./bq-slider.js";export{a as getCSSVariableValue,g as getColorCSSVariable}from"./p-_RvVpeh2.js";export{BqDatePicker,I as ISO_DATE_LOCALE,c as clampDateToRange,defineCustomElement as defineCustomElementBqDatePicker,e as extractFocusedDate,f as formatDisplayValue,g as getTodayISO,i as isValidISODate,p as parseDateInput,t as toISODateString,u as updateFormValidity}from"./bq-date-picker.js";export{d as debounce,s as setRafTimeout}from"./p-CVw85-WU.js";export{i as isEventTargetChildOfElement}from"./p-Dx-CEPSQ.js";export{g as getNextElement}from"./p-BsSDkLU5.js";export{i as isClient}from"./p-B4sM1t6Z.js";import{i as o}from"./p-BRbYDZoo.js";import{i as m}from"./p-BcPwGxIn.js";export{i as isHTMLElement}from"./p-D1A0LpG_.js";export{i as isString}from"./p-lysmVw2n.js";export{v as validatePropValue}from"./p-zh4P02Kn.js";export{c as configureScrollLock,f as forceUnlockAllBodyScroll,g as getScrollLockCount,i as isBodyScrollLocked,l as lockBodyScroll,u as unlockBodyScroll}from"./p-8mobOXPw.js";export{g as getInnerHTML,a as getTextContent,h as hasSlot,b as hasSlotContent}from"./p-uqkxeAeG.js";export{BqSelect,defineCustomElement as defineCustomElementBqSelect,s as stringToArray}from"./bq-select.js";export{e as enter,l as leave,t as toggle}from"./p-DdvbF5yL.js";export{BqAccordion,defineCustomElement as defineCustomElementBqAccordion}from"./bq-accordion.js";export{BqAccordionGroup,defineCustomElement as defineCustomElementBqAccordionGroup}from"./bq-accordion-group.js";export{BqAlert,defineCustomElement as defineCustomElementBqAlert}from"./bq-alert.js";export{BqAvatar,defineCustomElement as defineCustomElementBqAvatar}from"./bq-avatar.js";export{BqBadge,defineCustomElement as defineCustomElementBqBadge}from"./bq-badge.js";export{BqBreadcrumb,defineCustomElement as defineCustomElementBqBreadcrumb}from"./bq-breadcrumb.js";export{BqBreadcrumbItem,defineCustomElement as defineCustomElementBqBreadcrumbItem}from"./bq-breadcrumb-item.js";export{BqButton,defineCustomElement as defineCustomElementBqButton}from"./bq-button.js";export{BqCard,defineCustomElement as defineCustomElementBqCard}from"./bq-card.js";export{BqCheckbox,defineCustomElement as defineCustomElementBqCheckbox}from"./bq-checkbox.js";export{BqDialog,defineCustomElement as defineCustomElementBqDialog}from"./bq-dialog.js";export{BqDivider,defineCustomElement as defineCustomElementBqDivider}from"./bq-divider.js";export{BqDrawer,defineCustomElement as defineCustomElementBqDrawer}from"./bq-drawer.js";export{BqDropdown,defineCustomElement as defineCustomElementBqDropdown}from"./bq-dropdown.js";export{BqEmptyState,defineCustomElement as defineCustomElementBqEmptyState}from"./bq-empty-state.js";export{BqIcon,defineCustomElement as defineCustomElementBqIcon}from"./bq-icon.js";export{BqInput,defineCustomElement as defineCustomElementBqInput}from"./bq-input.js";export{BqNotification,defineCustomElement as defineCustomElementBqNotification}from"./bq-notification.js";export{BqOption,defineCustomElement as defineCustomElementBqOption}from"./bq-option.js";export{BqOptionGroup,defineCustomElement as defineCustomElementBqOptionGroup}from"./bq-option-group.js";export{BqOptionList,defineCustomElement as defineCustomElementBqOptionList}from"./bq-option-list.js";export{BqPageTitle,defineCustomElement as defineCustomElementBqPageTitle}from"./bq-page-title.js";export{BqPanel,defineCustomElement as defineCustomElementBqPanel}from"./bq-panel.js";export{BqProgress,defineCustomElement as defineCustomElementBqProgress}from"./bq-progress.js";export{BqRadio,defineCustomElement as defineCustomElementBqRadio}from"./bq-radio.js";export{BqRadioGroup,defineCustomElement as defineCustomElementBqRadioGroup}from"./bq-radio-group.js";export{BqSideMenu,defineCustomElement as defineCustomElementBqSideMenu}from"./bq-side-menu.js";export{BqSideMenuItem,defineCustomElement as defineCustomElementBqSideMenuItem}from"./bq-side-menu-item.js";export{BqSpinner,defineCustomElement as defineCustomElementBqSpinner}from"./bq-spinner.js";export{BqStatus,defineCustomElement as defineCustomElementBqStatus}from"./bq-status.js";export{BqStepItem,defineCustomElement as defineCustomElementBqStepItem}from"./bq-step-item.js";export{BqSteps,defineCustomElement as defineCustomElementBqSteps}from"./bq-steps.js";export{BqSwitch,defineCustomElement as defineCustomElementBqSwitch}from"./bq-switch.js";export{BqTab,defineCustomElement as defineCustomElementBqTab}from"./bq-tab.js";export{BqTabGroup,defineCustomElement as defineCustomElementBqTabGroup}from"./bq-tab-group.js";export{BqTag,defineCustomElement as defineCustomElementBqTag}from"./bq-tag.js";export{BqTextarea,defineCustomElement as defineCustomElementBqTextarea}from"./bq-textarea.js";export{BqToast,defineCustomElement as defineCustomElementBqToast}from"./bq-toast.js";export{BqTooltip,defineCustomElement as defineCustomElementBqTooltip}from"./bq-tooltip.js";const n=(e,t)=>{let o=e.length;const s=new Array(t);const m=new Array(o);if(t>o)throw new RangeError("getRandom: more elements taken than available");while(t--){const n=Date.now()%o;s[t]=e[n in m?m[n]:n];m[n]=--o in m?m[o]:o}return s};const q=e=>{if(m(e)){return true}else if("size"in e){return!o(e.size)}else{return!o(Object.values(e).length)}};export{n as getRandomFromArray,o as isDefined,q as isEmpty,m as isNil};
5
+ export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-CCHVlunB.js";export{g as getBasePath,s as setBasePath}from"./p-C7WSlvNM.js";export{BqSlider,c as clamp,defineCustomElement as defineCustomElementBqSlider}from"./bq-slider.js";export{a as getCSSVariableValue,g as getColorCSSVariable}from"./p-_RvVpeh2.js";export{BqDatePicker,I as ISO_DATE_LOCALE,c as clampDateToRange,defineCustomElement as defineCustomElementBqDatePicker,e as extractFocusedDate,f as formatDisplayValue,g as getTodayISO,i as isValidISODate,p as parseDateInput,t as toISODateString,u as updateFormValidity}from"./bq-date-picker.js";export{d as debounce,s as setRafTimeout}from"./p-CVw85-WU.js";export{i as isEventTargetChildOfElement}from"./p-Dx-CEPSQ.js";export{g as getNextElement}from"./p-BsSDkLU5.js";export{i as isClient}from"./p-B4sM1t6Z.js";import{i as o}from"./p-BRbYDZoo.js";import{i as n}from"./p-BcPwGxIn.js";export{i as isHTMLElement}from"./p-D1A0LpG_.js";export{i as isString}from"./p-lysmVw2n.js";export{v as validatePropValue}from"./p-zh4P02Kn.js";export{c as configureScrollLock,f as forceUnlockAllBodyScroll,g as getScrollLockCount,i as isBodyScrollLocked,l as lockBodyScroll,u as unlockBodyScroll}from"./p-sARU_ILE.js";export{g as getInnerHTML,a as getTextContent,h as hasSlot,b as hasSlotContent}from"./p-uqkxeAeG.js";export{BqSelect,defineCustomElement as defineCustomElementBqSelect,s as stringToArray}from"./bq-select.js";export{e as enter,l as leave,t as toggle}from"./p-DdvbF5yL.js";export{BqAccordion,defineCustomElement as defineCustomElementBqAccordion}from"./bq-accordion.js";export{BqAccordionGroup,defineCustomElement as defineCustomElementBqAccordionGroup}from"./bq-accordion-group.js";export{BqAlert,defineCustomElement as defineCustomElementBqAlert}from"./bq-alert.js";export{BqAvatar,defineCustomElement as defineCustomElementBqAvatar}from"./bq-avatar.js";export{BqBadge,defineCustomElement as defineCustomElementBqBadge}from"./bq-badge.js";export{BqBreadcrumb,defineCustomElement as defineCustomElementBqBreadcrumb}from"./bq-breadcrumb.js";export{BqBreadcrumbItem,defineCustomElement as defineCustomElementBqBreadcrumbItem}from"./bq-breadcrumb-item.js";export{BqButton,defineCustomElement as defineCustomElementBqButton}from"./bq-button.js";export{BqCard,defineCustomElement as defineCustomElementBqCard}from"./bq-card.js";export{BqCheckbox,defineCustomElement as defineCustomElementBqCheckbox}from"./bq-checkbox.js";export{BqDialog,defineCustomElement as defineCustomElementBqDialog}from"./bq-dialog.js";export{BqDivider,defineCustomElement as defineCustomElementBqDivider}from"./bq-divider.js";export{BqDrawer,defineCustomElement as defineCustomElementBqDrawer}from"./bq-drawer.js";export{BqDropdown,defineCustomElement as defineCustomElementBqDropdown}from"./bq-dropdown.js";export{BqEmptyState,defineCustomElement as defineCustomElementBqEmptyState}from"./bq-empty-state.js";export{BqIcon,defineCustomElement as defineCustomElementBqIcon}from"./bq-icon.js";export{BqInput,defineCustomElement as defineCustomElementBqInput}from"./bq-input.js";export{BqNotification,defineCustomElement as defineCustomElementBqNotification}from"./bq-notification.js";export{BqOption,defineCustomElement as defineCustomElementBqOption}from"./bq-option.js";export{BqOptionGroup,defineCustomElement as defineCustomElementBqOptionGroup}from"./bq-option-group.js";export{BqOptionList,defineCustomElement as defineCustomElementBqOptionList}from"./bq-option-list.js";export{BqPageTitle,defineCustomElement as defineCustomElementBqPageTitle}from"./bq-page-title.js";export{BqPanel,defineCustomElement as defineCustomElementBqPanel}from"./bq-panel.js";export{BqProgress,defineCustomElement as defineCustomElementBqProgress}from"./bq-progress.js";export{BqRadio,defineCustomElement as defineCustomElementBqRadio}from"./bq-radio.js";export{BqRadioGroup,defineCustomElement as defineCustomElementBqRadioGroup}from"./bq-radio-group.js";export{BqSideMenu,defineCustomElement as defineCustomElementBqSideMenu}from"./bq-side-menu.js";export{BqSideMenuItem,defineCustomElement as defineCustomElementBqSideMenuItem}from"./bq-side-menu-item.js";export{BqSpinner,defineCustomElement as defineCustomElementBqSpinner}from"./bq-spinner.js";export{BqStatus,defineCustomElement as defineCustomElementBqStatus}from"./bq-status.js";export{BqStepItem,defineCustomElement as defineCustomElementBqStepItem}from"./bq-step-item.js";export{BqSteps,defineCustomElement as defineCustomElementBqSteps}from"./bq-steps.js";export{BqSwitch,defineCustomElement as defineCustomElementBqSwitch}from"./bq-switch.js";export{BqTab,defineCustomElement as defineCustomElementBqTab}from"./bq-tab.js";export{BqTabGroup,defineCustomElement as defineCustomElementBqTabGroup}from"./bq-tab-group.js";export{BqTag,defineCustomElement as defineCustomElementBqTag}from"./bq-tag.js";export{BqTextarea,defineCustomElement as defineCustomElementBqTextarea}from"./bq-textarea.js";export{BqToast,defineCustomElement as defineCustomElementBqToast}from"./bq-toast.js";export{BqTooltip,defineCustomElement as defineCustomElementBqTooltip}from"./bq-tooltip.js";const m=(e,t)=>{let o=e.length;const s=new Array(t);const n=new Array(o);if(t>o)throw new RangeError("getRandom: more elements taken than available");while(t--){const m=Date.now()%o;s[t]=e[m in n?n[m]:m];n[m]=--o in n?n[o]:o}return s};const q=e=>{if(n(e)){return true}else if("size"in e){return!o(e.size)}else{return!o(Object.values(e).length)}};export{m as getRandomFromArray,o as isDefined,q as isEmpty,n as isNil};
6
6
  //# sourceMappingURL=index.js.map
package/dist/components/{p-DSdUt2Ay.js → p-B4tGTtm-.js} RENAMED
@@ -2,5 +2,5 @@
2
2
  * Built by Endavans
3
3
  * © https://beeq.design - Apache 2 License.
4
4
  */
5
- import{p as a,H as r,c as e,h as b,d as n,t}from"./p-DDVIIUm1.js";import{i as o}from"./p-B4sM1t6Z.js";import{i}from"./p-BcPwGxIn.js";import{i as q}from"./p-BRbYDZoo.js";import{v as d}from"./p-zh4P02Kn.js";import{b as s}from"./p-uqkxeAeG.js";import{d as l}from"./p-BHxv_w2i.js";const c=["small","medium","large"];const u=["button","submit","reset"];const v=["primary","secondary","link","text"];const g=["standard","ghost","danger"];const f=()=>`.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.aspect-square{aspect-ratio:1/1}.shrink-0{flex-shrink:0}.grow-0{flex-grow:0}.basis-auto{flex-basis:auto}.cursor-\\[inherit\\]{cursor:inherit}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.rounded-\\[--bq-button--border-radius\\]{border-radius:var(--bq-button--border-radius)}.border-\\[length\\:--bq-button--border-width\\]{border-width:var(--bq-button--border-width)}.border-m{border-width:var(--bq-stroke-m)}.border-solid{border-style:solid}.border-\\[color\\:--bq-button--border-color\\]{border-color:var(--bq-button--border-color)}.border-brand{border-color:var(--bq-stroke--brand)}.border-tertiary{border-color:var(--bq-stroke--tertiary)}.bg-transparent{background-color:transparent}.bg-ui-brand{background-color:var(--bq-ui--brand)}.bg-ui-danger{background-color:var(--bq-ui--danger)}.bg-ui-secondary{background-color:var(--bq-ui--secondary)}.p-\\[--bq-button--large-paddingY\\]{padding:var(--bq-button--large-paddingY)}.p-\\[--bq-button--medium-paddingY\\]{padding:var(--bq-button--medium-paddingY)}.p-\\[--bq-button--small-paddingY\\]{padding:var(--bq-button--small-paddingY)}.pe-xs2{padding-inline-end:var(--bq-spacing-xs2)}.ps-xs2{padding-inline-start:var(--bq-spacing-xs2)}.text-\\[length\\:--bq-button--large-font-size\\]{font-size:var(--bq-button--large-font-size)}.text-\\[length\\:--bq-button--medium-font-size\\]{font-size:var(--bq-button--medium-font-size)}.text-\\[length\\:--bq-button--small-font-size\\]{font-size:var(--bq-button--small-font-size)}.font-medium{font-weight:var(--bq-font-weight--medium)}.text-brand{color:var(--bq-text--brand)}.opacity-60{opacity:.6}.transition-\\[background-color\\2c border-color\\2c color\\]{transition-duration:.15s;transition-property:background-color,border-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.is-auto{inline-size:auto}.is-full{inline-size:100%}.p-b-\\[--bq-button--large-paddingY\\]{padding-block:var(--bq-button--large-paddingY)}.p-b-\\[--bq-button--medium-paddingY\\]{padding-block:var(--bq-button--medium-paddingY)}.p-b-\\[--bq-button--small-paddingY\\]{padding-block:var(--bq-button--small-paddingY)}.p-i-\\[--bq-button--large-paddingX\\]{padding-inline:var(--bq-button--large-paddingX)}.p-i-\\[--bq-button--medium-paddingX\\]{padding-inline:var(--bq-button--medium-paddingX)}.p-i-\\[--bq-button--small-paddingX\\]{padding-inline:var(--bq-button--small-paddingX)}.bq-button{align-items:center;border-color:var(--bq-button--border-color);border-radius:var(--bq-button--border-radius);border-width:var(--bq-button--border-width);box-sizing:border-box;cursor:inherit;display:flex;font-weight:var(--bq-font-weight--medium);justify-content:center;line-height:var(--bq-font-line-height--regular);transition-duration:.3s;transition-property:background-color,border-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-button:disabled{cursor:not-allowed;opacity:.6}.bq-button:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-button ::slotted(bq-icon){--bq-icon--color:var(--bq-button--icon-color,currentColor)}.bq-button:hover:not(:disabled) ::slotted(bq-icon){--bq-icon--color:var(--bq-button-hover--icon-color,var(--bq-button--icon-color,currentColor))}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-button--border-color:transparent;--bq-button--border-radius:var(--bq-radius--m);--bq-button--border-style:solid;--bq-button--border-width:0;--bq-button--small-paddingX:var(--bq-spacing-xs);--bq-button--small-paddingY:var(--bq-spacing-xs2);--bq-button--small-font-size:var(--bq-font-size--m);--bq-button--medium-paddingX:var(--bq-spacing-m);--bq-button--medium-paddingY:var(--bq-spacing-s);--bq-button--medium-font-size:var(--bq-font-size--m);--bq-button--large-paddingX:var(--bq-spacing-l);--bq-button--large-paddingY:var(--bq-spacing-m);--bq-button--large-font-size:var(--bq-font-size--m);border-radius:var(--bq-button--border-radius);cursor:pointer;display:inline-block;inline-size:auto;position:relative}.block,:host([block]){inline-size:100%}.bq-button--primary{background-color:var(--bq-ui--brand);color:var(--bq-text--alt)}.bq-button--primary:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-hover) 20%)}.bq-button--primary:enabled:active,.bq-button--primary:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-active) 20%)}.bq-button--primary.ghost{background-color:transparent;border-color:var(--bq-stroke--brand);border-style:solid;border-width:var(--bq-stroke-m);color:var(--bq-text--brand)}.bq-button--primary.ghost:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-hover) 20%)}.bq-button--primary.ghost:enabled:active,.bq-button--primary.ghost:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-active) 20%)}.bq-button--primary.danger{background-color:var(--bq-ui--danger);color:var(--bq-text--alt)}.bq-button--primary.danger:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--danger),var(--bq-hover) 20%)}.bq-button--primary.danger:enabled:active,.bq-button--primary.danger:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--danger),var(--bq-active) 20%)}.bq-button--secondary{background-color:var(--bq-ui--secondary);color:var(--bq-text--primary)}.bq-button--secondary:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}.bq-button--secondary:enabled:active,.bq-button--secondary:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.bq-button--secondary.ghost{background-color:transparent;border-color:var(--bq-stroke--tertiary);border-style:solid;border-width:var(--bq-stroke-m);color:var(--bq-text--primary)}.bq-button--secondary.ghost:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}.bq-button--secondary.ghost:enabled:active,.bq-button--secondary.ghost:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.bq-button--link{background-color:transparent;color:var(--bq-text--brand);text-decoration-line:none}.bq-button--link:hover:not(.disabled){background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-hover) 20%)}.bq-button--link:active:not(.disabled),.bq-button--link:hover:active:not(.disabled){background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.bq-button--link.disabled{cursor:not-allowed;opacity:.6}.bq-button--text{background-color:transparent;color:var(--bq-text--primary)}.bq-button--text:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-hover) 20%)}.bq-button--text:enabled:active,.bq-button--text:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.only-icon{aspect-ratio:1/1}.small{font-size:var(--bq-button--small-font-size);padding-block:var(--bq-button--small-paddingY);padding-inline:var(--bq-button--small-paddingX)}.small.only-icon{padding:var(--bq-button--small-paddingY)}.medium{font-size:var(--bq-button--medium-font-size);padding-block:var(--bq-button--medium-paddingY);padding-inline:var(--bq-button--medium-paddingX)}.medium.only-icon{padding:var(--bq-button--medium-paddingY)}.large{font-size:var(--bq-button--large-font-size);padding-block:var(--bq-button--large-paddingY);padding-inline:var(--bq-button--large-paddingX)}.large.only-icon{padding:var(--bq-button--large-paddingY)}.bq-button__label ::slotted(bq-icon){display:flex}.content-left{justify-content:flex-start}.content-right{justify-content:flex-end}.bq-button__prefix,.bq-button__suffix{align-items:center;display:flex;flex-basis:auto;flex-grow:0;flex-shrink:0;pointer-events:none}.bq-button.has-prefix .bq-button__label{padding-inline-start:var(--bq-spacing-xs2)}.bq-button.has-suffix .bq-button__label{padding-inline-end:var(--bq-spacing-xs2)}.bq-button.loading{cursor:wait;position:relative}.bq-button.loading .bq-button__label,.bq-button.loading .bq-button__prefix,.bq-button.loading .bq-button__suffix{visibility:hidden}.bq-button__loader{-webkit-animation:spin 1s linear 0s infinite;animation:spin 1s linear 0s infinite;position:absolute}.focus-visible\\:focus:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.active\\:enabled\\:bg-active-ui-brand:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-active) 20%)}.active\\:enabled\\:bg-active-ui-danger:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--danger),var(--bq-active) 20%)}.active\\:enabled\\:bg-active-ui-primary:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-active) 20%)}.active\\:enabled\\:bg-active-ui-secondary:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.active\\:enabled\\:hover\\:bg-active-ui-brand:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-active) 20%)}.active\\:enabled\\:hover\\:bg-active-ui-danger:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--danger),var(--bq-active) 20%)}.active\\:enabled\\:hover\\:bg-active-ui-primary:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-active) 20%)}.active\\:enabled\\:hover\\:bg-active-ui-secondary:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.\\[\\&\\:not\\(\\.disabled\\)\\]\\:active\\:bg-active-ui-secondary:active:not(.disabled){background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.\\[\\&_\\:\\:slotted\\(bq-icon\\)\\]\\:\\[--bq-icon--color\\:_var\\(--bq-button--icon-color\\2c _currentColor\\)\\] ::slotted(bq-icon){--bq-icon--color:var(--bq-button--icon-color,currentColor)}.static{position:static}.hidden{display:none}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}`;const p=a(class a extends r{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.bqBlur=e(this,"bqBlur");this.bqFocus=e(this,"bqFocus");this.bqClick=e(this,"bqClick");this.internals=this.attachInternals()}prefixElem;suffixElem;get el(){return this}internals;hasPrefix=false;hasSuffix=false;appearance="primary";block=false;border="m";disabled=false;download;href;justifyContent="center";label;loading=false;onlyIcon=false;size="medium";target;type="button";variant="standard";checkPropValues(){d(v,"primary",this.el,"appearance");d(u,"button",this.el,"type");d(c,"medium",this.el,"size");d(g,"standard",this.el,"variant")}handleOnlyIconPropChange(){if(!this.onlyIcon||!i(this.label))return;console.warn("⚠️ [BqButton]: When using `only-icon` attribute (`onlyIcon` prop), it is required to set the `label` prop for accessibility reasons.")}bqBlur;bqFocus;bqClick;componentWillLoad(){this.checkPropValues();this.handleOnlyIconPropChange()}componentDidLoad(){this.handleSlotChange()}handleBlur=()=>{this.bqBlur.emit(this.el)};handleFocus=()=>{this.bqFocus.emit(this.el)};handleClick=a=>{const{disabled:r,loading:e,bqClick:b,el:n}=this;if(r||e){this.preventEvent(a);return}const t=b.emit(n);if(t.defaultPrevented){this.preventEvent(a);return}this.handleFormAction()};handleFormAction(){const{type:a,internals:{form:r}}=this;if(i(r))return;const e=this.formActions(r)[a];if(i(e))return;e()}formActions=a=>({submit:()=>this.submitAssociatedForm(a),reset:()=>a.reset()});submitAssociatedForm=a=>{if(!o()||i(a))return;const r=document.createElement("button");r.type=this.type;r.hidden=true;a.append(r);r.click();r.remove()};handleSlotChange=()=>{this.hasPrefix=s(this.prefixElem,"prefix");this.hasSuffix=s(this.suffixElem,"suffix")};preventEvent(a){a.preventDefault();a.stopPropagation()}render(){const a=q(this.href);const r=a?"a":"button";const e={...this.border&&{"--bq-button--border-radius":`var(--bq-radius--${this.border})`}};return b(n,{key:"59aa5d609765eb449a0c880b51e9047d846c1d39",style:e},b(r,{key:"a41c8a26f4baabc52c6baff2d36a6080949a0b9a","aria-disabled":this.disabled?"true":"false","aria-label":this.label??undefined,class:{"bq-button":true,[`bq-button--${this.appearance}`]:true,[`content-${this.justifyContent}`]:true,[`${this.variant}`]:true,[`${this.size}`]:true,block:this.block,disabled:this.disabled,"has-prefix":this.hasPrefix,"has-suffix":this.hasSuffix,loading:this.loading,"only-icon":this.onlyIcon},disabled:this.disabled,download:a?this.download:undefined,href:a?this.href:undefined,onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,part:"button",rel:a&&this.target?"noreferrer noopener":undefined,tabIndex:this.disabled?-1:0,target:a?this.target:undefined,type:this.type},b("span",{key:"a371c05dfb53e89de6baccf7f32c266392f39e78",class:"bq-button__prefix",part:"prefix",ref:a=>{this.prefixElem=a}},b("slot",{key:"14d062855f2a5e6b5314402c450a251bcec63f56",name:"prefix",onSlotchange:this.handleSlotChange})),b("span",{key:"eddde84e0d66e759ddae018f1d2593e88dd14962",class:"bq-button__label",part:"label"},b("slot",{key:"e311be1ac0f20eda0fea376953efd4dd44e2ce1d"})),b("span",{key:"cc3e13436975f93402ee230b654bbaa85aeec8ce",class:"bq-button__suffix",part:"suffix",ref:a=>{this.suffixElem=a}},b("slot",{key:"211a86e553a17b1985175375fc22c87b409d5fe2",name:"suffix",onSlotchange:this.handleSlotChange})),this.loading&&b("bq-icon",{key:"5684d748b4ccdf7731e98cd1e67f8233bf96383f",class:"bq-button__loader",name:"spinner-gap"})))}static get delegatesFocus(){return true}static get formAssociated(){return true}static get watchers(){return{appearance:[{checkPropValues:0}],type:[{checkPropValues:0}],size:[{checkPropValues:0}],variant:[{checkPropValues:0}],onlyIcon:[{handleOnlyIconPropChange:0}]}}static get style(){return f()}},[849,"bq-button",{appearance:[513],block:[516],border:[513],disabled:[4],download:[1],href:[513],justifyContent:[513,"justify-content"],label:[513],loading:[4],onlyIcon:[4,"only-icon"],size:[513],target:[513],type:[513],variant:[513],hasPrefix:[32],hasSuffix:[32]},undefined,{appearance:[{checkPropValues:0}],type:[{checkPropValues:0}],size:[{checkPropValues:0}],variant:[{checkPropValues:0}],onlyIcon:[{handleOnlyIconPropChange:0}]}]);function m(){if(typeof customElements==="undefined"){return}const a=["bq-button","bq-icon"];a.forEach((a=>{switch(a){case"bq-button":if(!customElements.get(t(a))){customElements.define(t(a),p)}break;case"bq-icon":if(!customElements.get(t(a))){l()}break}}))}export{p as B,m as d};
6
- //# sourceMappingURL=p-DSdUt2Ay.js.map
5
+ import{p as a,H as r,c as e,h as b,d as n,t}from"./p-CCHVlunB.js";import{i as o}from"./p-B4sM1t6Z.js";import{i}from"./p-BcPwGxIn.js";import{i as q}from"./p-BRbYDZoo.js";import{v as d}from"./p-zh4P02Kn.js";import{b as s}from"./p-uqkxeAeG.js";import{d as l}from"./p-C7WSlvNM.js";const c=["small","medium","large"];const u=["button","submit","reset"];const v=["primary","secondary","link","text"];const g=["standard","ghost","danger"];const f=()=>`.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.aspect-square{aspect-ratio:1/1}.shrink-0{flex-shrink:0}.grow-0{flex-grow:0}.basis-auto{flex-basis:auto}.cursor-\\[inherit\\]{cursor:inherit}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.rounded-\\[--bq-button--border-radius\\]{border-radius:var(--bq-button--border-radius)}.border-\\[length\\:--bq-button--border-width\\]{border-width:var(--bq-button--border-width)}.border-m{border-width:var(--bq-stroke-m)}.border-solid{border-style:solid}.border-\\[color\\:--bq-button--border-color\\]{border-color:var(--bq-button--border-color)}.border-brand{border-color:var(--bq-stroke--brand)}.border-tertiary{border-color:var(--bq-stroke--tertiary)}.bg-transparent{background-color:transparent}.bg-ui-brand{background-color:var(--bq-ui--brand)}.bg-ui-danger{background-color:var(--bq-ui--danger)}.bg-ui-secondary{background-color:var(--bq-ui--secondary)}.p-\\[--bq-button--large-paddingY\\]{padding:var(--bq-button--large-paddingY)}.p-\\[--bq-button--medium-paddingY\\]{padding:var(--bq-button--medium-paddingY)}.p-\\[--bq-button--small-paddingY\\]{padding:var(--bq-button--small-paddingY)}.pe-xs2{padding-inline-end:var(--bq-spacing-xs2)}.ps-xs2{padding-inline-start:var(--bq-spacing-xs2)}.text-\\[length\\:--bq-button--large-font-size\\]{font-size:var(--bq-button--large-font-size)}.text-\\[length\\:--bq-button--medium-font-size\\]{font-size:var(--bq-button--medium-font-size)}.text-\\[length\\:--bq-button--small-font-size\\]{font-size:var(--bq-button--small-font-size)}.font-medium{font-weight:var(--bq-font-weight--medium)}.text-brand{color:var(--bq-text--brand)}.opacity-60{opacity:.6}.transition-\\[background-color\\2c border-color\\2c color\\]{transition-duration:.15s;transition-property:background-color,border-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.is-auto{inline-size:auto}.is-full{inline-size:100%}.p-b-\\[--bq-button--large-paddingY\\]{padding-block:var(--bq-button--large-paddingY)}.p-b-\\[--bq-button--medium-paddingY\\]{padding-block:var(--bq-button--medium-paddingY)}.p-b-\\[--bq-button--small-paddingY\\]{padding-block:var(--bq-button--small-paddingY)}.p-i-\\[--bq-button--large-paddingX\\]{padding-inline:var(--bq-button--large-paddingX)}.p-i-\\[--bq-button--medium-paddingX\\]{padding-inline:var(--bq-button--medium-paddingX)}.p-i-\\[--bq-button--small-paddingX\\]{padding-inline:var(--bq-button--small-paddingX)}.bq-button{align-items:center;border-color:var(--bq-button--border-color);border-radius:var(--bq-button--border-radius);border-width:var(--bq-button--border-width);box-sizing:border-box;cursor:inherit;display:flex;font-weight:var(--bq-font-weight--medium);justify-content:center;line-height:var(--bq-font-line-height--regular);transition-duration:.3s;transition-property:background-color,border-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-button:disabled{cursor:not-allowed;opacity:.6}.bq-button:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-button ::slotted(bq-icon){--bq-icon--color:var(--bq-button--icon-color,currentColor)}.bq-button:hover:not(:disabled) ::slotted(bq-icon){--bq-icon--color:var(--bq-button-hover--icon-color,var(--bq-button--icon-color,currentColor))}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-button--border-color:transparent;--bq-button--border-radius:var(--bq-radius--m);--bq-button--border-style:solid;--bq-button--border-width:0;--bq-button--small-paddingX:var(--bq-spacing-xs);--bq-button--small-paddingY:var(--bq-spacing-xs2);--bq-button--small-font-size:var(--bq-font-size--m);--bq-button--medium-paddingX:var(--bq-spacing-m);--bq-button--medium-paddingY:var(--bq-spacing-s);--bq-button--medium-font-size:var(--bq-font-size--m);--bq-button--large-paddingX:var(--bq-spacing-l);--bq-button--large-paddingY:var(--bq-spacing-m);--bq-button--large-font-size:var(--bq-font-size--m);border-radius:var(--bq-button--border-radius);cursor:pointer;display:inline-block;inline-size:auto;position:relative}.block,:host([block]){inline-size:100%}.bq-button--primary{background-color:var(--bq-ui--brand);color:var(--bq-text--alt)}.bq-button--primary:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-hover) 20%)}.bq-button--primary:enabled:active,.bq-button--primary:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-active) 20%)}.bq-button--primary.ghost{background-color:transparent;border-color:var(--bq-stroke--brand);border-style:solid;border-width:var(--bq-stroke-m);color:var(--bq-text--brand)}.bq-button--primary.ghost:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-hover) 20%)}.bq-button--primary.ghost:enabled:active,.bq-button--primary.ghost:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-active) 20%)}.bq-button--primary.danger{background-color:var(--bq-ui--danger);color:var(--bq-text--alt)}.bq-button--primary.danger:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--danger),var(--bq-hover) 20%)}.bq-button--primary.danger:enabled:active,.bq-button--primary.danger:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--danger),var(--bq-active) 20%)}.bq-button--secondary{background-color:var(--bq-ui--secondary);color:var(--bq-text--primary)}.bq-button--secondary:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}.bq-button--secondary:enabled:active,.bq-button--secondary:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.bq-button--secondary.ghost{background-color:transparent;border-color:var(--bq-stroke--tertiary);border-style:solid;border-width:var(--bq-stroke-m);color:var(--bq-text--primary)}.bq-button--secondary.ghost:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-hover) 20%)}.bq-button--secondary.ghost:enabled:active,.bq-button--secondary.ghost:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.bq-button--link{background-color:transparent;color:var(--bq-text--brand);text-decoration-line:none}.bq-button--link:hover:not(.disabled){background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-hover) 20%)}.bq-button--link:active:not(.disabled),.bq-button--link:hover:active:not(.disabled){background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.bq-button--link.disabled{cursor:not-allowed;opacity:.6}.bq-button--text{background-color:transparent;color:var(--bq-text--primary)}.bq-button--text:enabled:hover{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-hover) 20%)}.bq-button--text:enabled:active,.bq-button--text:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.only-icon{aspect-ratio:1/1}.small{font-size:var(--bq-button--small-font-size);padding-block:var(--bq-button--small-paddingY);padding-inline:var(--bq-button--small-paddingX)}.small.only-icon{padding:var(--bq-button--small-paddingY)}.medium{font-size:var(--bq-button--medium-font-size);padding-block:var(--bq-button--medium-paddingY);padding-inline:var(--bq-button--medium-paddingX)}.medium.only-icon{padding:var(--bq-button--medium-paddingY)}.large{font-size:var(--bq-button--large-font-size);padding-block:var(--bq-button--large-paddingY);padding-inline:var(--bq-button--large-paddingX)}.large.only-icon{padding:var(--bq-button--large-paddingY)}.bq-button__label ::slotted(bq-icon){display:flex}.content-left{justify-content:flex-start}.content-right{justify-content:flex-end}.bq-button__prefix,.bq-button__suffix{align-items:center;display:flex;flex-basis:auto;flex-grow:0;flex-shrink:0;pointer-events:none}.bq-button.has-prefix .bq-button__label{padding-inline-start:var(--bq-spacing-xs2)}.bq-button.has-suffix .bq-button__label{padding-inline-end:var(--bq-spacing-xs2)}.bq-button.loading{cursor:wait;position:relative}.bq-button.loading .bq-button__label,.bq-button.loading .bq-button__prefix,.bq-button.loading .bq-button__suffix{visibility:hidden}.bq-button__loader{-webkit-animation:spin 1s linear 0s infinite;animation:spin 1s linear 0s infinite;position:absolute}.focus-visible\\:focus:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.active\\:enabled\\:bg-active-ui-brand:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-active) 20%)}.active\\:enabled\\:bg-active-ui-danger:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--danger),var(--bq-active) 20%)}.active\\:enabled\\:bg-active-ui-primary:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-active) 20%)}.active\\:enabled\\:bg-active-ui-secondary:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.active\\:enabled\\:hover\\:bg-active-ui-brand:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-active) 20%)}.active\\:enabled\\:hover\\:bg-active-ui-danger:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--danger),var(--bq-active) 20%)}.active\\:enabled\\:hover\\:bg-active-ui-primary:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-active) 20%)}.active\\:enabled\\:hover\\:bg-active-ui-secondary:hover:enabled:active{background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.\\[\\&\\:not\\(\\.disabled\\)\\]\\:active\\:bg-active-ui-secondary:active:not(.disabled){background-color:color-mix(in srgb,var(--bq-ui--secondary),var(--bq-active) 20%)}.\\[\\&_\\:\\:slotted\\(bq-icon\\)\\]\\:\\[--bq-icon--color\\:_var\\(--bq-button--icon-color\\2c _currentColor\\)\\] ::slotted(bq-icon){--bq-icon--color:var(--bq-button--icon-color,currentColor)}.static{position:static}.inline{display:inline}.hidden{display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}`;const p=a(class a extends r{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.bqBlur=e(this,"bqBlur");this.bqFocus=e(this,"bqFocus");this.bqClick=e(this,"bqClick");this.internals=this.attachInternals()}prefixElem;suffixElem;get el(){return this}internals;hasPrefix=false;hasSuffix=false;appearance="primary";block=false;border="m";disabled=false;download;href;justifyContent="center";label;loading=false;onlyIcon=false;size="medium";target;type="button";variant="standard";checkPropValues(){d(v,"primary",this.el,"appearance");d(u,"button",this.el,"type");d(c,"medium",this.el,"size");d(g,"standard",this.el,"variant")}handleOnlyIconPropChange(){if(!this.onlyIcon||!i(this.label))return;console.warn("⚠️ [BqButton]: When using `only-icon` attribute (`onlyIcon` prop), it is required to set the `label` prop for accessibility reasons.")}bqBlur;bqFocus;bqClick;componentWillLoad(){this.checkPropValues();this.handleOnlyIconPropChange()}componentDidLoad(){this.handleSlotChange()}handleBlur=()=>{this.bqBlur.emit(this.el)};handleFocus=()=>{this.bqFocus.emit(this.el)};handleClick=a=>{const{disabled:r,loading:e,bqClick:b,el:n}=this;if(r||e){this.preventEvent(a);return}const t=b.emit(n);if(t.defaultPrevented){this.preventEvent(a);return}this.handleFormAction()};handleFormAction(){const{type:a,internals:{form:r}}=this;if(i(r))return;const e=this.formActions(r)[a];if(i(e))return;e()}formActions=a=>({submit:()=>this.submitAssociatedForm(a),reset:()=>a.reset()});submitAssociatedForm=a=>{if(!o()||i(a))return;const r=document.createElement("button");r.type=this.type;r.hidden=true;a.append(r);r.click();r.remove()};handleSlotChange=()=>{this.hasPrefix=s(this.prefixElem,"prefix");this.hasSuffix=s(this.suffixElem,"suffix")};preventEvent(a){a.preventDefault();a.stopPropagation()}render(){const a=q(this.href);const r=a?"a":"button";const e={...this.border&&{"--bq-button--border-radius":`var(--bq-radius--${this.border})`}};return b(n,{key:"59aa5d609765eb449a0c880b51e9047d846c1d39",style:e},b(r,{key:"a41c8a26f4baabc52c6baff2d36a6080949a0b9a","aria-disabled":this.disabled?"true":"false","aria-label":this.label??undefined,class:{"bq-button":true,[`bq-button--${this.appearance}`]:true,[`content-${this.justifyContent}`]:true,[`${this.variant}`]:true,[`${this.size}`]:true,block:this.block,disabled:this.disabled,"has-prefix":this.hasPrefix,"has-suffix":this.hasSuffix,loading:this.loading,"only-icon":this.onlyIcon},disabled:this.disabled,download:a?this.download:undefined,href:a?this.href:undefined,onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,part:"button",rel:a&&this.target?"noreferrer noopener":undefined,tabIndex:this.disabled?-1:0,target:a?this.target:undefined,type:this.type},b("span",{key:"a371c05dfb53e89de6baccf7f32c266392f39e78",class:"bq-button__prefix",part:"prefix",ref:a=>{this.prefixElem=a}},b("slot",{key:"14d062855f2a5e6b5314402c450a251bcec63f56",name:"prefix",onSlotchange:this.handleSlotChange})),b("span",{key:"eddde84e0d66e759ddae018f1d2593e88dd14962",class:"bq-button__label",part:"label"},b("slot",{key:"e311be1ac0f20eda0fea376953efd4dd44e2ce1d"})),b("span",{key:"cc3e13436975f93402ee230b654bbaa85aeec8ce",class:"bq-button__suffix",part:"suffix",ref:a=>{this.suffixElem=a}},b("slot",{key:"211a86e553a17b1985175375fc22c87b409d5fe2",name:"suffix",onSlotchange:this.handleSlotChange})),this.loading&&b("bq-icon",{key:"5684d748b4ccdf7731e98cd1e67f8233bf96383f",class:"bq-button__loader",name:"spinner-gap"})))}static get delegatesFocus(){return true}static get formAssociated(){return true}static get watchers(){return{appearance:[{checkPropValues:0}],type:[{checkPropValues:0}],size:[{checkPropValues:0}],variant:[{checkPropValues:0}],onlyIcon:[{handleOnlyIconPropChange:0}]}}static get style(){return f()}},[849,"bq-button",{appearance:[513],block:[516],border:[513],disabled:[4],download:[1],href:[513],justifyContent:[513,"justify-content"],label:[513],loading:[4],onlyIcon:[4,"only-icon"],size:[513],target:[513],type:[513],variant:[513],hasPrefix:[32],hasSuffix:[32]},undefined,{appearance:[{checkPropValues:0}],type:[{checkPropValues:0}],size:[{checkPropValues:0}],variant:[{checkPropValues:0}],onlyIcon:[{handleOnlyIconPropChange:0}]}]);function m(){if(typeof customElements==="undefined"){return}const a=["bq-button","bq-icon"];a.forEach((a=>{switch(a){case"bq-button":if(!customElements.get(t(a))){customElements.define(t(a),p)}break;case"bq-icon":if(!customElements.get(t(a))){l()}break}}))}export{p as B,m as d};
6
+ //# sourceMappingURL=p-B4tGTtm-.js.map
package/dist/components/{p-DSdUt2Ay.js.map → p-B4tGTtm-.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"names":["BUTTON_SIZE","BUTTON_TYPE","BUTTON_APPEARANCE","BUTTON_VARIANT","bqButtonCss","BqButton","__stencil_proxyCustomElement","HTMLElement","prefixElem","suffixElem","internals","hasPrefix","hasSuffix","appearance","block","border","disabled","download","href","justifyContent","label","loading","onlyIcon","size","target","type","variant","checkPropValues","validatePropValue","this","el","handleOnlyIconPropChange","isNil","console","warn","bqBlur","bqFocus","bqClick","componentWillLoad","componentDidLoad","handleSlotChange","handleBlur","emit","handleFocus","handleClick","ev","preventEvent","bqClickEvent","defaultPrevented","handleFormAction","form","formAction","formActions","submit","submitAssociatedForm","reset","isClient","btn","document","createElement","hidden","append","click","remove","hasSlotContent","preventDefault","stopPropagation","render","isLink","isDefined","TagElem","style","h","Host","key","undefined","class","onBlur","onClick","onFocus","part","rel","tabIndex","ref","spanElem","name","onSlotchange"],"sources":["../../packages/beeq/src/components/button/bq-button.types.ts","../../packages/beeq/src/components/button/scss/bq-button.scss?tag=bq-button&encapsulation=shadow","../../packages/beeq/src/components/button/bq-button.tsx"],"sourcesContent":["export const BUTTON_SIZE = ['small', 'medium', 'large'] as const;\nexport type TButtonSize = (typeof BUTTON_SIZE)[number];\n\nexport const BUTTON_TYPE = ['button', 'submit', 'reset'] as const;\nexport type TButtonType = (typeof BUTTON_TYPE)[number];\n\nexport const BUTTON_APPEARANCE = ['primary', 'secondary', 'link', 'text'] as const;\nexport type TButtonAppearance = (typeof BUTTON_APPEARANCE)[number];\n\nexport const BUTTON_VARIANT = ['standard', 'ghost', 'danger'] as const;\nexport type TButtonVariant = (typeof BUTTON_VARIANT)[number];\n\nexport const BUTTON_BORDER_RADIUS = ['none', 'xs2', 'xs', 's', 'm', 'l', 'full'] as const;\nexport type TButtonBorderRadius = (typeof BUTTON_BORDER_RADIUS)[number];\n","/* -------------------------------------------------------------------------- */\n/* Button styles */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-button.variables';\n\n@layer components {\n // Common button base style\n .bq-button {\n @apply box-border flex cursor-[inherit] items-center justify-center font-medium leading-regular;\n @apply rounded-[--bq-button--border-radius] border-[length:--bq-button--border-width] border-[color:--bq-button--border-color];\n @apply transition-[background-color,border-color,color] duration-300 ease-in-out;\n // `DISABLED` state\n @apply disabled:cursor-not-allowed disabled:opacity-60;\n // `FOCUS` state\n @apply focus-visible:focus;\n // Internal workaround to allow overriding icon color via CSS variables from slotted bq-buttons\n // @see: packages/beeq/src/components/side-menu/scss/bq-side-menu.scss\n @apply [&_::slotted(bq-icon)]:[--bq-icon--color:_var(--bq-button--icon-color,_currentColor)];\n // On hover, update the icon color if custom property is defined\n &:hover:not(:disabled) ::slotted(bq-icon) {\n --bq-icon--color: var(--bq-button-hover--icon-color, var(--bq-button--icon-color, currentColor));\n }\n }\n}\n\n:host {\n @apply is-auto relative inline-block cursor-pointer rounded-[--bq-button--border-radius];\n}\n\n:host([block]),\n.block {\n @apply is-full;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Appearance */\n/* -------------------------------------------------------------------------- */\n\n.bq-button--primary {\n @apply bg-ui-brand text-alt;\n // Primary `HOVER` state\n @apply hover:enabled:bg-hover-ui-brand;\n // Primary `ACTIVE` state\n @apply active:enabled:bg-active-ui-brand active:enabled:hover:bg-active-ui-brand;\n}\n\n.bq-button--primary.ghost {\n @apply border-m border-solid border-brand bg-transparent text-brand;\n // Primary `HOVER` state\n @apply hover:enabled:bg-hover-ui-primary;\n // Primary `ACTIVE` state\n @apply active:enabled:bg-active-ui-primary active:enabled:hover:bg-active-ui-primary;\n}\n\n.bq-button--primary.danger {\n @apply bg-ui-danger text-alt;\n // Primary `HOVER` state\n @apply hover:enabled:bg-hover-ui-danger;\n // Primary `ACTIVE` state\n @apply active:enabled:bg-active-ui-danger active:enabled:hover:bg-active-ui-danger;\n}\n\n.bq-button--secondary {\n @apply bg-ui-secondary text-primary;\n // Secondary `HOVER` state\n @apply hover:enabled:bg-hover-ui-secondary;\n // Secondary `ACTIVE` state\n @apply active:enabled:bg-active-ui-secondary active:enabled:hover:bg-active-ui-secondary;\n}\n\n.bq-button--secondary.ghost {\n @apply border-m border-solid border-tertiary bg-transparent text-primary;\n // Secondary `HOVER` state\n @apply hover:enabled:bg-hover-ui-secondary;\n // Secondary `ACTIVE` state\n @apply active:enabled:bg-active-ui-secondary active:enabled:hover:bg-active-ui-secondary;\n}\n\n.bq-button--link {\n @apply bg-transparent text-brand no-underline;\n // Primary `HOVER` state\n @apply [&:not(.disabled)]:hover:bg-hover-ui-primary;\n // Primary `ACTIVE` state\n @apply [&:not(.disabled)]:active:bg-active-ui-secondary [&:not(.disabled)]:active:hover:bg-active-ui-secondary;\n // HTML `<a>` elements does not have a `disabled` state so we need to handle it manually\n &.disabled {\n @apply cursor-not-allowed opacity-60;\n }\n}\n\n.bq-button--text {\n @apply bg-transparent text-primary;\n // Primary `HOVER` state\n @apply hover:enabled:bg-hover-ui-primary;\n // Primary `ACTIVE` state\n @apply active:enabled:bg-active-ui-secondary active:enabled:hover:bg-active-ui-secondary;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Size */\n/* -------------------------------------------------------------------------- */\n\n.only-icon {\n @apply aspect-square;\n}\n\n.small {\n @apply text-[length:--bq-button--small-font-size] p-b-[--bq-button--small-paddingY] p-i-[--bq-button--small-paddingX];\n\n &.only-icon {\n @apply p-[--bq-button--small-paddingY];\n }\n}\n\n.medium {\n @apply text-[length:--bq-button--medium-font-size] p-b-[--bq-button--medium-paddingY] p-i-[--bq-button--medium-paddingX];\n\n &.only-icon {\n @apply p-[--bq-button--medium-paddingY];\n }\n}\n\n.large {\n @apply text-[length:--bq-button--large-font-size] p-b-[--bq-button--large-paddingY] p-i-[--bq-button--large-paddingX];\n\n &.only-icon {\n @apply p-[--bq-button--large-paddingY];\n }\n}\n\n/* -------------------------------------------------------------------------- */\n/* Label */\n/* -------------------------------------------------------------------------- */\n\n.bq-button__label ::slotted(bq-icon) {\n @apply flex;\n}\n\n.content-left {\n @apply justify-start;\n}\n\n.content-right {\n @apply justify-end;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Prefix and Suffix slots */\n/* -------------------------------------------------------------------------- */\n\n.bq-button__prefix,\n.bq-button__suffix {\n @apply pointer-events-none flex shrink-0 grow-0 basis-auto items-center;\n}\n\n.bq-button.has-prefix .bq-button__label {\n @apply ps-xs2;\n}\n\n.bq-button.has-suffix .bq-button__label {\n @apply pe-xs2;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Loading */\n/* -------------------------------------------------------------------------- */\n\n.bq-button.loading {\n @apply relative cursor-wait;\n}\n\n.bq-button.loading .bq-button__prefix,\n.bq-button.loading .bq-button__label,\n.bq-button.loading .bq-button__suffix {\n @apply invisible;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Spinner icon */\n/* -------------------------------------------------------------------------- */\n\n.bq-button__loader {\n @include animation-spin;\n @apply absolute;\n}\n","import type { EventEmitter } from '@stencil/core';\nimport { AttachInternals, Component, Element, Event, Host, h, Prop, State, Watch } from '@stencil/core';\n\nimport { hasSlotContent, isClient, isDefined, isNil, validatePropValue } from '../../shared/utils';\nimport type {\n TButtonAppearance,\n TButtonBorderRadius,\n TButtonSize,\n TButtonType,\n TButtonVariant,\n} from './bq-button.types';\nimport { BUTTON_APPEARANCE, BUTTON_SIZE, BUTTON_TYPE, BUTTON_VARIANT } from './bq-button.types';\n\n/**\n * Buttons are designed for users to take action on a page or a screen.\n *\n * @example How to use it\n * ```html\n * <bq-button appearance=\"primary\" border=\"m\" size=\"medium\">\n * <bq-icon name=\"arrow-circle-left\" slot=\"prefix\"></bq-icon>\n * Go back\n * </bq-button>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/286b43-buttons\n * @status stable\n *\n * @dependency bq-icon\n *\n * @attr {\"primary\" | \"secondary\" | \"link\" | \"text\"} appearance - The appearance style to apply to the button\n * @attr {boolean} block - If `true`, it will make the button fit to its parent width.\n * @attr {string} border - The corner radius of the button\n * @attr {boolean} disabled - If `true`, the button will be disabled (no interaction allowed)\n * @attr {string} download - Tells the browser to treat the linked URL as a download. Only used when `href` is set.\n * @attr {string} href - When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`\n * @attr {\"left\" | \"center\" | \"right\"} justify-content - It determinate how the content should be aligned\n * @attr {boolean} loading - If `true` it will display the button in a loading state\n * @attr {boolean} only-icon - If `true` it will display the button as an icon-only button with aspect ratio 1:1 (square dimensions)\n * @attr {\"small\" | \"medium\" | \"large\"} size - The size of the button\n * @attr {\"_blank\" | \"_parent\" | \"_self\" | \"_top\"} target - Where to display the linked URL, as the name for a browsing context (a `tab`, `window`, or `<iframe>`)\n * @attr {\"button\" | \"submit\" | \"reset\"} type - The default behavior of the button\n * @attr {\"standard\" | \"ghost\" | \"danger\"} variant - The variant of button to apply on top of the appearance (applicable only to `appearance=\"primary\"`)\n *\n * @event bqBlur - Handler to be called when the button loses focus\n * @event bqFocus - Handler to be called when button gets focus\n * @event bqClick - Handler to be called when the button is clicked\n *\n * @slot prefix - The prefix content to be displayed before the button label\n * @slot - The button label content\n * @slot suffix - The suffix content to be displayed after the button label\n *\n * @part button - The `<a>` or `<button>` HTML element used under the hood.\n * @part prefix - The `<span>` tag element that acts as prefix container.\n * @part label - The `<span>` tag element that renders the text of the button.\n * @part suffix - The `<span>` tag element that acts as suffix container.\n *\n * @cssprop --bq-button--border-color - Button border color\n * @cssprop --bq-button--border-radius - Button border radius\n * @cssprop --bq-button--border-style - Button border style\n * @cssprop --bq-button--border-width - Button border width\n * @cssprop --bq-button--small-paddingX - Button small padding block (top and bottom)\n * @cssprop --bq-button--small-paddingY - Button small padding inline (left and right)\n * @cssprop --bq-button--small-font-size - Button small font size\n * @cssprop --bq-button--medium-paddingX - Button medium padding block (top and bottom)\n * @cssprop --bq-button--medium-paddingY - Button medium padding inline (left and right)\n * @cssprop --bq-button--medium-font-size - Button medium font size\n * @cssprop --bq-button--large-paddingX - Button large padding block (top and bottom)\n * @cssprop --bq-button--large-paddingY - Button large padding inline (left and right)\n * @cssprop --bq-button--large-font-size - Button large font size\n */\n@Component({\n tag: 'bq-button',\n styleUrl: './scss/bq-button.scss',\n formAssociated: true,\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class BqButton {\n // Own Properties\n // ====================\n\n private prefixElem: HTMLElement;\n private suffixElem: HTMLElement;\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqButtonElement;\n @AttachInternals() internals!: ElementInternals;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() private hasPrefix = false;\n @State() private hasSuffix = false;\n\n // Public Property API\n // ========================\n\n /** The appearance style to apply to the button */\n @Prop({ reflect: true }) appearance?: TButtonAppearance = 'primary';\n\n /** If `true`, it will make the button fit to its parent width. */\n @Prop({ reflect: true }) block?: boolean = false;\n\n /** The corner radius of the button */\n @Prop({ reflect: true }) border?: TButtonBorderRadius = 'm';\n\n /** If true, the button will be disabled (no interaction allowed) */\n @Prop() disabled?: boolean = false;\n\n /**\n * Tells the browser to treat the linked URL as a download. Only used when `href` is set.\n * Details: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download\n */\n @Prop() download?: string;\n\n /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>` */\n @Prop({ reflect: true }) href?: string;\n\n /** It determinate how the content should be aligned */\n @Prop({ reflect: true }) justifyContent?: 'left' | 'center' | 'right' = 'center';\n\n /** Text used for accessibility purposes, specially screen readers, to describe the button action */\n @Prop({ reflect: true }) label?: string;\n\n /** If `true` it will display the button in a loading state */\n @Prop() loading?: boolean = false;\n\n /** If `true` it will display the button as an icon-only button with aspect ratio 1:1 (square dimensions). Make sure to set the `label` prop for accessibility purposes. */\n @Prop() onlyIcon?: boolean = false;\n\n /** The size of the button */\n @Prop({ reflect: true }) size?: TButtonSize = 'medium';\n\n /**\n * Where to display the linked URL, as the name for a browsing context (a `tab`, `window`, or `<iframe>`)\n * Details: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n */\n @Prop({ reflect: true }) target?: '_blank' | '_parent' | '_self' | '_top';\n\n /** The default behavior of the button */\n @Prop({ reflect: true }) type?: TButtonType = 'button';\n\n /** The variant of button to apply on top of the appearance (applicable only to `appearance=\"primary\"`) */\n @Prop({ reflect: true }) variant?: TButtonVariant = 'standard';\n\n // Prop lifecycle events\n // =======================\n\n @Watch('appearance')\n @Watch('type')\n @Watch('size')\n @Watch('variant')\n checkPropValues() {\n validatePropValue(BUTTON_APPEARANCE, 'primary', this.el, 'appearance');\n validatePropValue(BUTTON_TYPE, 'button', this.el, 'type');\n validatePropValue(BUTTON_SIZE, 'medium', this.el, 'size');\n validatePropValue(BUTTON_VARIANT, 'standard', this.el, 'variant');\n }\n\n @Watch('onlyIcon')\n handleOnlyIconPropChange() {\n if (!this.onlyIcon || !isNil(this.label)) return;\n\n console.warn(\n '⚠️ [BqButton]: When using `only-icon` attribute (`onlyIcon` prop), it is required to set the `label` prop for accessibility reasons.',\n );\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n /** Handler to be called when the button loses focus. */\n @Event() bqBlur: EventEmitter<HTMLBqButtonElement>;\n\n /** Handler to be called when the button gets focus. */\n @Event() bqFocus: EventEmitter<HTMLBqButtonElement>;\n\n /** Handler to be called when the button is clicked. */\n @Event() bqClick: EventEmitter<HTMLBqButtonElement>;\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n componentWillLoad() {\n this.checkPropValues();\n this.handleOnlyIconPropChange();\n }\n\n componentDidLoad() {\n this.handleSlotChange();\n }\n\n // Listeners\n // ==============\n\n // Public methods API\n // These methods are exposed on the host element.\n // Always use two lines.\n // Public Methods must be async.\n // Requires JSDocs for public API documentation.\n // ===============================================\n\n // Local methods\n // Internal business logic.\n // These methods cannot be called from the host element.\n // =======================================================\n\n private handleBlur = () => {\n this.bqBlur.emit(this.el);\n };\n\n private handleFocus = () => {\n this.bqFocus.emit(this.el);\n };\n\n private handleClick = (ev: Event) => {\n const { disabled, loading, bqClick, el } = this;\n\n if (disabled || loading) {\n this.preventEvent(ev);\n return;\n }\n\n const bqClickEvent = bqClick.emit(el);\n if (bqClickEvent.defaultPrevented) {\n this.preventEvent(ev);\n return;\n }\n\n this.handleFormAction();\n };\n\n private handleFormAction() {\n const {\n type,\n internals: { form },\n } = this;\n if (isNil(form)) return;\n\n const formAction = this.formActions(form)[type];\n if (isNil(formAction)) return;\n\n formAction();\n }\n\n private formActions = (form: HTMLFormElement) => ({\n submit: () => this.submitAssociatedForm(form),\n reset: () => form.reset(),\n });\n\n private submitAssociatedForm = (form: HTMLFormElement) => {\n if (!isClient() || isNil(form)) return;\n\n const btn = document.createElement('button');\n btn.type = this.type;\n btn.hidden = true;\n form.append(btn);\n\n btn.click();\n btn.remove();\n };\n\n private handleSlotChange = () => {\n this.hasPrefix = hasSlotContent(this.prefixElem, 'prefix');\n this.hasSuffix = hasSlotContent(this.suffixElem, 'suffix');\n };\n\n private preventEvent(ev: Event) {\n ev.preventDefault();\n ev.stopPropagation();\n }\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n const isLink = isDefined(this.href);\n const TagElem = isLink ? 'a' : 'button';\n const style = {\n ...(this.border && { '--bq-button--border-radius': `var(--bq-radius--${this.border})` }),\n };\n\n return (\n <Host style={style}>\n <TagElem\n aria-disabled={this.disabled ? 'true' : 'false'}\n aria-label={this.label ?? undefined}\n class={{\n 'bq-button': true,\n [`bq-button--${this.appearance}`]: true,\n [`content-${this.justifyContent}`]: true,\n [`${this.variant}`]: true,\n [`${this.size}`]: true,\n block: this.block,\n disabled: this.disabled,\n 'has-prefix': this.hasPrefix,\n 'has-suffix': this.hasSuffix,\n loading: this.loading,\n 'only-icon': this.onlyIcon,\n }}\n disabled={this.disabled}\n download={isLink ? this.download : undefined}\n href={isLink ? this.href : undefined}\n onBlur={this.handleBlur}\n onClick={this.handleClick}\n onFocus={this.handleFocus}\n part=\"button\"\n rel={isLink && this.target ? 'noreferrer noopener' : undefined}\n tabIndex={this.disabled ? -1 : 0}\n target={isLink ? this.target : undefined}\n type={this.type}\n >\n <span\n class=\"bq-button__prefix\"\n part=\"prefix\"\n ref={(spanElem) => {\n this.prefixElem = spanElem;\n }}\n >\n <slot name=\"prefix\" onSlotchange={this.handleSlotChange} />\n </span>\n <span class=\"bq-button__label\" part=\"label\">\n <slot />\n </span>\n <span\n class=\"bq-button__suffix\"\n part=\"suffix\"\n ref={(spanElem) => {\n this.suffixElem = spanElem;\n }}\n >\n <slot name=\"suffix\" onSlotchange={this.handleSlotChange} />\n </span>\n {this.loading && <bq-icon class=\"bq-button__loader\" name=\"spinner-gap\" />}\n </TagElem>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["BUTTON_SIZE","BUTTON_TYPE","BUTTON_APPEARANCE","BUTTON_VARIANT","bqButtonCss","BqButton","__stencil_proxyCustomElement","HTMLElement","prefixElem","suffixElem","internals","hasPrefix","hasSuffix","appearance","block","border","disabled","download","href","justifyContent","label","loading","onlyIcon","size","target","type","variant","checkPropValues","validatePropValue","this","el","handleOnlyIconPropChange","isNil","console","warn","bqBlur","bqFocus","bqClick","componentWillLoad","componentDidLoad","handleSlotChange","handleBlur","emit","handleFocus","handleClick","ev","preventEvent","bqClickEvent","defaultPrevented","handleFormAction","form","formAction","formActions","submit","submitAssociatedForm","reset","isClient","btn","document","createElement","hidden","append","click","remove","hasSlotContent","preventDefault","stopPropagation","render","isLink","isDefined","TagElem","style","h","Host","key","undefined","class","onBlur","onClick","onFocus","part","rel","tabIndex","ref","spanElem","name","onSlotchange"],"sources":["../../packages/beeq/src/components/button/bq-button.types.ts","../../packages/beeq/src/components/button/scss/bq-button.scss?tag=bq-button&encapsulation=shadow","../../packages/beeq/src/components/button/bq-button.tsx"],"sourcesContent":["export const BUTTON_SIZE = ['small', 'medium', 'large'] as const;\nexport type TButtonSize = (typeof BUTTON_SIZE)[number];\n\nexport const BUTTON_TYPE = ['button', 'submit', 'reset'] as const;\nexport type TButtonType = (typeof BUTTON_TYPE)[number];\n\nexport const BUTTON_APPEARANCE = ['primary', 'secondary', 'link', 'text'] as const;\nexport type TButtonAppearance = (typeof BUTTON_APPEARANCE)[number];\n\nexport const BUTTON_VARIANT = ['standard', 'ghost', 'danger'] as const;\nexport type TButtonVariant = (typeof BUTTON_VARIANT)[number];\n\nexport const BUTTON_BORDER_RADIUS = ['none', 'xs2', 'xs', 's', 'm', 'l', 'full'] as const;\nexport type TButtonBorderRadius = (typeof BUTTON_BORDER_RADIUS)[number];\n","/* -------------------------------------------------------------------------- */\n/* Button styles */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-button.variables';\n\n@layer components {\n // Common button base style\n .bq-button {\n @apply box-border flex cursor-[inherit] items-center justify-center font-medium leading-regular;\n @apply rounded-[--bq-button--border-radius] border-[length:--bq-button--border-width] border-[color:--bq-button--border-color];\n @apply transition-[background-color,border-color,color] duration-300 ease-in-out;\n // `DISABLED` state\n @apply disabled:cursor-not-allowed disabled:opacity-60;\n // `FOCUS` state\n @apply focus-visible:focus;\n // Internal workaround to allow overriding icon color via CSS variables from slotted bq-buttons\n // @see: packages/beeq/src/components/side-menu/scss/bq-side-menu.scss\n @apply [&_::slotted(bq-icon)]:[--bq-icon--color:_var(--bq-button--icon-color,_currentColor)];\n // On hover, update the icon color if custom property is defined\n &:hover:not(:disabled) ::slotted(bq-icon) {\n --bq-icon--color: var(--bq-button-hover--icon-color, var(--bq-button--icon-color, currentColor));\n }\n }\n}\n\n:host {\n @apply is-auto relative inline-block cursor-pointer rounded-[--bq-button--border-radius];\n}\n\n:host([block]),\n.block {\n @apply is-full;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Appearance */\n/* -------------------------------------------------------------------------- */\n\n.bq-button--primary {\n @apply bg-ui-brand text-alt;\n // Primary `HOVER` state\n @apply hover:enabled:bg-hover-ui-brand;\n // Primary `ACTIVE` state\n @apply active:enabled:bg-active-ui-brand active:enabled:hover:bg-active-ui-brand;\n}\n\n.bq-button--primary.ghost {\n @apply border-m border-solid border-brand bg-transparent text-brand;\n // Primary `HOVER` state\n @apply hover:enabled:bg-hover-ui-primary;\n // Primary `ACTIVE` state\n @apply active:enabled:bg-active-ui-primary active:enabled:hover:bg-active-ui-primary;\n}\n\n.bq-button--primary.danger {\n @apply bg-ui-danger text-alt;\n // Primary `HOVER` state\n @apply hover:enabled:bg-hover-ui-danger;\n // Primary `ACTIVE` state\n @apply active:enabled:bg-active-ui-danger active:enabled:hover:bg-active-ui-danger;\n}\n\n.bq-button--secondary {\n @apply bg-ui-secondary text-primary;\n // Secondary `HOVER` state\n @apply hover:enabled:bg-hover-ui-secondary;\n // Secondary `ACTIVE` state\n @apply active:enabled:bg-active-ui-secondary active:enabled:hover:bg-active-ui-secondary;\n}\n\n.bq-button--secondary.ghost {\n @apply border-m border-solid border-tertiary bg-transparent text-primary;\n // Secondary `HOVER` state\n @apply hover:enabled:bg-hover-ui-secondary;\n // Secondary `ACTIVE` state\n @apply active:enabled:bg-active-ui-secondary active:enabled:hover:bg-active-ui-secondary;\n}\n\n.bq-button--link {\n @apply bg-transparent text-brand no-underline;\n // Primary `HOVER` state\n @apply [&:not(.disabled)]:hover:bg-hover-ui-primary;\n // Primary `ACTIVE` state\n @apply [&:not(.disabled)]:active:bg-active-ui-secondary [&:not(.disabled)]:active:hover:bg-active-ui-secondary;\n // HTML `<a>` elements does not have a `disabled` state so we need to handle it manually\n &.disabled {\n @apply cursor-not-allowed opacity-60;\n }\n}\n\n.bq-button--text {\n @apply bg-transparent text-primary;\n // Primary `HOVER` state\n @apply hover:enabled:bg-hover-ui-primary;\n // Primary `ACTIVE` state\n @apply active:enabled:bg-active-ui-secondary active:enabled:hover:bg-active-ui-secondary;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Size */\n/* -------------------------------------------------------------------------- */\n\n.only-icon {\n @apply aspect-square;\n}\n\n.small {\n @apply text-[length:--bq-button--small-font-size] p-b-[--bq-button--small-paddingY] p-i-[--bq-button--small-paddingX];\n\n &.only-icon {\n @apply p-[--bq-button--small-paddingY];\n }\n}\n\n.medium {\n @apply text-[length:--bq-button--medium-font-size] p-b-[--bq-button--medium-paddingY] p-i-[--bq-button--medium-paddingX];\n\n &.only-icon {\n @apply p-[--bq-button--medium-paddingY];\n }\n}\n\n.large {\n @apply text-[length:--bq-button--large-font-size] p-b-[--bq-button--large-paddingY] p-i-[--bq-button--large-paddingX];\n\n &.only-icon {\n @apply p-[--bq-button--large-paddingY];\n }\n}\n\n/* -------------------------------------------------------------------------- */\n/* Label */\n/* -------------------------------------------------------------------------- */\n\n.bq-button__label ::slotted(bq-icon) {\n @apply flex;\n}\n\n.content-left {\n @apply justify-start;\n}\n\n.content-right {\n @apply justify-end;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Prefix and Suffix slots */\n/* -------------------------------------------------------------------------- */\n\n.bq-button__prefix,\n.bq-button__suffix {\n @apply pointer-events-none flex shrink-0 grow-0 basis-auto items-center;\n}\n\n.bq-button.has-prefix .bq-button__label {\n @apply ps-xs2;\n}\n\n.bq-button.has-suffix .bq-button__label {\n @apply pe-xs2;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Loading */\n/* -------------------------------------------------------------------------- */\n\n.bq-button.loading {\n @apply relative cursor-wait;\n}\n\n.bq-button.loading .bq-button__prefix,\n.bq-button.loading .bq-button__label,\n.bq-button.loading .bq-button__suffix {\n @apply invisible;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Spinner icon */\n/* -------------------------------------------------------------------------- */\n\n.bq-button__loader {\n @include animation-spin;\n @apply absolute;\n}\n","import type { EventEmitter } from '@stencil/core';\nimport { AttachInternals, Component, Element, Event, Host, h, Prop, State, Watch } from '@stencil/core';\n\nimport { hasSlotContent, isClient, isDefined, isNil, validatePropValue } from '../../shared/utils';\nimport type {\n TButtonAppearance,\n TButtonBorderRadius,\n TButtonSize,\n TButtonType,\n TButtonVariant,\n} from './bq-button.types';\nimport { BUTTON_APPEARANCE, BUTTON_SIZE, BUTTON_TYPE, BUTTON_VARIANT } from './bq-button.types';\n\n/**\n * Buttons are designed for users to take action on a page or a screen.\n *\n * @example How to use it\n * ```html\n * <bq-button appearance=\"primary\" border=\"m\" size=\"medium\">\n * <bq-icon name=\"arrow-circle-left\" slot=\"prefix\"></bq-icon>\n * Go back\n * </bq-button>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/286b43-buttons\n * @status stable\n *\n * @dependency bq-icon\n *\n * @attr {\"primary\" | \"secondary\" | \"link\" | \"text\"} appearance - The appearance style to apply to the button\n * @attr {boolean} block - If `true`, it will make the button fit to its parent width.\n * @attr {string} border - The corner radius of the button\n * @attr {boolean} disabled - If `true`, the button will be disabled (no interaction allowed)\n * @attr {string} download - Tells the browser to treat the linked URL as a download. Only used when `href` is set.\n * @attr {string} href - When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`\n * @attr {\"left\" | \"center\" | \"right\"} justify-content - It determinate how the content should be aligned\n * @attr {boolean} loading - If `true` it will display the button in a loading state\n * @attr {boolean} only-icon - If `true` it will display the button as an icon-only button with aspect ratio 1:1 (square dimensions)\n * @attr {\"small\" | \"medium\" | \"large\"} size - The size of the button\n * @attr {\"_blank\" | \"_parent\" | \"_self\" | \"_top\"} target - Where to display the linked URL, as the name for a browsing context (a `tab`, `window`, or `<iframe>`)\n * @attr {\"button\" | \"submit\" | \"reset\"} type - The default behavior of the button\n * @attr {\"standard\" | \"ghost\" | \"danger\"} variant - The variant of button to apply on top of the appearance (applicable only to `appearance=\"primary\"`)\n *\n * @event bqBlur - Handler to be called when the button loses focus\n * @event bqFocus - Handler to be called when button gets focus\n * @event bqClick - Handler to be called when the button is clicked\n *\n * @slot prefix - The prefix content to be displayed before the button label\n * @slot - The button label content\n * @slot suffix - The suffix content to be displayed after the button label\n *\n * @part button - The `<a>` or `<button>` HTML element used under the hood.\n * @part prefix - The `<span>` tag element that acts as prefix container.\n * @part label - The `<span>` tag element that renders the text of the button.\n * @part suffix - The `<span>` tag element that acts as suffix container.\n *\n * @cssprop --bq-button--border-color - Button border color\n * @cssprop --bq-button--border-radius - Button border radius\n * @cssprop --bq-button--border-style - Button border style\n * @cssprop --bq-button--border-width - Button border width\n * @cssprop --bq-button--small-paddingX - Button small padding block (top and bottom)\n * @cssprop --bq-button--small-paddingY - Button small padding inline (left and right)\n * @cssprop --bq-button--small-font-size - Button small font size\n * @cssprop --bq-button--medium-paddingX - Button medium padding block (top and bottom)\n * @cssprop --bq-button--medium-paddingY - Button medium padding inline (left and right)\n * @cssprop --bq-button--medium-font-size - Button medium font size\n * @cssprop --bq-button--large-paddingX - Button large padding block (top and bottom)\n * @cssprop --bq-button--large-paddingY - Button large padding inline (left and right)\n * @cssprop --bq-button--large-font-size - Button large font size\n */\n@Component({\n tag: 'bq-button',\n styleUrl: './scss/bq-button.scss',\n formAssociated: true,\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class BqButton {\n // Own Properties\n // ====================\n\n private prefixElem: HTMLElement;\n private suffixElem: HTMLElement;\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqButtonElement;\n @AttachInternals() internals!: ElementInternals;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() private hasPrefix = false;\n @State() private hasSuffix = false;\n\n // Public Property API\n // ========================\n\n /** The appearance style to apply to the button */\n @Prop({ reflect: true }) appearance?: TButtonAppearance = 'primary';\n\n /** If `true`, it will make the button fit to its parent width. */\n @Prop({ reflect: true }) block?: boolean = false;\n\n /** The corner radius of the button */\n @Prop({ reflect: true }) border?: TButtonBorderRadius = 'm';\n\n /** If true, the button will be disabled (no interaction allowed) */\n @Prop() disabled?: boolean = false;\n\n /**\n * Tells the browser to treat the linked URL as a download. Only used when `href` is set.\n * Details: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download\n */\n @Prop() download?: string;\n\n /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>` */\n @Prop({ reflect: true }) href?: string;\n\n /** It determinate how the content should be aligned */\n @Prop({ reflect: true }) justifyContent?: 'left' | 'center' | 'right' = 'center';\n\n /** Text used for accessibility purposes, specially screen readers, to describe the button action */\n @Prop({ reflect: true }) label?: string;\n\n /** If `true` it will display the button in a loading state */\n @Prop() loading?: boolean = false;\n\n /** If `true` it will display the button as an icon-only button with aspect ratio 1:1 (square dimensions). Make sure to set the `label` prop for accessibility purposes. */\n @Prop() onlyIcon?: boolean = false;\n\n /** The size of the button */\n @Prop({ reflect: true }) size?: TButtonSize = 'medium';\n\n /**\n * Where to display the linked URL, as the name for a browsing context (a `tab`, `window`, or `<iframe>`)\n * Details: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n */\n @Prop({ reflect: true }) target?: '_blank' | '_parent' | '_self' | '_top';\n\n /** The default behavior of the button */\n @Prop({ reflect: true }) type?: TButtonType = 'button';\n\n /** The variant of button to apply on top of the appearance (applicable only to `appearance=\"primary\"`) */\n @Prop({ reflect: true }) variant?: TButtonVariant = 'standard';\n\n // Prop lifecycle events\n // =======================\n\n @Watch('appearance')\n @Watch('type')\n @Watch('size')\n @Watch('variant')\n checkPropValues() {\n validatePropValue(BUTTON_APPEARANCE, 'primary', this.el, 'appearance');\n validatePropValue(BUTTON_TYPE, 'button', this.el, 'type');\n validatePropValue(BUTTON_SIZE, 'medium', this.el, 'size');\n validatePropValue(BUTTON_VARIANT, 'standard', this.el, 'variant');\n }\n\n @Watch('onlyIcon')\n handleOnlyIconPropChange() {\n if (!this.onlyIcon || !isNil(this.label)) return;\n\n console.warn(\n '⚠️ [BqButton]: When using `only-icon` attribute (`onlyIcon` prop), it is required to set the `label` prop for accessibility reasons.',\n );\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n /** Handler to be called when the button loses focus. */\n @Event() bqBlur: EventEmitter<HTMLBqButtonElement>;\n\n /** Handler to be called when the button gets focus. */\n @Event() bqFocus: EventEmitter<HTMLBqButtonElement>;\n\n /** Handler to be called when the button is clicked. */\n @Event() bqClick: EventEmitter<HTMLBqButtonElement>;\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n componentWillLoad() {\n this.checkPropValues();\n this.handleOnlyIconPropChange();\n }\n\n componentDidLoad() {\n this.handleSlotChange();\n }\n\n // Listeners\n // ==============\n\n // Public methods API\n // These methods are exposed on the host element.\n // Always use two lines.\n // Public Methods must be async.\n // Requires JSDocs for public API documentation.\n // ===============================================\n\n // Local methods\n // Internal business logic.\n // These methods cannot be called from the host element.\n // =======================================================\n\n private handleBlur = () => {\n this.bqBlur.emit(this.el);\n };\n\n private handleFocus = () => {\n this.bqFocus.emit(this.el);\n };\n\n private handleClick = (ev: Event) => {\n const { disabled, loading, bqClick, el } = this;\n\n if (disabled || loading) {\n this.preventEvent(ev);\n return;\n }\n\n const bqClickEvent = bqClick.emit(el);\n if (bqClickEvent.defaultPrevented) {\n this.preventEvent(ev);\n return;\n }\n\n this.handleFormAction();\n };\n\n private handleFormAction() {\n const {\n type,\n internals: { form },\n } = this;\n if (isNil(form)) return;\n\n const formAction = this.formActions(form)[type];\n if (isNil(formAction)) return;\n\n formAction();\n }\n\n private formActions = (form: HTMLFormElement) => ({\n submit: () => this.submitAssociatedForm(form),\n reset: () => form.reset(),\n });\n\n private submitAssociatedForm = (form: HTMLFormElement) => {\n if (!isClient() || isNil(form)) return;\n\n const btn = document.createElement('button');\n btn.type = this.type;\n btn.hidden = true;\n form.append(btn);\n\n btn.click();\n btn.remove();\n };\n\n private handleSlotChange = () => {\n this.hasPrefix = hasSlotContent(this.prefixElem, 'prefix');\n this.hasSuffix = hasSlotContent(this.suffixElem, 'suffix');\n };\n\n private preventEvent(ev: Event) {\n ev.preventDefault();\n ev.stopPropagation();\n }\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n const isLink = isDefined(this.href);\n const TagElem = isLink ? 'a' : 'button';\n const style = {\n ...(this.border && { '--bq-button--border-radius': `var(--bq-radius--${this.border})` }),\n };\n\n return (\n <Host style={style}>\n <TagElem\n aria-disabled={this.disabled ? 'true' : 'false'}\n aria-label={this.label ?? undefined}\n class={{\n 'bq-button': true,\n [`bq-button--${this.appearance}`]: true,\n [`content-${this.justifyContent}`]: true,\n [`${this.variant}`]: true,\n [`${this.size}`]: true,\n block: this.block,\n disabled: this.disabled,\n 'has-prefix': this.hasPrefix,\n 'has-suffix': this.hasSuffix,\n loading: this.loading,\n 'only-icon': this.onlyIcon,\n }}\n disabled={this.disabled}\n download={isLink ? this.download : undefined}\n href={isLink ? this.href : undefined}\n onBlur={this.handleBlur}\n onClick={this.handleClick}\n onFocus={this.handleFocus}\n part=\"button\"\n rel={isLink && this.target ? 'noreferrer noopener' : undefined}\n tabIndex={this.disabled ? -1 : 0}\n target={isLink ? this.target : undefined}\n type={this.type}\n >\n <span\n class=\"bq-button__prefix\"\n part=\"prefix\"\n ref={(spanElem) => {\n this.prefixElem = spanElem;\n }}\n >\n <slot name=\"prefix\" onSlotchange={this.handleSlotChange} />\n </span>\n <span class=\"bq-button__label\" part=\"label\">\n <slot />\n </span>\n <span\n class=\"bq-button__suffix\"\n part=\"suffix\"\n ref={(spanElem) => {\n this.suffixElem = spanElem;\n }}\n >\n <slot name=\"suffix\" onSlotchange={this.handleSlotChange} />\n </span>\n {this.loading && <bq-icon class=\"bq-button__loader\" name=\"spinner-gap\" />}\n </TagElem>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}