@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
@@ -1,222 +0,0 @@
1
- /*!
2
- * Built by Endavans
3
- * © https://beeq.design - Apache 2 License.
4
- */
5
- import { r as a, c as r, h as b, a as e, g as t } from "./p-0c42c08a.js";
6
-
7
- import "./p-bef53750.js";
8
-
9
- import { d as n } from "./p-951ba558.js";
10
-
11
- import { v as q } from "./p-687da041.js";
12
-
13
- import "./p-99829fc7.js";
14
-
15
- const o = [ "info", "success", "alert", "error", "loading", "custom" ];
16
-
17
- const i = [ "top-center", "top-right", "bottom-right", "bottom-center", "bottom-left", "top-left" ];
18
-
19
- const s = '::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))}.bq-toast,.shadow-\\[shadow\\:--bq-toast--box-shadow\\]{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.items-center{align-items:center}.gap-\\[--bq-toast--gap\\]{gap:var(--bq-toast--gap)}.rounded-\\[--bq-toast--border-radius\\]{border-radius:var(--bq-toast--border-radius)}.border-\\[length\\:--bq-toast--border-width\\]{border-width:var(--bq-toast--border-width)}.border-\\[color\\:--bq-toast--border-color\\]{border-color:var(--bq-toast--border-color)}.bg-\\[--bq-toast--background\\]{background-color:var(--bq-toast--background)}.text-\\[--bq-toast--icon-color-alert\\]{color:var(--bq-toast--icon-color-alert)}.text-\\[--bq-toast--icon-color-custom\\]{color:var(--bq-toast--icon-color-custom)}.text-\\[--bq-toast--icon-color-error\\]{color:var(--bq-toast--icon-color-error)}.text-\\[--bq-toast--icon-color-info\\]{color:var(--bq-toast--icon-color-info)}.text-\\[--bq-toast--icon-color-loading\\]{color:var(--bq-toast--icon-color-loading)}.text-\\[--bq-toast--icon-color-success\\]{color:var(--bq-toast--icon-color-success)}.shadow-\\[shadow\\:--bq-toast--box-shadow\\]{--tw-shadow:var(--bq-toast--box-shadow);--tw-shadow-colored:var(--bq-toast--box-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.p-b-\\[--bq-toast--padding-y\\]{padding-block:var(--bq-toast--padding-y)}.p-i-\\[--bq-toast--padding-x\\]{padding-inline:var(--bq-toast--padding-x)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-toast--background:var(--bq-ui--primary);--bq-toast--box-shadow:var(--bq-box-shadow--l);--bq-toast--padding-y:var(--bq-spacing-s);--bq-toast--padding-x:var(--bq-spacing-m);--bq-toast--gap:var(--bq-spacing-xs);--bq-toast--border-radius:var(--bq-radius--s);--bq-toast--border-width:unset;--bq-toast--border-style:none;--bq-toast--border-color:transparent;--bq-toast--icon-color-info:var(--bq-icon--brand);--bq-toast--icon-color-success:var(--bq-icon--success);--bq-toast--icon-color-alert:var(--bq-icon--warning);--bq-toast--icon-color-error:var(--bq-icon--danger);--bq-toast--icon-color-loading:var(--bq-icon--brand);--bq-toast--icon-color-custom:var(--bq-icon--primary);display:inline-block}:host(.is-hidden){display:none}.bq-toast{--tw-shadow:var(--bq-toast--box-shadow);--tw-shadow-colored:var(--bq-toast--box-shadow);align-items:center;-webkit-animation:fade-in .3s ease 0s,slide-in .3s ease 0s;animation:fade-in .3s ease 0s,slide-in .3s ease 0s;background-color:var(--bq-toast--background);border-color:var(--bq-toast--border-color);border-radius:var(--bq-toast--border-radius);border-style:var(--bq-toast--border-style);border-width:var(--bq-toast--border-width);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);gap:var(--bq-toast--gap);padding-block:var(--bq-toast--padding-y);padding-inline:var(--bq-toast--padding-x)}.bq-toast,.bq-toast--icon{display:flex}.bq-toast--icon.info{color:var(--bq-toast--icon-color-info)}.bq-toast--icon.success{color:var(--bq-toast--icon-color-success)}.bq-toast--icon.alert{color:var(--bq-toast--icon-color-alert)}.bq-toast--icon.error{color:var(--bq-toast--icon-color-error)}.bq-toast--icon.loading{-webkit-animation:spin 1s linear 0s infinite;animation:spin 1s linear 0s infinite;color:var(--bq-toast--icon-color-loading)}.bq-toast--icon.custom{color:var(--bq-toast--icon-color-custom)}.static{position:static}.\\!hidden{display:none!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.text-\\[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)}';
20
-
21
- const d = s;
22
-
23
- const c = Object.assign(document.createElement("div"), {
24
- className: "bq-toast-portal"
25
- });
26
-
27
- const l = class {
28
- constructor(b) {
29
- a(this, b);
30
- this.bqHide = r(this, "bqHide", 7);
31
- this.bqShow = r(this, "bqShow", 7);
32
- // Local methods
33
- // Internal business logic.
34
- // These methods cannot be called from the host element.
35
- // =======================================================
36
- this.handleShow = () => {
37
- const a = this.bqShow.emit(this.el);
38
- if (!a.defaultPrevented) {
39
- this.open = true;
40
- }
41
- };
42
- this.handleHide = () => {
43
- const a = this.bqHide.emit(this.el);
44
- if (!a.defaultPrevented) {
45
- this.open = false;
46
- }
47
- };
48
- this.border = "s";
49
- this.type = "info";
50
- this.placement = "bottom-center";
51
- this.hideIcon = false;
52
- this.open = undefined;
53
- this.time = 3e3;
54
- }
55
- // Prop lifecycle events
56
- // =======================
57
- checkPropValues() {
58
- q(o, "default", this.el, "type");
59
- q(i, "bottom-center", this.el, "placement");
60
- c.classList.remove(...i);
61
- c.classList.add(this.placement);
62
- }
63
- handleTimeChange() {
64
- var a;
65
- (a = this.autoDismissDebounce) === null || a === void 0 ? void 0 : a.cancel();
66
- this.time = Math.max(0, this.time);
67
- this.autoDismissDebounce = n((() => {
68
- this.hide();
69
- }), this.time);
70
- }
71
- handleOpenChange() {
72
- var a, r;
73
- (a = this.autoDismissDebounce) === null || a === void 0 ? void 0 : a.cancel();
74
- if (this.open) {
75
- (r = this.autoDismissDebounce) === null || r === void 0 ? void 0 : r.call(this);
76
- }
77
- }
78
- // Component lifecycle events
79
- // Ordered by their natural call order
80
- // =====================================
81
- componentWillLoad() {
82
- this.checkPropValues();
83
- this.handleTimeChange();
84
- this.handleOpenChange();
85
- }
86
- disconnectedCallback() {
87
- var a;
88
- (a = this.autoDismissDebounce) === null || a === void 0 ? void 0 : a.cancel();
89
- }
90
- // Listeners
91
- // ==============
92
- onNotificationHide() {
93
- try {
94
- c.removeChild(this.el);
95
- // Remove the toast portal from the DOM when there are no more toasts
96
- if (c.querySelector("bq-toast") === null) {
97
- c.remove();
98
- }
99
- } catch (a) {
100
- /**
101
- * Skip DOMException error since it could be possible that
102
- * in some situations the notification portal is missing
103
- */
104
- if (a instanceof DOMException) return;
105
- throw a;
106
- }
107
- }
108
- // Public methods API
109
- // These methods are exposed on the host element.
110
- // Always use two lines.
111
- // Public Methods must be async.
112
- // Requires JSDocs for public API documentation.
113
- // ===============================================
114
- /** Method to be called to show the toast component */
115
- async show() {
116
- this.handleShow();
117
- }
118
- /** Method to be called to hide the toast component */ async hide() {
119
- this.handleHide();
120
- }
121
- /** This method can be used to display toasts in a fixed-position element that allows for stacking multiple toasts vertically */ async toast() {
122
- if (c.parentElement === null) {
123
- document.body.append(c);
124
- }
125
- c.appendChild(this.el);
126
- requestAnimationFrame((() => {
127
- this.show();
128
- }));
129
- }
130
- get iconName() {
131
- switch (this.type) {
132
- case "success":
133
- {
134
- return "check-circle";
135
- }
136
-
137
- case "error":
138
- {
139
- return "x-circle";
140
- }
141
-
142
- case "loading":
143
- {
144
- return "spinner-gap";
145
- }
146
-
147
- case "alert":
148
- {
149
- return "warning";
150
- }
151
-
152
- case "info":
153
- {
154
- return "info";
155
- }
156
-
157
- default:
158
- {
159
- return "info";
160
- }
161
- }
162
- }
163
- // render() function
164
- // Always the last one in the class.
165
- // ===================================
166
- render() {
167
- const a = {
168
- ...this.border && {
169
- "--bq-toast--border-radius": `var(--bq-radius--${this.border})`
170
- }
171
- };
172
- return b(e, {
173
- key: "92cf08f0abf78c45ef326b73cb9547b6495e5f13",
174
- style: a,
175
- class: {
176
- "is-hidden": !this.open
177
- },
178
- "aria-hidden": !this.open ? "true" : "false",
179
- hidden: !this.open ? "true" : "false",
180
- role: "status"
181
- }, b("output", {
182
- key: "2aa93a90403a531eab822d41b45d38a157edd93d",
183
- class: "bq-toast",
184
- part: "wrapper"
185
- }, b("div", {
186
- key: "5c4a26b54f98fc5e1c5aa264ff6ccece8ac8a946",
187
- class: {
188
- [`bq-toast--icon ${this.type}`]: true,
189
- "!hidden": this.hideIcon
190
- },
191
- part: "icon"
192
- }, b("slot", {
193
- key: "d8c5f572a283a7c5cd4189d1170002fc483ba2b8",
194
- name: "icon"
195
- }, b("bq-icon", {
196
- key: "d6d833b966813cc6a535b092e0dba10683496cc7",
197
- name: this.iconName,
198
- size: "24",
199
- weight: "bold",
200
- slot: "icon",
201
- exportparts: "base,svg"
202
- }))), b("slot", {
203
- key: "dd723087ce352e091544775c2c5953293090b0fb"
204
- })));
205
- }
206
- get el() {
207
- return t(this);
208
- }
209
- static get watchers() {
210
- return {
211
- type: [ "checkPropValues" ],
212
- placement: [ "checkPropValues" ],
213
- time: [ "handleTimeChange" ],
214
- open: [ "handleOpenChange" ]
215
- };
216
- }
217
- };
218
-
219
- l.style = d;
220
-
221
- export { l as bq_toast };
222
- //# sourceMappingURL=p-9990889d.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["TOAST_TYPE","TOAST_PLACEMENT","bqToastCss","BqToastStyle0","toastPortal","Object","assign","document","createElement","className","BqToast","this","handleShow","ev","bqShow","emit","el","defaultPrevented","open","handleHide","bqHide","checkPropValues","validatePropValue","classList","remove","add","placement","handleTimeChange","_a","autoDismissDebounce","cancel","time","Math","max","debounce","hide","handleOpenChange","_b","call","componentWillLoad","disconnectedCallback","onNotificationHide","removeChild","querySelector","error","DOMException","show","toast","parentElement","body","append","appendChild","requestAnimationFrame","iconName","type","render","style","border","h","Host","key","class","hidden","role","part","hideIcon","name","size","weight","slot","exportparts"],"sources":["../../packages/beeq/src/components/toast/bq-toast.types.ts","../../packages/beeq/src/components/toast/scss/bq-toast.scss?tag=bq-toast&encapsulation=shadow","../../packages/beeq/src/components/toast/bq-toast.tsx"],"sourcesContent":["export const TOAST_TYPE = ['info', 'success', 'alert', 'error', 'loading', 'custom'] as const;\nexport type TToastType = (typeof TOAST_TYPE)[number];\n\nexport const TOAST_PLACEMENT = [\n 'top-center',\n 'top-right',\n 'bottom-right',\n 'bottom-center',\n 'bottom-left',\n 'top-left',\n] as const;\nexport type TToastPlacement = (typeof TOAST_PLACEMENT)[number];\n\nexport const TOAST_BORDER_RADIUS = ['none', 'xs2', 'xs', 's', 'm', 'l', 'full'] as const;\nexport type TToastBorderRadius = (typeof TOAST_BORDER_RADIUS)[number];\n","/* -------------------------------------------------------------------------- */\n/* Toast styles */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-toast.variables';\n\n:host {\n @apply inline-block;\n}\n\n:host(.is-hidden) {\n @apply hidden;\n}\n\n.bq-toast {\n @include animation-slide-in;\n @apply flex items-center gap-[--bq-toast--gap] p-b-[--bq-toast--padding-y] p-i-[--bq-toast--padding-x];\n @apply rounded-[--bq-toast--border-radius] bg-[--bq-toast--background] shadow-[shadow:--bq-toast--box-shadow];\n @apply border-[length:--bq-toast--border-width] border-[color:--bq-toast--border-color];\n\n border-style: var(--bq-toast--border-style);\n}\n\n.bq-toast--icon {\n @apply flex;\n\n &.info {\n @apply text-[--bq-toast--icon-color-info];\n }\n\n &.success {\n @apply text-[--bq-toast--icon-color-success];\n }\n\n &.alert {\n @apply text-[--bq-toast--icon-color-alert];\n }\n\n &.error {\n @apply text-[--bq-toast--icon-color-error];\n }\n\n &.loading {\n @include animation-spin;\n @apply text-[--bq-toast--icon-color-loading];\n }\n\n &.custom {\n @apply text-[--bq-toast--icon-color-custom];\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, Watch } from '@stencil/core';\n\nimport { TOAST_PLACEMENT, TOAST_TYPE, TToastBorderRadius, TToastPlacement, TToastType } from './bq-toast.types';\nimport { debounce, TDebounce, validatePropValue } from '../../shared/utils';\n\nconst toastPortal = Object.assign(document.createElement('div'), { className: 'bq-toast-portal' });\n\n/**\n * @part wrapper - The component's internal wrapper inside the shadow DOM.\n * @part icon-info - The `<div>` container that holds the icon component.\n * @part base - The `<div>` container of the internal bq-icon component.\n * @part svg - The `<svg>` element of the internal bq-icon component.\n */\n@Component({\n tag: 'bq-toast',\n styleUrl: './scss/bq-toast.scss',\n shadow: true,\n})\nexport class BqToast {\n // Own Properties\n // ====================\n\n private autoDismissDebounce: TDebounce<void>;\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqToastElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n // Public Property API\n // ========================\n\n /** The corder radius of the toast component */\n @Prop({ reflect: true }) border: TToastBorderRadius = 's';\n\n /** Type of toast */\n @Prop({ reflect: true, mutable: true }) type: TToastType = 'info';\n\n /** Placement of toast */\n @Prop({ reflect: true, mutable: true }) placement: TToastPlacement = 'bottom-center';\n\n /** If true will hide toast icon */\n @Prop({ reflect: true, mutable: true }) hideIcon = false;\n\n /** If true, the toast will be shown */\n @Prop({ reflect: true, mutable: true }) open: boolean;\n\n /** The length of time, in milliseconds, after which the toast will close itself */\n @Prop({ reflect: true }) time: number = 3000;\n\n // Prop lifecycle events\n // =======================\n\n @Watch('type')\n @Watch('placement')\n checkPropValues() {\n validatePropValue(TOAST_TYPE, 'default', this.el, 'type');\n validatePropValue(TOAST_PLACEMENT, 'bottom-center', this.el, 'placement');\n\n toastPortal.classList.remove(...TOAST_PLACEMENT);\n toastPortal.classList.add(this.placement);\n }\n\n @Watch('time')\n handleTimeChange() {\n this.autoDismissDebounce?.cancel();\n\n this.time = Math.max(0, this.time);\n\n this.autoDismissDebounce = debounce(() => {\n this.hide();\n }, this.time);\n }\n\n @Watch('open')\n handleOpenChange() {\n this.autoDismissDebounce?.cancel();\n\n if (this.open) {\n this.autoDismissDebounce?.();\n }\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n /** Callback handler to be called when the notification is hidden */\n @Event() bqHide: EventEmitter<HTMLBqToastElement>;\n\n /** Callback handler to be called when the notification is shown */\n @Event() bqShow: EventEmitter<HTMLBqToastElement>;\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n componentWillLoad() {\n this.checkPropValues();\n this.handleTimeChange();\n this.handleOpenChange();\n }\n\n disconnectedCallback() {\n this.autoDismissDebounce?.cancel();\n }\n\n // Listeners\n // ==============\n\n @Listen('bqHide')\n onNotificationHide() {\n try {\n toastPortal.removeChild(this.el);\n // Remove the toast portal from the DOM when there are no more toasts\n if (toastPortal.querySelector('bq-toast') === null) {\n toastPortal.remove();\n }\n } catch (error) {\n /**\n * Skip DOMException error since it could be possible that\n * in some situations the notification portal is missing\n */\n if (error instanceof DOMException) return;\n throw error;\n }\n }\n\n // Public methods API\n // These methods are exposed on the host element.\n // Always use two lines.\n // Public Methods must be async.\n // Requires JSDocs for public API documentation.\n // ===============================================\n\n /** Method to be called to show the toast component */\n @Method()\n async show(): Promise<void> {\n this.handleShow();\n }\n\n /** Method to be called to hide the toast component */\n @Method()\n async hide(): Promise<void> {\n this.handleHide();\n }\n\n /** This method can be used to display toasts in a fixed-position element that allows for stacking multiple toasts vertically */\n @Method()\n async toast() {\n if (toastPortal.parentElement === null) {\n document.body.append(toastPortal);\n }\n\n toastPortal.appendChild(this.el);\n\n requestAnimationFrame(() => {\n this.show();\n });\n }\n\n // Local methods\n // Internal business logic.\n // These methods cannot be called from the host element.\n // =======================================================\n\n private handleShow = () => {\n const ev = this.bqShow.emit(this.el);\n if (!ev.defaultPrevented) {\n this.open = true;\n }\n };\n\n private handleHide = () => {\n const ev = this.bqHide.emit(this.el);\n if (!ev.defaultPrevented) {\n this.open = false;\n }\n };\n\n private get iconName() {\n switch (this.type) {\n case 'success': {\n return 'check-circle';\n }\n case 'error': {\n return 'x-circle';\n }\n case 'loading': {\n return 'spinner-gap';\n }\n case 'alert': {\n return 'warning';\n }\n case 'info': {\n return 'info';\n }\n default: {\n return 'info';\n }\n }\n }\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n const style = {\n ...(this.border && { '--bq-toast--border-radius': `var(--bq-radius--${this.border})` }),\n };\n\n return (\n <Host\n style={style}\n class={{ 'is-hidden': !this.open }}\n aria-hidden={!this.open ? 'true' : 'false'}\n hidden={!this.open ? 'true' : 'false'}\n role=\"status\"\n >\n <output class=\"bq-toast\" part=\"wrapper\">\n <div class={{ [`bq-toast--icon ${this.type}`]: true, '!hidden': this.hideIcon }} part=\"icon\">\n <slot name=\"icon\">\n <bq-icon name={this.iconName} size=\"24\" weight=\"bold\" slot=\"icon\" exportparts=\"base,svg\"></bq-icon>\n </slot>\n </div>\n <slot />\n </output>\n </Host>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAO,MAAMA,IAAa,EAAC,QAAQ,WAAW,SAAS,SAAS,WAAW;;AAGpE,MAAMC,IAAkB,EAC7B,cACA,aACA,gBACA,iBACA,eACA;;ACTF,MAAMC,IAAa;;AACnB,MAAAC,IAAeD;;ACIf,MAAME,IAAcC,OAAOC,OAAOC,SAASC,cAAc,QAAQ;EAAEC,WAAW;;;MAajEC,IAAO;;;;;;;;;QAwJVC,KAAAC,aAAa;MACnB,MAAMC,IAAKF,KAAKG,OAAOC,KAAKJ,KAAKK;MACjC,KAAKH,EAAGI,kBAAkB;QACxBN,KAAKO,OAAO;;;IAIRP,KAAAQ,aAAa;MACnB,MAAMN,IAAKF,KAAKS,OAAOL,KAAKJ,KAAKK;MACjC,KAAKH,EAAGI,kBAAkB;QACxBN,KAAKO,OAAO;;;kBA/IsC;gBAGK;qBAGU;oBAGlB;;gBAMX;;;;EAOxC,eAAAG;IACEC,EAAkBtB,GAAY,WAAWW,KAAKK,IAAI;IAClDM,EAAkBrB,GAAiB,iBAAiBU,KAAKK,IAAI;IAE7DZ,EAAYmB,UAAUC,UAAUvB;IAChCG,EAAYmB,UAAUE,IAAId,KAAKe;;EAIjC,gBAAAC;;KACEC,IAAAjB,KAAKkB,yBAAmB,QAAAD,WAAA,aAAAA,EAAEE;IAE1BnB,KAAKoB,OAAOC,KAAKC,IAAI,GAAGtB,KAAKoB;IAE7BpB,KAAKkB,sBAAsBK,GAAS;MAClCvB,KAAKwB;AAAM,QACVxB,KAAKoB;;EAIV,gBAAAK;;KACER,IAAAjB,KAAKkB,yBAAmB,QAAAD,WAAA,aAAAA,EAAEE;IAE1B,IAAInB,KAAKO,MAAM;OACbmB,IAAA1B,KAAKkB,yBAAmB,QAAAQ,WAAA,aAAAA,EAAAC,KAAA3B;;;;;;EAkB5B,iBAAA4B;IACE5B,KAAKU;IACLV,KAAKgB;IACLhB,KAAKyB;;EAGP,oBAAAI;;KACEZ,IAAAjB,KAAKkB,yBAAmB,QAAAD,WAAA,aAAAA,EAAEE;;;;EAO5B,kBAAAW;IACE;MACErC,EAAYsC,YAAY/B,KAAKK;;YAE7B,IAAIZ,EAAYuC,cAAc,gBAAgB,MAAM;QAClDvC,EAAYoB;;MAEd,OAAOoB;;;;;MAKP,IAAIA,aAAiBC,cAAc;MACnC,MAAMD;;;;;;;;;;EAaV,UAAME;IACJnC,KAAKC;;0DAKP,UAAMuB;IACJxB,KAAKQ;;oIAKP,WAAM4B;IACJ,IAAI3C,EAAY4C,kBAAkB,MAAM;MACtCzC,SAAS0C,KAAKC,OAAO9C;;IAGvBA,EAAY+C,YAAYxC,KAAKK;IAE7BoC,uBAAsB;MACpBzC,KAAKmC;AAAM;;EAuBf,YAAYO;IACV,QAAQ1C,KAAK2C;KACX,KAAK;MAAW;QACd,OAAO;;;KAET,KAAK;MAAS;QACZ,OAAO;;;KAET,KAAK;MAAW;QACd,OAAO;;;KAET,KAAK;MAAS;QACZ,OAAO;;;KAET,KAAK;MAAQ;QACX,OAAO;;;KAET;MAAS;QACP,OAAO;;;;;;;EASb,MAAAC;IACE,MAAMC,IAAQ;SACR7C,KAAK8C,UAAU;QAAE,6BAA6B,oBAAoB9C,KAAK8C;;;IAG7E,OACEC,EAACC,GAAI;MAAAC,KAAA;MACHJ,OAAOA;MACPK,OAAO;QAAE,cAAclD,KAAKO;;MAAM,gBACpBP,KAAKO,OAAO,SAAS;MACnC4C,SAASnD,KAAKO,OAAO,SAAS;MAC9B6C,MAAK;OAELL,EAAA;MAAAE,KAAA;MAAQC,OAAM;MAAWG,MAAK;OAC5BN,EAAA;MAAAE,KAAA;MAAKC,OAAO;QAAE,CAAC,kBAAkBlD,KAAK2C,SAAS;QAAM,WAAW3C,KAAKsD;;MAAYD,MAAK;OACpFN,EAAA;MAAAE,KAAA;MAAMM,MAAK;OACTR,EAAA;MAAAE,KAAA;MAASM,MAAMvD,KAAK0C;MAAUc,MAAK;MAAKC,QAAO;MAAOC,MAAK;MAAOC,aAAY;UAGlFZ,EAAA;MAAAE,KAAA","ignoreList":[]}
@@ -1,248 +0,0 @@
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-0c42c08a.js";
6
-
7
- import "./p-bef53750.js";
8
-
9
- import { v as i } from "./p-687da041.js";
10
-
11
- import { b as t } from "./p-d7a88b16.js";
12
-
13
- import { l as n, e as q } from "./p-a5dc1c94.js";
14
-
15
- const o = [ "small", "medium", "large" ];
16
-
17
- const d = [ "standard", "highlight" ];
18
-
19
- const s = '::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))}.bq-dialog,.shadow-\\[shadow\\:--bq-dialog--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}.visible{visibility:visible}.invisible{visibility:hidden}.absolute{position:absolute}.sticky{position:sticky}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.gap-\\[--bq-dialog--content-footer-gap\\]{gap:var(--bq-dialog--content-footer-gap)}.gap-m{gap:var(--bq-spacing-m)}.gap-xs{gap:var(--bq-spacing-xs)}.rounded-\\[--bq-dialog--border-radius\\]{border-radius:var(--bq-dialog--border-radius)}.border-\\[length\\:--bq-dialog--border-width\\]{border-width:var(--bq-dialog--border-width)}.border-none{border-style:none}.border-\\[color\\:--bq-dialog--border-color\\]{border-color:var(--bq-dialog--border-color)}.bg-\\[--bq-dialog--background-backdrop\\]{background-color:var(--bq-dialog--background-backdrop)}.bg-\\[--bq-dialog--background\\]{background-color:var(--bq-dialog--background)}.text-\\[--bq-dialog--text-color\\]{color:var(--bq-dialog--text-color)}.opacity-0{opacity:0}.opacity-60{opacity:.6}.shadow-\\[shadow\\:--bq-dialog--box-shadow\\]{--tw-shadow:var(--bq-dialog--box-shadow);--tw-shadow-colored:var(--bq-dialog--box-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-\\[opacity\\]{transition-duration:.15s;transition-property:opacity;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)}.is-\\[90vw\\]{inline-size:90vw}.is-full{inline-size:100%}.p-b-0{padding-block:0}.p-b-\\[--bq-dialog--padding\\]{padding-block:var(--bq-dialog--padding)}.p-be-0{padding-block-end:0}.p-bs-0{padding-block-start:0}.p-i-\\[--bq-dialog--padding\\]{padding-inline:var(--bq-dialog--padding)}.inset-bs-0{inset-block-start:0}.inset-bs-\\[100\\%\\]{inset-block-start: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)}}::-ms-backdrop{--bq-dialog--background:var(--bq-ui--primary);--bq-dialog--background-backdrop:var(--bq-grey-900);--bq-dialog--text-color:var(--bq-text--primary);--bq-dialog--box-shadow:var(--bq-box-shadow--l);--bq-dialog--border-color:transparent;--bq-dialog--border-radius:var(--bq-radius--m);--bq-dialog--border-style:none;--bq-dialog--border-width:unset;--bq-dialog--padding:var(--bq-spacing-l);--bq-dialog--content-footer-gap:var(--bq-spacing-l);--bq-dialog--title-body-gap:var(--bq-spacing-s);--bq-dialog--width-small:320px;--bq-dialog--width-medium:480px;--bq-dialog--width-large:640px;--bq-dialog-z-index:10}::backdrop,:host{--bq-dialog--background:var(--bq-ui--primary);--bq-dialog--background-backdrop:var(--bq-grey-900);--bq-dialog--text-color:var(--bq-text--primary);--bq-dialog--box-shadow:var(--bq-box-shadow--l);--bq-dialog--border-color:transparent;--bq-dialog--border-radius:var(--bq-radius--m);--bq-dialog--border-style:none;--bq-dialog--border-width:unset;--bq-dialog--padding:var(--bq-spacing-l);--bq-dialog--content-footer-gap:var(--bq-spacing-l);--bq-dialog--title-body-gap:var(--bq-spacing-s);--bq-dialog--width-small:320px;--bq-dialog--width-medium:480px;--bq-dialog--width-large:640px;--bq-dialog-z-index:10}:host{visibility:hidden!important}:host(.bq-dialog--open){visibility:visible!important}.bq-dialog{--tw-shadow:var(--bq-dialog--box-shadow);--tw-shadow-colored:var(--bq-dialog--box-shadow);background-color:var(--bq-dialog--background);border-color:var(--bq-dialog--border-color);border-radius:var(--bq-dialog--border-radius);border-style:var(--bq-dialog--border-style);border-width:var(--bq-dialog--border-width);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:var(--bq-dialog--text-color);display:flex;flex-direction:column;gap:var(--bq-dialog--content-footer-gap);inline-size:90vw;padding-block:0;padding-inline:0;position:absolute}@media (min-width:640px){.bq-dialog.small{inline-size:var(--bq-dialog--width-small)}.bq-dialog.medium{inline-size:var(--bq-dialog--width-medium)}.bq-dialog.large{inline-size:var(--bq-dialog--width-large)}}.bq-dialog::-ms-backdrop{background-color:var(--bq-dialog--background-backdrop);opacity:0;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-dialog::backdrop{background-color:var(--bq-dialog--background-backdrop);opacity:0;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-dialog[open]::-ms-backdrop{opacity:.6}.bq-dialog[open]::backdrop{opacity:.6}.bq-dialog--header{gap:var(--bq-spacing-m);inset-block-start:0;padding-block:var(--bq-dialog--padding);padding-block-end:0;padding-inline:var(--bq-dialog--padding)}.bq-dialog--footer,.bq-dialog--header{align-items:center;display:flex;position:sticky}.bq-dialog--footer{gap:var(--bq-spacing-xs);inline-size:100%;inset-block-start:100%;justify-content:flex-end;padding-block:var(--bq-dialog--padding);padding-block-start:0;padding-inline:var(--bq-dialog--padding)}.bq-dialog--close{--bq-radius--m:var(--bq-radius--s);--bq-button--small-paddingX:var(--bq-spacing-xs2);--bq-button--small-paddingY:var(--bq-spacing-xs2)}.bq-dialog--close::part(button){border-style:none}@media (min-width:640px){.sm\\:is-\\[--bq-dialog--width-large\\]{inline-size:var(--bq-dialog--width-large)}.sm\\:is-\\[--bq-dialog--width-medium\\]{inline-size:var(--bq-dialog--width-medium)}.sm\\:is-\\[--bq-dialog--width-small\\]{inline-size:var(--bq-dialog--width-small)}}.scale-100,.scale-90{--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))}.static{position:static}.m-auto{margin:auto}.\\!hidden{display:none!important}.hidden{display:none}.flex-1{flex:1 1 0%}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.cursor-pointer{cursor:pointer}.justify-between{justify-content:space-between}.gap-\\[--bq-dialog--title-body-gap\\]{gap:var(--bq-dialog--title-body-gap)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.bg-ui-alt{background-color:var(--bq-ui--alt)}.opacity-100{opacity:1}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\\!p-b-s{padding-block:var(--bq-spacing-s)!important}.\\!p-be-\\[--bq-dialog--padding\\]{padding-block-end:var(--bq-dialog--padding)!important}.inset-be-\\[50\\%\\]{inset-block-end:50%}.inset-bs-\\[50\\%\\]{inset-block-start:50%}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.block{display:block}.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)}';
20
-
21
- const l = s;
22
-
23
- const c = class {
24
- constructor(e) {
25
- a(this, e);
26
- this.bqCancel = r(this, "bqCancel", 7);
27
- this.bqClose = r(this, "bqClose", 7);
28
- this.bqOpen = r(this, "bqOpen", 7);
29
- this.bqAfterOpen = r(this, "bqAfterOpen", 7);
30
- this.bqAfterClose = r(this, "bqAfterClose", 7);
31
- this.OPEN_CSS_CLASS = "bq-dialog--open";
32
- // Local methods
33
- // Internal business logic.
34
- // These methods cannot be called from the host element.
35
- // =======================================================
36
- this.handleClose = async () => {
37
- if (!this.dialogElem) return;
38
- await n(this.dialogElem);
39
- this.dialogElem.close();
40
- // Emit bqAfterClose event after the dialog is closed
41
- this.handleTransitionEnd();
42
- };
43
- this.handleOpen = async () => {
44
- if (!this.dialogElem) return;
45
- this.el.classList.add(this.OPEN_CSS_CLASS);
46
- // Show the dialog
47
- this.disableBackdrop ? this.dialogElem.show() : this.dialogElem.showModal();
48
- await q(this.dialogElem);
49
- // Emit bqAfterOpen event after the dialog is opened
50
- this.handleTransitionEnd();
51
- };
52
- this.handleTransitionEnd = () => {
53
- if (this.open) {
54
- this.bqAfterOpen.emit();
55
- return;
56
- }
57
- this.bqAfterClose.emit();
58
- this.el.classList.remove(this.OPEN_CSS_CLASS);
59
- };
60
- this.handleContentSlotChange = () => {
61
- this.hasContent = t(this.contentElem);
62
- };
63
- this.handleFooterSlotChange = () => {
64
- this.hasFooter = t(this.footerElem, "footer");
65
- };
66
- this.hasContent = false;
67
- this.hasFooter = false;
68
- this.border = "m";
69
- this.disableBackdrop = false;
70
- this.disableCloseEscKeydown = false;
71
- this.disableCloseClickOutside = false;
72
- this.footerAppearance = "standard";
73
- this.hideCloseButton = false;
74
- this.open = false;
75
- this.size = "medium";
76
- }
77
- // Prop lifecycle events
78
- // =======================
79
- checkPropValues() {
80
- i(o, "large", this.el, "size");
81
- i(d, "standard", this.el, "footerAppearance");
82
- }
83
- async handleOpenChange() {
84
- if (this.open) {
85
- await this.handleOpen();
86
- return;
87
- }
88
- await this.handleClose();
89
- }
90
- // Component lifecycle events
91
- // Ordered by their natural call order
92
- // =====================================
93
- componentWillLoad() {
94
- this.checkPropValues();
95
- }
96
- componentDidLoad() {
97
- var a;
98
- this.handleOpenChange();
99
- this.closeSlotElem = this.el.shadowRoot.querySelector('slot[name="button-close"]');
100
- (a = this.closeSlotElem) === null || a === void 0 ? void 0 : a.addEventListener("click", (() => this.hide()));
101
- }
102
- disconnectedCallback() {
103
- var a;
104
- (a = this.closeSlotElem) === null || a === void 0 ? void 0 : a.removeEventListener("click", (() => this.hide()));
105
- }
106
- // Listeners
107
- // ==============
108
- async handleMouseClick(a) {
109
- if (!this.open) return;
110
- if (!this.dialogElem || this.disableCloseClickOutside) return;
111
- // Skip if the mouse button is not the main button
112
- if (a.button !== 0) return;
113
- const r = this.dialogElem.getBoundingClientRect();
114
- if (a.clientY < r.top || a.clientY > r.bottom || a.clientX < r.left || a.clientX > r.right) {
115
- await this.cancel();
116
- }
117
- }
118
- async handleKeyDown(a) {
119
- const r = a.key === "Escape" || a.key === "Esc";
120
- if (!this.open || !this.dialogElem || !r) return;
121
- if (this.disableCloseEscKeydown) {
122
- a.preventDefault();
123
- return;
124
- }
125
- await this.cancel();
126
- }
127
- // Public methods API
128
- // These methods are exposed on the host element.
129
- // Always use two lines.
130
- // Public Methods must be async.
131
- // Requires JSDocs for public API documentation.
132
- // ===============================================
133
- /** Open the dialog */
134
- async show() {
135
- const a = this.bqOpen.emit();
136
- if (a.defaultPrevented) return;
137
- this.open = true;
138
- }
139
- /** Closes the dialog */ async hide() {
140
- const a = this.bqClose.emit();
141
- if (a.defaultPrevented) return;
142
- this.open = false;
143
- }
144
- /** Dismiss or cancel the dialog */ async cancel() {
145
- const a = this.bqCancel.emit();
146
- if (a.defaultPrevented) return;
147
- this.open = false;
148
- }
149
- // render() function
150
- // Always the last one in the class.
151
- // ===================================
152
- render() {
153
- const a = {
154
- ...this.border && {
155
- "--bq-dialog--border-radius": `var(--bq-radius--${this.border})`
156
- }
157
- };
158
- return e("dialog", {
159
- key: "19f5d46de7310a7dff978abdd1521567e57a1ce9",
160
- style: a,
161
- class: {
162
- [`bq-dialog hidden ${this.size} m-auto focus-visible:outline-none`]: true,
163
- "inset-be-[50%] inset-bs-[50%]": this.disableBackdrop
164
- },
165
- "data-transition-enter": "transition ease-in duration-300",
166
- "data-transition-enter-start": "opacity-0 scale-90",
167
- "data-transition-enter-end": "opacity-100 scale-100",
168
- "data-transition-leave": "transition ease-out duration-300",
169
- "data-transition-leave-start": "opacity-100 scale-100",
170
- "data-transition-leave-end": "opacity-0 scale-90",
171
- inert: this.open ? undefined : true,
172
- ref: a => this.dialogElem = a,
173
- "aria-modal": "true",
174
- "aria-labelledby": "bq-dialog--title",
175
- part: "dialog"
176
- }, e("main", {
177
- key: "7cda642fd83eb06b7de2bbf5b5d1ae592109d7e4",
178
- class: "flex flex-col gap-[--bq-dialog--title-body-gap] overflow-hidden",
179
- part: "content"
180
- }, e("header", {
181
- key: "8751006763fa5fd0720d9def279ecd4c545978d9",
182
- class: "bq-dialog--header",
183
- part: "header"
184
- }, e("div", {
185
- key: "96875bed2202424dec7c6e9c37e5e905716a0d23",
186
- id: "bq-dialog--title",
187
- class: "bq-dialog--title flex flex-1 items-center justify-between",
188
- part: "title"
189
- }, e("slot", {
190
- key: "cc3939a5e472d41a0774f8f3486c90bbd0a31fb6",
191
- name: "title"
192
- })), e("slot", {
193
- key: "f8ef0b42362f5eb7940536744c800d85e2aecd30",
194
- name: "button-close"
195
- }, !this.hideCloseButton && e("bq-button", {
196
- key: "065edfef3f777e712b5a2b14fd7bbac20726db85",
197
- class: "bq-dialog--close",
198
- appearance: "text",
199
- size: "small"
200
- }, e("bq-icon", {
201
- key: "bbefc2459541557da271dd9ea0407804df33dd26",
202
- class: "cursor-pointer",
203
- name: "x",
204
- role: "img",
205
- title: "Close"
206
- })))), e("div", {
207
- key: "f9b23fd3fd31261a54fab44fa1520c7f7c9a2b7d",
208
- class: {
209
- "!hidden": !this.hasContent,
210
- "overflow-y-auto p-i-[--bq-dialog--padding]": this.hasContent,
211
- "!p-be-[--bq-dialog--padding]": !this.hasFooter
212
- },
213
- ref: a => this.contentElem = a,
214
- part: "body"
215
- }, e("slot", {
216
- key: "279cd64c2088e26c6f82e9e20c6a381c3432bbad",
217
- onSlotchange: this.handleContentSlotChange
218
- }))), e("footer", {
219
- key: "38a5f09ed724379b107b01de43a5c1e9c5dffbc0",
220
- class: {
221
- "!hidden": !this.hasFooter,
222
- "bq-dialog--footer": this.hasFooter,
223
- "bg-ui-alt !p-b-s": this.footerAppearance === "highlight"
224
- },
225
- ref: a => this.footerElem = a,
226
- part: "footer"
227
- }, e("slot", {
228
- key: "39ef9a95b175f34eff8964437552590e6b207a9d",
229
- name: "footer",
230
- onSlotchange: this.handleFooterSlotChange
231
- })));
232
- }
233
- get el() {
234
- return b(this);
235
- }
236
- static get watchers() {
237
- return {
238
- footerAppearance: [ "checkPropValues" ],
239
- size: [ "checkPropValues" ],
240
- open: [ "handleOpenChange" ]
241
- };
242
- }
243
- };
244
-
245
- c.style = l;
246
-
247
- export { c as bq_dialog };
248
- //# sourceMappingURL=p-a1b43de6.entry.js.map