@beeq/core 1.8.0-beta.1 → 1.8.0-beta.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 (433) hide show
  1. package/dist/beeq/beeq.esm.js +1 -43
  2. package/dist/beeq/beeq.esm.js.map +1 -1
  3. package/dist/beeq/index.esm.js +1 -64
  4. package/dist/beeq/index.esm.js.map +1 -1
  5. package/dist/beeq/p-010fb578.entry.js +6 -0
  6. package/dist/beeq/{p-2bb65f53.entry.js.map → p-010fb578.entry.js.map} +1 -1
  7. package/dist/beeq/p-05b44bb7.entry.js +6 -0
  8. package/dist/beeq/p-05b44bb7.entry.js.map +1 -0
  9. package/dist/beeq/p-0cbec77b.entry.js +6 -0
  10. package/dist/beeq/p-0cbec77b.entry.js.map +1 -0
  11. package/dist/beeq/p-115ed5b2.js +1 -25
  12. package/dist/beeq/p-115ed5b2.js.map +1 -1
  13. package/dist/beeq/p-1202161d.entry.js +6 -0
  14. package/dist/beeq/{p-ffddc425.entry.js.map → p-1202161d.entry.js.map} +1 -1
  15. package/dist/beeq/p-17b341dd.entry.js +6 -0
  16. package/dist/beeq/{p-81f1c3ba.entry.js.map → p-17b341dd.entry.js.map} +1 -1
  17. package/dist/beeq/p-1c8b6eb4.js +1 -12
  18. package/dist/beeq/p-1c8b6eb4.js.map +1 -1
  19. package/dist/beeq/p-1d81f9e5.entry.js +6 -0
  20. package/dist/beeq/p-1d81f9e5.entry.js.map +1 -0
  21. package/dist/beeq/p-1f3a4359.js +1 -11
  22. package/dist/beeq/p-1f3a4359.js.map +1 -1
  23. package/dist/beeq/p-2714ce21.entry.js +6 -0
  24. package/dist/beeq/{p-db18eba1.entry.js.map → p-2714ce21.entry.js.map} +1 -1
  25. package/dist/beeq/p-2e61db84.entry.js +6 -0
  26. package/dist/beeq/{p-e88257a8.entry.js.map → p-2e61db84.entry.js.map} +1 -1
  27. package/dist/beeq/p-32f74048.entry.js +6 -0
  28. package/dist/beeq/p-32f74048.entry.js.map +1 -0
  29. package/dist/beeq/p-339d14c8.entry.js +6 -0
  30. package/dist/beeq/{p-822773ae.entry.js.map → p-339d14c8.entry.js.map} +1 -1
  31. package/dist/beeq/p-35ec6cac.entry.js +6 -0
  32. package/dist/beeq/{p-e9a54b49.entry.js.map → p-35ec6cac.entry.js.map} +1 -1
  33. package/dist/beeq/p-38d4bd8a.js +1 -1934
  34. package/dist/beeq/p-38d4bd8a.js.map +1 -1
  35. package/dist/beeq/p-3ea228d3.entry.js +6 -0
  36. package/dist/beeq/{p-bf2320dd.entry.js.map → p-3ea228d3.entry.js.map} +1 -1
  37. package/dist/beeq/p-3fd0d92d.js +1 -1228
  38. package/dist/beeq/p-3fd0d92d.js.map +1 -1
  39. package/dist/beeq/p-45b7b5cf.entry.js +6 -0
  40. package/dist/beeq/{p-36652891.entry.js.map → p-45b7b5cf.entry.js.map} +1 -1
  41. package/dist/beeq/p-45e674b4.entry.js +6 -0
  42. package/dist/beeq/{p-dd950c12.entry.js.map → p-45e674b4.entry.js.map} +1 -1
  43. package/dist/beeq/p-4954154f.entry.js +6 -0
  44. package/dist/beeq/{p-e41f07ae.entry.js.map → p-4954154f.entry.js.map} +1 -1
  45. package/dist/beeq/p-513bab02.js +6 -0
  46. package/dist/beeq/{p-4688e046.js.map → p-513bab02.js.map} +1 -1
  47. package/dist/beeq/p-57621be1.js +1 -9
  48. package/dist/beeq/p-57621be1.js.map +1 -1
  49. package/dist/beeq/p-5a9a73a0.js +6 -0
  50. package/dist/beeq/p-5a9a73a0.js.map +1 -0
  51. package/dist/beeq/p-5f3ce05a.entry.js +6 -0
  52. package/dist/beeq/p-5f3ce05a.entry.js.map +1 -0
  53. package/dist/beeq/p-6823479d.entry.js +6 -0
  54. package/dist/beeq/{p-49249dda.entry.js.map → p-6823479d.entry.js.map} +1 -1
  55. package/dist/beeq/p-687da041.js +1 -20
  56. package/dist/beeq/p-687da041.js.map +1 -1
  57. package/dist/beeq/p-76e714c6.js +7 -0
  58. package/dist/beeq/p-76e714c6.js.map +1 -0
  59. package/dist/beeq/p-7871f3f0.entry.js +6 -0
  60. package/dist/beeq/{p-297fb76b.entry.js.map → p-7871f3f0.entry.js.map} +1 -1
  61. package/dist/beeq/p-7a049750.entry.js +6 -0
  62. package/dist/beeq/{p-ac969486.entry.js.map → p-7a049750.entry.js.map} +1 -1
  63. package/dist/beeq/p-83207939.entry.js +6 -0
  64. package/dist/beeq/{p-0f48adcc.entry.js.map → p-83207939.entry.js.map} +1 -1
  65. package/dist/beeq/p-8d8993ba.entry.js +6 -0
  66. package/dist/beeq/p-8d8993ba.entry.js.map +1 -0
  67. package/dist/beeq/p-9406afc0.entry.js +6 -0
  68. package/dist/beeq/{p-fd658de1.entry.js.map → p-9406afc0.entry.js.map} +1 -1
  69. package/dist/beeq/p-94899104.entry.js +6 -0
  70. package/dist/beeq/p-94899104.entry.js.map +1 -0
  71. package/dist/beeq/p-951ba558.js +1 -64
  72. package/dist/beeq/p-951ba558.js.map +1 -1
  73. package/dist/beeq/p-95d0abdc.entry.js +6 -0
  74. package/dist/beeq/{p-e301647a.entry.js.map → p-95d0abdc.entry.js.map} +1 -1
  75. package/dist/beeq/p-99829fc7.js +1 -8
  76. package/dist/beeq/p-99829fc7.js.map +1 -1
  77. package/dist/beeq/p-9da0e8d7.entry.js +6 -0
  78. package/dist/beeq/{p-a6489187.entry.js.map → p-9da0e8d7.entry.js.map} +1 -1
  79. package/dist/beeq/p-a535a72f.entry.js +6 -0
  80. package/dist/beeq/{p-a1b43de6.entry.js.map → p-a535a72f.entry.js.map} +1 -1
  81. package/dist/beeq/p-a5a17e6e.entry.js +6 -0
  82. package/dist/beeq/{p-242ac28a.entry.js.map → p-a5a17e6e.entry.js.map} +1 -1
  83. package/dist/beeq/p-a5dc1c94.js +1 -118
  84. package/dist/beeq/p-a5dc1c94.js.map +1 -1
  85. package/dist/beeq/p-a8cad5ab.js +1 -5
  86. package/dist/beeq/p-a8cad5ab.js.map +1 -1
  87. package/dist/beeq/p-af062402.js +1 -7
  88. package/dist/beeq/p-af062402.js.map +1 -1
  89. package/dist/beeq/p-b2acd8f3.entry.js +6 -0
  90. package/dist/beeq/{p-5e11b866.entry.js.map → p-b2acd8f3.entry.js.map} +1 -1
  91. package/dist/beeq/p-b7f02fb6.entry.js +6 -0
  92. package/dist/beeq/{p-ffb48c40.entry.js.map → p-b7f02fb6.entry.js.map} +1 -1
  93. package/dist/beeq/p-b994054a.entry.js +6 -0
  94. package/dist/beeq/p-b994054a.entry.js.map +1 -0
  95. package/dist/beeq/p-be4941d0.entry.js +6 -0
  96. package/dist/beeq/{p-f77d9b8b.entry.js.map → p-be4941d0.entry.js.map} +1 -1
  97. package/dist/beeq/p-d5992d3d.entry.js +6 -0
  98. package/dist/beeq/{p-39b7c578.entry.js.map → p-d5992d3d.entry.js.map} +1 -1
  99. package/dist/beeq/p-d7a88b16.js +1 -87
  100. package/dist/beeq/p-d7a88b16.js.map +1 -1
  101. package/dist/beeq/p-dd206dba.entry.js +6 -0
  102. package/dist/beeq/{p-57a55ac5.entry.js.map → p-dd206dba.entry.js.map} +1 -1
  103. package/dist/beeq/p-ded1aed2.entry.js +6 -0
  104. package/dist/beeq/{p-14b44a4b.entry.js.map → p-ded1aed2.entry.js.map} +1 -1
  105. package/dist/beeq/p-e08d9b52.entry.js +6 -0
  106. package/dist/beeq/p-e08d9b52.entry.js.map +1 -0
  107. package/dist/beeq/p-e572b038.entry.js +6 -0
  108. package/dist/beeq/{p-e3aa2886.entry.js.map → p-e572b038.entry.js.map} +1 -1
  109. package/dist/beeq/p-e5afdf8c.js +6 -0
  110. package/dist/beeq/p-e5afdf8c.js.map +1 -0
  111. package/dist/beeq/p-e7ede06e.entry.js +6 -0
  112. package/dist/beeq/{p-afc9fd80.entry.js.map → p-e7ede06e.entry.js.map} +1 -1
  113. package/dist/beeq/p-ecd27cf2.js +1 -11
  114. package/dist/beeq/p-ecd27cf2.js.map +1 -1
  115. package/dist/beeq/p-f7a0a316.entry.js +6 -0
  116. package/dist/beeq/{p-548b45b7.entry.js.map → p-f7a0a316.entry.js.map} +1 -1
  117. package/dist/beeq/p-fbf6b04b.entry.js +6 -0
  118. package/dist/beeq/{p-39d77ba6.entry.js.map → p-fbf6b04b.entry.js.map} +1 -1
  119. package/dist/cjs/app-globals-b11284b9.js.map +1 -1
  120. package/dist/cjs/{assetsPath-3938a05d.js → assetsPath-7ead23b7.js} +19 -8
  121. package/dist/cjs/assetsPath-7ead23b7.js.map +1 -0
  122. package/dist/cjs/beeq.cjs.js +2 -2
  123. package/dist/cjs/bq-accordion-group.cjs.entry.js +2 -2
  124. package/dist/cjs/bq-accordion.cjs.entry.js +2 -2
  125. package/dist/cjs/bq-alert.cjs.entry.js +19 -25
  126. package/dist/cjs/bq-alert.cjs.entry.js.map +1 -1
  127. package/dist/cjs/bq-avatar.cjs.entry.js +5 -5
  128. package/dist/cjs/bq-badge.cjs.entry.js +5 -5
  129. package/dist/cjs/bq-breadcrumb-item.cjs.entry.js +6 -6
  130. package/dist/cjs/bq-breadcrumb.cjs.entry.js +3 -3
  131. package/dist/cjs/bq-button_2.cjs.entry.js +19 -11
  132. package/dist/cjs/bq-button_2.cjs.entry.js.map +1 -1
  133. package/dist/cjs/bq-card.cjs.entry.js +4 -4
  134. package/dist/cjs/bq-checkbox.cjs.entry.js +4 -4
  135. package/dist/cjs/bq-date-picker.cjs.entry.js +9 -6
  136. package/dist/cjs/bq-date-picker.cjs.entry.js.map +1 -1
  137. package/dist/cjs/bq-dialog.cjs.entry.js +7 -7
  138. package/dist/cjs/bq-divider.cjs.entry.js +10 -7
  139. package/dist/cjs/bq-divider.cjs.entry.js.map +1 -1
  140. package/dist/cjs/bq-drawer.cjs.entry.js +7 -7
  141. package/dist/cjs/bq-dropdown_2.cjs.entry.js +3 -3
  142. package/dist/cjs/bq-empty-state.cjs.entry.js +6 -6
  143. package/dist/cjs/bq-input.cjs.entry.js +7 -7
  144. package/dist/cjs/bq-notification.cjs.entry.js +26 -19
  145. package/dist/cjs/bq-notification.cjs.entry.js.map +1 -1
  146. package/dist/cjs/bq-option-group.cjs.entry.js +2 -2
  147. package/dist/cjs/bq-option-list_2.cjs.entry.js +7 -7
  148. package/dist/cjs/bq-option.cjs.entry.js +6 -6
  149. package/dist/cjs/bq-page-title.cjs.entry.js +4 -4
  150. package/dist/cjs/bq-progress.cjs.entry.js +6 -6
  151. package/dist/cjs/bq-radio-group.cjs.entry.js +3 -3
  152. package/dist/cjs/bq-radio.cjs.entry.js +3 -3
  153. package/dist/cjs/bq-select.cjs.entry.js +17 -11
  154. package/dist/cjs/bq-select.cjs.entry.js.map +1 -1
  155. package/dist/cjs/bq-side-menu-item.cjs.entry.js +2 -2
  156. package/dist/cjs/bq-side-menu.cjs.entry.js +3 -3
  157. package/dist/cjs/bq-slider.cjs.entry.js +12 -6
  158. package/dist/cjs/bq-slider.cjs.entry.js.map +1 -1
  159. package/dist/cjs/bq-spinner.cjs.entry.js +7 -7
  160. package/dist/cjs/bq-status.cjs.entry.js +3 -3
  161. package/dist/cjs/bq-step-item.cjs.entry.js +9 -6
  162. package/dist/cjs/bq-step-item.cjs.entry.js.map +1 -1
  163. package/dist/cjs/bq-steps.cjs.entry.js +3 -3
  164. package/dist/cjs/bq-switch.cjs.entry.js +4 -4
  165. package/dist/cjs/bq-tab-group.cjs.entry.js +5 -5
  166. package/dist/cjs/bq-tab.cjs.entry.js +4 -4
  167. package/dist/cjs/bq-textarea.cjs.entry.js +5 -5
  168. package/dist/cjs/bq-toast.cjs.entry.js +29 -31
  169. package/dist/cjs/bq-toast.cjs.entry.js.map +1 -1
  170. package/dist/cjs/bq-tooltip.cjs.entry.js +2 -2
  171. package/dist/cjs/{cssVariables-7139f0c6.js → cssVariables-a0e1e906.js} +3 -1
  172. package/dist/cjs/cssVariables-a0e1e906.js.map +1 -0
  173. package/dist/cjs/{index-1d3aac65.js → index-e6d59dbb.js} +2 -20
  174. package/dist/cjs/index-e6d59dbb.js.map +1 -0
  175. package/dist/cjs/index.cjs.js +3 -3
  176. package/dist/cjs/{isDefined-750bffc4.js → isDefined-a9dd6d5b.js} +2 -2
  177. package/dist/cjs/{isDefined-750bffc4.js.map → isDefined-a9dd6d5b.js.map} +1 -1
  178. package/dist/cjs/loader.cjs.js +2 -2
  179. package/dist/collection/components/alert/bq-alert.js +26 -26
  180. package/dist/collection/components/alert/bq-alert.js.map +1 -1
  181. package/dist/collection/components/alert/scss/bq-alert.css +1 -1
  182. package/dist/collection/components/avatar/bq-avatar.js +3 -3
  183. package/dist/collection/components/badge/bq-badge.js +2 -2
  184. package/dist/collection/components/breadcrumb/bq-breadcrumb.js +1 -1
  185. package/dist/collection/components/breadcrumb-item/bq-breadcrumb-item.js +3 -3
  186. package/dist/collection/components/button/bq-button.js +2 -2
  187. package/dist/collection/components/card/bq-card.js +2 -2
  188. package/dist/collection/components/checkbox/bq-checkbox.js +2 -2
  189. package/dist/collection/components/date-picker/bq-date-picker.js +6 -3
  190. package/dist/collection/components/date-picker/bq-date-picker.js.map +1 -1
  191. package/dist/collection/components/dialog/bq-dialog.js +4 -4
  192. package/dist/collection/components/dialog/scss/bq-dialog.css +1 -1
  193. package/dist/collection/components/divider/bq-divider.js +7 -4
  194. package/dist/collection/components/divider/bq-divider.js.map +1 -1
  195. package/dist/collection/components/drawer/bq-drawer.js +4 -4
  196. package/dist/collection/components/drawer/scss/bq-drawer.css +1 -1
  197. package/dist/collection/components/dropdown/bq-dropdown.js +1 -1
  198. package/dist/collection/components/empty-state/bq-empty-state.js +4 -4
  199. package/dist/collection/components/icon/bq-icon.js +13 -7
  200. package/dist/collection/components/icon/bq-icon.js.map +1 -1
  201. package/dist/collection/components/icon/helper/request.js +2 -0
  202. package/dist/collection/components/icon/helper/request.js.map +1 -1
  203. package/dist/collection/components/input/bq-input.js +4 -4
  204. package/dist/collection/components/notification/bq-notification.js +31 -17
  205. package/dist/collection/components/notification/bq-notification.js.map +1 -1
  206. package/dist/collection/components/notification/scss/bq-notification.css +1 -1
  207. package/dist/collection/components/option/bq-option.js +4 -4
  208. package/dist/collection/components/option-group/bq-option-group.js +1 -1
  209. package/dist/collection/components/option-list/bq-option-list.js +1 -1
  210. package/dist/collection/components/page-title/bq-page-title.js +2 -2
  211. package/dist/collection/components/panel/bq-panel.js +1 -1
  212. package/dist/collection/components/progress/bq-progress.js +4 -4
  213. package/dist/collection/components/radio/bq-radio.js +2 -2
  214. package/dist/collection/components/radio-group/bq-radio-group.js +1 -1
  215. package/dist/collection/components/select/bq-select.js +14 -8
  216. package/dist/collection/components/select/bq-select.js.map +1 -1
  217. package/dist/collection/components/select/scss/bq-select.css +1 -1
  218. package/dist/collection/components/side-menu/bq-side-menu.js +1 -1
  219. package/dist/collection/components/slider/bq-slider.js +10 -4
  220. package/dist/collection/components/slider/bq-slider.js.map +1 -1
  221. package/dist/collection/components/spinner/bq-spinner.js +4 -4
  222. package/dist/collection/components/status/bq-status.js +1 -1
  223. package/dist/collection/components/step-item/bq-step-item.js +7 -4
  224. package/dist/collection/components/step-item/bq-step-item.js.map +1 -1
  225. package/dist/collection/components/steps/bq-steps.js +1 -1
  226. package/dist/collection/components/switch/bq-switch.js +2 -2
  227. package/dist/collection/components/tab/bq-tab.js +2 -2
  228. package/dist/collection/components/tab-group/bq-tab-group.js +3 -3
  229. package/dist/collection/components/tag/bq-tag.js +3 -3
  230. package/dist/collection/components/textarea/bq-textarea.js +3 -3
  231. package/dist/collection/components/toast/bq-toast.js +35 -29
  232. package/dist/collection/components/toast/bq-toast.js.map +1 -1
  233. package/dist/collection/components/tooltip/bq-tooltip.js +1 -1
  234. package/dist/collection/index.js +1 -0
  235. package/dist/collection/index.js.map +1 -1
  236. package/dist/collection/shared/utils/assetsPath.js +18 -7
  237. package/dist/collection/shared/utils/assetsPath.js.map +1 -1
  238. package/dist/collection/shared/utils/cssVariables.js +2 -0
  239. package/dist/collection/shared/utils/cssVariables.js.map +1 -1
  240. package/dist/components/assetsPath.js +18 -7
  241. package/dist/components/assetsPath.js.map +1 -1
  242. package/dist/components/bq-alert.js +17 -23
  243. package/dist/components/bq-alert.js.map +1 -1
  244. package/dist/components/bq-avatar.js +3 -3
  245. package/dist/components/bq-badge2.js +2 -2
  246. package/dist/components/bq-breadcrumb-item.js +3 -3
  247. package/dist/components/bq-breadcrumb.js +1 -1
  248. package/dist/components/bq-button2.js +2 -2
  249. package/dist/components/bq-card.js +2 -2
  250. package/dist/components/bq-checkbox.js +2 -2
  251. package/dist/components/bq-date-picker.js +6 -3
  252. package/dist/components/bq-date-picker.js.map +1 -1
  253. package/dist/components/bq-dialog.js +5 -5
  254. package/dist/components/bq-divider2.js +7 -4
  255. package/dist/components/bq-divider2.js.map +1 -1
  256. package/dist/components/bq-drawer.js +5 -5
  257. package/dist/components/bq-dropdown2.js +1 -1
  258. package/dist/components/bq-empty-state.js +4 -4
  259. package/dist/components/bq-icon2.js +13 -5
  260. package/dist/components/bq-icon2.js.map +1 -1
  261. package/dist/components/bq-input.js +4 -4
  262. package/dist/components/bq-notification.js +25 -17
  263. package/dist/components/bq-notification.js.map +1 -1
  264. package/dist/components/bq-option-group.js +1 -1
  265. package/dist/components/bq-option-list2.js +1 -1
  266. package/dist/components/bq-option.js +4 -4
  267. package/dist/components/bq-page-title.js +2 -2
  268. package/dist/components/bq-panel2.js +1 -1
  269. package/dist/components/bq-progress.js +4 -4
  270. package/dist/components/bq-radio-group.js +1 -1
  271. package/dist/components/bq-radio.js +2 -2
  272. package/dist/components/bq-select.js +14 -8
  273. package/dist/components/bq-select.js.map +1 -1
  274. package/dist/components/bq-side-menu.js +1 -1
  275. package/dist/components/bq-slider.js +10 -4
  276. package/dist/components/bq-slider.js.map +1 -1
  277. package/dist/components/bq-spinner.js +4 -4
  278. package/dist/components/bq-status.js +1 -1
  279. package/dist/components/bq-step-item.js +7 -4
  280. package/dist/components/bq-step-item.js.map +1 -1
  281. package/dist/components/bq-steps.js +1 -1
  282. package/dist/components/bq-switch.js +2 -2
  283. package/dist/components/bq-tab-group.js +3 -3
  284. package/dist/components/bq-tab.js +2 -2
  285. package/dist/components/bq-tag2.js +3 -3
  286. package/dist/components/bq-textarea.js +3 -3
  287. package/dist/components/bq-toast.js +28 -29
  288. package/dist/components/bq-toast.js.map +1 -1
  289. package/dist/components/bq-tooltip2.js +1 -1
  290. package/dist/components/cssVariables.js +2 -0
  291. package/dist/components/cssVariables.js.map +1 -1
  292. package/dist/esm/app-globals-de5a646b.js.map +1 -1
  293. package/dist/esm/{assetsPath-a1b58980.js → assetsPath-c02b0e16.js} +19 -8
  294. package/dist/esm/assetsPath-c02b0e16.js.map +1 -0
  295. package/dist/esm/beeq.js +3 -3
  296. package/dist/esm/bq-accordion-group.entry.js +2 -2
  297. package/dist/esm/bq-accordion.entry.js +2 -2
  298. package/dist/esm/bq-alert.entry.js +19 -25
  299. package/dist/esm/bq-alert.entry.js.map +1 -1
  300. package/dist/esm/bq-avatar.entry.js +5 -5
  301. package/dist/esm/bq-badge.entry.js +5 -5
  302. package/dist/esm/bq-breadcrumb-item.entry.js +6 -6
  303. package/dist/esm/bq-breadcrumb.entry.js +3 -3
  304. package/dist/esm/bq-button_2.entry.js +19 -11
  305. package/dist/esm/bq-button_2.entry.js.map +1 -1
  306. package/dist/esm/bq-card.entry.js +4 -4
  307. package/dist/esm/bq-checkbox.entry.js +4 -4
  308. package/dist/esm/bq-date-picker.entry.js +9 -6
  309. package/dist/esm/bq-date-picker.entry.js.map +1 -1
  310. package/dist/esm/bq-dialog.entry.js +7 -7
  311. package/dist/esm/bq-divider.entry.js +10 -7
  312. package/dist/esm/bq-divider.entry.js.map +1 -1
  313. package/dist/esm/bq-drawer.entry.js +7 -7
  314. package/dist/esm/bq-dropdown_2.entry.js +3 -3
  315. package/dist/esm/bq-empty-state.entry.js +6 -6
  316. package/dist/esm/bq-input.entry.js +7 -7
  317. package/dist/esm/bq-notification.entry.js +26 -19
  318. package/dist/esm/bq-notification.entry.js.map +1 -1
  319. package/dist/esm/bq-option-group.entry.js +2 -2
  320. package/dist/esm/bq-option-list_2.entry.js +7 -7
  321. package/dist/esm/bq-option.entry.js +6 -6
  322. package/dist/esm/bq-page-title.entry.js +4 -4
  323. package/dist/esm/bq-progress.entry.js +6 -6
  324. package/dist/esm/bq-radio-group.entry.js +3 -3
  325. package/dist/esm/bq-radio.entry.js +3 -3
  326. package/dist/esm/bq-select.entry.js +17 -11
  327. package/dist/esm/bq-select.entry.js.map +1 -1
  328. package/dist/esm/bq-side-menu-item.entry.js +2 -2
  329. package/dist/esm/bq-side-menu.entry.js +3 -3
  330. package/dist/esm/bq-slider.entry.js +12 -6
  331. package/dist/esm/bq-slider.entry.js.map +1 -1
  332. package/dist/esm/bq-spinner.entry.js +7 -7
  333. package/dist/esm/bq-status.entry.js +3 -3
  334. package/dist/esm/bq-step-item.entry.js +9 -6
  335. package/dist/esm/bq-step-item.entry.js.map +1 -1
  336. package/dist/esm/bq-steps.entry.js +3 -3
  337. package/dist/esm/bq-switch.entry.js +4 -4
  338. package/dist/esm/bq-tab-group.entry.js +5 -5
  339. package/dist/esm/bq-tab.entry.js +4 -4
  340. package/dist/esm/bq-textarea.entry.js +5 -5
  341. package/dist/esm/bq-toast.entry.js +29 -31
  342. package/dist/esm/bq-toast.entry.js.map +1 -1
  343. package/dist/esm/bq-tooltip.entry.js +2 -2
  344. package/dist/esm/{cssVariables-5ffccc29.js → cssVariables-23e3ca0d.js} +3 -1
  345. package/dist/esm/cssVariables-23e3ca0d.js.map +1 -0
  346. package/dist/esm/{index-f69556fe.js → index-efc1c2ef.js} +2 -20
  347. package/dist/esm/index-efc1c2ef.js.map +1 -0
  348. package/dist/esm/index.js +4 -4
  349. package/dist/esm/{isDefined-170f3095.js → isDefined-1e676215.js} +2 -2
  350. package/dist/esm/{isDefined-170f3095.js.map → isDefined-1e676215.js.map} +1 -1
  351. package/dist/esm/loader.js +3 -3
  352. package/dist/hydrate/index.js +233 -175
  353. package/dist/hydrate/index.mjs +233 -175
  354. package/dist/stencil.config.js +6 -3
  355. package/dist/stencil.config.js.map +1 -1
  356. package/dist/types/Users/dramos/PROJECTs/ENDAVA/BEEQ-Design-System/packages/beeq/.stencil/packages/beeq/stencil.config.d.ts +2 -0
  357. package/dist/types/components/alert/bq-alert.d.ts +10 -4
  358. package/dist/types/components/date-picker/bq-date-picker.d.ts +1 -0
  359. package/dist/types/components/divider/bq-divider.d.ts +1 -0
  360. package/dist/types/components/icon/bq-icon.d.ts +3 -1
  361. package/dist/types/components/notification/bq-notification.d.ts +8 -0
  362. package/dist/types/components/select/bq-select.d.ts +2 -0
  363. package/dist/types/components/slider/bq-slider.d.ts +2 -0
  364. package/dist/types/components/step-item/bq-step-item.d.ts +1 -0
  365. package/dist/types/components/toast/bq-toast.d.ts +5 -0
  366. package/dist/types/components.d.ts +8 -8
  367. package/dist/types/index.d.ts +1 -1
  368. package/dist/types/shared/utils/assetsPath.d.ts +1 -1
  369. package/dist/types/shared/utils/cssVariables.d.ts +1 -1
  370. package/package.json +4 -4
  371. package/dist/beeq/p-063a3968.entry.js +0 -388
  372. package/dist/beeq/p-063a3968.entry.js.map +0 -1
  373. package/dist/beeq/p-0979fdfd.entry.js +0 -297
  374. package/dist/beeq/p-0979fdfd.entry.js.map +0 -1
  375. package/dist/beeq/p-0ab0b58d.js +0 -30
  376. package/dist/beeq/p-0ab0b58d.js.map +0 -1
  377. package/dist/beeq/p-0c42c08a.js +0 -1811
  378. package/dist/beeq/p-0c42c08a.js.map +0 -1
  379. package/dist/beeq/p-0f48adcc.entry.js +0 -117
  380. package/dist/beeq/p-14b44a4b.entry.js +0 -205
  381. package/dist/beeq/p-1715ac80.entry.js +0 -274
  382. package/dist/beeq/p-1715ac80.entry.js.map +0 -1
  383. package/dist/beeq/p-242ac28a.entry.js +0 -145
  384. package/dist/beeq/p-297fb76b.entry.js +0 -220
  385. package/dist/beeq/p-2bb65f53.entry.js +0 -204
  386. package/dist/beeq/p-2e66fc4f.entry.js +0 -434
  387. package/dist/beeq/p-2e66fc4f.entry.js.map +0 -1
  388. package/dist/beeq/p-36652891.entry.js +0 -102
  389. package/dist/beeq/p-39b7c578.entry.js +0 -84
  390. package/dist/beeq/p-39d77ba6.entry.js +0 -90
  391. package/dist/beeq/p-4688e046.js +0 -16
  392. package/dist/beeq/p-49249dda.entry.js +0 -156
  393. package/dist/beeq/p-548b45b7.entry.js +0 -104
  394. package/dist/beeq/p-57a55ac5.entry.js +0 -261
  395. package/dist/beeq/p-5e11b866.entry.js +0 -102
  396. package/dist/beeq/p-6a4e104b.entry.js +0 -263
  397. package/dist/beeq/p-6a4e104b.entry.js.map +0 -1
  398. package/dist/beeq/p-6a5a79a3.entry.js +0 -184
  399. package/dist/beeq/p-6a5a79a3.entry.js.map +0 -1
  400. package/dist/beeq/p-7f301da8.entry.js +0 -508
  401. package/dist/beeq/p-7f301da8.entry.js.map +0 -1
  402. package/dist/beeq/p-81f1c3ba.entry.js +0 -121
  403. package/dist/beeq/p-822773ae.entry.js +0 -195
  404. package/dist/beeq/p-9990889d.entry.js +0 -222
  405. package/dist/beeq/p-9990889d.entry.js.map +0 -1
  406. package/dist/beeq/p-a1b43de6.entry.js +0 -248
  407. package/dist/beeq/p-a6489187.entry.js +0 -103
  408. package/dist/beeq/p-ac969486.entry.js +0 -330
  409. package/dist/beeq/p-afc9fd80.entry.js +0 -144
  410. package/dist/beeq/p-bef53750.js +0 -79
  411. package/dist/beeq/p-bef53750.js.map +0 -1
  412. package/dist/beeq/p-bf2320dd.entry.js +0 -329
  413. package/dist/beeq/p-c34e292e.entry.js +0 -127
  414. package/dist/beeq/p-c34e292e.entry.js.map +0 -1
  415. package/dist/beeq/p-db18eba1.entry.js +0 -173
  416. package/dist/beeq/p-dd950c12.entry.js +0 -309
  417. package/dist/beeq/p-e301647a.entry.js +0 -87
  418. package/dist/beeq/p-e3aa2886.entry.js +0 -203
  419. package/dist/beeq/p-e41f07ae.entry.js +0 -173
  420. package/dist/beeq/p-e88257a8.entry.js +0 -259
  421. package/dist/beeq/p-e9a54b49.entry.js +0 -145
  422. package/dist/beeq/p-f77d9b8b.entry.js +0 -144
  423. package/dist/beeq/p-fd658de1.entry.js +0 -135
  424. package/dist/beeq/p-ffb48c40.entry.js +0 -258
  425. package/dist/beeq/p-ffddc425.entry.js +0 -149
  426. package/dist/cjs/assetsPath-3938a05d.js.map +0 -1
  427. package/dist/cjs/cssVariables-7139f0c6.js.map +0 -1
  428. package/dist/cjs/index-1d3aac65.js.map +0 -1
  429. package/dist/esm/assetsPath-a1b58980.js.map +0 -1
  430. package/dist/esm/cssVariables-5ffccc29.js.map +0 -1
  431. package/dist/esm/index-f69556fe.js.map +0 -1
  432. package/dist/types/home/workflows/workspace/packages/beeq/.stencil/packages/beeq/stencil.config.d.ts +0 -2
  433. /package/dist/types/{home/workflows/workspace → Users/dramos/PROJECTs/ENDAVA/BEEQ-Design-System}/packages/beeq/.stencil/tailwind.config.d.ts +0 -0
package/dist/beeq/p-0cbec77b.entry.js ADDED
@@ -0,0 +1,6 @@
1
+ /*!
2
+ * Built by Endavans
3
+ * © https://beeq.design - Apache 2 License.
4
+ */
5
+ import{r as a,h as r,a as e,g as b}from"./p-76e714c6.js";import"./p-e5afdf8c.js";import{g as q}from"./p-5a9a73a0.js";import{i as t}from"./p-99829fc7.js";import{v as n}from"./p-687da041.js";import{b as i,a as s}from"./p-d7a88b16.js";const d=["horizontal","vertical"];const o={HORIZONTAL:"horizontal",VERTICAL:"vertical"};const l=["start","middle","end"];const v=["square","round","butt"];const c='::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{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);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;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}}: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.light,.light,:root,[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-200);--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}.beeq.dark,.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-800);--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}.endava,[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,[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-200);--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-800);--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}.end,.rotate-180,.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}.block{display:block}.flex{display:flex}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.basis-\\[var\\(--bq-divider--stroke-basis\\)\\]{flex-basis:var(--bq-divider--stroke-basis)}.rotate-180{--tw-rotate:180deg}.rotate-180,.transform{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))}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-\\[var\\(--bq-divider--title-marginX\\)\\]{gap:var(--bq-divider--title-marginX)}.stroke-\\[color\\:var\\(--bq-divider--stroke-color\\)\\]{stroke:var(--bq-divider--stroke-color)}.bs-\\[var\\(--bq-divider--stroke-thickness\\)\\]{block-size:var(--bq-divider--stroke-thickness)}.bs-full{block-size:100%}.is-\\[var\\(--bq-divider--stroke-thickness\\)\\]{inline-size:var(--bq-divider--stroke-thickness)}.is-full{inline-size:100%}@-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-divider--color:var(--bq-stroke--primary);--bq-divider--title-marginX:var(--bq-spacing-m);display:block;inline-size:100%}:host([orientation=vertical]){block-size:100%;display:flex}.bq-divider{align-items:center;display:flex;gap:var(--bq-divider--title-marginX)}.bq-divider--stroke{stroke:var(--bq-divider--stroke-color);block-size:var(--bq-divider--stroke-thickness);flex-grow:1;inline-size:100%}.bq-divider--stroke.end{--tw-rotate:180deg;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-divider--title__end .bq-divider--stroke.end,.bq-divider--title__start .bq-divider--stroke.start{flex-basis:var(--bq-divider--stroke-basis);flex-grow:0}.bq-divider--vertical{align-items:center;flex-direction:column;gap:var(--bq-divider--title-marginX);inline-size:100%}.bq-divider--vertical .bq-divider--stroke{block-size:100%;inline-size:var(--bq-divider--stroke-thickness)}.static{position:static}.\\!hidden{display:none!important}.gap-0{gap:0}';const g=c;const u=class{constructor(r){a(this,r);this.handleSlotChange=()=>{this.hasTitle=i(this.titleElem)||!!s(this.titleElem.querySelector("slot"))};this.hasTitle=undefined;this.dashed=false;this.orientation="horizontal";this.strokeColor="stroke--primary";this.titleAlignment="middle";this.strokeDashWidth=12;this.strokeDashGap=7;this.strokeThickness=1;this.strokeBasis=0;this.strokeLinecap="butt"}checkPropValues(){n(d,"horizontal",this.el,"orientation");n(l,"middle",this.el,"titleAlignment");n(v,"butt",this.el,"strokeLinecap")}connectedCallback(){this.checkPropValues()}componentWillLoad(){this.checkPropValues()}componentDidLoad(){this.handleSlotChange()}get strokeAttributes(){return{...this.strokeDrawPositions,...this.dashed&&{"stroke-dasharray":this.strokeDasharray},"stroke-linecap":this.strokeLinecap,"stroke-width":this.strokeThickness}}get strokeDrawPositions(){const a=this.strokeThickness/2;const r={[o.HORIZONTAL]:{x1:a,x2:"100%",y1:a,y2:a},[o.VERTICAL]:{x1:a,x2:a,y1:a,y2:"100%"}};const e=new Map(Object.entries(r));return e.get(this.orientation)}get strokeDasharray(){return`${this.strokeDashWidth}, ${this.strokeDashGap}`}render(){const a={...this.strokeColor&&{"--bq-divider--stroke-color":q(this.strokeColor)},...this.strokeThickness&&{"--bq-divider--stroke-thickness":`${this.strokeThickness}px`},...!t(this.strokeBasis)&&{"--bq-divider--stroke-basis":`${this.strokeBasis}px`}};return r(e,{key:"6c0665021b2aa68aa5e36bd7b316d29c06a757b8",style:a},r("div",{key:"5f9db24e2ec04379d9870c472a6fa5eb6adca124",class:{"bq-divider":true,[`bq-divider--${this.orientation}`]:true,[`bq-divider--title__${this.titleAlignment}`]:true,"gap-0":!this.hasTitle},part:"base",ref:a=>this.titleElem=a,role:"separator","aria-orientation":this.orientation},r("svg",{key:"43d5f3de13d96f380db563ff3b5cc24415ca9e94",class:{"bq-divider--stroke start":true,"!hidden":this.strokeBasis===0&&this.titleAlignment==="start"},part:"dash-start"},r("line",{key:"83db2577aa297162d0e4d6f2da1bbc9f8d2c99e0",...this.strokeAttributes,part:"dash-start-line"})),r("slot",{key:"b254e7a311652203e0ba493879482a41bf8670b0",onSlotchange:this.handleSlotChange}),r("svg",{key:"67b6c6ab371b23ed828d0bb0bb4293967b768497",class:{"bq-divider--stroke end":true,"!hidden":!this.hasTitle||this.strokeBasis===0&&this.titleAlignment==="end"},part:"dash-end"},r("line",{key:"0edcfdb8ce39dece8589d1e583c04cd7e86d210a",...this.strokeAttributes,part:"dash-end-line"}))))}get el(){return b(this)}static get watchers(){return{orientation:["checkPropValues"],titleAlignment:["checkPropValues"],strokeLinecap:["checkPropValues"]}}};u.style=g;export{u as bq_divider};
6
+ //# sourceMappingURL=p-0cbec77b.entry.js.map
package/dist/beeq/p-0cbec77b.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["DIVIDER_ORIENTATION","DIVIDER_ORIENTATION_ENUM","HORIZONTAL","VERTICAL","DIVIDER_TITLE_ALIGNMENT","DIVIDER_STROKE_LINECAP","bqDividerCss","BqDividerStyle0","BqDivider","this","handleSlotChange","hasTitle","hasSlotContent","titleElem","getTextContent","querySelector","checkPropValues","validatePropValue","el","connectedCallback","componentWillLoad","componentDidLoad","strokeAttributes","strokeDrawPositions","dashed","strokeDasharray","strokeLinecap","strokeThickness","drawOffset","x1","x2","y1","y2","orientationMap","Map","Object","entries","get","orientation","strokeDashWidth","strokeDashGap","render","styles","strokeColor","getColorCSSVariable","isNil","strokeBasis","h","Host","key","style","class","titleAlignment","part","ref","div","role","onSlotchange"],"sources":["../../packages/beeq/src/components/divider/bq-divider.types.ts","../../packages/beeq/src/components/divider/scss/bq-divider.scss?tag=bq-divider&encapsulation=shadow","../../packages/beeq/src/components/divider/bq-divider.tsx"],"sourcesContent":["export const DIVIDER_ORIENTATION = ['horizontal', 'vertical'] as const;\nexport type TDividerOrientation = (typeof DIVIDER_ORIENTATION)[number];\n\nexport const DIVIDER_ORIENTATION_ENUM = {\n HORIZONTAL: 'horizontal',\n VERTICAL: 'vertical',\n} as const;\n\nexport const DIVIDER_TITLE_ALIGNMENT = ['start', 'middle', 'end'] as const;\nexport type TDividerTitleAlignment = (typeof DIVIDER_TITLE_ALIGNMENT)[number];\n\nexport const DIVIDER_STROKE_LINECAP = ['square', 'round', 'butt'] as const;\nexport type TDividerStrokeLinecap = (typeof DIVIDER_STROKE_LINECAP)[number];\n","/* -------------------------------------------------------------------------- */\n/* Button styles */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-divider.variables';\n\n:host {\n @apply block is-full;\n}\n\n:host([orientation='vertical']) {\n @apply flex bs-full;\n}\n\n.bq-divider {\n @apply flex items-center gap-[var(--bq-divider--title-marginX)];\n}\n\n.bq-divider--stroke {\n @apply flex-grow stroke-[color:var(--bq-divider--stroke-color)] bs-[var(--bq-divider--stroke-thickness)] is-full;\n\n &.end {\n @apply rotate-180;\n }\n}\n\n.bq-divider--title__start .bq-divider--stroke.start,\n.bq-divider--title__end .bq-divider--stroke.end {\n @apply flex-grow-0 basis-[var(--bq-divider--stroke-basis)];\n}\n\n.bq-divider--vertical {\n @apply flex-col items-center gap-[var(--bq-divider--title-marginX)] is-full;\n\n .bq-divider--stroke {\n @apply bs-full is-[var(--bq-divider--stroke-thickness)];\n }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport {\n DIVIDER_ORIENTATION,\n DIVIDER_ORIENTATION_ENUM,\n DIVIDER_STROKE_LINECAP,\n DIVIDER_TITLE_ALIGNMENT,\n TDividerOrientation,\n TDividerStrokeLinecap,\n TDividerTitleAlignment,\n} from './bq-divider.types';\nimport { getColorCSSVariable, getTextContent, hasSlotContent, isNil, validatePropValue } from '../../shared/utils';\n\n/**\n * @part base - The component's internal wrapper.\n * @part dash-start - The component's internal svg wrapper for the start line of the divider's stroke\n * @part dash-end - The component's internal svg wrapper for the end line of the divider's stroke\n * @part dash-start-line - The component's internal line component of the divider's stroke\n * @part dash-end-line - The component's internal line component of the divider's stroke\n */\n@Component({\n tag: 'bq-divider',\n styleUrl: './scss/bq-divider.scss',\n shadow: true,\n})\nexport class BqDivider {\n // Own Properties\n // ====================\n\n private titleElem: HTMLDivElement;\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqDividerElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() private hasTitle: boolean;\n\n // Public Property API\n // ========================\n\n /** If true, the divider has a dashed pattern */\n @Prop() dashed = false;\n\n /** The default orientation of the divider */\n @Prop({ reflect: true }) orientation: TDividerOrientation = 'horizontal';\n\n /** Set the stroke color of the divider. The value should be a valid value of the palette color */\n @Prop({ reflect: true }) strokeColor?: string = 'stroke--primary';\n\n /** Set the alignment of the title on the main axis of the divider (horizontal / vertical) */\n @Prop({ reflect: true }) titleAlignment?: TDividerTitleAlignment = 'middle';\n\n /** Set the width of each dash of the divider's stroke. This is applicable when the stroke is dashed */\n @Prop({ reflect: true }) strokeDashWidth?: number = 12;\n\n /** Set the gap of the divider's stroke. This is applicable when the stroke is dashed */\n @Prop({ reflect: true }) strokeDashGap?: number = 7;\n\n /** Set the thickness of the divider's stroke. Value expressed in px*/\n @Prop({ reflect: true }) strokeThickness?: number = 1;\n\n /** Set the min width of the divider's stroke when text is not centered. Value expressed in px */\n @Prop({ reflect: true }) strokeBasis?: number = 0;\n\n /** Set the line of the divider's stroke. This is applicable when the stroke is dashed */\n @Prop({ reflect: true }) strokeLinecap?: TDividerStrokeLinecap = 'butt';\n\n // Prop lifecycle events\n // =======================\n\n @Watch('orientation')\n @Watch('titleAlignment')\n @Watch('strokeLinecap')\n checkPropValues() {\n validatePropValue(DIVIDER_ORIENTATION, 'horizontal', this.el, 'orientation');\n validatePropValue(DIVIDER_TITLE_ALIGNMENT, 'middle', this.el, 'titleAlignment');\n validatePropValue(DIVIDER_STROKE_LINECAP, 'butt', this.el, 'strokeLinecap');\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n connectedCallback() {\n this.checkPropValues();\n }\n\n componentWillLoad() {\n this.checkPropValues();\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 handleSlotChange = () => {\n this.hasTitle = hasSlotContent(this.titleElem) || !!getTextContent(this.titleElem.querySelector('slot'));\n };\n\n private get strokeAttributes() {\n return {\n ...this.strokeDrawPositions,\n ...(this.dashed && { 'stroke-dasharray': this.strokeDasharray }),\n 'stroke-linecap': this.strokeLinecap,\n 'stroke-width': this.strokeThickness,\n };\n }\n\n private get strokeDrawPositions() {\n const drawOffset = this.strokeThickness / 2;\n const strokeDrawPositions = {\n [DIVIDER_ORIENTATION_ENUM.HORIZONTAL]: { x1: drawOffset, x2: '100%', y1: drawOffset, y2: drawOffset },\n [DIVIDER_ORIENTATION_ENUM.VERTICAL]: { x1: drawOffset, x2: drawOffset, y1: drawOffset, y2: '100%' },\n };\n const orientationMap = new Map(Object.entries(strokeDrawPositions));\n\n return orientationMap.get(this.orientation);\n }\n\n private get strokeDasharray() {\n return `${this.strokeDashWidth}, ${this.strokeDashGap}`;\n }\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n const styles = {\n ...(this.strokeColor && { '--bq-divider--stroke-color': getColorCSSVariable(this.strokeColor) }),\n ...(this.strokeThickness && { '--bq-divider--stroke-thickness': `${this.strokeThickness}px` }),\n ...(!isNil(this.strokeBasis) && { '--bq-divider--stroke-basis': `${this.strokeBasis}px` }),\n };\n\n return (\n <Host style={styles}>\n <div\n class={{\n 'bq-divider': true,\n [`bq-divider--${this.orientation}`]: true,\n [`bq-divider--title__${this.titleAlignment}`]: true,\n 'gap-0': !this.hasTitle,\n }}\n part=\"base\"\n ref={(div) => (this.titleElem = div)}\n role=\"separator\"\n aria-orientation={this.orientation}\n >\n <svg\n class={{\n 'bq-divider--stroke start': true,\n '!hidden': this.strokeBasis === 0 && this.titleAlignment === 'start',\n }}\n part=\"dash-start\"\n >\n <line {...this.strokeAttributes} part=\"dash-start-line\" />\n </svg>\n <slot onSlotchange={this.handleSlotChange} />\n <svg\n class={{\n 'bq-divider--stroke end': true,\n '!hidden': !this.hasTitle || (this.strokeBasis === 0 && this.titleAlignment === 'end'),\n }}\n part=\"dash-end\"\n >\n <line {...this.strokeAttributes} part=\"dash-end-line\" />\n </svg>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":";;;;wOAAO,MAAMA,EAAsB,CAAC,aAAc,YAG3C,MAAMC,EAA2B,CACtCC,WAAY,aACZC,SAAU,YAGL,MAAMC,EAA0B,CAAC,QAAS,SAAU,OAGpD,MAAMC,EAAyB,CAAC,SAAU,QAAS,QCX1D,MAAMC,EAAe,g7oBACrB,MAAAC,EAAeD,E,MCwBFE,EAAS,M,yBA8FZC,KAAAC,iBAAmB,KACzBD,KAAKE,SAAWC,EAAeH,KAAKI,cAAgBC,EAAeL,KAAKI,UAAUE,cAAc,QAAQ,E,oCA1EzF,M,iBAG2C,a,iBAGZ,kB,oBAGmB,S,qBAGf,G,mBAGF,E,qBAGE,E,iBAGJ,E,mBAGiB,M,CAQjE,eAAAC,GACEC,EAAkBjB,EAAqB,aAAcS,KAAKS,GAAI,eAC9DD,EAAkBb,EAAyB,SAAUK,KAAKS,GAAI,kBAC9DD,EAAkBZ,EAAwB,OAAQI,KAAKS,GAAI,gB,CAW7D,iBAAAC,GACEV,KAAKO,iB,CAGP,iBAAAI,GACEX,KAAKO,iB,CAGP,gBAAAK,GACEZ,KAAKC,kB,CAsBP,oBAAYY,GACV,MAAO,IACFb,KAAKc,uBACJd,KAAKe,QAAU,CAAE,mBAAoBf,KAAKgB,iBAC9C,iBAAkBhB,KAAKiB,cACvB,eAAgBjB,KAAKkB,gB,CAIzB,uBAAYJ,GACV,MAAMK,EAAanB,KAAKkB,gBAAkB,EAC1C,MAAMJ,EAAsB,CAC1B,CAACtB,EAAyBC,YAAa,CAAE2B,GAAID,EAAYE,GAAI,OAAQC,GAAIH,EAAYI,GAAIJ,GACzF,CAAC3B,EAAyBE,UAAW,CAAE0B,GAAID,EAAYE,GAAIF,EAAYG,GAAIH,EAAYI,GAAI,SAE7F,MAAMC,EAAiB,IAAIC,IAAIC,OAAOC,QAAQb,IAE9C,OAAOU,EAAeI,IAAI5B,KAAK6B,Y,CAGjC,mBAAYb,GACV,MAAO,GAAGhB,KAAK8B,oBAAoB9B,KAAK+B,e,CAO1C,MAAAC,GACE,MAAMC,EAAS,IACTjC,KAAKkC,aAAe,CAAE,6BAA8BC,EAAoBnC,KAAKkC,iBAC7ElC,KAAKkB,iBAAmB,CAAE,iCAAkC,GAAGlB,KAAKkB,yBACnEkB,EAAMpC,KAAKqC,cAAgB,CAAE,6BAA8B,GAAGrC,KAAKqC,kBAG1E,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOR,GACXK,EAAA,OAAAE,IAAA,2CACEE,MAAO,CACL,aAAc,KACd,CAAC,eAAe1C,KAAK6B,eAAgB,KACrC,CAAC,sBAAsB7B,KAAK2C,kBAAmB,KAC/C,SAAU3C,KAAKE,UAEjB0C,KAAK,OACLC,IAAMC,GAAS9C,KAAKI,UAAY0C,EAChCC,KAAK,YAAW,mBACE/C,KAAK6B,aAEvBS,EAAA,OAAAE,IAAA,2CACEE,MAAO,CACL,2BAA4B,KAC5B,UAAW1C,KAAKqC,cAAgB,GAAKrC,KAAK2C,iBAAmB,SAE/DC,KAAK,cAELN,EAAA,QAAAE,IAAA,8CAAUxC,KAAKa,iBAAkB+B,KAAK,qBAExCN,EAAA,QAAAE,IAAA,2CAAMQ,aAAchD,KAAKC,mBACzBqC,EAAA,OAAAE,IAAA,2CACEE,MAAO,CACL,yBAA0B,KAC1B,WAAY1C,KAAKE,UAAaF,KAAKqC,cAAgB,GAAKrC,KAAK2C,iBAAmB,OAElFC,KAAK,YAELN,EAAA,QAAAE,IAAA,8CAAUxC,KAAKa,iBAAkB+B,KAAK,oB","ignoreList":[]}
package/dist/beeq/p-115ed5b2.js CHANGED
@@ -2,29 +2,5 @@
2
2
  * Built by Endavans
3
3
  * © https://beeq.design - Apache 2 License.
4
4
  */
5
- /**
6
- * Gets the next element that is not disabled
7
- *
8
- * @param {Array} elements - The array to search in
9
- * @param {Numebr} startAt - Position to start at
10
- * @param {String} direction - The direction to look on
11
- * @returns {Element} Next available element
12
- */
13
- const getNextElement = (r, o = 0, t = "forward") => {
14
- let e = o;
15
- do {
16
- e = getNextIndex(e, r.length, t);
17
- if (e === o) {
18
- break;
19
- }
20
- } while (r[e].disabled);
21
- return r[e];
22
- };
23
-
24
- const getNextIndex = (r, o, t) => {
25
- const e = r + (t === "forward" ? 1 : -1);
26
- return (o + e) % o;
27
- };
28
-
29
- export { getNextElement as g };
5
+ const r=(r,t=0,e="forward")=>{let n=t;do{n=o(n,r.length,e);if(n===t){break}}while(r[n].disabled);return r[n]};const o=(r,o,t)=>{const e=r+(t==="forward"?1:-1);return(o+e)%o};export{r as g};
30
6
  //# sourceMappingURL=p-115ed5b2.js.map
package/dist/beeq/p-115ed5b2.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["getNextElement","elements","startAt","direction","elementIndex","getNextIndex","length","disabled","currentIndex","nextIndex"],"sources":["../../packages/beeq/src/shared/utils/getNextElement.ts"],"sourcesContent":["/**\n * Gets the next element that is not disabled\n *\n * @param {Array} elements - The array to search in\n * @param {Numebr} startAt - Position to start at\n * @param {String} direction - The direction to look on\n * @returns {Element} Next available element\n */\n\nexport const getNextElement = <T extends { disabled: boolean }>(\n elements: T[],\n startAt = 0,\n direction: 'forward' | 'backward' = 'forward',\n): T => {\n let elementIndex = startAt;\n\n do {\n elementIndex = getNextIndex(elementIndex, elements.length, direction);\n if (elementIndex === startAt) {\n break;\n }\n } while (elements[elementIndex].disabled);\n\n return elements[elementIndex];\n};\n\nconst getNextIndex = (currentIndex: number, length: number, direction: 'forward' | 'backward'): number => {\n const nextIndex = currentIndex + (direction === 'forward' ? 1 : -1);\n return (length + nextIndex) % length;\n};\n"],"mappings":";;;;;;;;;;;;MASaA,iBAAiB,CAC5BC,GACAC,IAAU,GACVC,IAAoC;EAEpC,IAAIC,IAAeF;EAEnB,GAAG;IACDE,IAAeC,aAAaD,GAAcH,EAASK,QAAQH;IAC3D,IAAIC,MAAiBF,GAAS;MAC5B;;WAEKD,EAASG,GAAcG;EAEhC,OAAON,EAASG;AAAa;;AAG/B,MAAMC,eAAe,CAACG,GAAsBF,GAAgBH;EAC1D,MAAMM,IAAYD,KAAgBL,MAAc,YAAY,KAAK;EACjE,QAAQG,IAASG,KAAaH;AAAM","ignoreList":[]}
1
+ {"version":3,"names":["getNextElement","elements","startAt","direction","elementIndex","getNextIndex","length","disabled","currentIndex","nextIndex"],"sources":["../../packages/beeq/src/shared/utils/getNextElement.ts"],"sourcesContent":["/**\n * Gets the next element that is not disabled\n *\n * @param {Array} elements - The array to search in\n * @param {Numebr} startAt - Position to start at\n * @param {String} direction - The direction to look on\n * @returns {Element} Next available element\n */\n\nexport const getNextElement = <T extends { disabled: boolean }>(\n elements: T[],\n startAt = 0,\n direction: 'forward' | 'backward' = 'forward',\n): T => {\n let elementIndex = startAt;\n\n do {\n elementIndex = getNextIndex(elementIndex, elements.length, direction);\n if (elementIndex === startAt) {\n break;\n }\n } while (elements[elementIndex].disabled);\n\n return elements[elementIndex];\n};\n\nconst getNextIndex = (currentIndex: number, length: number, direction: 'forward' | 'backward'): number => {\n const nextIndex = currentIndex + (direction === 'forward' ? 1 : -1);\n return (length + nextIndex) % length;\n};\n"],"mappings":";;;;MASaA,EAAiB,CAC5BC,EACAC,EAAU,EACVC,EAAoC,aAEpC,IAAIC,EAAeF,EAEnB,EAAG,CACDE,EAAeC,EAAaD,EAAcH,EAASK,OAAQH,GAC3D,GAAIC,IAAiBF,EAAS,CAC5B,K,QAEKD,EAASG,GAAcG,UAEhC,OAAON,EAASG,EAAa,EAG/B,MAAMC,EAAe,CAACG,EAAsBF,EAAgBH,KAC1D,MAAMM,EAAYD,GAAgBL,IAAc,UAAY,GAAK,GACjE,OAAQG,EAASG,GAAaH,CAAM,S","ignoreList":[]}
package/dist/beeq/p-1202161d.entry.js ADDED
@@ -0,0 +1,6 @@
1
+ /*!
2
+ * Built by Endavans
3
+ * © https://beeq.design - Apache 2 License.
4
+ */
5
+ import{r as a,h as r,g as b}from"./p-76e714c6.js";import"./p-e5afdf8c.js";import{v as e}from"./p-687da041.js";import{b as q}from"./p-d7a88b16.js";const n=["small","medium","large"];const t={small:40,medium:80,large:180};const i='::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{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);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;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}}: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.light,.light,:root,[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-200);--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}.beeq.dark,.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-800);--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}.endava,[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,[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-200);--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-800);--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}.relative{position:relative}.inline-block{display:inline-block}@-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{display:inline-block;position:relative}.static{position:static}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.gap-xs{gap:var(--bq-spacing-xs)}.text-l{font-size:var(--bq-font-size--l)}.text-m{font-size:var(--bq-font-size--m)}.text-s{font-size:var(--bq-font-size--s)}.text-xxl2{font-size:var(--bq-font-size--xxl2)}.font-bold{font-weight:var(--bq-font-weight--bold)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.text-text-primary{color:var(--bq-text--primary)}.m-be-l{margin-block-end:var(--bq-spacing-l)}.m-be-m{margin-block-end:var(--bq-spacing-m)}.m-be-xl{margin-block-end:var(--bq-spacing-xl)}.m-be-xs{margin-block-end:var(--bq-spacing-xs)}.m-be-xxl{margin-block-end:var(--bq-spacing-xxl)}.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-\\[color\\:--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 o=i;const s=class{constructor(r){a(this,r);this.handleContentSlotChange=()=>{this.hasBody=q(this.bodyElem,"body")};this.handleFooterSlotChange=()=>{this.hasFooter=q(this.footerElem,"footer")};this.hasBody=false;this.hasFooter=false;this.size="medium"}checkPropValues(){e(n,"medium",this.el,"size")}componentWillLoad(){this.checkPropValues()}get iconSize(){return t[this.size]||t.medium}render(){return r("div",{key:"edbbd39b9a17ead9e468197c44baade22dc48e94",class:"inline-flex flex-col items-center",part:"wrapper"},r("div",{key:"a40b8a7186614deeb705a98ffd32a35e91d47684",class:{"m-be-m":this.size==="small","m-be-xl":this.size==="medium","m-be-xxl":this.size==="large"},part:"thumbnail"},r("slot",{key:"7fd61415c33d06a0e083dd9cfd71d2beb6fece94",name:"thumbnail"},r("bq-icon",{key:"13f20586539db6b31b21361d749e3f87e58b9176",size:this.iconSize,name:"database",part:"icon",exportparts:"base,svg"}))),r("div",{key:"0b0cbf179c5f4c4b7199aaea8b64d57c1081f18d",class:{"title-font font-bold leading-regular text-text-primary":true,"text-m":this.size==="small","text-l":this.size==="medium","text-xxl2":this.size==="large","m-be-xs":this.size==="small"&&this.hasBody,"m-be-m":this.size==="medium"&&this.hasBody,"m-be-l":this.size==="large"&&this.hasBody},part:"title"},r("slot",{key:"6b7573b0a9dd1643a70addac73e5a81c230a345b"})),r("div",{key:"43d6a20cb5dff348f89d8000a1429e43cc24660d",class:{"font-normal leading-regular":true,"text-s":this.size==="small","text-m":this.size==="medium","text-l":this.size==="large","m-be-m":this.size==="small"&&this.hasFooter,"m-be-l":this.size==="medium"&&this.hasFooter,"m-be-xl":this.size==="large"&&this.hasFooter},ref:a=>this.bodyElem=a,part:"body"},r("slot",{key:"42a967e534f2806881bc1c27baad90f7d8174693",name:"body",onSlotchange:this.handleContentSlotChange})),r("div",{key:"4196f39c435a23d92494af48b7a7724b7354f7a2",class:{"flex items-start gap-xs":true},ref:a=>this.footerElem=a,part:"footer"},r("slot",{key:"93586a303fc4c43c06d32755a506c9fce16c98a4",name:"footer",onSlotchange:this.handleFooterSlotChange})))}get el(){return b(this)}static get watchers(){return{size:["checkPropValues"]}}};s.style=o;export{s as bq_empty_state};
6
+ //# sourceMappingURL=p-1202161d.entry.js.map
package/dist/beeq/{p-ffddc425.entry.js.map → p-1202161d.entry.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"names":["EMPTY_STATE_SIZE","SIZE_TO_VALUE_MAP","small","medium","large","bqEmptyStateCss","BqEmptyStateStyle0","BqEmptyState","this","handleContentSlotChange","hasBody","hasSlotContent","bodyElem","handleFooterSlotChange","hasFooter","footerElem","checkPropValues","validatePropValue","el","componentWillLoad","iconSize","size","render","h","key","class","part","name","exportparts","ref","div","onSlotchange"],"sources":["../../packages/beeq/src/components/empty-state/bq-empty-state.types.ts","../../packages/beeq/src/components/empty-state/scss/bq-empty-state.scss?tag=bq-empty-state&encapsulation=shadow","../../packages/beeq/src/components/empty-state/bq-empty-state.tsx"],"sourcesContent":["export const EMPTY_STATE_SIZE = ['small', 'medium', 'large'] as const;\nexport type TEmptyStateSize = (typeof EMPTY_STATE_SIZE)[number];\n\nexport const SIZE_TO_VALUE_MAP: Record<TEmptyStateSize, number> = {\n small: 40,\n medium: 80,\n large: 180,\n};\n","/* -------------------------------------------------------------------------- */\n/* Empty state styles */\n/* -------------------------------------------------------------------------- */\n\n:host {\n @apply relative inline-block;\n}\n","import { Component, Element, h, Prop, State, Watch } from '@stencil/core';\n\nimport { EMPTY_STATE_SIZE, SIZE_TO_VALUE_MAP, TEmptyStateSize } from './bq-empty-state.types';\nimport { hasSlotContent, validatePropValue } from '../../shared/utils';\n\n/**\n * @part body - The container `<div>` that wraps the alert description content\n * @part footer - The container `<div>` that wraps the alert footer content\n * @part icon - The `<bq-icon>` element used to render a predefined icon size based on the empty state size (small, medium, large)\n * @part thumbnail - The container `<div>` that wraps the thumbnail element\n * @part title - The container `<div>` that wraps the empty state title content\n * @part wrapper - The wrapper container `<div>` of the element inside the shadow DOM\n */\n\n@Component({\n tag: 'bq-empty-state',\n styleUrl: './scss/bq-empty-state.scss',\n shadow: true,\n})\nexport class BqEmptyState {\n // Own Properties\n // ====================\n\n private bodyElem: HTMLDivElement;\n private footerElem: HTMLDivElement;\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqEmptyStateElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() private hasBody = false;\n @State() private hasFooter = false;\n\n // Public Property API\n // ========================\n\n /** The size of the empty state component */\n @Prop({ reflect: true, mutable: true }) size: TEmptyStateSize = 'medium';\n\n // Prop lifecycle events\n // =======================\n\n @Watch('size')\n checkPropValues() {\n validatePropValue(EMPTY_STATE_SIZE, 'medium', this.el, 'size');\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n componentWillLoad() {\n this.checkPropValues();\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 handleContentSlotChange = () => {\n this.hasBody = hasSlotContent(this.bodyElem, 'body');\n };\n\n private handleFooterSlotChange = () => {\n this.hasFooter = hasSlotContent(this.footerElem, 'footer');\n };\n\n private get iconSize(): number {\n return SIZE_TO_VALUE_MAP[this.size] || SIZE_TO_VALUE_MAP.medium;\n }\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n return (\n <div class=\"inline-flex flex-col items-center\" part=\"wrapper\">\n <div\n class={{\n 'm-be-m': this.size === 'small',\n 'm-be-xl': this.size === 'medium',\n 'm-be-xxl': this.size === 'large',\n }}\n part=\"thumbnail\"\n >\n <slot name=\"thumbnail\">\n <bq-icon size={this.iconSize} name=\"database\" part=\"icon\" exportparts=\"base,svg\" />\n </slot>\n </div>\n <div\n class={{\n 'title-font font-bold leading-regular text-text-primary': true,\n 'text-m': this.size === 'small',\n 'text-l': this.size === 'medium',\n 'text-xxl2': this.size === 'large',\n 'm-be-xs': this.size === 'small' && this.hasBody,\n 'm-be-m': this.size === 'medium' && this.hasBody,\n 'm-be-l': this.size === 'large' && this.hasBody,\n }}\n part=\"title\"\n >\n <slot />\n </div>\n <div\n class={{\n 'font-normal leading-regular': true,\n 'text-s': this.size === 'small',\n 'text-m': this.size === 'medium',\n 'text-l': this.size === 'large',\n 'm-be-m': this.size === 'small' && this.hasFooter,\n 'm-be-l': this.size === 'medium' && this.hasFooter,\n 'm-be-xl': this.size === 'large' && this.hasFooter,\n }}\n ref={(div) => (this.bodyElem = div)}\n part=\"body\"\n >\n <slot name=\"body\" onSlotchange={this.handleContentSlotChange} />\n </div>\n <div class={{ 'flex items-start gap-xs': true }} ref={(div) => (this.footerElem = div)} part=\"footer\">\n <slot name=\"footer\" onSlotchange={this.handleFooterSlotChange} />\n </div>\n </div>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;AAAO,MAAMA,IAAmB,EAAC,SAAS,UAAU;;AAG7C,MAAMC,IAAqD;EAChEC,OAAO;EACPC,QAAQ;EACRC,OAAO;;;ACNT,MAAMC,IAAkB;;AACxB,MAAAC,IAAeD;;MCkBFE,IAAY;;;;;;;;;;;;;;;QA4DfC,KAAAC,0BAA0B;MAChCD,KAAKE,UAAUC,EAAeH,KAAKI,UAAU;AAAO;IAG9CJ,KAAAK,yBAAyB;MAC/BL,KAAKM,YAAYH,EAAeH,KAAKO,YAAY;AAAS;mBAjDjC;qBACE;gBAMmC;;;;EAMhE,eAAAC;IACEC,EAAkBjB,GAAkB,UAAUQ,KAAKU,IAAI;;;;;;;;EAWzD,iBAAAC;IACEX,KAAKQ;;EA0BP,YAAYI;IACV,OAAOnB,EAAkBO,KAAKa,SAASpB,EAAkBE;;;;;EAO3D,MAAAmB;IACE,OACEC,EAAA;MAAAC,KAAA;MAAKC,OAAM;MAAoCC,MAAK;OAClDH,EAAA;MAAAC,KAAA;MACEC,OAAO;QACL,UAAUjB,KAAKa,SAAS;QACxB,WAAWb,KAAKa,SAAS;QACzB,YAAYb,KAAKa,SAAS;;MAE5BK,MAAK;OAELH,EAAA;MAAAC,KAAA;MAAMG,MAAK;OACTJ,EAAA;MAAAC,KAAA;MAASH,MAAMb,KAAKY;MAAUO,MAAK;MAAWD,MAAK;MAAOE,aAAY;UAG1EL,EAAA;MAAAC,KAAA;MACEC,OAAO;QACL,0DAA0D;QAC1D,UAAUjB,KAAKa,SAAS;QACxB,UAAUb,KAAKa,SAAS;QACxB,aAAab,KAAKa,SAAS;QAC3B,WAAWb,KAAKa,SAAS,WAAWb,KAAKE;QACzC,UAAUF,KAAKa,SAAS,YAAYb,KAAKE;QACzC,UAAUF,KAAKa,SAAS,WAAWb,KAAKE;;MAE1CgB,MAAK;OAELH,EAAA;MAAAC,KAAA;SAEFD,EAAA;MAAAC,KAAA;MACEC,OAAO;QACL,+BAA+B;QAC/B,UAAUjB,KAAKa,SAAS;QACxB,UAAUb,KAAKa,SAAS;QACxB,UAAUb,KAAKa,SAAS;QACxB,UAAUb,KAAKa,SAAS,WAAWb,KAAKM;QACxC,UAAUN,KAAKa,SAAS,YAAYb,KAAKM;QACzC,WAAWN,KAAKa,SAAS,WAAWb,KAAKM;;MAE3Ce,KAAMC,KAAStB,KAAKI,WAAWkB;MAC/BJ,MAAK;OAELH,EAAA;MAAAC,KAAA;MAAMG,MAAK;MAAOI,cAAcvB,KAAKC;SAEvCc,EAAA;MAAAC,KAAA;MAAKC,OAAO;QAAE,2BAA2B;;MAAQI,KAAMC,KAAStB,KAAKO,aAAae;MAAMJ,MAAK;OAC3FH,EAAA;MAAAC,KAAA;MAAMG,MAAK;MAASI,cAAcvB,KAAKK","ignoreList":[]}
1
+ {"version":3,"names":["EMPTY_STATE_SIZE","SIZE_TO_VALUE_MAP","small","medium","large","bqEmptyStateCss","BqEmptyStateStyle0","BqEmptyState","this","handleContentSlotChange","hasBody","hasSlotContent","bodyElem","handleFooterSlotChange","hasFooter","footerElem","checkPropValues","validatePropValue","el","componentWillLoad","iconSize","size","render","h","key","class","part","name","exportparts","ref","div","onSlotchange"],"sources":["../../packages/beeq/src/components/empty-state/bq-empty-state.types.ts","../../packages/beeq/src/components/empty-state/scss/bq-empty-state.scss?tag=bq-empty-state&encapsulation=shadow","../../packages/beeq/src/components/empty-state/bq-empty-state.tsx"],"sourcesContent":["export const EMPTY_STATE_SIZE = ['small', 'medium', 'large'] as const;\nexport type TEmptyStateSize = (typeof EMPTY_STATE_SIZE)[number];\n\nexport const SIZE_TO_VALUE_MAP: Record<TEmptyStateSize, number> = {\n small: 40,\n medium: 80,\n large: 180,\n};\n","/* -------------------------------------------------------------------------- */\n/* Empty state styles */\n/* -------------------------------------------------------------------------- */\n\n:host {\n @apply relative inline-block;\n}\n","import { Component, Element, h, Prop, State, Watch } from '@stencil/core';\n\nimport { EMPTY_STATE_SIZE, SIZE_TO_VALUE_MAP, TEmptyStateSize } from './bq-empty-state.types';\nimport { hasSlotContent, validatePropValue } from '../../shared/utils';\n\n/**\n * @part body - The container `<div>` that wraps the alert description content\n * @part footer - The container `<div>` that wraps the alert footer content\n * @part icon - The `<bq-icon>` element used to render a predefined icon size based on the empty state size (small, medium, large)\n * @part thumbnail - The container `<div>` that wraps the thumbnail element\n * @part title - The container `<div>` that wraps the empty state title content\n * @part wrapper - The wrapper container `<div>` of the element inside the shadow DOM\n */\n\n@Component({\n tag: 'bq-empty-state',\n styleUrl: './scss/bq-empty-state.scss',\n shadow: true,\n})\nexport class BqEmptyState {\n // Own Properties\n // ====================\n\n private bodyElem: HTMLDivElement;\n private footerElem: HTMLDivElement;\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqEmptyStateElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() private hasBody = false;\n @State() private hasFooter = false;\n\n // Public Property API\n // ========================\n\n /** The size of the empty state component */\n @Prop({ reflect: true, mutable: true }) size: TEmptyStateSize = 'medium';\n\n // Prop lifecycle events\n // =======================\n\n @Watch('size')\n checkPropValues() {\n validatePropValue(EMPTY_STATE_SIZE, 'medium', this.el, 'size');\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n componentWillLoad() {\n this.checkPropValues();\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 handleContentSlotChange = () => {\n this.hasBody = hasSlotContent(this.bodyElem, 'body');\n };\n\n private handleFooterSlotChange = () => {\n this.hasFooter = hasSlotContent(this.footerElem, 'footer');\n };\n\n private get iconSize(): number {\n return SIZE_TO_VALUE_MAP[this.size] || SIZE_TO_VALUE_MAP.medium;\n }\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n return (\n <div class=\"inline-flex flex-col items-center\" part=\"wrapper\">\n <div\n class={{\n 'm-be-m': this.size === 'small',\n 'm-be-xl': this.size === 'medium',\n 'm-be-xxl': this.size === 'large',\n }}\n part=\"thumbnail\"\n >\n <slot name=\"thumbnail\">\n <bq-icon size={this.iconSize} name=\"database\" part=\"icon\" exportparts=\"base,svg\" />\n </slot>\n </div>\n <div\n class={{\n 'title-font font-bold leading-regular text-text-primary': true,\n 'text-m': this.size === 'small',\n 'text-l': this.size === 'medium',\n 'text-xxl2': this.size === 'large',\n 'm-be-xs': this.size === 'small' && this.hasBody,\n 'm-be-m': this.size === 'medium' && this.hasBody,\n 'm-be-l': this.size === 'large' && this.hasBody,\n }}\n part=\"title\"\n >\n <slot />\n </div>\n <div\n class={{\n 'font-normal leading-regular': true,\n 'text-s': this.size === 'small',\n 'text-m': this.size === 'medium',\n 'text-l': this.size === 'large',\n 'm-be-m': this.size === 'small' && this.hasFooter,\n 'm-be-l': this.size === 'medium' && this.hasFooter,\n 'm-be-xl': this.size === 'large' && this.hasFooter,\n }}\n ref={(div) => (this.bodyElem = div)}\n part=\"body\"\n >\n <slot name=\"body\" onSlotchange={this.handleContentSlotChange} />\n </div>\n <div class={{ 'flex items-start gap-xs': true }} ref={(div) => (this.footerElem = div)} part=\"footer\">\n <slot name=\"footer\" onSlotchange={this.handleFooterSlotChange} />\n </div>\n </div>\n );\n }\n}\n"],"mappings":";;;;kJAAO,MAAMA,EAAmB,CAAC,QAAS,SAAU,SAG7C,MAAMC,EAAqD,CAChEC,MAAO,GACPC,OAAQ,GACRC,MAAO,KCNT,MAAMC,EAAkB,kqnBACxB,MAAAC,EAAeD,E,MCkBFE,EAAY,M,yBA4DfC,KAAAC,wBAA0B,KAChCD,KAAKE,QAAUC,EAAeH,KAAKI,SAAU,OAAO,EAG9CJ,KAAAK,uBAAyB,KAC/BL,KAAKM,UAAYH,EAAeH,KAAKO,WAAY,SAAS,E,aAjDjC,M,eACE,M,UAMmC,Q,CAMhE,eAAAC,GACEC,EAAkBjB,EAAkB,SAAUQ,KAAKU,GAAI,O,CAWzD,iBAAAC,GACEX,KAAKQ,iB,CA0BP,YAAYI,GACV,OAAOnB,EAAkBO,KAAKa,OAASpB,EAAkBE,M,CAO3D,MAAAmB,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oCAAoCC,KAAK,WAClDH,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,SAAUjB,KAAKa,OAAS,QACxB,UAAWb,KAAKa,OAAS,SACzB,WAAYb,KAAKa,OAAS,SAE5BK,KAAK,aAELH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,aACTJ,EAAA,WAAAC,IAAA,2CAASH,KAAMb,KAAKY,SAAUO,KAAK,WAAWD,KAAK,OAAOE,YAAY,eAG1EL,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,yDAA0D,KAC1D,SAAUjB,KAAKa,OAAS,QACxB,SAAUb,KAAKa,OAAS,SACxB,YAAab,KAAKa,OAAS,QAC3B,UAAWb,KAAKa,OAAS,SAAWb,KAAKE,QACzC,SAAUF,KAAKa,OAAS,UAAYb,KAAKE,QACzC,SAAUF,KAAKa,OAAS,SAAWb,KAAKE,SAE1CgB,KAAK,SAELH,EAAA,QAAAC,IAAA,8CAEFD,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,8BAA+B,KAC/B,SAAUjB,KAAKa,OAAS,QACxB,SAAUb,KAAKa,OAAS,SACxB,SAAUb,KAAKa,OAAS,QACxB,SAAUb,KAAKa,OAAS,SAAWb,KAAKM,UACxC,SAAUN,KAAKa,OAAS,UAAYb,KAAKM,UACzC,UAAWN,KAAKa,OAAS,SAAWb,KAAKM,WAE3Ce,IAAMC,GAAStB,KAAKI,SAAWkB,EAC/BJ,KAAK,QAELH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,OAAOI,aAAcvB,KAAKC,2BAEvCc,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,0BAA2B,MAAQI,IAAMC,GAAStB,KAAKO,WAAae,EAAMJ,KAAK,UAC3FH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,SAASI,aAAcvB,KAAKK,0B","ignoreList":[]}
package/dist/beeq/p-17b341dd.entry.js ADDED
@@ -0,0 +1,6 @@
1
+ /*!
2
+ * Built by Endavans
3
+ * © https://beeq.design - Apache 2 License.
4
+ */
5
+ import{r as a,c as e,h as r,g as b}from"./p-76e714c6.js";import"./p-e5afdf8c.js";import{a as t}from"./p-d7a88b16.js";const n='::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{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);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;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}}: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.light,.light,:root,[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-200);--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}.beeq.dark,.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-800);--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}.endava,[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,[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-200);--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-800);--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}.bq-side-menu__item--label,.bq-side-menu__item--suffix,.scale-0,.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}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.block{display:block}.flex{display:flex}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-0,.transform{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))}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0{gap:0}.gap-x-s{column-gap:var(--bq-spacing-s)}.rounded-s{border-radius:var(--bq-radius--s)}.bg-\\[var\\(--bq-side-menu-item--bg-active\\)\\]{background-color:var(--bq-side-menu-item--bg-active)}.bg-\\[var\\(--bq-side-menu-item--bg-default\\)\\]{background-color:var(--bq-side-menu-item--bg-default)}.px-\\[var\\(--bq-side-menu-item--paddingX\\)\\]{padding-left:var(--bq-side-menu-item--paddingX);padding-right:var(--bq-side-menu-item--paddingX)}.py-\\[var\\(--bq-side-menu-item--paddingY\\)\\]{padding-bottom:var(--bq-side-menu-item--paddingY);padding-top:var(--bq-side-menu-item--paddingY)}.text-m{font-size:var(--bq-font-size--m)}.text-\\[color\\:var\\(--bq-side-menu-item--text-active\\)\\]{color:var(--bq-side-menu-item--text-active)}.text-\\[color\\:var\\(--bq-side-menu-item--text-default\\)\\]{color:var(--bq-side-menu-item--text-default)}.no-underline{text-decoration-line:none}.opacity-60{opacity:.6}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@-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-side-menu-item--bg-default:transparent;--bq-side-menu-item--bg-hover:color-mix(in srgb,var(--bq-ui--alt),var(--bq-hover) 20%);--bq-side-menu-item--bg-active:var(--bq-ui--brand-alt);--bq-side-menu-item--text-default:var(--bq-text--primary);--bq-side-menu-item--text-hover:var(--bq-text--primary);--bq-side-menu-item--text-active:var(--bq-text--brand);--bq-side-menu-item--paddingX:var(--bq-spacing-l);--bq-side-menu-item--paddingY:var(--bq-spacing-m);display:block}.bq-side-menu__item{align-items:center;background-color:var(--bq-side-menu-item--bg-default);border-radius:var(--bq-radius--s);color:var(--bq-side-menu-item--text-default);column-gap:var(--bq-spacing-s);display:flex;font-size:var(--bq-font-size--m);padding:var(--bq-side-menu-item--paddingY) var(--bq-side-menu-item--paddingX);text-decoration-line:none;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-side-menu__item:focus-visible:not(.disabled){outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-side-menu__item:hover:not(.disabled){cursor:pointer}.bq-side-menu__item:not(.disabled,.active):hover:hover{background-color:var(--bq-side-menu-item--bg-hover);color:var(--bq-side-menu-item--text-hover);font-size:var(--bq-font-size--m)}.bq-side-menu__item.active{background-color:var(--bq-side-menu-item--bg-active);color:var(--bq-side-menu-item--text-active);font-size:var(--bq-font-size--m)}.bq-side-menu__item.disabled{opacity:.6}.bq-side-menu__item.disabled:hover{cursor:not-allowed}.bq-side-menu__item.is-collapsed{gap:0;justify-content:center}.bq-side-menu__item.is-collapsed .bq-side-menu__item--label,.bq-side-menu__item.is-collapsed .bq-side-menu__item--suffix{clip:rect(0,0,0,0);--tw-scale-x:0;--tw-scale-y:0;border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;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));white-space:nowrap;width:1px}.bq-side-menu__item--label,.bq-side-menu__item--suffix{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[\\&\\:not\\(\\.disabled\\)\\]\\:focus-visible\\:focus:focus-visible:not(.disabled){outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.hover\\:cursor-not-allowed:hover{cursor:not-allowed}.hover\\:bg-\\[var\\(--bq-side-menu-item--bg-hover\\)\\]:hover{background-color:var(--bq-side-menu-item--bg-hover)}.hover\\:text-m:hover{font-size:var(--bq-font-size--m)}.hover\\:text-\\[color\\:var\\(--bq-side-menu-item--text-hover\\)\\]:hover{color:var(--bq-side-menu-item--text-hover)}.collapse{visibility:collapse}.static{position:static}.ml-auto{margin-left:auto}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.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}}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.hidden{display:none}';const i=n;const q=class{constructor(b){a(this,b);this.bqBlur=e(this,"bqBlur",7);this.bqFocus=e(this,"bqFocus",7);this.bqClick=e(this,"bqClick",7);this.handleSlotChange=()=>{if(!this.labelElem)return;this.textContent=t(this.labelElem.querySelector("slot"))};this.handleBlur=a=>{if(this.disabled){a.preventDefault();a.stopPropagation();return}this.bqBlur.emit(this.el)};this.handleFocus=a=>{if(this.disabled){a.preventDefault();a.stopPropagation();return}this.bqFocus.emit(this.el)};this.handleClick=a=>{if(this.disabled){a.preventDefault();a.stopPropagation();return}this.bqClick.emit(this.el)};this.menuItem=()=>r("a",{class:{"bq-side-menu__item":true,active:this.active,disabled:this.disabled,"is-collapsed":this.collapse},onBlur:this.handleBlur,onFocus:this.handleFocus,onClick:this.handleClick,"aria-disabled":this.disabled?"true":"false",role:"menuitem",tabindex:this.disabled?-1:0,slot:"trigger",part:"base"},r("div",{class:"bq-side-menu__item--prefix flex items-center",part:"prefix"},r("slot",{name:"prefix"})),r("div",{class:"bq-side-menu__item--label overflow-hidden text-ellipsis whitespace-nowrap",ref:a=>this.labelElem=a},r("slot",{onSlotchange:this.handleSlotChange})),r("div",{class:"bq-side-menu__item--suffix ml-auto flex items-center",part:"suffix"},r("slot",{name:"suffix"})));this.textContent=undefined;this.active=false;this.collapse=false;this.disabled=false}componentDidLoad(){this.handleSlotChange()}render(){return!this.collapse?this.menuItem():r("bq-tooltip",{class:"bq-side-menu__item--tooltip block",placement:"right",exportparts:"trigger, panel"},this.textContent,this.menuItem())}get el(){return b(this)}};q.style=i;export{q as bq_side_menu_item};
6
+ //# sourceMappingURL=p-17b341dd.entry.js.map
package/dist/beeq/{p-81f1c3ba.entry.js.map → p-17b341dd.entry.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"names":["bqSideMenuItemCss","BqSideMenuItemStyle0","BqSideMenuItem","this","handleSlotChange","labelElem","textContent","getTextContent","querySelector","handleBlur","ev","disabled","preventDefault","stopPropagation","bqBlur","emit","el","handleFocus","bqFocus","handleClick","bqClick","menuItem","h","class","active","collapse","onBlur","onFocus","onClick","role","tabindex","slot","part","name","ref","onSlotchange","componentDidLoad","render","placement","exportparts"],"sources":["../../packages/beeq/src/components/side-menu-item/scss/bq-side-menu-item.scss?tag=bq-side-menu-item&encapsulation=shadow","../../packages/beeq/src/components/side-menu-item/bq-side-menu-item.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/* Side menu item styles */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-side-menu-item.variables';\n\n:host {\n @apply block;\n}\n\n.bq-side-menu__item {\n @apply flex items-center gap-x-s rounded-s px-[var(--bq-side-menu-item--paddingX)] py-[var(--bq-side-menu-item--paddingY)] no-underline transition-colors duration-150;\n\n // Default state\n @apply bg-[var(--bq-side-menu-item--bg-default)] text-m text-[color:var(--bq-side-menu-item--text-default)];\n\n // Focus state\n @apply [&:not(.disabled)]:focus-visible:focus;\n\n // Hover state\n @apply [&:not(.disabled)]:hover:cursor-pointer;\n\n &:not(.disabled, .active):hover {\n @apply hover:bg-[var(--bq-side-menu-item--bg-hover)] hover:text-m hover:text-[color:var(--bq-side-menu-item--text-hover)];\n }\n}\n\n.bq-side-menu__item.active {\n // Active state\n @apply bg-[var(--bq-side-menu-item--bg-active)] text-m text-[color:var(--bq-side-menu-item--text-active)];\n}\n\n.bq-side-menu__item.disabled {\n @apply opacity-60 hover:cursor-not-allowed;\n}\n\n.bq-side-menu__item.is-collapsed {\n @apply justify-center gap-0;\n\n .bq-side-menu__item--label,\n .bq-side-menu__item--suffix {\n @apply sr-only scale-0;\n }\n}\n\n.bq-side-menu__item--label,\n.bq-side-menu__item--suffix {\n @apply transition-all duration-300 ease-in-out;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\n\nimport { getTextContent } from '../../shared/utils';\n\n/**\n * @part base - The component wrapper container inside the shadow DOM\n * @part label - The label slot\n * @part prefix - The prefix slot\n * @part suffix - The suffix slot\n * @part panel - The `<div>` container that holds the tooltip content (when the side menu is collapsed)\n * @part trigger - The `<div>` container that holds the element which displays tooltip on hover (when the side menu is collapsed)\n */\n@Component({\n tag: 'bq-side-menu-item',\n styleUrl: './scss/bq-side-menu-item.scss',\n shadow: true,\n})\nexport class BqSideMenuItem {\n // Own Properties\n // ====================\n\n private labelElem: HTMLElement;\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqSideMenuItemElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() textContent: string;\n\n // Public Property API\n // ========================\n\n /** If true, the menu item will be shown as active/selected. */\n @Prop() active: boolean = false;\n\n /** If true, the item label and suffix will be hidden and the with will be reduce according to its parent */\n @Prop() collapse: boolean = false;\n\n /** If true, the menu item will be disabled (no interaction allowed) */\n @Prop() disabled: boolean = false;\n\n // Prop lifecycle events\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<HTMLBqSideMenuItemElement>;\n\n /** Handler to be called when the button is clicked */\n @Event() bqFocus: EventEmitter<HTMLBqSideMenuItemElement>;\n\n /** Handler to be called when button gets focus */\n @Event() bqClick: EventEmitter<HTMLBqSideMenuItemElement>;\n\n // Component lifecycle events\n // Ordered by their natural call order\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 handleSlotChange = () => {\n if (!this.labelElem) return;\n this.textContent = getTextContent(this.labelElem.querySelector('slot'));\n };\n\n handleBlur = (ev: Event) => {\n if (this.disabled) {\n ev.preventDefault();\n ev.stopPropagation();\n return;\n }\n\n this.bqBlur.emit(this.el);\n };\n\n handleFocus = (ev: Event) => {\n if (this.disabled) {\n ev.preventDefault();\n ev.stopPropagation();\n return;\n }\n\n this.bqFocus.emit(this.el);\n };\n\n handleClick = (ev: Event) => {\n if (this.disabled) {\n ev.preventDefault();\n ev.stopPropagation();\n return;\n }\n\n this.bqClick.emit(this.el);\n };\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n private menuItem = () => (\n <a\n class={{\n 'bq-side-menu__item': true,\n active: this.active,\n disabled: this.disabled,\n 'is-collapsed': this.collapse,\n }}\n onBlur={this.handleBlur}\n onFocus={this.handleFocus}\n onClick={this.handleClick}\n aria-disabled={this.disabled ? 'true' : 'false'}\n role=\"menuitem\"\n tabindex={this.disabled ? -1 : 0}\n slot=\"trigger\"\n part=\"base\"\n >\n <div class=\"bq-side-menu__item--prefix flex items-center\" part=\"prefix\">\n <slot name=\"prefix\" />\n </div>\n <div\n class=\"bq-side-menu__item--label overflow-hidden text-ellipsis whitespace-nowrap\"\n ref={(labelElem) => (this.labelElem = labelElem)}\n >\n <slot onSlotchange={this.handleSlotChange} />\n </div>\n <div class=\"bq-side-menu__item--suffix ml-auto flex items-center\" part=\"suffix\">\n <slot name=\"suffix\" />\n </div>\n </a>\n );\n\n render() {\n return !this.collapse ? (\n this.menuItem()\n ) : (\n <bq-tooltip class=\"bq-side-menu__item--tooltip block\" placement=\"right\" exportparts=\"trigger, panel\">\n {this.textContent}\n {this.menuItem()}\n </bq-tooltip>\n );\n }\n}\n"],"mappings":";;;;;;;;;;AAAA,MAAMA,IAAoB;;AAC1B,MAAAC,IAAeD;;MCgBFE,IAAc;;;;;;;;;;;;;;;;;;QAoEjBC,KAAAC,mBAAmB;MACzB,KAAKD,KAAKE,WAAW;MACrBF,KAAKG,cAAcC,EAAeJ,KAAKE,UAAUG,cAAc;AAAQ;IAGzEL,KAAAM,aAAcC;MACZ,IAAIP,KAAKQ,UAAU;QACjBD,EAAGE;QACHF,EAAGG;QACH;;MAGFV,KAAKW,OAAOC,KAAKZ,KAAKa;AAAG;IAG3Bb,KAAAc,cAAeP;MACb,IAAIP,KAAKQ,UAAU;QACjBD,EAAGE;QACHF,EAAGG;QACH;;MAGFV,KAAKe,QAAQH,KAAKZ,KAAKa;AAAG;IAG5Bb,KAAAgB,cAAeT;MACb,IAAIP,KAAKQ,UAAU;QACjBD,EAAGE;QACHF,EAAGG;QACH;;MAGFV,KAAKiB,QAAQL,KAAKZ,KAAKa;AAAG;;;;QAOpBb,KAAAkB,WAAW,MACjBC,EAAA;MACEC,OAAO;QACL,sBAAsB;QACtBC,QAAQrB,KAAKqB;QACbb,UAAUR,KAAKQ;QACf,gBAAgBR,KAAKsB;;MAEvBC,QAAQvB,KAAKM;MACbkB,SAASxB,KAAKc;MACdW,SAASzB,KAAKgB;MAAW,iBACVhB,KAAKQ,WAAW,SAAS;MACxCkB,MAAK;MACLC,UAAU3B,KAAKQ,YAAY,IAAI;MAC/BoB,MAAK;MACLC,MAAK;OAELV,EAAA;MAAKC,OAAM;MAA+CS,MAAK;OAC7DV,EAAA;MAAMW,MAAK;SAEbX,EAAA;MACEC,OAAM;MACNW,KAAM7B,KAAeF,KAAKE,YAAYA;OAEtCiB,EAAA;MAAMa,cAAchC,KAAKC;SAE3BkB,EAAA;MAAKC,OAAM;MAAuDS,MAAK;OACrEV,EAAA;MAAMW,MAAK;;;kBAjHS;oBAGE;oBAGA;;;;;EAsB5B,gBAAAG;IACEjC,KAAKC;;EAyFP,MAAAiC;IACE,QAAQlC,KAAKsB,WACXtB,KAAKkB,aAELC,EAAA;MAAYC,OAAM;MAAoCe,WAAU;MAAQC,aAAY;OACjFpC,KAAKG,aACLH,KAAKkB","ignoreList":[]}
1
+ {"version":3,"names":["bqSideMenuItemCss","BqSideMenuItemStyle0","BqSideMenuItem","this","handleSlotChange","labelElem","textContent","getTextContent","querySelector","handleBlur","ev","disabled","preventDefault","stopPropagation","bqBlur","emit","el","handleFocus","bqFocus","handleClick","bqClick","menuItem","h","class","active","collapse","onBlur","onFocus","onClick","role","tabindex","slot","part","name","ref","onSlotchange","componentDidLoad","render","placement","exportparts"],"sources":["../../packages/beeq/src/components/side-menu-item/scss/bq-side-menu-item.scss?tag=bq-side-menu-item&encapsulation=shadow","../../packages/beeq/src/components/side-menu-item/bq-side-menu-item.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/* Side menu item styles */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-side-menu-item.variables';\n\n:host {\n @apply block;\n}\n\n.bq-side-menu__item {\n @apply flex items-center gap-x-s rounded-s px-[var(--bq-side-menu-item--paddingX)] py-[var(--bq-side-menu-item--paddingY)] no-underline transition-colors duration-150;\n\n // Default state\n @apply bg-[var(--bq-side-menu-item--bg-default)] text-m text-[color:var(--bq-side-menu-item--text-default)];\n\n // Focus state\n @apply [&:not(.disabled)]:focus-visible:focus;\n\n // Hover state\n @apply [&:not(.disabled)]:hover:cursor-pointer;\n\n &:not(.disabled, .active):hover {\n @apply hover:bg-[var(--bq-side-menu-item--bg-hover)] hover:text-m hover:text-[color:var(--bq-side-menu-item--text-hover)];\n }\n}\n\n.bq-side-menu__item.active {\n // Active state\n @apply bg-[var(--bq-side-menu-item--bg-active)] text-m text-[color:var(--bq-side-menu-item--text-active)];\n}\n\n.bq-side-menu__item.disabled {\n @apply opacity-60 hover:cursor-not-allowed;\n}\n\n.bq-side-menu__item.is-collapsed {\n @apply justify-center gap-0;\n\n .bq-side-menu__item--label,\n .bq-side-menu__item--suffix {\n @apply sr-only scale-0;\n }\n}\n\n.bq-side-menu__item--label,\n.bq-side-menu__item--suffix {\n @apply transition-all duration-300 ease-in-out;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\n\nimport { getTextContent } from '../../shared/utils';\n\n/**\n * @part base - The component wrapper container inside the shadow DOM\n * @part label - The label slot\n * @part prefix - The prefix slot\n * @part suffix - The suffix slot\n * @part panel - The `<div>` container that holds the tooltip content (when the side menu is collapsed)\n * @part trigger - The `<div>` container that holds the element which displays tooltip on hover (when the side menu is collapsed)\n */\n@Component({\n tag: 'bq-side-menu-item',\n styleUrl: './scss/bq-side-menu-item.scss',\n shadow: true,\n})\nexport class BqSideMenuItem {\n // Own Properties\n // ====================\n\n private labelElem: HTMLElement;\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqSideMenuItemElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() textContent: string;\n\n // Public Property API\n // ========================\n\n /** If true, the menu item will be shown as active/selected. */\n @Prop() active: boolean = false;\n\n /** If true, the item label and suffix will be hidden and the with will be reduce according to its parent */\n @Prop() collapse: boolean = false;\n\n /** If true, the menu item will be disabled (no interaction allowed) */\n @Prop() disabled: boolean = false;\n\n // Prop lifecycle events\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<HTMLBqSideMenuItemElement>;\n\n /** Handler to be called when the button is clicked */\n @Event() bqFocus: EventEmitter<HTMLBqSideMenuItemElement>;\n\n /** Handler to be called when button gets focus */\n @Event() bqClick: EventEmitter<HTMLBqSideMenuItemElement>;\n\n // Component lifecycle events\n // Ordered by their natural call order\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 handleSlotChange = () => {\n if (!this.labelElem) return;\n this.textContent = getTextContent(this.labelElem.querySelector('slot'));\n };\n\n handleBlur = (ev: Event) => {\n if (this.disabled) {\n ev.preventDefault();\n ev.stopPropagation();\n return;\n }\n\n this.bqBlur.emit(this.el);\n };\n\n handleFocus = (ev: Event) => {\n if (this.disabled) {\n ev.preventDefault();\n ev.stopPropagation();\n return;\n }\n\n this.bqFocus.emit(this.el);\n };\n\n handleClick = (ev: Event) => {\n if (this.disabled) {\n ev.preventDefault();\n ev.stopPropagation();\n return;\n }\n\n this.bqClick.emit(this.el);\n };\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n private menuItem = () => (\n <a\n class={{\n 'bq-side-menu__item': true,\n active: this.active,\n disabled: this.disabled,\n 'is-collapsed': this.collapse,\n }}\n onBlur={this.handleBlur}\n onFocus={this.handleFocus}\n onClick={this.handleClick}\n aria-disabled={this.disabled ? 'true' : 'false'}\n role=\"menuitem\"\n tabindex={this.disabled ? -1 : 0}\n slot=\"trigger\"\n part=\"base\"\n >\n <div class=\"bq-side-menu__item--prefix flex items-center\" part=\"prefix\">\n <slot name=\"prefix\" />\n </div>\n <div\n class=\"bq-side-menu__item--label overflow-hidden text-ellipsis whitespace-nowrap\"\n ref={(labelElem) => (this.labelElem = labelElem)}\n >\n <slot onSlotchange={this.handleSlotChange} />\n </div>\n <div class=\"bq-side-menu__item--suffix ml-auto flex items-center\" part=\"suffix\">\n <slot name=\"suffix\" />\n </div>\n </a>\n );\n\n render() {\n return !this.collapse ? (\n this.menuItem()\n ) : (\n <bq-tooltip class=\"bq-side-menu__item--tooltip block\" placement=\"right\" exportparts=\"trigger, panel\">\n {this.textContent}\n {this.menuItem()}\n </bq-tooltip>\n );\n }\n}\n"],"mappings":";;;;qHAAA,MAAMA,EAAoB,osvBAC1B,MAAAC,EAAeD,E,MCgBFE,EAAc,M,0HAoEjBC,KAAAC,iBAAmB,KACzB,IAAKD,KAAKE,UAAW,OACrBF,KAAKG,YAAcC,EAAeJ,KAAKE,UAAUG,cAAc,QAAQ,EAGzEL,KAAAM,WAAcC,IACZ,GAAIP,KAAKQ,SAAU,CACjBD,EAAGE,iBACHF,EAAGG,kBACH,M,CAGFV,KAAKW,OAAOC,KAAKZ,KAAKa,GAAG,EAG3Bb,KAAAc,YAAeP,IACb,GAAIP,KAAKQ,SAAU,CACjBD,EAAGE,iBACHF,EAAGG,kBACH,M,CAGFV,KAAKe,QAAQH,KAAKZ,KAAKa,GAAG,EAG5Bb,KAAAgB,YAAeT,IACb,GAAIP,KAAKQ,SAAU,CACjBD,EAAGE,iBACHF,EAAGG,kBACH,M,CAGFV,KAAKiB,QAAQL,KAAKZ,KAAKa,GAAG,EAOpBb,KAAAkB,SAAW,IACjBC,EAAA,KACEC,MAAO,CACL,qBAAsB,KACtBC,OAAQrB,KAAKqB,OACbb,SAAUR,KAAKQ,SACf,eAAgBR,KAAKsB,UAEvBC,OAAQvB,KAAKM,WACbkB,QAASxB,KAAKc,YACdW,QAASzB,KAAKgB,YAAW,gBACVhB,KAAKQ,SAAW,OAAS,QACxCkB,KAAK,WACLC,SAAU3B,KAAKQ,UAAY,EAAI,EAC/BoB,KAAK,UACLC,KAAK,QAELV,EAAA,OAAKC,MAAM,+CAA+CS,KAAK,UAC7DV,EAAA,QAAMW,KAAK,YAEbX,EAAA,OACEC,MAAM,4EACNW,IAAM7B,GAAeF,KAAKE,UAAYA,GAEtCiB,EAAA,QAAMa,aAAchC,KAAKC,oBAE3BkB,EAAA,OAAKC,MAAM,uDAAuDS,KAAK,UACrEV,EAAA,QAAMW,KAAK,a,uCAjHS,M,cAGE,M,cAGA,K,CAsB5B,gBAAAG,GACEjC,KAAKC,kB,CAyFP,MAAAiC,GACE,OAAQlC,KAAKsB,SACXtB,KAAKkB,WAELC,EAAA,cAAYC,MAAM,oCAAoCe,UAAU,QAAQC,YAAY,kBACjFpC,KAAKG,YACLH,KAAKkB,W","ignoreList":[]}
package/dist/beeq/p-1c8b6eb4.js CHANGED
@@ -2,16 +2,5 @@
2
2
  * Built by Endavans
3
3
  * © https://beeq.design - Apache 2 License.
4
4
  */
5
- /**
6
- * Check if the event target is a child of the host element
7
- * @param event - The event to check
8
- * @param hostElement - The host element to check against
9
- * @returns True if the event target is a child of the host element
10
- */
11
- const isEventTargetChildOfElement = (t, n) => {
12
- const o = t.composedPath();
13
- return o.includes(n);
14
- };
15
-
16
- export { isEventTargetChildOfElement as i };
5
+ const t=(t,n)=>{const o=t.composedPath();return o.includes(n)};export{t as i};
17
6
  //# sourceMappingURL=p-1c8b6eb4.js.map
package/dist/beeq/p-1c8b6eb4.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["isEventTargetChildOfElement","event","hostElement","path","composedPath","includes"],"sources":["../../packages/beeq/src/shared/utils/event.ts"],"sourcesContent":["/**\n * Check if the event target is a child of the host element\n * @param event - The event to check\n * @param hostElement - The host element to check against\n * @returns True if the event target is a child of the host element\n */\nexport const isEventTargetChildOfElement = (event: Event, hostElement: HTMLElement): boolean => {\n const path = event.composedPath();\n\n return path.includes(hostElement);\n};\n"],"mappings":";;;;;;;;;;MAMaA,8BAA8B,CAACC,GAAcC;EACxD,MAAMC,IAAOF,EAAMG;EAEnB,OAAOD,EAAKE,SAASH;AAAY","ignoreList":[]}
1
+ {"version":3,"names":["isEventTargetChildOfElement","event","hostElement","path","composedPath","includes"],"sources":["../../packages/beeq/src/shared/utils/event.ts"],"sourcesContent":["/**\n * Check if the event target is a child of the host element\n * @param event - The event to check\n * @param hostElement - The host element to check against\n * @returns True if the event target is a child of the host element\n */\nexport const isEventTargetChildOfElement = (event: Event, hostElement: HTMLElement): boolean => {\n const path = event.composedPath();\n\n return path.includes(hostElement);\n};\n"],"mappings":";;;;MAMaA,EAA8B,CAACC,EAAcC,KACxD,MAAMC,EAAOF,EAAMG,eAEnB,OAAOD,EAAKE,SAASH,EAAY,S","ignoreList":[]}
package/dist/beeq/p-1d81f9e5.entry.js ADDED
@@ -0,0 +1,6 @@
1
+ /*!
2
+ * Built by Endavans
3
+ * © https://beeq.design - Apache 2 License.
4
+ */
5
+ import{r as a,c as r,h as e,g as b}from"./p-76e714c6.js";import"./p-e5afdf8c.js";import{i as t}from"./p-57621be1.js";import{v as n}from"./p-687da041.js";import{S as q}from"./p-a8cad5ab.js";const i=["default","current","completed","error","disabled"];const o='::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{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);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;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}}: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.light,.light,:root,[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-200);--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}.beeq.dark,.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-800);--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}.endava,[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,[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-200);--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-800);--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}.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))}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.bg-\\[--bq-step-item--prefix-num-bg-color\\]{background-color:var(--bq-step-item--prefix-num-bg-color)}.bg-\\[var\\(--bq-step-item--prefix-color-current\\)\\]{background-color:var(--bq-step-item--prefix-color-current)}.bg-bg-primary{background-color:var(--bq-background--primary)}.bg-ui-danger-alt{background-color:var(--bq-ui--danger-alt)}.bg-ui-success-alt{background-color:var(--bq-ui--success-alt)}.text-m{font-size:var(--bq-font-size--m)}.text-s{font-size:var(--bq-font-size--s)}.font-semibold{font-weight:var(--bq-font-weight--semibold)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.text-\\[--bq-text--alt\\]{color:var(--bq-text--alt)}.text-text-danger{color:var(--bq-text--danger)}.text-text-success{color:var(--bq-text--success)}.opacity-60{opacity:.6}.bs-\\[--bq-step-item--prefix-num-size\\]{block-size:var(--bq-step-item--prefix-num-size)}.is-\\[--bq-step-item--prefix-num-size\\]{inline-size:var(--bq-step-item--prefix-num-size)}.\\[--bq-step-item--prefix-num-size\\:--bq-spacing-l\\]{--bq-step-item--prefix-num-size:var(--bq-spacing-l)}@-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-step-item--prefix-color:var(--bq-icon--secondary);--bq-step-item--prefix-color-current:var(--bq-icon--brand);--bq-step-item--prefix-color-completed:var(--bq-icon--success);--bq-step-item--prefix-color-error:var(--bq-icon--danger);--bq-step-item--prefix-num-size:var(--bq-spacing-xl);--bq-step-item--prefix-num-bg-color:var(--bq-ui--secondary);--bq-icon--color:var(--bq-icon--primary);background-color:var(--bq-background--primary)}.bq-step-item__prefix.dot ::slotted(bq-icon),.bq-step-item__prefix.icon ::slotted(bq-icon){--bq-icon--color:var(--bq-step-item--prefix-color)}.bq-step-item__prefix.dot.current ::slotted(bq-icon),.bq-step-item__prefix.icon.current ::slotted(bq-icon){--bq-icon--color:var(--bq-step-item--prefix-color-current)}.bq-step-item__prefix.dot.completed ::slotted(bq-icon),.bq-step-item__prefix.icon.completed ::slotted(bq-icon){--bq-icon--color:var(--bq-step-item--prefix-color-completed)}.bq-step-item__prefix.dot.error ::slotted(bq-icon),.bq-step-item__prefix.icon.error ::slotted(bq-icon){--bq-icon--color:var(--bq-step-item--prefix-color-error)}.bq-step-item__prefix.dot.disabled ::slotted(bq-icon),.bq-step-item__prefix.icon.disabled ::slotted(bq-icon){opacity:.6}.bq-step-item__prefix.numeric{align-items:center;background-color:var(--bq-step-item--prefix-num-bg-color);block-size:var(--bq-step-item--prefix-num-size);border-radius:var(--bq-radius--full);display:flex;font-size:var(--bq-font-size--m);font-weight:var(--bq-font-weight--semibold);inline-size:var(--bq-step-item--prefix-num-size);justify-content:center;line-height:var(--bq-font-line-height--regular)}.bq-step-item__prefix.numeric.small{--bq-step-item--prefix-num-size:var(--bq-spacing-l);font-size:var(--bq-font-size--s)}.bq-step-item__prefix.numeric.current{background-color:var(--bq-step-item--prefix-color-current);color:var(--bq-text--alt)}.bq-step-item__prefix.numeric.completed{background-color:var(--bq-ui--success-alt);color:var(--bq-text--success)}.bq-step-item__prefix.numeric.error{background-color:var(--bq-ui--danger-alt);color:var(--bq-text--danger)}.bq-step-item__prefix.numeric.disabled{opacity:.6}.bq-step-item__content--description::slotted(*){font-size:var(--bq-font-size--s);line-height:var(--bq-font-line-height--regular);opacity:.6}.pointer-events-none{pointer-events:none}.static{position:static}.relative{position:relative}.gap-s{gap:var(--bq-spacing-s)}.pe-xs3{padding-inline-end:var(--bq-spacing-xs3)}.text-text-brand{color:var(--bq-text--brand)}.text-text-primary{color:var(--bq-text--primary)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.absolute{position:absolute}.-z-10{z-index:-10}.w-full{width:100%}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.p-bs-m{padding-block-start:var(--bq-spacing-m)}.p-bs-s{padding-block-start:var(--bq-spacing-s)}.p-i-s{padding-inline:var(--bq-spacing-s)}.inset-ie-0{inset-inline-end:0}.inset-is-0{inset-inline-start:0}.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}}';const s=o;const d=class{constructor(e){a(this,e);this.bqClick=r(this,"bqClick",7);this.handleIconPrefix=()=>{const a=this.el.querySelector('[slot="prefix"]');if(!a||!t(a,"bq-icon"))return;a.size=this.size==="small"?24:32;a.weight=this.isCurrent?"fill":"regular"};this.size="medium";this.status="default";this.type=undefined}checkPropValues(){n(q,"medium",this.el,"size");n(i,"default",this.el,"status");this.handleIconPrefix()}connectedCallback(){this.checkPropValues()}componentWillLoad(){this.checkPropValues()}componentDidLoad(){this.handleIconPrefix()}get isDisabled(){return this.status==="disabled"}get isCurrent(){return this.status==="current"}render(){return e("div",{key:"0b83690a453edf783ee752888c0557ef8619c04f",class:{"bq-step-item flex gap-s":true,[`bq-step-item--${this.status}`]:true,"pointer-events-none opacity-60":this.isDisabled},part:"base"},e("div",{key:"c20c2a316726878841679080075f38b7c840662d",class:`bq-step-item__prefix relative ${this.type} ${this.size} ${this.status}`},e("slot",{key:"d1964706f6b54b97f5d0ee553e502e7cc58fd08a",name:"prefix",onSlotchange:this.handleIconPrefix})),e("div",{key:"81e1d2d5465b7b2f6d5db1a138e70e895c40139a",class:"bq-step-item__content"},e("div",{key:"7ffa64231663a996a38149ca5541fd6d0191f148",class:{"bq-step-item__content--title pe-xs3 text-m leading-regular text-text-primary":true,"pointer-events-none":this.isDisabled,"text-text-brand":this.isCurrent},part:"title"},e("slot",{key:"639d52f6b077b60e6bd7ca6b79d521fc4fd68b1f"})),e("div",{key:"713cfc1e9902f57ffa146a3a87d047e69d221886",class:{"bq-step-item__content--description text-s leading-regular opacity-60":true,"opacity-60":this.isDisabled},part:"description"},e("slot",{key:"fcfb92f7e6ca65a1c150b2132ddf126428e3a3b1",name:"description"}))))}get el(){return b(this)}static get watchers(){return{size:["checkPropValues"],status:["checkPropValues"]}}};d.style=s;export{d as bq_step_item};
6
+ //# sourceMappingURL=p-1d81f9e5.entry.js.map
package/dist/beeq/p-1d81f9e5.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["STEP_ITEM_STATUS","bqStepItemCss","BqStepItemStyle0","BqStepItem","this","handleIconPrefix","iconElem","el","querySelector","isHTMLElement","size","weight","isCurrent","checkPropValues","validatePropValue","STEPS_SIZE","connectedCallback","componentWillLoad","componentDidLoad","isDisabled","status","render","h","key","class","part","type","name","onSlotchange"],"sources":["../../packages/beeq/src/components/step-item/bq-step-item.types.ts","../../packages/beeq/src/components/step-item/scss/bq-step-item.scss?tag=bq-step-item&encapsulation=shadow","../../packages/beeq/src/components/step-item/bq-step-item.tsx"],"sourcesContent":["export const STEP_ITEM_STATUS = ['default', 'current', 'completed', 'error', 'disabled'] as const;\nexport type TStepItemStatus = (typeof STEP_ITEM_STATUS)[number];\n","/* -------------------------------------------------------------------------- */\n/* Step item styles */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-step-item.variables';\n\n:host {\n --bq-icon--color: theme(colors.icon.primary);\n\n @apply bg-bg-primary;\n}\n\n.bq-step-item__prefix.dot,\n.bq-step-item__prefix.icon {\n ::slotted(bq-icon) {\n --bq-icon--color: var(--bq-step-item--prefix-color);\n }\n\n &.current {\n ::slotted(bq-icon) {\n --bq-icon--color: var(--bq-step-item--prefix-color-current);\n }\n }\n\n &.completed {\n ::slotted(bq-icon) {\n --bq-icon--color: var(--bq-step-item--prefix-color-completed);\n }\n }\n\n &.error {\n ::slotted(bq-icon) {\n --bq-icon--color: var(--bq-step-item--prefix-color-error);\n }\n }\n\n &.disabled {\n ::slotted(bq-icon) {\n opacity: 0.6;\n }\n }\n}\n\n.bq-step-item__prefix.numeric {\n @apply flex items-center justify-center rounded-full;\n @apply bg-[--bq-step-item--prefix-num-bg-color] bs-[--bq-step-item--prefix-num-size] is-[--bq-step-item--prefix-num-size];\n @apply text-m font-semibold leading-regular;\n\n &.small {\n @apply text-s [--bq-step-item--prefix-num-size:--bq-spacing-l];\n }\n\n // Status\n\n &.current {\n @apply bg-[var(--bq-step-item--prefix-color-current)] text-[--bq-text--alt];\n }\n\n &.completed {\n @apply bg-ui-success-alt text-text-success;\n }\n\n &.error {\n @apply bg-ui-danger-alt text-text-danger;\n }\n\n &.disabled {\n @apply opacity-60;\n }\n}\n\n.bq-step-item__content--description::slotted(*) {\n @apply text-s leading-regular opacity-60;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, Watch } from '@stencil/core';\n\nimport { STEP_ITEM_STATUS, TStepItemStatus } from './bq-step-item.types';\nimport { isHTMLElement, validatePropValue } from '../../shared/utils';\nimport { STEPS_SIZE, TStepsSize, TStepsType } from '../steps/bq-steps.types';\n\n/**\n * @part base - The component's base wrapper.\n * @part title - The component's title.\n * @part description - The component's description.\n */\n@Component({\n tag: 'bq-step-item',\n styleUrl: './scss/bq-step-item.scss',\n shadow: true,\n})\nexport class BqStepItem {\n // Own Properties\n // ====================\n\n // Reference to host HTML element\n // ===================================\n @Element() el!: HTMLBqStepItemElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n // Public Property API\n // ========================\n\n /** It defines prefix size */\n @Prop({ reflect: true }) size?: TStepsSize = 'medium';\n\n /** It defines step item appearance based on its status */\n @Prop({ reflect: true }) status?: TStepItemStatus = 'default';\n\n /** It defines the step item type used */\n @Prop({ reflect: true }) type?: TStepsType;\n\n // Prop lifecycle events\n // =======================\n\n @Watch('size')\n @Watch('status')\n checkPropValues() {\n validatePropValue(STEPS_SIZE, 'medium', this.el, 'size');\n validatePropValue(STEP_ITEM_STATUS, 'default', this.el, 'status');\n\n this.handleIconPrefix();\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n /** Callback handler emitted when the step item is clicked */\n @Event() bqClick: EventEmitter<{ target: HTMLBqStepItemElement; value: string }>;\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n connectedCallback() {\n this.checkPropValues();\n }\n\n componentWillLoad() {\n this.checkPropValues();\n }\n\n componentDidLoad() {\n this.handleIconPrefix();\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 get isDisabled(): boolean {\n return this.status === 'disabled';\n }\n\n private get isCurrent(): boolean {\n return this.status === 'current';\n }\n\n private handleIconPrefix = () => {\n const iconElem = this.el.querySelector('[slot=\"prefix\"]');\n if (!iconElem || !isHTMLElement(iconElem, 'bq-icon')) return;\n\n iconElem.size = this.size === 'small' ? 24 : 32;\n iconElem.weight = this.isCurrent ? 'fill' : 'regular';\n };\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n return (\n <div\n class={{\n 'bq-step-item flex gap-s': true,\n [`bq-step-item--${this.status}`]: true,\n 'pointer-events-none opacity-60': this.isDisabled,\n }}\n part=\"base\"\n >\n <div class={`bq-step-item__prefix relative ${this.type} ${this.size} ${this.status}`}>\n <slot name=\"prefix\" onSlotchange={this.handleIconPrefix} />\n </div>\n <div class=\"bq-step-item__content\">\n {/* TITLE */}\n <div\n class={{\n 'bq-step-item__content--title pe-xs3 text-m leading-regular text-text-primary': true,\n 'pointer-events-none': this.isDisabled,\n 'text-text-brand': this.isCurrent,\n }}\n part=\"title\"\n >\n <slot />\n </div>\n {/* DESCRIPTION */}\n <div\n class={{\n 'bq-step-item__content--description text-s leading-regular opacity-60': true,\n 'opacity-60': this.isDisabled,\n }}\n part=\"description\"\n >\n <slot name=\"description\" />\n </div>\n </div>\n </div>\n );\n }\n}\n"],"mappings":";;;;6LAAO,MAAMA,EAAmB,CAAC,UAAW,UAAW,YAAa,QAAS,YCA7E,MAAMC,EAAgB,2iuBACtB,MAAAC,EAAeD,E,MCeFE,EAAU,M,0DAkFbC,KAAAC,iBAAmB,KACzB,MAAMC,EAAWF,KAAKG,GAAGC,cAAc,mBACvC,IAAKF,IAAaG,EAAcH,EAAU,WAAY,OAEtDA,EAASI,KAAON,KAAKM,OAAS,QAAU,GAAK,GAC7CJ,EAASK,OAASP,KAAKQ,UAAY,OAAS,SAAS,E,UAvEV,S,YAGO,U,oBAUpD,eAAAC,GACEC,EAAkBC,EAAY,SAAUX,KAAKG,GAAI,QACjDO,EAAkBd,EAAkB,UAAWI,KAAKG,GAAI,UAExDH,KAAKC,kB,CAcP,iBAAAW,GACEZ,KAAKS,iB,CAGP,iBAAAI,GACEb,KAAKS,iB,CAGP,gBAAAK,GACEd,KAAKC,kB,CAkBP,cAAYc,GACV,OAAOf,KAAKgB,SAAW,U,CAGzB,aAAYR,GACV,OAAOR,KAAKgB,SAAW,S,CAezB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,0BAA2B,KAC3B,CAAC,iBAAiBpB,KAAKgB,UAAW,KAClC,iCAAkChB,KAAKe,YAEzCM,KAAK,QAELH,EAAA,OAAAC,IAAA,2CAAKC,MAAO,iCAAiCpB,KAAKsB,QAAQtB,KAAKM,QAAQN,KAAKgB,UAC1EE,EAAA,QAAAC,IAAA,2CAAMI,KAAK,SAASC,aAAcxB,KAAKC,oBAEzCiB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yBAETF,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,+EAAgF,KAChF,sBAAuBpB,KAAKe,WAC5B,kBAAmBf,KAAKQ,WAE1Ba,KAAK,SAELH,EAAA,QAAAC,IAAA,8CAGFD,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,uEAAwE,KACxE,aAAcpB,KAAKe,YAErBM,KAAK,eAELH,EAAA,QAAAC,IAAA,2CAAMI,KAAK,kB","ignoreList":[]}
package/dist/beeq/p-1f3a4359.js CHANGED
@@ -2,15 +2,5 @@
2
2
  * Built by Endavans
3
3
  * © https://beeq.design - Apache 2 License.
4
4
  */
5
- /**
6
- * Restricts value to a specified interval [min, max]
7
- *
8
- * @param value - value
9
- * @param min - lower end of the interval
10
- * @param max - upper end of the interval
11
- * @returns - value in interval [min, max]
12
- */
13
- const clamp = (t, a = Number.MIN_SAFE_INTEGER, e = Number.MAX_SAFE_INTEGER) => Math.min(Math.max(a, t), e);
14
-
15
- export { clamp as c };
5
+ const t=(t,a=Number.MIN_SAFE_INTEGER,e=Number.MAX_SAFE_INTEGER)=>Math.min(Math.max(a,t),e);export{t as c};
16
6
  //# sourceMappingURL=p-1f3a4359.js.map
package/dist/beeq/p-1f3a4359.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["clamp","value","min","Number","MIN_SAFE_INTEGER","max","MAX_SAFE_INTEGER","Math"],"sources":["../../packages/beeq/src/shared/utils/clamp.ts"],"sourcesContent":["/**\n * Restricts value to a specified interval [min, max]\n *\n * @param value - value\n * @param min - lower end of the interval\n * @param max - upper end of the interval\n * @returns - value in interval [min, max]\n */\nexport const clamp = (value: number, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) => {\n return Math.min(Math.max(min, value), max);\n};\n"],"mappings":";;;;;;;;;;;;MAQaA,QAAQ,CAACC,GAAeC,IAAMC,OAAOC,kBAAkBC,IAAMF,OAAOG,qBACxEC,KAAKL,IAAIK,KAAKF,IAAIH,GAAKD,IAAQI","ignoreList":[]}
1
+ {"version":3,"names":["clamp","value","min","Number","MIN_SAFE_INTEGER","max","MAX_SAFE_INTEGER","Math"],"sources":["../../packages/beeq/src/shared/utils/clamp.ts"],"sourcesContent":["/**\n * Restricts value to a specified interval [min, max]\n *\n * @param value - value\n * @param min - lower end of the interval\n * @param max - upper end of the interval\n * @returns - value in interval [min, max]\n */\nexport const clamp = (value: number, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) => {\n return Math.min(Math.max(min, value), max);\n};\n"],"mappings":";;;;MAQaA,EAAQ,CAACC,EAAeC,EAAMC,OAAOC,iBAAkBC,EAAMF,OAAOG,mBACxEC,KAAKL,IAAIK,KAAKF,IAAIH,EAAKD,GAAQI,U","ignoreList":[]}
package/dist/beeq/p-2714ce21.entry.js ADDED
@@ -0,0 +1,6 @@
1
+ /*!
2
+ * Built by Endavans
3
+ * © https://beeq.design - Apache 2 License.
4
+ */
5
+ import{r as a,h as r,g as b}from"./p-76e714c6.js";import{F as e}from"./p-38d4bd8a.js";const t='::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{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);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;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}}: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.light,.light,:root,[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-200);--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}.beeq.dark,.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-800);--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}.endava,[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,[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-200);--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-800);--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}.bq-tooltip--arrow:before,.rotate-45,.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}.bq-tooltip--panel,.shadow-\\[shadow\\:--bq-tooltip--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}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.start-0{inset-inline-start:0}.-z-\\[1\\]{z-index:-1}.z-\\[--bq-tooltip--z-index\\]{z-index:var(--bq-tooltip--z-index)}.box-border{box-sizing:border-box}.rotate-45{--tw-rotate:45deg}.rotate-45,.transform{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))}.rounded-\\[--bq-tooltip--border-radius\\]{border-radius:var(--bq-tooltip--border-radius)}.border-\\[length\\:--bq-tooltip--border-width\\]{border-width:var(--bq-tooltip--border-width)}.border-\\[color\\:--bq-tooltip--border-color\\]{border-color:var(--bq-tooltip--border-color)}.bg-\\[--bq-tooltip--background-color\\]{background-color:var(--bq-tooltip--background-color)}.text-\\[length\\:--bq-tooltip--font-size\\]{font-size:var(--bq-tooltip--font-size)}.leading-\\[--bq-tooltip--line-height\\]{line-height:var(--bq-tooltip--line-height)}.text-\\[color\\:--bq-tooltip--text-color\\]{color:var(--bq-tooltip--text-color)}.shadow-\\[shadow\\:--bq-tooltip--box-shadow\\]{--tw-shadow:var(--bq-tooltip--box-shadow);--tw-shadow-colored:var(--bq-tooltip--box-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.content-empty{--tw-content:"";content:var(--tw-content)}.bs-2{block-size:.5rem}.is-2{inline-size:.5rem}.is-\\[--bq-tooltip--width\\]{inline-size:var(--bq-tooltip--width)}.max-is-\\[--bq-tooltip--max-width\\]{max-inline-size:var(--bq-tooltip--max-width)}.p-b-\\[--bq-tooltip--paddingY\\]{padding-block:var(--bq-tooltip--paddingY)}.p-i-\\[--bq-tooltip--paddingX\\]{padding-inline:var(--bq-tooltip--paddingX)}.inset-bs-0{inset-block-start:0}@-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-tooltip--background-color:var(--bq-ui--inverse);--bq-tooltip--box-shadow:var(--bq-box-shadow--m);--bq-tooltip--font-size:var(--bq-font-size--m);--bq-tooltip--line-height:var(--bq-font-line-height--regular);--bq-tooltip--text-color:var(--bq-text--inverse);--bq-tooltip--paddingX:var(--bq-spacing-xs);--bq-tooltip--paddingY:var(--bq-spacing-xs2);--bq-tooltip--border-color:transparent;--bq-tooltip--border-radius:var(--bq-radius--s);--bq-tooltip--border-style:none;--bq-tooltip--border-width:unset;--bq-tooltip--max-width:320px;--bq-tooltip--width:max-content;--bq-tooltip--z-index:10}.bq-tooltip--panel{--tw-shadow:var(--bq-tooltip--box-shadow);--tw-shadow-colored:var(--bq-tooltip--box-shadow);-webkit-animation:fade-in .3s ease 0s;animation:fade-in .3s ease 0s;background-color:var(--bq-tooltip--background-color);border-color:var(--bq-tooltip--border-color);border-radius:var(--bq-tooltip--border-radius);border-width:var(--bq-tooltip--border-width);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-sizing:border-box;color:var(--bq-tooltip--text-color);font-size:var(--bq-tooltip--font-size);inline-size:var(--bq-tooltip--width);line-height:var(--bq-tooltip--line-height);max-inline-size:var(--bq-tooltip--max-width);padding-block:var(--bq-tooltip--paddingY);padding-inline:var(--bq-tooltip--paddingX);pointer-events:none;position:fixed;z-index:var(--bq-tooltip--z-index)}.bq-tooltip--arrow,.bq-tooltip--arrow:before{block-size:.5rem;inline-size:.5rem;position:absolute;z-index:-1}.bq-tooltip--arrow:before{--tw-rotate:45deg;--tw-content:"";background-color:var(--bq-tooltip--background-color);content:var(--tw-content);inset-block-start:0;inset-inline-start:0;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))}.visible{visibility:visible}.static{position:static}.relative{position:relative}.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}}';const n=t;const q=class{constructor(r){a(this,r);this.handleTriggerMouseOver=()=>{(async()=>{if(this.displayOn!=="hover")return;await this.show()})()};this.handleTriggerMouseLeave=()=>{(async()=>{if(this.displayOn!=="hover")return;await this.hide()})()};this.handleTriggerOnClick=()=>{(async()=>{if(this.displayOn!=="click")return;await(this.visible?this.hide():this.show())})()};this.showTooltip=()=>{var a;if(!this.panel)return;(a=this.floatingUI)===null||a===void 0?void 0:a.update()};this.hideTooltip=()=>{if(!this.panel)return;this.visible=false};this.alwaysVisible=false;this.distance=10;this.hideArrow=false;this.placement="top";this.sameWidth=false;this.displayOn="hover";this.visible=false}async handleVisibleChange(){if(!this.visible&&!this.alwaysVisible){return await this.hide()}await this.show()}handleFloatingUIOptionsChange(){this.floatingUI.init({placement:this.placement,distance:this.distance,sameWidth:this.sameWidth,strategy:"fixed"})}componentDidLoad(){this.floatingUI=new e(this.trigger,this.panel,{...!this.hideArrow&&{arrow:this.arrow},placement:this.placement,distance:this.distance,sameWidth:this.sameWidth,strategy:"fixed",skidding:0})}disconnectedCallback(){var a;(a=this.floatingUI)===null||a===void 0?void 0:a.destroy()}async handleDocumentMouseDown(a){const r=a.composedPath();if(!r.includes(this.el)){await this.hide()}}async show(){this.visible=true;this.showTooltip()}async hide(){if(this.alwaysVisible)return;this.visible=false;this.hideTooltip()}get isHidden(){return!this.visible&&!this.alwaysVisible}render(){return r("div",{key:"b9f1d0b47c14cea37fd823edea60bcf87c9b8a2a",class:"bq-tooltip relative",part:"base"},r("div",{key:"136cf04413fa8bc1a77543290953796e6365d574",class:"bq-tooltip--trigger",onMouseOver:this.handleTriggerMouseOver,onMouseLeave:this.handleTriggerMouseLeave,onClick:this.handleTriggerOnClick,ref:a=>this.trigger=a,part:"trigger"},r("slot",{key:"088839bde1b1925d9d7bab04173f700a477993f7",name:"trigger"})),r("div",{key:"64c86c77546a216943b0515b58cccd04c66c8e4b",class:"bq-tooltip--panel","aria-hidden":this.isHidden,hidden:this.isHidden,role:"tooltip",ref:a=>this.panel=a,part:"panel"},!this.hideArrow&&r("div",{key:"a160c45c29b02456be1813081ae5f8a2c1e3a5af",class:"bq-tooltip--arrow",ref:a=>this.arrow=a}),r("slot",{key:"c482f6332e7ae04d098a9a7b829a4664f4be8866"})))}get el(){return b(this)}static get watchers(){return{visible:["handleVisibleChange"],distance:["handleFloatingUIOptionsChange"],hideArrow:["handleFloatingUIOptionsChange"],placement:["handleFloatingUIOptionsChange"],sameWidth:["handleFloatingUIOptionsChange"]}}};q.style=n;export{q as bq_tooltip};
6
+ //# sourceMappingURL=p-2714ce21.entry.js.map