@beeq/core 1.8.0-beta.10 → 1.8.0-beta.11

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 (435) hide show
  1. package/README.md +5 -3
  2. package/dist/beeq/beeq.css +1 -1
  3. package/dist/beeq/beeq.esm.js +1 -43
  4. package/dist/beeq/beeq.esm.js.map +1 -1
  5. package/dist/beeq/index.esm.js +1 -66
  6. package/dist/beeq/index.esm.js.map +1 -1
  7. package/dist/beeq/p-0f32aa9d.entry.js +6 -0
  8. package/dist/beeq/p-0f32aa9d.entry.js.map +1 -0
  9. package/dist/beeq/p-1075f955.entry.js +6 -0
  10. package/dist/beeq/{p-aacaaa35.entry.js.map → p-1075f955.entry.js.map} +1 -1
  11. package/dist/beeq/p-115ed5b2.js +1 -25
  12. package/dist/beeq/p-115ed5b2.js.map +1 -1
  13. package/dist/beeq/p-12582165.entry.js +6 -0
  14. package/dist/beeq/p-12582165.entry.js.map +1 -0
  15. package/dist/beeq/p-16340dba.js +7 -0
  16. package/dist/beeq/p-16340dba.js.map +1 -0
  17. package/dist/beeq/p-1c75d84d.entry.js +6 -0
  18. package/dist/beeq/{p-cfb8829b.entry.js.map → p-1c75d84d.entry.js.map} +1 -1
  19. package/dist/beeq/p-1c8b6eb4.js +1 -12
  20. package/dist/beeq/p-1c8b6eb4.js.map +1 -1
  21. package/dist/beeq/p-1defeea3.js +1 -64
  22. package/dist/beeq/p-1defeea3.js.map +1 -1
  23. package/dist/beeq/p-1f3a4359.js +1 -11
  24. package/dist/beeq/p-1f3a4359.js.map +1 -1
  25. package/dist/beeq/p-2189fea5.entry.js +6 -0
  26. package/dist/beeq/p-2189fea5.entry.js.map +1 -0
  27. package/dist/beeq/p-27c3db16.entry.js +6 -0
  28. package/dist/beeq/{p-0a981080.entry.js.map → p-27c3db16.entry.js.map} +1 -1
  29. package/dist/beeq/p-28203a0f.entry.js +6 -0
  30. package/dist/beeq/{p-f1d6a960.entry.js.map → p-28203a0f.entry.js.map} +1 -1
  31. package/dist/beeq/{p-cb917e68.entry.js → p-327cc47e.entry.js} +2 -173
  32. package/dist/beeq/{p-2fe5f338.entry.js.map → p-327cc47e.entry.js.map} +1 -1
  33. package/dist/beeq/p-335bb9bd.entry.js +6 -0
  34. package/dist/beeq/p-335bb9bd.entry.js.map +1 -0
  35. package/dist/beeq/p-3431c29f.entry.js +6 -0
  36. package/dist/beeq/{p-f11a3beb.entry.js.map → p-3431c29f.entry.js.map} +1 -1
  37. package/dist/beeq/p-3b23e4cb.entry.js +6 -0
  38. package/dist/beeq/{p-d7067dae.entry.js.map → p-3b23e4cb.entry.js.map} +1 -1
  39. package/dist/beeq/p-3fd0d92d.js +1 -1228
  40. package/dist/beeq/p-3fd0d92d.js.map +1 -1
  41. package/dist/beeq/p-42fd96c3.entry.js +6 -0
  42. package/dist/beeq/p-42fd96c3.entry.js.map +1 -0
  43. package/dist/beeq/p-4620b9c9.entry.js +6 -0
  44. package/dist/beeq/{p-cb917e68.entry.js.map → p-4620b9c9.entry.js.map} +1 -1
  45. package/dist/beeq/p-57621be1.js +1 -9
  46. package/dist/beeq/p-57621be1.js.map +1 -1
  47. package/dist/beeq/p-6148b8ae.entry.js +6 -0
  48. package/dist/beeq/p-6148b8ae.entry.js.map +1 -0
  49. package/dist/beeq/p-6285254c.entry.js +6 -0
  50. package/dist/beeq/p-6285254c.entry.js.map +1 -0
  51. package/dist/beeq/p-63619085.entry.js +6 -0
  52. package/dist/beeq/p-63619085.entry.js.map +1 -0
  53. package/dist/beeq/p-687da041.js +1 -20
  54. package/dist/beeq/p-687da041.js.map +1 -1
  55. package/dist/beeq/p-6cd0f30d.entry.js +6 -0
  56. package/dist/beeq/{p-3043c826.entry.js.map → p-6cd0f30d.entry.js.map} +1 -1
  57. package/dist/beeq/p-73ccb90d.entry.js +6 -0
  58. package/dist/beeq/p-73ccb90d.entry.js.map +1 -0
  59. package/dist/beeq/p-75f42cfa.entry.js +6 -0
  60. package/dist/beeq/{p-0ce76c54.entry.js.map → p-75f42cfa.entry.js.map} +1 -1
  61. package/dist/beeq/p-7bc123c9.entry.js +6 -0
  62. package/dist/beeq/p-7bc123c9.entry.js.map +1 -0
  63. package/dist/beeq/p-7ea20358.entry.js +6 -0
  64. package/dist/beeq/p-7ea20358.entry.js.map +1 -0
  65. package/dist/beeq/p-806b189f.entry.js +6 -0
  66. package/dist/beeq/{p-41ac1d84.entry.js.map → p-806b189f.entry.js.map} +1 -1
  67. package/dist/beeq/p-82fe8d58.entry.js +6 -0
  68. package/dist/beeq/{p-68ff188d.entry.js.map → p-82fe8d58.entry.js.map} +1 -1
  69. package/dist/beeq/p-899502c0.entry.js +6 -0
  70. package/dist/beeq/{p-5ff6621d.entry.js.map → p-899502c0.entry.js.map} +1 -1
  71. package/dist/beeq/p-90077071.entry.js +6 -0
  72. package/dist/beeq/p-90077071.entry.js.map +1 -0
  73. package/dist/beeq/p-906cc99d.js +6 -0
  74. package/dist/beeq/{p-b48788b5.js.map → p-906cc99d.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-9c4a9790.entry.js +6 -0
  78. package/dist/beeq/{p-60cbc966.entry.js.map → p-9c4a9790.entry.js.map} +1 -1
  79. package/dist/beeq/p-9cab220d.entry.js +6 -0
  80. package/dist/beeq/p-9cab220d.entry.js.map +1 -0
  81. package/dist/beeq/p-9dbbf366.entry.js +6 -0
  82. package/dist/beeq/p-9dbbf366.entry.js.map +1 -0
  83. package/dist/beeq/p-9f7a1527.entry.js +6 -0
  84. package/dist/beeq/{p-f979d79a.entry.js.map → p-9f7a1527.entry.js.map} +1 -1
  85. package/dist/beeq/p-a5dc1c94.js +1 -118
  86. package/dist/beeq/p-a5dc1c94.js.map +1 -1
  87. package/dist/beeq/p-a8cad5ab.js +1 -5
  88. package/dist/beeq/p-a8cad5ab.js.map +1 -1
  89. package/dist/beeq/p-af062402.js +1 -7
  90. package/dist/beeq/p-af062402.js.map +1 -1
  91. package/dist/beeq/p-b71d2d9a.entry.js +6 -0
  92. package/dist/beeq/p-b71d2d9a.entry.js.map +1 -0
  93. package/dist/beeq/{p-faa3be41.entry.js → p-b8416ead.entry.js} +2 -155
  94. package/dist/beeq/{p-9cab14ee.entry.js.map → p-b8416ead.entry.js.map} +1 -1
  95. package/dist/beeq/p-bb21df71.entry.js +6 -0
  96. package/dist/beeq/p-bb21df71.entry.js.map +1 -0
  97. package/dist/beeq/p-bdbc5548.entry.js +6 -0
  98. package/dist/beeq/p-bdbc5548.entry.js.map +1 -0
  99. package/dist/beeq/p-c62189e6.entry.js +6 -0
  100. package/dist/beeq/p-c62189e6.entry.js.map +1 -0
  101. package/dist/beeq/p-c78ae3c2.js +1 -1978
  102. package/dist/beeq/p-c78ae3c2.js.map +1 -1
  103. package/dist/beeq/p-d4397119.entry.js +6 -0
  104. package/dist/beeq/{p-b2df1479.entry.js.map → p-d4397119.entry.js.map} +1 -1
  105. package/dist/beeq/p-d7ce7165.js +1 -86
  106. package/dist/beeq/p-d7ce7165.js.map +1 -1
  107. package/dist/beeq/{p-fb809932.entry.js → p-dc5086d8.entry.js} +2 -268
  108. package/dist/beeq/p-dc5086d8.entry.js.map +1 -0
  109. package/dist/beeq/p-e8410587.entry.js +6 -0
  110. package/dist/beeq/{p-a44ae8fe.entry.js.map → p-e8410587.entry.js.map} +1 -1
  111. package/dist/beeq/p-ecd27cf2.js +1 -11
  112. package/dist/beeq/p-ecd27cf2.js.map +1 -1
  113. package/dist/beeq/p-edfd9767.js +1 -26
  114. package/dist/beeq/p-edfd9767.js.map +1 -1
  115. package/dist/beeq/p-f09cd30c.entry.js +6 -0
  116. package/dist/beeq/p-f09cd30c.entry.js.map +1 -0
  117. package/dist/beeq/p-f2ede993.entry.js +6 -0
  118. package/dist/beeq/{p-69c766a3.entry.js.map → p-f2ede993.entry.js.map} +1 -1
  119. package/dist/beeq/p-fe8d5dea.js +6 -0
  120. package/dist/beeq/{p-c6cbb8e2.js.map → p-fe8d5dea.js.map} +1 -1
  121. package/dist/cjs/{assetsPath-2885c838.js → assetsPath-56bdb114.js} +2 -2
  122. package/dist/cjs/{assetsPath-2885c838.js.map → assetsPath-56bdb114.js.map} +1 -1
  123. package/dist/cjs/beeq.cjs.js +1 -1
  124. package/dist/cjs/bq-accordion-group.cjs.entry.js +1 -1
  125. package/dist/cjs/bq-accordion.cjs.entry.js +4 -4
  126. package/dist/cjs/bq-accordion.cjs.entry.js.map +1 -1
  127. package/dist/cjs/bq-alert.cjs.entry.js +5 -5
  128. package/dist/cjs/bq-alert.cjs.entry.js.map +1 -1
  129. package/dist/cjs/bq-avatar.cjs.entry.js +1 -1
  130. package/dist/cjs/bq-badge.cjs.entry.js +1 -1
  131. package/dist/cjs/bq-breadcrumb-item.cjs.entry.js +3 -3
  132. package/dist/cjs/bq-breadcrumb-item.cjs.entry.js.map +1 -1
  133. package/dist/cjs/bq-breadcrumb.cjs.entry.js +1 -1
  134. package/dist/cjs/bq-button_2.cjs.entry.js +4 -4
  135. package/dist/cjs/bq-button_2.cjs.entry.js.map +1 -1
  136. package/dist/cjs/bq-card.cjs.entry.js +1 -1
  137. package/dist/cjs/bq-checkbox.cjs.entry.js +3 -3
  138. package/dist/cjs/bq-checkbox.cjs.entry.js.map +1 -1
  139. package/dist/cjs/bq-date-picker.cjs.entry.js +4 -4
  140. package/dist/cjs/bq-date-picker.cjs.entry.js.map +1 -1
  141. package/dist/cjs/bq-dialog.cjs.entry.js +2 -2
  142. package/dist/cjs/bq-dialog.cjs.entry.js.map +1 -1
  143. package/dist/cjs/bq-divider.cjs.entry.js +2 -2
  144. package/dist/cjs/bq-divider.cjs.entry.js.map +1 -1
  145. package/dist/cjs/bq-drawer.cjs.entry.js +4 -4
  146. package/dist/cjs/bq-drawer.cjs.entry.js.map +1 -1
  147. package/dist/cjs/bq-dropdown_2.cjs.entry.js +1 -1
  148. package/dist/cjs/bq-empty-state.cjs.entry.js +6 -6
  149. package/dist/cjs/bq-empty-state.cjs.entry.js.map +1 -1
  150. package/dist/cjs/bq-input.cjs.entry.js +3 -3
  151. package/dist/cjs/bq-input.cjs.entry.js.map +1 -1
  152. package/dist/cjs/bq-notification.cjs.entry.js +1 -1
  153. package/dist/cjs/bq-option-group.cjs.entry.js +1 -1
  154. package/dist/cjs/bq-option-list_2.cjs.entry.js +2 -2
  155. package/dist/cjs/bq-option-list_2.cjs.entry.js.map +1 -1
  156. package/dist/cjs/bq-option.cjs.entry.js +1 -1
  157. package/dist/cjs/bq-option.cjs.entry.js.map +1 -1
  158. package/dist/cjs/bq-page-title.cjs.entry.js +1 -1
  159. package/dist/cjs/bq-progress.cjs.entry.js +7 -6
  160. package/dist/cjs/bq-progress.cjs.entry.js.map +1 -1
  161. package/dist/cjs/bq-radio-group.cjs.entry.js +1 -1
  162. package/dist/cjs/bq-radio.cjs.entry.js +2 -2
  163. package/dist/cjs/bq-radio.cjs.entry.js.map +1 -1
  164. package/dist/cjs/bq-select.cjs.entry.js +3 -3
  165. package/dist/cjs/bq-select.cjs.entry.js.map +1 -1
  166. package/dist/cjs/bq-side-menu-item.cjs.entry.js +1 -1
  167. package/dist/cjs/bq-side-menu.cjs.entry.js +2 -2
  168. package/dist/cjs/bq-side-menu.cjs.entry.js.map +1 -1
  169. package/dist/cjs/bq-slider.cjs.entry.js +4 -4
  170. package/dist/cjs/bq-slider.cjs.entry.js.map +1 -1
  171. package/dist/cjs/bq-spinner.cjs.entry.js +5 -5
  172. package/dist/cjs/bq-spinner.cjs.entry.js.map +1 -1
  173. package/dist/cjs/bq-status.cjs.entry.js +3 -3
  174. package/dist/cjs/bq-status.cjs.entry.js.map +1 -1
  175. package/dist/cjs/bq-step-item.cjs.entry.js +7 -7
  176. package/dist/cjs/bq-step-item.cjs.entry.js.map +1 -1
  177. package/dist/cjs/bq-steps.cjs.entry.js +1 -1
  178. package/dist/cjs/bq-switch.cjs.entry.js +5 -5
  179. package/dist/cjs/bq-switch.cjs.entry.js.map +1 -1
  180. package/dist/cjs/bq-tab-group.cjs.entry.js +2 -2
  181. package/dist/cjs/bq-tab-group.cjs.entry.js.map +1 -1
  182. package/dist/cjs/bq-tab.cjs.entry.js +6 -6
  183. package/dist/cjs/bq-tab.cjs.entry.js.map +1 -1
  184. package/dist/cjs/bq-textarea.cjs.entry.js +2 -2
  185. package/dist/cjs/bq-textarea.cjs.entry.js.map +1 -1
  186. package/dist/cjs/bq-toast.cjs.entry.js +1 -1
  187. package/dist/cjs/bq-tooltip.cjs.entry.js +1 -1
  188. package/dist/cjs/{index-34edf639.js → index-a38a0b5b.js} +2 -20
  189. package/dist/cjs/index-a38a0b5b.js.map +1 -0
  190. package/dist/cjs/index.cjs.js +3 -3
  191. package/dist/cjs/{isDefined-869f6a26.js → isDefined-30812dd7.js} +2 -2
  192. package/dist/cjs/{isDefined-869f6a26.js.map → isDefined-30812dd7.js.map} +1 -1
  193. package/dist/cjs/loader.cjs.js +1 -1
  194. package/dist/collection/components/accordion/bq-accordion.js +2 -2
  195. package/dist/collection/components/accordion/bq-accordion.js.map +1 -1
  196. package/dist/collection/components/accordion/scss/bq-accordion.css +1 -1
  197. package/dist/collection/components/alert/bq-alert.js +3 -3
  198. package/dist/collection/components/alert/bq-alert.js.map +1 -1
  199. package/dist/collection/components/alert/scss/bq-alert.css +1 -1
  200. package/dist/collection/components/breadcrumb-item/scss/bq-breadcrumb-item.css +1 -1
  201. package/dist/collection/components/button/scss/bq-button.css +1 -1
  202. package/dist/collection/components/checkbox/bq-checkbox.js +1 -1
  203. package/dist/collection/components/checkbox/bq-checkbox.js.map +1 -1
  204. package/dist/collection/components/checkbox/scss/bq-checkbox.css +1 -1
  205. package/dist/collection/components/date-picker/bq-date-picker.js +1 -1
  206. package/dist/collection/components/date-picker/bq-date-picker.js.map +1 -1
  207. package/dist/collection/components/date-picker/scss/bq-date-picker.css +1 -1
  208. package/dist/collection/components/dialog/scss/bq-dialog.css +1 -1
  209. package/dist/collection/components/divider/scss/bq-divider.css +1 -1
  210. package/dist/collection/components/drawer/bq-drawer.js +2 -2
  211. package/dist/collection/components/drawer/bq-drawer.js.map +1 -1
  212. package/dist/collection/components/drawer/scss/bq-drawer.css +1 -1
  213. package/dist/collection/components/empty-state/bq-empty-state.js +4 -4
  214. package/dist/collection/components/empty-state/bq-empty-state.js.map +1 -1
  215. package/dist/collection/components/empty-state/scss/bq-empty-state.css +1 -1
  216. package/dist/collection/components/input/scss/bq-input.css +1 -1
  217. package/dist/collection/components/progress/bq-progress.js +5 -4
  218. package/dist/collection/components/progress/bq-progress.js.map +1 -1
  219. package/dist/collection/components/progress/scss/bq-progress.css +1 -1
  220. package/dist/collection/components/radio/scss/bq-radio.css +1 -1
  221. package/dist/collection/components/select/scss/bq-select.css +1 -1
  222. package/dist/collection/components/side-menu/scss/bq-side-menu.css +1 -1
  223. package/dist/collection/components/slider/bq-slider.js +2 -2
  224. package/dist/collection/components/slider/bq-slider.js.map +1 -1
  225. package/dist/collection/components/slider/scss/bq-slider.css +1 -1
  226. package/dist/collection/components/spinner/bq-spinner.js +3 -3
  227. package/dist/collection/components/spinner/bq-spinner.js.map +1 -1
  228. package/dist/collection/components/spinner/scss/bq-spinner.css +1 -1
  229. package/dist/collection/components/status/bq-status.js +1 -1
  230. package/dist/collection/components/status/bq-status.js.map +1 -1
  231. package/dist/collection/components/status/scss/bq-status.css +1 -1
  232. package/dist/collection/components/step-item/bq-step-item.js +5 -5
  233. package/dist/collection/components/step-item/bq-step-item.js.map +1 -1
  234. package/dist/collection/components/step-item/scss/bq-step-item.css +1 -1
  235. package/dist/collection/components/switch/bq-switch.js +3 -3
  236. package/dist/collection/components/switch/bq-switch.js.map +1 -1
  237. package/dist/collection/components/switch/scss/bq-switch.css +1 -1
  238. package/dist/collection/components/tab/bq-tab.js +4 -4
  239. package/dist/collection/components/tab/bq-tab.js.map +1 -1
  240. package/dist/collection/components/tab/scss/bq-tab.css +1 -1
  241. package/dist/collection/components/tab-group/scss/bq-tab-group.css +1 -1
  242. package/dist/collection/components/tag/scss/bq-tag.css +1 -1
  243. package/dist/collection/components/textarea/scss/bq-textarea.css +1 -1
  244. package/dist/collection/global/scripts/global.js.map +1 -1
  245. package/dist/components/bq-accordion.js +3 -3
  246. package/dist/components/bq-accordion.js.map +1 -1
  247. package/dist/components/bq-alert.js +4 -4
  248. package/dist/components/bq-alert.js.map +1 -1
  249. package/dist/components/bq-breadcrumb-item.js +1 -1
  250. package/dist/components/bq-breadcrumb-item.js.map +1 -1
  251. package/dist/components/bq-button2.js +1 -1
  252. package/dist/components/bq-button2.js.map +1 -1
  253. package/dist/components/bq-checkbox.js +2 -2
  254. package/dist/components/bq-checkbox.js.map +1 -1
  255. package/dist/components/bq-date-picker.js +2 -2
  256. package/dist/components/bq-date-picker.js.map +1 -1
  257. package/dist/components/bq-dialog.js +1 -1
  258. package/dist/components/bq-dialog.js.map +1 -1
  259. package/dist/components/bq-divider2.js +1 -1
  260. package/dist/components/bq-divider2.js.map +1 -1
  261. package/dist/components/bq-drawer.js +3 -3
  262. package/dist/components/bq-drawer.js.map +1 -1
  263. package/dist/components/bq-empty-state.js +5 -5
  264. package/dist/components/bq-empty-state.js.map +1 -1
  265. package/dist/components/bq-input.js +1 -1
  266. package/dist/components/bq-input.js.map +1 -1
  267. package/dist/components/bq-option.js.map +1 -1
  268. package/dist/components/bq-progress.js +6 -5
  269. package/dist/components/bq-progress.js.map +1 -1
  270. package/dist/components/bq-radio.js +1 -1
  271. package/dist/components/bq-radio.js.map +1 -1
  272. package/dist/components/bq-select.js +1 -1
  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-side-menu.js.map +1 -1
  276. package/dist/components/bq-slider.js +3 -3
  277. package/dist/components/bq-slider.js.map +1 -1
  278. package/dist/components/bq-spinner.js +4 -4
  279. package/dist/components/bq-spinner.js.map +1 -1
  280. package/dist/components/bq-status.js +2 -2
  281. package/dist/components/bq-status.js.map +1 -1
  282. package/dist/components/bq-step-item.js +6 -6
  283. package/dist/components/bq-step-item.js.map +1 -1
  284. package/dist/components/bq-switch.js +4 -4
  285. package/dist/components/bq-switch.js.map +1 -1
  286. package/dist/components/bq-tab-group.js +1 -1
  287. package/dist/components/bq-tab-group.js.map +1 -1
  288. package/dist/components/bq-tab.js +5 -5
  289. package/dist/components/bq-tab.js.map +1 -1
  290. package/dist/components/bq-tag2.js +1 -1
  291. package/dist/components/bq-tag2.js.map +1 -1
  292. package/dist/components/bq-textarea.js +1 -1
  293. package/dist/components/bq-textarea.js.map +1 -1
  294. package/dist/esm/{assetsPath-630898a9.js → assetsPath-653f7ee2.js} +2 -2
  295. package/dist/esm/{assetsPath-630898a9.js.map → assetsPath-653f7ee2.js.map} +1 -1
  296. package/dist/esm/beeq.js +2 -2
  297. package/dist/esm/bq-accordion-group.entry.js +1 -1
  298. package/dist/esm/bq-accordion.entry.js +4 -4
  299. package/dist/esm/bq-accordion.entry.js.map +1 -1
  300. package/dist/esm/bq-alert.entry.js +5 -5
  301. package/dist/esm/bq-alert.entry.js.map +1 -1
  302. package/dist/esm/bq-avatar.entry.js +1 -1
  303. package/dist/esm/bq-badge.entry.js +1 -1
  304. package/dist/esm/bq-breadcrumb-item.entry.js +3 -3
  305. package/dist/esm/bq-breadcrumb-item.entry.js.map +1 -1
  306. package/dist/esm/bq-breadcrumb.entry.js +1 -1
  307. package/dist/esm/bq-button_2.entry.js +4 -4
  308. package/dist/esm/bq-button_2.entry.js.map +1 -1
  309. package/dist/esm/bq-card.entry.js +1 -1
  310. package/dist/esm/bq-checkbox.entry.js +3 -3
  311. package/dist/esm/bq-checkbox.entry.js.map +1 -1
  312. package/dist/esm/bq-date-picker.entry.js +4 -4
  313. package/dist/esm/bq-date-picker.entry.js.map +1 -1
  314. package/dist/esm/bq-dialog.entry.js +2 -2
  315. package/dist/esm/bq-dialog.entry.js.map +1 -1
  316. package/dist/esm/bq-divider.entry.js +2 -2
  317. package/dist/esm/bq-divider.entry.js.map +1 -1
  318. package/dist/esm/bq-drawer.entry.js +4 -4
  319. package/dist/esm/bq-drawer.entry.js.map +1 -1
  320. package/dist/esm/bq-dropdown_2.entry.js +1 -1
  321. package/dist/esm/bq-empty-state.entry.js +6 -6
  322. package/dist/esm/bq-empty-state.entry.js.map +1 -1
  323. package/dist/esm/bq-input.entry.js +3 -3
  324. package/dist/esm/bq-input.entry.js.map +1 -1
  325. package/dist/esm/bq-notification.entry.js +1 -1
  326. package/dist/esm/bq-option-group.entry.js +1 -1
  327. package/dist/esm/bq-option-list_2.entry.js +2 -2
  328. package/dist/esm/bq-option-list_2.entry.js.map +1 -1
  329. package/dist/esm/bq-option.entry.js +1 -1
  330. package/dist/esm/bq-option.entry.js.map +1 -1
  331. package/dist/esm/bq-page-title.entry.js +1 -1
  332. package/dist/esm/bq-progress.entry.js +7 -6
  333. package/dist/esm/bq-progress.entry.js.map +1 -1
  334. package/dist/esm/bq-radio-group.entry.js +1 -1
  335. package/dist/esm/bq-radio.entry.js +2 -2
  336. package/dist/esm/bq-radio.entry.js.map +1 -1
  337. package/dist/esm/bq-select.entry.js +3 -3
  338. package/dist/esm/bq-select.entry.js.map +1 -1
  339. package/dist/esm/bq-side-menu-item.entry.js +1 -1
  340. package/dist/esm/bq-side-menu.entry.js +2 -2
  341. package/dist/esm/bq-side-menu.entry.js.map +1 -1
  342. package/dist/esm/bq-slider.entry.js +4 -4
  343. package/dist/esm/bq-slider.entry.js.map +1 -1
  344. package/dist/esm/bq-spinner.entry.js +5 -5
  345. package/dist/esm/bq-spinner.entry.js.map +1 -1
  346. package/dist/esm/bq-status.entry.js +3 -3
  347. package/dist/esm/bq-status.entry.js.map +1 -1
  348. package/dist/esm/bq-step-item.entry.js +7 -7
  349. package/dist/esm/bq-step-item.entry.js.map +1 -1
  350. package/dist/esm/bq-steps.entry.js +1 -1
  351. package/dist/esm/bq-switch.entry.js +5 -5
  352. package/dist/esm/bq-switch.entry.js.map +1 -1
  353. package/dist/esm/bq-tab-group.entry.js +2 -2
  354. package/dist/esm/bq-tab-group.entry.js.map +1 -1
  355. package/dist/esm/bq-tab.entry.js +6 -6
  356. package/dist/esm/bq-tab.entry.js.map +1 -1
  357. package/dist/esm/bq-textarea.entry.js +2 -2
  358. package/dist/esm/bq-textarea.entry.js.map +1 -1
  359. package/dist/esm/bq-toast.entry.js +1 -1
  360. package/dist/esm/bq-tooltip.entry.js +1 -1
  361. package/dist/esm/{index-033f1efb.js → index-9dfdd050.js} +2 -20
  362. package/dist/esm/index-9dfdd050.js.map +1 -0
  363. package/dist/esm/index.js +4 -4
  364. package/dist/esm/{isDefined-f356f816.js → isDefined-e92041ac.js} +2 -2
  365. package/dist/esm/{isDefined-f356f816.js.map → isDefined-e92041ac.js.map} +1 -1
  366. package/dist/esm/loader.js +2 -2
  367. package/dist/hydrate/index.js +60 -59
  368. package/dist/hydrate/index.mjs +60 -59
  369. package/dist/stencil.config.js +1 -0
  370. package/dist/stencil.config.js.map +1 -1
  371. package/dist/types/Users/dramos/PROJECTs/ENDAVA/BEEQ-Design-System/packages/beeq/.stencil/tailwind.config.d.ts +104 -78
  372. package/dist/types/global/scripts/global.d.ts +4 -0
  373. package/package.json +1 -1
  374. package/dist/beeq/p-01df4baa.js +0 -1826
  375. package/dist/beeq/p-01df4baa.js.map +0 -1
  376. package/dist/beeq/p-01fe8efb.entry.js +0 -182
  377. package/dist/beeq/p-01fe8efb.entry.js.map +0 -1
  378. package/dist/beeq/p-03373320.entry.js +0 -318
  379. package/dist/beeq/p-03373320.entry.js.map +0 -1
  380. package/dist/beeq/p-0a981080.entry.js +0 -154
  381. package/dist/beeq/p-0ce76c54.entry.js +0 -103
  382. package/dist/beeq/p-0f786b44.entry.js +0 -458
  383. package/dist/beeq/p-0f786b44.entry.js.map +0 -1
  384. package/dist/beeq/p-16c6ece5.entry.js +0 -112
  385. package/dist/beeq/p-16c6ece5.entry.js.map +0 -1
  386. package/dist/beeq/p-2fe5f338.entry.js +0 -292
  387. package/dist/beeq/p-3043c826.entry.js +0 -133
  388. package/dist/beeq/p-38e70f78.entry.js +0 -133
  389. package/dist/beeq/p-38e70f78.entry.js.map +0 -1
  390. package/dist/beeq/p-398bfb48.entry.js +0 -242
  391. package/dist/beeq/p-398bfb48.entry.js.map +0 -1
  392. package/dist/beeq/p-41ac1d84.entry.js +0 -195
  393. package/dist/beeq/p-4eabcd51.entry.js +0 -82
  394. package/dist/beeq/p-4eabcd51.entry.js.map +0 -1
  395. package/dist/beeq/p-5ff6621d.entry.js +0 -134
  396. package/dist/beeq/p-60cbc966.entry.js +0 -85
  397. package/dist/beeq/p-68ff188d.entry.js +0 -144
  398. package/dist/beeq/p-69c766a3.entry.js +0 -213
  399. package/dist/beeq/p-76486949.entry.js +0 -347
  400. package/dist/beeq/p-76486949.entry.js.map +0 -1
  401. package/dist/beeq/p-8512b8ee.entry.js +0 -455
  402. package/dist/beeq/p-8512b8ee.entry.js.map +0 -1
  403. package/dist/beeq/p-8b16f130.entry.js +0 -210
  404. package/dist/beeq/p-8b16f130.entry.js.map +0 -1
  405. package/dist/beeq/p-9cab14ee.entry.js +0 -119
  406. package/dist/beeq/p-a23b23c4.entry.js +0 -213
  407. package/dist/beeq/p-a23b23c4.entry.js.map +0 -1
  408. package/dist/beeq/p-a44ae8fe.entry.js +0 -267
  409. package/dist/beeq/p-a697c8de.entry.js +0 -528
  410. package/dist/beeq/p-a697c8de.entry.js.map +0 -1
  411. package/dist/beeq/p-aacaaa35.entry.js +0 -209
  412. package/dist/beeq/p-b2df1479.entry.js +0 -270
  413. package/dist/beeq/p-b48788b5.js +0 -72
  414. package/dist/beeq/p-b77b52f2.entry.js +0 -188
  415. package/dist/beeq/p-b77b52f2.entry.js.map +0 -1
  416. package/dist/beeq/p-c6cbb8e2.js +0 -16
  417. package/dist/beeq/p-c83bc7fd.entry.js +0 -157
  418. package/dist/beeq/p-c83bc7fd.entry.js.map +0 -1
  419. package/dist/beeq/p-cb2b0014.entry.js +0 -363
  420. package/dist/beeq/p-cb2b0014.entry.js.map +0 -1
  421. package/dist/beeq/p-cfb8829b.entry.js +0 -100
  422. package/dist/beeq/p-d7067dae.entry.js +0 -151
  423. package/dist/beeq/p-d7dc7086.entry.js +0 -267
  424. package/dist/beeq/p-d7dc7086.entry.js.map +0 -1
  425. package/dist/beeq/p-e76e346b.entry.js +0 -334
  426. package/dist/beeq/p-e76e346b.entry.js.map +0 -1
  427. package/dist/beeq/p-f11a3beb.entry.js +0 -90
  428. package/dist/beeq/p-f1d6a960.entry.js +0 -271
  429. package/dist/beeq/p-f350516b.entry.js +0 -154
  430. package/dist/beeq/p-f350516b.entry.js.map +0 -1
  431. package/dist/beeq/p-f979d79a.entry.js +0 -120
  432. package/dist/beeq/p-faa3be41.entry.js.map +0 -1
  433. package/dist/beeq/p-fb809932.entry.js.map +0 -1
  434. package/dist/cjs/index-34edf639.js.map +0 -1
  435. package/dist/esm/index-033f1efb.js.map +0 -1
package/dist/beeq/p-bdbc5548.entry.js ADDED
@@ -0,0 +1,6 @@
1
+ /*!
2
+ * Built by Endavans
3
+ * © https://beeq.design - Apache 2 License.
4
+ */
5
+ import{r,c as e,g as a,h as b}from"./p-16340dba.js";import{d as t}from"./p-1defeea3.js";import{i as n}from"./p-fe8d5dea.js";import{i}from"./p-57621be1.js";import{i as o}from"./p-99829fc7.js";import{b as q}from"./p-d7ce7165.js";import"./p-ecd27cf2.js";const s='.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{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}.pointer-events-none{pointer-events:none}.me-\\[--bq-input--gap\\]{margin-inline-end:var(--bq-input--gap)}.ms-\\[--bq-input--gap\\]{margin-inline-start:var(--bq-input--gap)}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.flex-auto{flex:1 1 auto}.flex-grow{flex-grow:1}.cursor-inherit{cursor:inherit}.cursor-not-allowed{cursor:not-allowed}.appearance-none{appearance:none}.items-center{align-items:center}.rounded-\\[--bq-input--border-radius\\]{border-radius:var(--bq-input--border-radius)}.rounded-xs{border-radius:var(--bq-radius--xs)}.border-\\[length\\:--bq-input--border-width\\]{border-width:var(--bq-input--border-width)}.border-none{border-style:none}.border-\\[color\\:--bq-input--border-color-focus\\]{border-color:var(--bq-input--border-color-focus)}.border-\\[color\\:--bq-input--border-color\\]{border-color:var(--bq-input--border-color)}.border-danger{border-color:var(--bq-stroke--danger)}.border-success{border-color:var(--bq-stroke--success)}.border-warning{border-color:var(--bq-stroke--warning)}.bg-inherit{background-color:inherit}.pe-\\[--bq-input--padding-end\\]{padding-inline-end:var(--bq-input--padding-end)}.ps-\\[--bq-input--padding-start\\]{padding-inline-start:var(--bq-input--padding-start)}.font-inherit{font-family:inherit}.text-\\[length\\:--bq-input--helper-text-size\\]{font-size:var(--bq-input--helper-text-size)}.text-\\[length\\:--bq-input--label-text-size\\]{font-size:var(--bq-input--label-text-size)}.text-\\[length\\:--bq-input--text-size\\]{font-size:var(--bq-input--text-size)}.text-\\[length\\:inherit\\]{font-size:inherit}.text-\\[color\\:--bq-input--helper-text-color\\]{color:var(--bq-input--helper-text-color)}.text-\\[color\\:--bq-input--label-text-color\\]{color:var(--bq-input--label-text-color)}.text-\\[color\\:--bq-input--text-color\\]{color:var(--bq-input--text-color)}.text-danger{color:var(--bq-text--danger)}.text-success{color:var(--bq-text--success)}.text-warning{color:var(--bq-text--warning)}.opacity-60{opacity:.6}.transition-\\[border-color\\2c box-shadow\\]{transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.border-active-danger{border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.border-active-success{border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.border-active-warning{border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.bs-auto{block-size:auto}.is-full{inline-size:100%}.min-bs-\\[--bq-input--icon-size\\]{min-block-size:var(--bq-input--icon-size)}.min-is-0{min-inline-size:0}.p-b-0{padding-block:0}.p-b-\\[--bq-input--paddingY\\]{padding-block:var(--bq-input--paddingY)}.p-i-0{padding-inline:0}.m-b-0{margin-block:0}.m-be-\\[--bq-input--label-margin-bottom\\]{margin-block-end:var(--bq-input--label-margin-bottom)}.m-bs-\\[--bq-input--helper-margin-top\\]{margin-block-start:var(--bq-input--helper-margin-top)}.m-i-0{margin-inline:0}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}@-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-input--background-color:var(--bq-ui--primary);--bq-input--border-color:var(--bq-stroke--tertiary);--bq-input--border-color-focus:var(--bq-stroke--brand);--bq-input--border-radius:var(--bq-radius--s);--bq-input--border-width:var(--bq-stroke-s);--bq-input--border-style:solid;--bq-input--gap:var(--bq-spacing-xs);--bq-input--helper-margin-top:var(--bq-spacing-xs);--bq-input--helper-text-size:var(--bq-font-size--s);--bq-input--helper-text-color:var(--bq-text--primary);--bq-input--icon-size:24px;--bq-input--label-margin-bottom:var(--bq-spacing-xs);--bq-input--label-text-size:var(--bq-font-size--s);--bq-input--label-text-color:var(--bq-text--primary);--bq-input--padding-start:var(--bq-spacing-m);--bq-input--padding-end:var(--bq-spacing-m);--bq-input--paddingY:var(--bq-spacing-s);--bq-input--text-color:var(--bq-text--primary);--bq-input--text-size:var(--bq-font-size--m);--bq-input--text-placeholder-color:var(--bq-text--secondary);display:block;inline-size:100%}.bq-input--label{align-items:center;color:var(--bq-input--label-text-color);display:flex;flex-grow:1;font-size:var(--bq-input--label-text-size);margin-block-end:var(--bq-input--label-margin-bottom)}.bq-input--helper-text{color:var(--bq-input--helper-text-color);font-size:var(--bq-input--helper-text-size);margin-block-start:var(--bq-input--helper-margin-top)}.bq-input--helper-text.validation-error{color:var(--bq-text--danger)}.bq-input--helper-text.validation-success{color:var(--bq-text--success)}.bq-input--helper-text.validation-warning{color:var(--bq-text--warning)}.bq-input--control{align-items:center;border-color:var(--bq-input--border-color);border-radius:var(--bq-input--border-radius);border-style:var(--bq-input--border-style);border-width:var(--bq-input--border-width);color:var(--bq-input--text-color);display:flex;font-size:var(--bq-input--text-size);inline-size:100%;padding-block:var(--bq-input--paddingY);padding-inline-end:var(--bq-input--padding-end);padding-inline-start:var(--bq-input--padding-start);transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-input--control::placeholder{color:var(--bq-input--text-placeholder-color)}.bq-input--control:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--brand),var(--bq-hover) 20%)}.bq-input--control:not(.disabled):focus-within{--bq-ring-width:1px;--bq-ring-offset-width:0;--bq-ring-color-focus:var(--bq-input--border-color-focus);border-color:var(--bq-input--border-color-focus);outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-input--control:not(.disabled):focus-within .bq-input--control__clear,.bq-input--control:not(.disabled):hover .bq-input--control__clear{display:inline-block}.bq-input--control.disabled{cursor:not-allowed;opacity:.6}.bq-input--control.validation-error{border-color:var(--bq-stroke--danger)}.bq-input--control.validation-error:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-hover) 20%)}.bq-input--control.validation-error:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--danger);border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.bq-input--control.validation-success{border-color:var(--bq-stroke--success)}.bq-input--control.validation-success:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-hover) 20%)}.bq-input--control.validation-success:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--success);border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.bq-input--control.validation-warning{border-color:var(--bq-stroke--warning)}.bq-input--control.validation-warning:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-hover) 20%)}.bq-input--control.validation-warning:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--warning);border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.bq-input--control__input{appearance:none;background-color:inherit;border-style:none;-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:inherit;flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;margin-block:0;margin-inline:0;min-block-size:var(--bq-input--icon-size);min-inline-size:0;padding-block:0;padding-inline:0}.bq-input--control__input:focus{outline:2px solid transparent;outline-offset:2px}.bq-input--control__input:focus-visible{outline:2px solid transparent;outline-offset:2px}.bq-input--control__clear::part(button){--bq-ring-width:initial;--bq-ring-offset-width:initial;--bq-ring-color-focus:initial;block-size:auto;border-radius:var(--bq-radius--xs);border-style:none;padding-block:0;padding-inline:0}.bq-input--control__prefix,.bq-input--control__suffix{align-items:center;color:var(--bq-input--text-color);display:flex;pointer-events:none}.bq-input--control__prefix{margin-inline-end:var(--bq-input--gap)}.bq-input--control__suffix{margin-inline-start:var(--bq-input--gap)}::slotted(bq-icon),bq-icon{--bq-icon--size:var(--bq-input--icon-size)!important}.bq-input--control__input::-moz-search-cancel{appearance:none;display:none}.bq-input--control__input::-webkit-search-cancel-button,.bq-input--control__input::-webkit-search-decoration,.bq-input--control__input::-webkit-search-results-button,.bq-input--control__input::-webkit-search-results-decoration{appearance:none;display:none}.bq-input--control__input::-webkit-datetime-edit,.bq-input--control__input::-webkit-datetime-edit-day-field,.bq-input--control__input::-webkit-datetime-edit-fields-wrapper,.bq-input--control__input::-webkit-datetime-edit-hour-field,.bq-input--control__input::-webkit-datetime-edit-meridiem-field,.bq-input--control__input::-webkit-datetime-edit-millisecond-field,.bq-input--control__input::-webkit-datetime-edit-minute-field,.bq-input--control__input::-webkit-datetime-edit-month-field,.bq-input--control__input::-webkit-datetime-edit-second-field,.bq-input--control__input::-webkit-datetime-edit-year-field{padding-block:0;padding-inline:0}.placeholder\\:text-\\[color\\:--bq-input--text-placeholder-color\\]::placeholder{color:var(--bq-input--text-placeholder-color)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.visible{visibility:visible}.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)}';const l=s;const d=class{constructor(a){r(this,a);this.bqBlur=e(this,"bqBlur",7);this.bqChange=e(this,"bqChange",7);this.bqClear=e(this,"bqClear",7);this.bqFocus=e(this,"bqFocus",7);this.bqInput=e(this,"bqInput",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.hasHelperText=false;this.hasLabel=false;this.hasPrefix=false;this.hasSuffix=false;this.hasValue=false;this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autofocus=undefined;this.clearButtonLabel="Clear value";this.debounceTime=0;this.disabled=false;this.disableClear=false;this.form=undefined;this.inputmode=undefined;this.max=undefined;this.maxlength=undefined;this.min=undefined;this.minlength=undefined;this.name=undefined;this.pattern=undefined;this.placeholder=undefined;this.readonly=undefined;this.required=undefined;this.step=undefined;this.type="text";this.validationStatus="none";this.value=undefined}helperTextElem;inputElem;labelElem;prefixElem;suffixElem;debounceBqInput;fallbackInputId="input";get el(){return a(this)}internals;handleValueChange(){if(Array.isArray(this.value)){this.hasValue=this.value.some((r=>r.length>0));this.internals.setFormValue(this.value.join(","));return}this.hasValue=n(this.value);this.internals.setFormValue(`${this.value}`)}bqBlur;bqChange;bqClear;bqFocus;bqInput;componentWillLoad(){this.handleValueChange()}formResetCallback(){if(o(this.value))return;this.handleClear()}handleBlur=()=>{if(this.disabled)return;this.bqBlur.emit(this.el)};handleFocus=()=>{if(this.disabled)return;this.bqFocus.emit(this.el)};handleInput=r=>{if(this.disabled)return;this.debounceBqInput?.cancel();if(!i(r.target,"input"))return;this.value=this.type==="number"?Number(r.target.value):r.target.value;this.internals.setFormValue(`${this.value}`);this.debounceBqInput=t((()=>{this.bqInput.emit({value:this.value,el:this.el})}),this.debounceTime);this.debounceBqInput()};handleChange=r=>{if(this.disabled)return;if(!i(r.target,"input"))return;this.value=this.type==="number"?Number(r.target.value):r.target.value;this.internals.setFormValue(`${this.value}`);this.bqChange.emit({value:this.value,el:this.el})};handleClear=()=>{if(this.disabled)return;const{inputElem:r,internals:e}=this;r.value="";this.value=r.value;e.setFormValue(undefined)};handleClearClick=r=>{r.stopPropagation();this.handleClear();const{bqClear:e,bqChange:a,bqInput:b,el:t,inputElem:n}=this;e.emit(t);b.emit({value:this.value,el:t});a.emit({value:this.value,el:t});n.focus()};handleLabelSlotChange=()=>{this.hasLabel=q(this.labelElem)};handlePrefixSlotChange=()=>{this.hasPrefix=q(this.prefixElem)};handleSuffixSlotChange=()=>{this.hasSuffix=q(this.suffixElem)};handleHelperTextSlotChange=()=>{this.hasHelperText=q(this.helperTextElem)};render(){return b("div",{key:"6456eb631d27ddd492c0d91d0b694f51694f2c76",class:"bq-input",part:"base"},b("label",{key:"99261b13e0b8e16bb43d94b216e90668adb6ac06",class:{"bq-input--label":true,"!hidden":!this.hasLabel},"aria-label":this.name||this.fallbackInputId,htmlFor:this.name||this.fallbackInputId,ref:r=>this.labelElem=r,part:"label"},b("slot",{key:"3723c9a8f0aecbf621a4f198f7d4f738b35c3384",name:"label",onSlotchange:this.handleLabelSlotChange})),b("div",{key:"3fe4343a4e09f1fcdd70b6af6ff2e2eebe112534",class:{"bq-input--control":true,[`validation-${this.validationStatus}`]:true,disabled:this.disabled},part:"control"},b("span",{key:"4e64970f78b42b4bcf44f6de7073db2324d38765",class:{"bq-input--control__prefix":true,"!hidden":!this.hasPrefix},ref:r=>this.prefixElem=r,part:"prefix"},b("slot",{key:"fc2e6bb67df93c3a87fe6dad685820232d7246ec",name:"prefix",onSlotchange:this.handlePrefixSlotChange})),b("input",{key:"aa0c14e4ca2e93cde4b7f230b12f7db0b5bf2230",id:this.name||this.fallbackInputId,class:"bq-input--control__input","aria-disabled":this.disabled?"true":"false",autoCapitalize:this.autocapitalize,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,disabled:this.disabled,form:this.form,inputMode:this.inputmode,max:this.max,maxLength:this.maxlength,min:this.min,minLength:this.minlength,name:this.name,pattern:this.pattern,placeholder:this.placeholder,ref:r=>this.inputElem=r,readOnly:this.readonly,required:this.required,step:this.step,type:this.type,value:this.value,part:"input",onBlur:this.handleBlur,onChange:this.handleChange,onFocus:this.handleFocus,onInput:this.handleInput}),this.hasValue&&!this.disabled&&!this.disableClear&&b("bq-button",{key:"438ee180851fbe11732c1408a751fb010b6b58cd",class:"bq-input--control__clear ms-[--bq-input--gap] hidden",appearance:"text","aria-label":this.clearButtonLabel,size:"small",onBqClick:this.handleClearClick,part:"clear-btn",exportparts:"button"},b("slot",{key:"009efda0f6ae4ded256254418595ec3563af5784",name:"clear-icon"},b("bq-icon",{key:"9cdd1ec62e9affa29840f0c0981f962df1aa7827",name:"x-circle",class:"flex"}))),b("span",{key:"263c324984728cf8b4877eebf2256024afab618e",class:{"bq-input--control__suffix":true,"!hidden":!this.hasSuffix},ref:r=>this.suffixElem=r,part:"suffix"},b("slot",{key:"b35dde7b503e64d6e30847c47cbfadbeb52d591a",name:"suffix",onSlotchange:this.handleSuffixSlotChange}))),b("div",{key:"6e7ea829ab13d136fe457382b2d8d153de1b0d27",class:{[`bq-input--helper-text validation-${this.validationStatus}`]:true,"!hidden":!this.hasHelperText},ref:r=>this.helperTextElem=r,part:"helper-text"},b("slot",{key:"aefb690ab249d44658abbdd2b4e17bc578d76088",name:"helper-text",onSlotchange:this.handleHelperTextSlotChange})))}static get delegatesFocus(){return true}static get formAssociated(){return true}static get watchers(){return{value:["handleValueChange"]}}};d.style=l;export{d as bq_input};
6
+ //# sourceMappingURL=p-bdbc5548.entry.js.map
package/dist/beeq/p-bdbc5548.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["bqInputCss","BqInputStyle0","BqInput","helperTextElem","inputElem","labelElem","prefixElem","suffixElem","debounceBqInput","fallbackInputId","internals","handleValueChange","Array","isArray","this","value","hasValue","some","val","length","setFormValue","join","isDefined","bqBlur","bqChange","bqClear","bqFocus","bqInput","componentWillLoad","formResetCallback","isNil","handleClear","handleBlur","disabled","emit","el","handleFocus","handleInput","ev","cancel","isHTMLElement","target","type","Number","debounce","debounceTime","handleChange","undefined","handleClearClick","stopPropagation","focus","handleLabelSlotChange","hasLabel","hasSlotContent","handlePrefixSlotChange","hasPrefix","handleSuffixSlotChange","hasSuffix","handleHelperTextSlotChange","hasHelperText","render","h","key","class","part","name","htmlFor","ref","onSlotchange","validationStatus","spanElem","id","autoCapitalize","autocapitalize","autoComplete","autocomplete","autoCorrect","autocorrect","form","inputMode","inputmode","max","maxLength","maxlength","min","minLength","minlength","pattern","placeholder","readOnly","readonly","required","step","onBlur","onChange","onFocus","onInput","disableClear","appearance","clearButtonLabel","size","onBqClick","exportparts","divElem"],"sources":["../../packages/beeq/src/components/input/scss/bq-input.scss?tag=bq-input&encapsulation=shadow","../../packages/beeq/src/components/input/bq-input.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/* Input styles */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-input.variables';\n\n:host {\n @apply block is-full;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Label and Helper text */\n/* -------------------------------------------------------------------------- */\n\n.bq-input--label {\n @apply flex flex-grow items-center m-be-[--bq-input--label-margin-bottom];\n @apply text-[length:--bq-input--label-text-size] text-[color:--bq-input--label-text-color];\n}\n\n.bq-input--helper-text {\n @apply text-[length:--bq-input--helper-text-size] text-[color:--bq-input--helper-text-color] m-bs-[--bq-input--helper-margin-top];\n}\n\n.bq-input--helper-text.validation-error {\n @apply text-danger;\n}\n\n.bq-input--helper-text.validation-success {\n @apply text-success;\n}\n\n.bq-input--helper-text.validation-warning {\n @apply text-warning;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Input group control */\n/* -------------------------------------------------------------------------- */\n\n.bq-input--control {\n @apply flex items-center transition-[border-color,box-shadow] is-full;\n // Border\n @apply rounded-[--bq-input--border-radius] border-[length:--bq-input--border-width] border-[color:--bq-input--border-color];\n // Padding\n @apply pe-[--bq-input--padding-end] ps-[--bq-input--padding-start] p-b-[--bq-input--paddingY];\n // Text\n @apply text-[length:--bq-input--text-size] text-[color:--bq-input--text-color] placeholder:text-[color:--bq-input--text-placeholder-color];\n // Hover\n @apply [&:not(.disabled):not(:focus-within)]:hover:border-hover-brand;\n\n border-style: var(--bq-input--border-style);\n\n // Focus\n &:not(.disabled):focus-within {\n --bq-ring-width: 1px;\n --bq-ring-offset-width: 0;\n --bq-ring-color-focus: var(--bq-input--border-color-focus);\n\n @apply focus border-[color:--bq-input--border-color-focus];\n }\n\n // Enable clear button whenever the input group control is hovered or has focus\n &:not(.disabled):hover,\n &:not(.disabled):focus-within {\n .bq-input--control__clear {\n @apply inline-block;\n }\n }\n}\n\n.bq-input--control.disabled {\n @apply cursor-not-allowed opacity-60;\n}\n\n/* ------------------------------- Validation ------------------------------- */\n\n.bq-input--control.validation-error {\n @apply border-danger [&:not(.disabled):not(:focus-within)]:hover:border-hover-danger;\n\n &:not(.disabled):focus-within {\n --bq-ring-color-focus: theme(stroke.danger);\n\n @apply border-active-danger;\n }\n}\n\n.bq-input--control.validation-success {\n @apply border-success [&:not(.disabled):not(:focus-within)]:hover:border-hover-success;\n\n &:not(.disabled):focus-within {\n --bq-ring-color-focus: theme(stroke.success);\n\n @apply border-active-success;\n }\n}\n\n.bq-input--control.validation-warning {\n @apply border-warning [&:not(.disabled):not(:focus-within)]:hover:border-hover-warning;\n\n &:not(.disabled):focus-within {\n --bq-ring-color-focus: theme(stroke.warning);\n\n @apply border-active-warning;\n }\n}\n\n/* -------------------------------------------------------------------------- */\n/* Native HTML Input */\n/* -------------------------------------------------------------------------- */\n\n.bq-input--control__input {\n @apply flex-auto cursor-inherit appearance-none bg-inherit font-inherit text-[length:inherit] text-inherit;\n @apply border-none min-bs-[--bq-input--icon-size] min-is-0 p-b-0 p-i-0 m-b-0 m-i-0 focus:outline-none focus-visible:outline-none;\n\n box-shadow: none;\n font-weight: inherit;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Clear button */\n/* -------------------------------------------------------------------------- */\n\n.bq-input--control__clear::part(button) {\n // Since the clear button is inside the input group control,\n // we need to reset the focus ring styles\n --bq-ring-width: initial;\n --bq-ring-offset-width: initial;\n --bq-ring-color-focus: initial;\n\n @apply rounded-xs border-none bs-auto p-b-0 p-i-0;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Prefix and suffix */\n/* -------------------------------------------------------------------------- */\n\n.bq-input--control__prefix,\n.bq-input--control__suffix {\n @apply pointer-events-none flex items-center text-[color:--bq-input--text-color];\n}\n\n.bq-input--control__prefix {\n @apply me-[--bq-input--gap];\n}\n\n.bq-input--control__suffix {\n @apply ms-[--bq-input--gap];\n}\n\n/* -------------------------------------------------------------------------- */\n/* Slotted and internal icons */\n/* -------------------------------------------------------------------------- */\n\nbq-icon,\n::slotted(bq-icon) {\n --bq-icon--size: var(--bq-input--icon-size) !important;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Hide webkit clear button */\n/* -------------------------------------------------------------------------- */\n\n/* Remove clear controls from search input */\n\n.bq-input--control__input::-moz-search-cancel {\n @apply hidden appearance-none;\n}\n\n.bq-input--control__input::-webkit-search-decoration,\n.bq-input--control__input::-webkit-search-cancel-button,\n.bq-input--control__input::-webkit-search-results-button,\n.bq-input--control__input::-webkit-search-results-decoration {\n @apply hidden appearance-none;\n}\n\n/* Remove native control extra padding from input date and datetime */\n\n.bq-input--control__input::-webkit-datetime-edit-fields-wrapper,\n.bq-input--control__input::-webkit-datetime-edit,\n.bq-input--control__input::-webkit-datetime-edit-year-field,\n.bq-input--control__input::-webkit-datetime-edit-month-field,\n.bq-input--control__input::-webkit-datetime-edit-day-field,\n.bq-input--control__input::-webkit-datetime-edit-hour-field,\n.bq-input--control__input::-webkit-datetime-edit-minute-field,\n.bq-input--control__input::-webkit-datetime-edit-second-field,\n.bq-input--control__input::-webkit-datetime-edit-millisecond-field,\n.bq-input--control__input::-webkit-datetime-edit-meridiem-field {\n @apply p-b-0 p-i-0;\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\n\nimport { TInputType, TInputValidation, TInputValue } from './bq-input.types';\nimport { debounce, hasSlotContent, isDefined, isHTMLElement, isNil, TDebounce } from '../../shared/utils';\n\n/**\n * @part base - The component's base wrapper.\n * @part button - The native HTML button used under the hood in the clear button.\n * @part clear-btn - The clear button.\n * @part control - The input control wrapper.\n * @part helper-text - The helper text slot container.\n * @part label - The label slot container.\n * @part input - The native HTML input element used under the hood.\n * @part prefix - The prefix slot container.\n * @part suffix - The suffix slot container.\n */\n@Component({\n tag: 'bq-input',\n styleUrl: './scss/bq-input.scss',\n formAssociated: true,\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class BqInput {\n // Own Properties\n // ====================\n\n private helperTextElem?: HTMLElement;\n private inputElem?: HTMLInputElement;\n private labelElem?: HTMLElement;\n private prefixElem?: HTMLElement;\n private suffixElem?: HTMLElement;\n\n private debounceBqInput: TDebounce<void>;\n private fallbackInputId = 'input';\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqInputElement;\n @AttachInternals() internals!: ElementInternals;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() hasHelperText = false;\n @State() hasLabel = false;\n @State() hasPrefix = false;\n @State() hasSuffix = false;\n @State() hasValue = false;\n\n // Public Property API\n // ========================\n\n /**\n * Controls whether or not the input field should be capitalized and how.\n * Possible values are 'off', 'none', 'on', 'sentences', 'words', and 'characters'.\n * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize\n */\n @Prop({ reflect: true }) autocapitalize: string = 'off';\n\n /**\n * Specifies whether or not the input field should have autocomplete enabled.\n * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\n */\n @Prop({ reflect: true }) autocomplete: string = 'off';\n\n /**\n * Controls whether or not the input field should have autocorrect enabled.\n * Possible values are 'on' and 'off'.\n */\n @Prop({ reflect: true }) autocorrect: 'on' | 'off' = 'off';\n\n /** If true, the input will be focused on component render */\n @Prop({ reflect: true }) autofocus: boolean;\n\n /** The clear button aria label */\n @Prop({ reflect: true }) clearButtonLabel? = 'Clear value';\n\n /**\n * The amount of time, in milliseconds, to wait before emitting the `bqInput` event after the input value changes.\n * A value of 0 means no debouncing will occur.\n */\n @Prop({ reflect: true, mutable: true }) debounceTime? = 0;\n\n /**\n * Indicates whether the input is disabled or not.\n * If `true`, the input is disabled and cannot be interacted with.\n */\n @Prop({ mutable: true }) disabled?: boolean = false;\n\n /** If true, the clear button won't be displayed */\n @Prop({ reflect: true }) disableClear? = false;\n\n /** The ID of the form that the input field belongs to. */\n @Prop({ reflect: true }) form?: string;\n\n /**\n * The inputmode attribute specifies what kind of input mechanism would be most helpful for users entering content into the input field.\n * This allows a browser to display an appropriate virtual keyboard while editing.\n * Possible values are 'none', 'text', 'decimal', 'numeric', 'tel', 'search', 'email', 'url', and 'date'.\n */\n @Prop() inputmode?: string;\n\n /**\n * The maximum value that the input field can accept.\n * Only applies to date and number input types.\n */\n @Prop({ reflect: true }) max?: number | string;\n\n /** The maximum number of characters that the input field can accept. */\n @Prop({ reflect: true }) maxlength: number;\n\n /**\n * The minimum value that the input field can accept.\n * Only applies to date and number input types.\n */\n @Prop({ reflect: true }) min?: number | string;\n\n /** The minimum number of characters that the input field can accept. */\n @Prop({ reflect: true }) minlength: number;\n\n /** The input field name. */\n @Prop({ reflect: true }) name!: string;\n\n /**\n * Specifies a regular expression the form control's value should match.\n * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern\n */\n @Prop({ reflect: true }) pattern?: string;\n\n /** The input placeholder text value */\n @Prop({ reflect: true }) placeholder?: string;\n\n /** If true, the input field cannot be modified. */\n @Prop({ reflect: true }) readonly?: boolean;\n\n /** Indicates whether or not the input field is required to be filled out before submitting the form. */\n @Prop({ reflect: true }) required?: boolean;\n\n /**\n * A number that specifies the granularity that the value must adhere to.\n * Valid for date, month, week, time, datetime-local, number, and range.\n * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step\n */\n @Prop({ reflect: true }) step: number | 'any';\n\n /**\n * The type attribute specifies the type of input field to display.\n * Possible values are 'text', 'password', 'email', 'number', 'tel', 'search', 'url', and more.\n * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types\n */\n @Prop({ reflect: true }) type: TInputType = 'text';\n\n /**\n * The validation status of the input.\n *\n * @remarks\n * This property is used to indicate the validation status of the input. It can be set to one of the following values:\n * - `'none'`: No validation status is set.\n * - `'error'`: The input has a validation error.\n * - `'warning'`: The input has a validation warning.\n * - `'success'`: The input has passed validation.\n */\n @Prop({ reflect: true }) validationStatus: TInputValidation = 'none';\n\n /** The input value, it can be used to reset the input to a previous value */\n @Prop({ reflect: true, mutable: true }) value: TInputValue;\n\n // Prop lifecycle events\n // =======================\n\n @Watch('value')\n handleValueChange() {\n if (Array.isArray(this.value)) {\n this.hasValue = this.value.some((val) => val.length > 0);\n this.internals.setFormValue(this.value.join(','));\n return;\n }\n\n this.hasValue = isDefined(this.value);\n this.internals.setFormValue(`${this.value}`);\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n /** Callback handler emitted when the input loses focus */\n @Event() bqBlur!: EventEmitter<HTMLBqInputElement>;\n\n /**\n * Callback handler emitted when the input value has changed and the input loses focus.\n * This handler is called whenever the user finishes typing or pasting text into the input field and then clicks outside of the input field.\n */\n @Event() bqChange!: EventEmitter<{ value: string | number | string[]; el: HTMLBqInputElement }>;\n\n /** Callback handler emitted when the input value has been cleared */\n @Event() bqClear!: EventEmitter<HTMLBqInputElement>;\n\n /** Callback handler emitted when the input has received focus */\n @Event() bqFocus!: EventEmitter<HTMLBqInputElement>;\n\n /**\n * Callback handler emitted when the input value changes.\n * This handler is called whenever the user types or pastes text into the input field.\n */\n @Event() bqInput!: EventEmitter<{ value: string | number | string[]; el: HTMLBqInputElement }>;\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n componentWillLoad() {\n this.handleValueChange();\n }\n\n formResetCallback() {\n if (isNil(this.value)) return;\n\n this.handleClear();\n }\n\n // Listeners\n // ==============\n\n // Public methods API\n // These methods are exposed on the host element.\n // Always use two lines.\n // Public Methods must be async.\n // Requires JSDocs for public API documentation.\n // ===============================================\n\n // Local methods\n // Internal business logic.\n // These methods cannot be called from the host element.\n // =======================================================\n\n private handleBlur = () => {\n if (this.disabled) return;\n\n this.bqBlur.emit(this.el);\n };\n\n private handleFocus = () => {\n if (this.disabled) return;\n\n this.bqFocus.emit(this.el);\n };\n\n private handleInput = (ev: Event) => {\n if (this.disabled) return;\n\n this.debounceBqInput?.cancel();\n\n if (!isHTMLElement(ev.target, 'input')) return;\n this.value = this.type === 'number' ? Number(ev.target.value) : ev.target.value;\n this.internals.setFormValue(`${this.value}`);\n\n this.debounceBqInput = debounce(() => {\n this.bqInput.emit({ value: this.value, el: this.el });\n }, this.debounceTime);\n this.debounceBqInput();\n };\n\n private handleChange = (ev: Event) => {\n if (this.disabled) return;\n\n if (!isHTMLElement(ev.target, 'input')) return;\n this.value = this.type === 'number' ? Number(ev.target.value) : ev.target.value;\n this.internals.setFormValue(`${this.value}`);\n\n this.bqChange.emit({ value: this.value, el: this.el });\n };\n\n private handleClear = () => {\n if (this.disabled) return;\n\n const { inputElem, internals } = this;\n\n // Clear input element value\n inputElem.value = '';\n this.value = inputElem.value;\n\n // Update associated form control value\n internals.setFormValue(undefined);\n };\n\n private handleClearClick = (ev: CustomEvent) => {\n ev.stopPropagation();\n this.handleClear();\n\n const { bqClear, bqChange, bqInput, el, inputElem } = this;\n // Emit events\n bqClear.emit(el);\n bqInput.emit({ value: this.value, el });\n bqChange.emit({ value: this.value, el });\n // Refocus input element\n inputElem.focus();\n };\n\n private handleLabelSlotChange = () => {\n this.hasLabel = hasSlotContent(this.labelElem);\n };\n\n private handlePrefixSlotChange = () => {\n this.hasPrefix = hasSlotContent(this.prefixElem);\n };\n\n private handleSuffixSlotChange = () => {\n this.hasSuffix = hasSlotContent(this.suffixElem);\n };\n\n private handleHelperTextSlotChange = () => {\n this.hasHelperText = hasSlotContent(this.helperTextElem);\n };\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n return (\n <div class=\"bq-input\" part=\"base\">\n {/* Label */}\n <label\n class={{ 'bq-input--label': true, '!hidden': !this.hasLabel }}\n aria-label={this.name || this.fallbackInputId}\n htmlFor={this.name || this.fallbackInputId}\n ref={(labelElem) => (this.labelElem = labelElem)}\n part=\"label\"\n >\n <slot name=\"label\" onSlotchange={this.handleLabelSlotChange} />\n </label>\n {/* Input control group */}\n <div\n class={{\n 'bq-input--control': true,\n [`validation-${this.validationStatus}`]: true,\n disabled: this.disabled,\n }}\n part=\"control\"\n >\n {/* Prefix */}\n <span\n class={{ 'bq-input--control__prefix': true, '!hidden': !this.hasPrefix }}\n ref={(spanElem) => (this.prefixElem = spanElem)}\n part=\"prefix\"\n >\n <slot name=\"prefix\" onSlotchange={this.handlePrefixSlotChange} />\n </span>\n {/* HTML Input */}\n <input\n id={this.name || this.fallbackInputId}\n class=\"bq-input--control__input\"\n aria-disabled={this.disabled ? 'true' : 'false'}\n autoCapitalize={this.autocapitalize}\n autoComplete={this.autocomplete}\n autoCorrect={this.autocorrect}\n disabled={this.disabled}\n form={this.form}\n inputMode={this.inputmode}\n max={this.max}\n maxLength={this.maxlength}\n min={this.min}\n minLength={this.minlength}\n name={this.name}\n pattern={this.pattern}\n placeholder={this.placeholder}\n ref={(inputElem) => (this.inputElem = inputElem)}\n readOnly={this.readonly}\n required={this.required}\n step={this.step}\n type={this.type}\n value={this.value}\n part=\"input\"\n // Events\n onBlur={this.handleBlur}\n onChange={this.handleChange}\n onFocus={this.handleFocus}\n onInput={this.handleInput}\n />\n {/* Clear Button */}\n {this.hasValue && !this.disabled && !this.disableClear && (\n // The clear button will be visible as long as the input has a value\n // and the parent group is hovered or has focus-within\n <bq-button\n class=\"bq-input--control__clear ms-[--bq-input--gap] hidden\"\n appearance=\"text\"\n aria-label={this.clearButtonLabel}\n size=\"small\"\n onBqClick={this.handleClearClick}\n part=\"clear-btn\"\n exportparts=\"button\"\n >\n <slot name=\"clear-icon\">\n <bq-icon name=\"x-circle\" class=\"flex\" />\n </slot>\n </bq-button>\n )}\n {/* Suffix */}\n <span\n class={{ 'bq-input--control__suffix': true, '!hidden': !this.hasSuffix }}\n ref={(spanElem) => (this.suffixElem = spanElem)}\n part=\"suffix\"\n >\n <slot name=\"suffix\" onSlotchange={this.handleSuffixSlotChange} />\n </span>\n </div>\n {/* Helper text */}\n <div\n class={{\n [`bq-input--helper-text validation-${this.validationStatus}`]: true,\n '!hidden': !this.hasHelperText,\n }}\n ref={(divElem) => (this.helperTextElem = divElem)}\n part=\"helper-text\"\n >\n <slot name=\"helper-text\" onSlotchange={this.handleHelperTextSlotChange} />\n </div>\n </div>\n );\n }\n}\n"],"mappings":";;;;2PAAA,MAAMA,EAAa,ki5BACnB,MAAAC,EAAeD,E,MCuBFE,EAAO,M,iXAuBO,M,cACL,M,eACC,M,eACA,M,cACD,M,oBAU8B,M,kBAMF,M,iBAMK,M,+CAMR,c,kBAMW,E,cAMV,M,kBAGL,M,yRA4DG,O,sBAYkB,O,qBA1ItDC,eACAC,UACAC,UACAC,WACAC,WAEAC,gBACAC,gBAAkB,Q,wBAMPC,UAsInB,iBAAAC,GACE,GAAIC,MAAMC,QAAQC,KAAKC,OAAQ,CAC7BD,KAAKE,SAAWF,KAAKC,MAAME,MAAMC,GAAQA,EAAIC,OAAS,IACtDL,KAAKJ,UAAUU,aAAaN,KAAKC,MAAMM,KAAK,MAC5C,M,CAGFP,KAAKE,SAAWM,EAAUR,KAAKC,OAC/BD,KAAKJ,UAAUU,aAAa,GAAGN,KAAKC,Q,CAQ7BQ,OAMAC,SAGAC,QAGAC,QAMAC,QAMT,iBAAAC,GACEd,KAAKH,mB,CAGP,iBAAAkB,GACE,GAAIC,EAAMhB,KAAKC,OAAQ,OAEvBD,KAAKiB,a,CAkBCC,WAAa,KACnB,GAAIlB,KAAKmB,SAAU,OAEnBnB,KAAKS,OAAOW,KAAKpB,KAAKqB,GAAG,EAGnBC,YAAc,KACpB,GAAItB,KAAKmB,SAAU,OAEnBnB,KAAKY,QAAQQ,KAAKpB,KAAKqB,GAAG,EAGpBE,YAAeC,IACrB,GAAIxB,KAAKmB,SAAU,OAEnBnB,KAAKN,iBAAiB+B,SAEtB,IAAKC,EAAcF,EAAGG,OAAQ,SAAU,OACxC3B,KAAKC,MAAQD,KAAK4B,OAAS,SAAWC,OAAOL,EAAGG,OAAO1B,OAASuB,EAAGG,OAAO1B,MAC1ED,KAAKJ,UAAUU,aAAa,GAAGN,KAAKC,SAEpCD,KAAKN,gBAAkBoC,GAAS,KAC9B9B,KAAKa,QAAQO,KAAK,CAAEnB,MAAOD,KAAKC,MAAOoB,GAAIrB,KAAKqB,IAAK,GACpDrB,KAAK+B,cACR/B,KAAKN,iBAAiB,EAGhBsC,aAAgBR,IACtB,GAAIxB,KAAKmB,SAAU,OAEnB,IAAKO,EAAcF,EAAGG,OAAQ,SAAU,OACxC3B,KAAKC,MAAQD,KAAK4B,OAAS,SAAWC,OAAOL,EAAGG,OAAO1B,OAASuB,EAAGG,OAAO1B,MAC1ED,KAAKJ,UAAUU,aAAa,GAAGN,KAAKC,SAEpCD,KAAKU,SAASU,KAAK,CAAEnB,MAAOD,KAAKC,MAAOoB,GAAIrB,KAAKqB,IAAK,EAGhDJ,YAAc,KACpB,GAAIjB,KAAKmB,SAAU,OAEnB,MAAM7B,UAAEA,EAASM,UAAEA,GAAcI,KAGjCV,EAAUW,MAAQ,GAClBD,KAAKC,MAAQX,EAAUW,MAGvBL,EAAUU,aAAa2B,UAAU,EAG3BC,iBAAoBV,IAC1BA,EAAGW,kBACHnC,KAAKiB,cAEL,MAAMN,QAAEA,EAAOD,SAAEA,EAAQG,QAAEA,EAAOQ,GAAEA,EAAE/B,UAAEA,GAAcU,KAEtDW,EAAQS,KAAKC,GACbR,EAAQO,KAAK,CAAEnB,MAAOD,KAAKC,MAAOoB,OAClCX,EAASU,KAAK,CAAEnB,MAAOD,KAAKC,MAAOoB,OAEnC/B,EAAU8C,OAAO,EAGXC,sBAAwB,KAC9BrC,KAAKsC,SAAWC,EAAevC,KAAKT,UAAU,EAGxCiD,uBAAyB,KAC/BxC,KAAKyC,UAAYF,EAAevC,KAAKR,WAAW,EAG1CkD,uBAAyB,KAC/B1C,KAAK2C,UAAYJ,EAAevC,KAAKP,WAAW,EAG1CmD,2BAA6B,KACnC5C,KAAK6C,cAAgBN,EAAevC,KAAKX,eAAe,EAO1D,MAAAyD,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,WAAWC,KAAK,QAEzBH,EAAA,SAAAC,IAAA,2CACEC,MAAO,CAAE,kBAAmB,KAAM,WAAYjD,KAAKsC,UAAU,aACjDtC,KAAKmD,MAAQnD,KAAKL,gBAC9ByD,QAASpD,KAAKmD,MAAQnD,KAAKL,gBAC3B0D,IAAM9D,GAAeS,KAAKT,UAAYA,EACtC2D,KAAK,SAELH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,QAAQG,aAActD,KAAKqC,yBAGxCU,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,oBAAqB,KACrB,CAAC,cAAcjD,KAAKuD,oBAAqB,KACzCpC,SAAUnB,KAAKmB,UAEjB+B,KAAK,WAGLH,EAAA,QAAAC,IAAA,2CACEC,MAAO,CAAE,4BAA6B,KAAM,WAAYjD,KAAKyC,WAC7DY,IAAMG,GAAcxD,KAAKR,WAAagE,EACtCN,KAAK,UAELH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,SAASG,aAActD,KAAKwC,0BAGzCO,EAAA,SAAAC,IAAA,2CACES,GAAIzD,KAAKmD,MAAQnD,KAAKL,gBACtBsD,MAAM,2BAA0B,gBACjBjD,KAAKmB,SAAW,OAAS,QACxCuC,eAAgB1D,KAAK2D,eACrBC,aAAc5D,KAAK6D,aACnBC,YAAa9D,KAAK+D,YAClB5C,SAAUnB,KAAKmB,SACf6C,KAAMhE,KAAKgE,KACXC,UAAWjE,KAAKkE,UAChBC,IAAKnE,KAAKmE,IACVC,UAAWpE,KAAKqE,UAChBC,IAAKtE,KAAKsE,IACVC,UAAWvE,KAAKwE,UAChBrB,KAAMnD,KAAKmD,KACXsB,QAASzE,KAAKyE,QACdC,YAAa1E,KAAK0E,YAClBrB,IAAM/D,GAAeU,KAAKV,UAAYA,EACtCqF,SAAU3E,KAAK4E,SACfC,SAAU7E,KAAK6E,SACfC,KAAM9E,KAAK8E,KACXlD,KAAM5B,KAAK4B,KACX3B,MAAOD,KAAKC,MACZiD,KAAK,QAEL6B,OAAQ/E,KAAKkB,WACb8D,SAAUhF,KAAKgC,aACfiD,QAASjF,KAAKsB,YACd4D,QAASlF,KAAKuB,cAGfvB,KAAKE,WAAaF,KAAKmB,WAAanB,KAAKmF,cAGxCpC,EAAA,aAAAC,IAAA,2CACEC,MAAM,uDACNmC,WAAW,OAAM,aACLpF,KAAKqF,iBACjBC,KAAK,QACLC,UAAWvF,KAAKkC,iBAChBgB,KAAK,YACLsC,YAAY,UAEZzC,EAAA,QAAAC,IAAA,2CAAMG,KAAK,cACTJ,EAAA,WAAAC,IAAA,2CAASG,KAAK,WAAWF,MAAM,WAKrCF,EAAA,QAAAC,IAAA,2CACEC,MAAO,CAAE,4BAA6B,KAAM,WAAYjD,KAAK2C,WAC7DU,IAAMG,GAAcxD,KAAKP,WAAa+D,EACtCN,KAAK,UAELH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,SAASG,aAActD,KAAK0C,2BAI3CK,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,CAAC,oCAAoCjD,KAAKuD,oBAAqB,KAC/D,WAAYvD,KAAK6C,eAEnBQ,IAAMoC,GAAazF,KAAKX,eAAiBoG,EACzCvC,KAAK,eAELH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,cAAcG,aAActD,KAAK4C,8B","ignoreList":[]}
package/dist/beeq/p-c62189e6.entry.js ADDED
@@ -0,0 +1,6 @@
1
+ /*!
2
+ * Built by Endavans
3
+ * © https://beeq.design - Apache 2 License.
4
+ */
5
+ import{r as a,c as r,h as e}from"./p-16340dba.js";import{i as b}from"./p-57621be1.js";const n='.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{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}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.z-\\[1\\]{z-index:1}.box-content{box-sizing:content-box}.flex{display:flex}.hidden{display:none}.h-dynamic-vh{height:100dvh}.grow{flex-grow:1}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-hidden{overflow:hidden}.border-0{border-width:0}.border-e-s{border-inline-end-width:var(--bq-stroke-s)}.border-solid{border-style:solid}.border-\\[color\\:--bq-side-menu--border-color\\]{border-color:var(--bq-side-menu--border-color)}.bg-\\[--bq-side-menu--bg-color\\]{background-color:var(--bq-side-menu--bg-color)}.text-\\[color\\:--bq-side-menu--brand-color\\]{color:var(--bq-side-menu--brand-color)}.transition-\\[background-color\\2c width\\]{transition-duration:.15s;transition-property:background-color,width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.is-\\[--bq-side-menu--width-collapse\\]{inline-size:var(--bq-side-menu--width-collapse)}.is-\\[--bq-side-menu--width\\]{inline-size:var(--bq-side-menu--width)}.inset-bs-0{inset-block-start:0}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-side-menu--bg-color:var(--bq-ui--primary);--bq-side-menu--brand-color:var(--bq-ui--brand);--bq-side-menu--border-color:var(--bq-stroke--primary);display:flex;overflow:hidden}.bq-side-menu{-ms-overflow-style:none;background-color:var(--bq-side-menu--bg-color);border-color:var(--bq-side-menu--border-color);border-width:0;border-inline-end-width:var(--bq-stroke-s);border-style:solid;display:flex;flex-direction:column;flex-grow:1;height:100dvh;inline-size:var(--bq-side-menu--width);inset-block-start:0;inset-inline-start:0;position:fixed;scrollbar-width:none;transition-duration:.15s;transition-property:background-color,width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-side-menu::-webkit-scrollbar{display:none}.bq-side-menu.is-collapsed{inline-size:var(--bq-side-menu--width-collapse)}.bq-side-menu--logo{align-items:center;background-color:var(--bq-side-menu--bg-color);box-sizing:content-box;color:var(--bq-side-menu--brand-color);display:flex;padding:var(--bq-spacing-xs);position:sticky;top:0;z-index:1}:host([size=small]) ::slotted(bq-side-menu-item){--bq-side-menu-item--paddingY:var(--bq-spacing-s)}:host([appearance=brand]){--bq-focus:var(--bq-stroke--alt);--bq-side-menu--bg-color:var(--bq-ui--brand);--bq-side-menu--brand-color:var(--bq-stroke--inverse);--bq-side-menu--border-color:var(--bq-stroke--brand)}:host([appearance=brand]) ::slotted(bq-side-menu-item){--bq-side-menu-item--bg-hover:color-mix(in srgb,var(--bq-ui--brand),var(--bq-hover) 20%);--bq-side-menu-item--text-default:var(--bq-text--alt);--bq-side-menu-item--text-hover:var(--bq-text--alt)}:host([appearance=brand]) .bq-side-menu--footer ::slotted([slot=footer]){--bq-ui--secondary:transparent;--bq-text--primary:var(--bq-text--inverse)}:host([appearance=inverse]){--bq-side-menu--bg-color:var(--bq-ui--inverse);--bq-side-menu--brand-color:var(--bq-stroke--inverse);--bq-side-menu--border-color:var(--bq-ui--inverse)}:host([appearance=inverse]) ::slotted(bq-side-menu-item){--bq-side-menu-item--bg-hover:color-mix(in srgb,var(--bq-ui--inverse),var(--bq-hover) 20%);--bq-side-menu-item--bg-active:color-mix(in srgb,var(--bq-ui--alt),var(--bq-active) 20%);--bq-side-menu-item--text-default:var(--bq-text--inverse);--bq-side-menu-item--text-hover:var(--bq-text--inverse);--bq-side-menu-item--text-active:var(--bq-text--primary)}:host([appearance=inverse]) .bq-side-menu--footer ::slotted([slot=footer]){--bq-ui--secondary:transparent;--bq-text--primary:var(--bq-text--inverse)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.collapse{visibility:collapse}.static{position:static}.justify-center{justify-content:center}.gap-y-xs{row-gap:var(--bq-spacing-xs)}.overflow-y-auto{overflow-y:auto}.bg-\\[var\\(--bq-side-menu--bg-color\\)\\]{background-color:var(--bq-side-menu--bg-color)}.p-xs{padding:var(--bq-spacing-xs)}.px-xs{padding-left:var(--bq-spacing-xs);padding-right:var(--bq-spacing-xs)}.pt-xs2{padding-top:var(--bq-spacing-xs2)}.inset-be-0{inset-block-end:0}.m-bs-\\[auto\\]{margin-block-start:auto}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}';const q=n;const t=class{constructor(e){a(this,e);this.bqCollapse=r(this,"bqCollapse",7);this.bqSelect=r(this,"bqSelect",7);this.documentBody=undefined;this.appearance="default";this.collapse=false;this.size="medium"}menuItemCssSelector="bq-side-menu-item";bodyCss="bq-body--side-menu";bodyCssExpand="bq-body--side-menu__expand";bodyCssCollapse="bq-body--side-menu__collapse";menuElem;onCollapsePropChange(){this.handleCollapse();this.bqCollapse.emit({collapse:this.collapse})}bqCollapse;bqSelect;componentDidLoad(){this.documentBody=document.querySelector("body");this.documentBody.classList.add(this.bodyCss);this.handleCollapse()}disconnectedCallback(){this.cleanDocumentBodyClass()}onMenuItemClick(a){const{target:r}=a;if(!b(r,"bq-side-menu-item"))return;this.menuItems.forEach((a=>a.active=!a.disabled&&a===r));this.bqSelect.emit(r)}async toggleCollapse(){this.collapse=!this.collapse}get menuItems(){if(!this.menuElem)return[];const a=this.menuElem.querySelector("slot");return[...a.assignedElements({flatten:true})].filter((a=>a.tagName.toLowerCase()===this.menuItemCssSelector))}handleCollapse=()=>{if(!this.menuItems.length)return;this.menuItems.forEach((a=>a.collapse=this.collapse));if(this.collapse){this.collapseDocumentBody()}else{this.expandDocumentBody()}};collapseDocumentBody=()=>{if(!this.collapse)return;this.documentBody.classList.remove(this.bodyCssExpand);this.documentBody.classList.add(this.bodyCssCollapse)};expandDocumentBody=()=>{if(this.collapse)return;this.documentBody.classList.remove(this.bodyCssCollapse);this.documentBody.classList.add(this.bodyCssExpand)};cleanDocumentBodyClass=()=>{this.documentBody.classList.remove(this.bodyCss,this.bodyCssCollapse,this.bodyCssExpand)};render(){return e("aside",{key:"6b9b70d549a2fd19b32ef2f0ab367e61b818b112",class:{"bq-side-menu overflow-y-auto":true,"is-collapsed":this.collapse},part:"base"},e("div",{key:"48cc468552ac2e9b1fe05c8e12164894ac21c70b",class:{"bq-side-menu--logo":true,"is-collapsed":this.collapse},part:"logo"},e("slot",{key:"76915db8b5e43de19b98eb1455596da1552c1abd",name:"logo"})),e("nav",{key:"12f920b6403642d0cc7b12e93f655c7b76ed8db8",class:"bq-side-menu--nav flex flex-col gap-y-xs px-xs pt-xs2",ref:a=>this.menuElem=a,role:"menu",part:"nav"},e("slot",{key:"1c3c3a54716f2682cede96fc951c488ae99e259f"})),e("div",{key:"ec11a043441529487b46c9d79c2fe921914b17a1",class:"bq-side-menu--footer sticky flex justify-center bg-[var(--bq-side-menu--bg-color)] p-xs inset-be-0 m-bs-[auto]",part:"footer"},e("slot",{key:"767399bb44187023a853e52e926207b3622f685f",name:"footer"})))}static get watchers(){return{collapse:["onCollapsePropChange"]}}};t.style=q;export{t as bq_side_menu};
6
+ //# sourceMappingURL=p-c62189e6.entry.js.map
package/dist/beeq/p-c62189e6.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["bqSideMenuCss","BqSideMenuStyle0","BqSideMenu","menuItemCssSelector","bodyCss","bodyCssExpand","bodyCssCollapse","menuElem","onCollapsePropChange","this","handleCollapse","bqCollapse","emit","collapse","bqSelect","componentDidLoad","documentBody","document","querySelector","classList","add","disconnectedCallback","cleanDocumentBodyClass","onMenuItemClick","event","target","item","isHTMLElement","menuItems","forEach","menuItem","active","disabled","toggleCollapse","slot","assignedElements","flatten","filter","el","tagName","toLowerCase","length","collapseDocumentBody","expandDocumentBody","remove","render","h","key","class","part","name","ref","navElem","role"],"sources":["../../packages/beeq/src/components/side-menu/scss/bq-side-menu.scss?tag=bq-side-menu&encapsulation=shadow","../../packages/beeq/src/components/side-menu/bq-side-menu.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/* Side menu styles */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-side-menu.variables';\n\n:host {\n @apply flex overflow-hidden;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Aside container */\n/* -------------------------------------------------------------------------- */\n\n.bq-side-menu {\n @apply fixed flex h-dynamic-vh grow flex-col bg-[--bq-side-menu--bg-color] is-[--bq-side-menu--width] inset-bs-0 inset-is-0;\n @apply border-0 border-e-s border-solid border-[color:--bq-side-menu--border-color];\n @apply transition-[background-color,width] duration-150;\n @include hide-scrollbar;\n}\n\n.bq-side-menu.is-collapsed {\n @apply is-[--bq-side-menu--width-collapse];\n}\n\n/* -------------------------------------------------------------------------- */\n/* Logo container */\n/* -------------------------------------------------------------------------- */\n\n.bq-side-menu--logo {\n @apply sticky top-0 z-[1] p-xs;\n @apply box-content flex items-center bg-[--bq-side-menu--bg-color] text-[color:--bq-side-menu--brand-color];\n}\n\n/* -------------------------------------------------------------------------- */\n/* APPEARANCE */\n/* -------------------------------------------------------------------------- */\n\n/**\n * The following change the default values of some CSS custom properties\n * to make it complain with the side menu appearance selected\n */\n\n:host([size='small']) {\n ::slotted(bq-side-menu-item) {\n --bq-side-menu-item--paddingY: theme(space.s);\n }\n}\n\n:host([appearance='brand']) {\n --bq-focus: theme(stroke.alt);\n --bq-side-menu--bg-color: theme(backgroundColor.ui.brand);\n --bq-side-menu--brand-color: theme(stroke.inverse);\n --bq-side-menu--border-color: theme(stroke.brand);\n\n ::slotted(bq-side-menu-item) {\n --bq-side-menu-item--bg-hover: color-mix(in srgb, var(--bq-ui--brand), var(--bq-hover) 20%);\n\n --bq-side-menu-item--text-default: theme(textColor.alt);\n --bq-side-menu-item--text-hover: theme(textColor.alt);\n }\n\n .bq-side-menu--footer ::slotted([slot='footer']) {\n --bq-ui--secondary: theme(colors.transparent);\n --bq-text--primary: theme(textColor.inverse);\n }\n}\n\n:host([appearance='inverse']) {\n --bq-side-menu--bg-color: theme(backgroundColor.ui.inverse);\n --bq-side-menu--brand-color: theme(stroke.inverse);\n --bq-side-menu--border-color: theme(backgroundColor.ui.inverse);\n\n ::slotted(bq-side-menu-item) {\n --bq-side-menu-item--bg-hover: color-mix(in srgb, var(--bq-ui--inverse), var(--bq-hover) 20%);\n --bq-side-menu-item--bg-active: color-mix(in srgb, var(--bq-ui--alt), var(--bq-active) 20%);\n\n --bq-side-menu-item--text-default: theme(textColor.inverse);\n --bq-side-menu-item--text-hover: theme(textColor.inverse);\n --bq-side-menu-item--text-active: theme(textColor.primary);\n }\n\n .bq-side-menu--footer ::slotted([slot='footer']) {\n --bq-ui--secondary: theme(colors.transparent);\n --bq-text--primary: theme(textColor.inverse);\n }\n}\n","import { Component, Event, EventEmitter, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { TSideMenuAppearance, TSideMenuSize } from './bq-side-menu.types';\nimport { isHTMLElement } from '../../shared/utils';\n\n/**\n * @part base - HTML `<aside>` root container\n * @part footer - HTML `<div>` element that holds the footer\n * @part logo - HTML `<div>` element that holds the logo\n * @part nav - HTML `<nav>` element that holds the navigation items\n */\n@Component({\n tag: 'bq-side-menu',\n styleUrl: './scss/bq-side-menu.scss',\n shadow: true,\n})\nexport class BqSideMenu {\n // Own Properties\n // ====================\n\n private menuItemCssSelector = 'bq-side-menu-item';\n\n private bodyCss = 'bq-body--side-menu';\n private bodyCssExpand = 'bq-body--side-menu__expand';\n private bodyCssCollapse = 'bq-body--side-menu__collapse';\n\n private menuElem: HTMLElement;\n\n // Reference to host HTML element\n // ===================================\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() private documentBody: HTMLBodyElement;\n\n // Public Property API\n // ========================\n\n /** It sets a predefined appearance of the side menu */\n @Prop({ reflect: true }) appearance: TSideMenuAppearance = 'default';\n\n /** If true, the container will reduce its width */\n @Prop({ reflect: true }) collapse: boolean = false;\n\n /** It sets the size of the navigation menu items */\n @Prop({ reflect: true }) size: TSideMenuSize = 'medium';\n\n // Prop lifecycle events\n // =======================\n\n @Watch('collapse')\n onCollapsePropChange() {\n this.handleCollapse();\n this.bqCollapse.emit({ collapse: this.collapse });\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n /** Callback handler to be called when the Side menu changes its width from expanded to collapse and vice versa */\n @Event() bqCollapse: EventEmitter<{ collapse: boolean }>;\n\n /** Callback handler to be called when the active/selected menu item changes */\n @Event() bqSelect: EventEmitter<HTMLBqSideMenuItemElement>;\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n componentDidLoad() {\n this.documentBody = document.querySelector('body');\n this.documentBody.classList.add(this.bodyCss);\n this.handleCollapse();\n }\n\n disconnectedCallback() {\n this.cleanDocumentBodyClass();\n }\n\n // Listeners\n // ==============\n\n @Listen('bqClick', { passive: true })\n onMenuItemClick(event: Event) {\n const { target: item } = event;\n if (!isHTMLElement(item, 'bq-side-menu-item')) return;\n\n this.menuItems.forEach(\n (menuItem: HTMLBqSideMenuItemElement) => (menuItem.active = !menuItem.disabled && menuItem === item),\n );\n this.bqSelect.emit(item);\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 /** Toggle the collapse state of the side menu */\n @Method()\n async toggleCollapse() {\n this.collapse = !this.collapse;\n }\n\n // Local methods\n // Internal business logic.\n // These methods cannot be called from the host element.\n // =======================================================\n\n private get menuItems() {\n if (!this.menuElem) return [];\n\n const slot = this.menuElem.querySelector('slot');\n return [...slot.assignedElements({ flatten: true })].filter(\n (el: HTMLBqSideMenuItemElement) => el.tagName.toLowerCase() === this.menuItemCssSelector,\n ) as [HTMLBqSideMenuItemElement];\n }\n\n private handleCollapse = () => {\n if (!this.menuItems.length) return;\n\n this.menuItems.forEach((menuItem: HTMLBqSideMenuItemElement) => (menuItem.collapse = this.collapse));\n if (this.collapse) {\n this.collapseDocumentBody();\n } else {\n this.expandDocumentBody();\n }\n };\n\n private collapseDocumentBody = () => {\n if (!this.collapse) return;\n\n this.documentBody.classList.remove(this.bodyCssExpand);\n this.documentBody.classList.add(this.bodyCssCollapse);\n };\n\n private expandDocumentBody = () => {\n if (this.collapse) return;\n\n this.documentBody.classList.remove(this.bodyCssCollapse);\n this.documentBody.classList.add(this.bodyCssExpand);\n };\n\n private cleanDocumentBodyClass = () => {\n this.documentBody.classList.remove(this.bodyCss, this.bodyCssCollapse, this.bodyCssExpand);\n };\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n return (\n <aside class={{ 'bq-side-menu overflow-y-auto': true, 'is-collapsed': this.collapse }} part=\"base\">\n {/* Company logo and name */}\n <div class={{ 'bq-side-menu--logo': true, 'is-collapsed': this.collapse }} part=\"logo\">\n <slot name=\"logo\" />\n </div>\n {/* Navigation content */}\n <nav\n class=\"bq-side-menu--nav flex flex-col gap-y-xs px-xs pt-xs2\"\n ref={(navElem) => (this.menuElem = navElem)}\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role\n role=\"menu\"\n part=\"nav\"\n >\n <slot />\n </nav>\n {/* Footer */}\n <div\n class=\"bq-side-menu--footer sticky flex justify-center bg-[var(--bq-side-menu--bg-color)] p-xs inset-be-0 m-bs-[auto]\"\n part=\"footer\"\n >\n <slot name=\"footer\"></slot>\n </div>\n </aside>\n );\n }\n}\n"],"mappings":";;;;sFAAA,MAAMA,EAAgB,+/tBACtB,MAAAC,EAAeD,E,MCeFE,EAAU,M,+IAyBsC,U,cAGd,M,UAGE,Q,CA3BvCC,oBAAsB,oBAEtBC,QAAU,qBACVC,cAAgB,6BAChBC,gBAAkB,+BAElBC,SA2BR,oBAAAC,GACEC,KAAKC,iBACLD,KAAKE,WAAWC,KAAK,CAAEC,SAAUJ,KAAKI,U,CAQ/BF,WAGAG,SAMT,gBAAAC,GACEN,KAAKO,aAAeC,SAASC,cAAc,QAC3CT,KAAKO,aAAaG,UAAUC,IAAIX,KAAKL,SACrCK,KAAKC,gB,CAGP,oBAAAW,GACEZ,KAAKa,wB,CAOP,eAAAC,CAAgBC,GACd,MAAQC,OAAQC,GAASF,EACzB,IAAKG,EAAcD,EAAM,qBAAsB,OAE/CjB,KAAKmB,UAAUC,SACZC,GAAyCA,EAASC,QAAUD,EAASE,UAAYF,IAAaJ,IAEjGjB,KAAKK,SAASF,KAAKc,E,CAYrB,oBAAMO,GACJxB,KAAKI,UAAYJ,KAAKI,Q,CAQxB,aAAYe,GACV,IAAKnB,KAAKF,SAAU,MAAO,GAE3B,MAAM2B,EAAOzB,KAAKF,SAASW,cAAc,QACzC,MAAO,IAAIgB,EAAKC,iBAAiB,CAAEC,QAAS,QAASC,QAClDC,GAAkCA,EAAGC,QAAQC,gBAAkB/B,KAAKN,qB,CAIjEO,eAAiB,KACvB,IAAKD,KAAKmB,UAAUa,OAAQ,OAE5BhC,KAAKmB,UAAUC,SAASC,GAAyCA,EAASjB,SAAWJ,KAAKI,WAC1F,GAAIJ,KAAKI,SAAU,CACjBJ,KAAKiC,sB,KACA,CACLjC,KAAKkC,oB,GAIDD,qBAAuB,KAC7B,IAAKjC,KAAKI,SAAU,OAEpBJ,KAAKO,aAAaG,UAAUyB,OAAOnC,KAAKJ,eACxCI,KAAKO,aAAaG,UAAUC,IAAIX,KAAKH,gBAAgB,EAG/CqC,mBAAqB,KAC3B,GAAIlC,KAAKI,SAAU,OAEnBJ,KAAKO,aAAaG,UAAUyB,OAAOnC,KAAKH,iBACxCG,KAAKO,aAAaG,UAAUC,IAAIX,KAAKJ,cAAc,EAG7CiB,uBAAyB,KAC/Bb,KAAKO,aAAaG,UAAUyB,OAAOnC,KAAKL,QAASK,KAAKH,gBAAiBG,KAAKJ,cAAc,EAO5F,MAAAwC,GACE,OACEC,EAAA,SAAAC,IAAA,2CAAOC,MAAO,CAAE,+BAAgC,KAAM,eAAgBvC,KAAKI,UAAYoC,KAAK,QAE1FH,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,qBAAsB,KAAM,eAAgBvC,KAAKI,UAAYoC,KAAK,QAC9EH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,UAGbJ,EAAA,OAAAC,IAAA,2CACEC,MAAM,wDACNG,IAAMC,GAAa3C,KAAKF,SAAW6C,EAEnCC,KAAK,OACLJ,KAAK,OAELH,EAAA,QAAAC,IAAA,8CAGFD,EAAA,OAAAC,IAAA,2CACEC,MAAM,iHACNC,KAAK,UAELH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,Y","ignoreList":[]}