@beeq/core 1.12.4 → 1.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (409) hide show
  1. package/dist/beeq/beeq.esm.js +1 -1
  2. package/dist/beeq/{p-b4b02b99.entry.js → p-0d078519.entry.js} +2 -2
  3. package/dist/beeq/{p-b4b02b99.entry.js.map → p-0d078519.entry.js.map} +1 -1
  4. package/dist/beeq/{p-49a999b4.entry.js → p-1a2c4878.entry.js} +2 -2
  5. package/dist/beeq/p-21db4f39.entry.js +6 -0
  6. package/dist/beeq/p-21db4f39.entry.js.map +1 -0
  7. package/dist/beeq/{p-21db2c4e.entry.js → p-24bb2588.entry.js} +2 -2
  8. package/dist/beeq/{p-21db2c4e.entry.js.map → p-24bb2588.entry.js.map} +1 -1
  9. package/dist/beeq/{p-327cb74b.entry.js → p-2a081a54.entry.js} +2 -2
  10. package/dist/beeq/{p-327cb74b.entry.js.map → p-2a081a54.entry.js.map} +1 -1
  11. package/dist/beeq/{p-8974f66f.entry.js → p-2e1fffcd.entry.js} +2 -2
  12. package/dist/beeq/p-2fd6ea70.entry.js +6 -0
  13. package/dist/beeq/{p-d4df64ae.entry.js.map → p-2fd6ea70.entry.js.map} +1 -1
  14. package/dist/beeq/{p-f4c66e83.entry.js → p-30d1bd84.entry.js} +2 -2
  15. package/dist/beeq/{p-f4c66e83.entry.js.map → p-30d1bd84.entry.js.map} +1 -1
  16. package/dist/beeq/{p-b31d249b.entry.js → p-38006c8e.entry.js} +2 -2
  17. package/dist/beeq/{p-b8bac7c7.entry.js → p-3d754d97.entry.js} +2 -2
  18. package/dist/beeq/{p-b8bac7c7.entry.js.map → p-3d754d97.entry.js.map} +1 -1
  19. package/dist/beeq/{p-25772ebd.entry.js → p-45ae19aa.entry.js} +2 -2
  20. package/dist/beeq/p-45ae19aa.entry.js.map +1 -0
  21. package/dist/beeq/{p-f0a2c87e.entry.js → p-56b49d4e.entry.js} +2 -2
  22. package/dist/beeq/{p-f0a2c87e.entry.js.map → p-56b49d4e.entry.js.map} +1 -1
  23. package/dist/beeq/{p-644013aa.entry.js → p-58813f83.entry.js} +2 -2
  24. package/dist/beeq/{p-644013aa.entry.js.map → p-58813f83.entry.js.map} +1 -1
  25. package/dist/beeq/{p-0a3c5b97.entry.js → p-5eba392c.entry.js} +2 -2
  26. package/dist/beeq/{p-fe22de00.entry.js → p-6a38fcaf.entry.js} +2 -2
  27. package/dist/beeq/{p-d7c20c6f.entry.js → p-6be3f23a.entry.js} +2 -2
  28. package/dist/beeq/{p-d7c20c6f.entry.js.map → p-6be3f23a.entry.js.map} +1 -1
  29. package/dist/beeq/{p-ef783b95.entry.js → p-72ff2fe2.entry.js} +2 -2
  30. package/dist/beeq/{p-1764899f.entry.js → p-7ebe6b9d.entry.js} +2 -2
  31. package/dist/beeq/{p-1764899f.entry.js.map → p-7ebe6b9d.entry.js.map} +1 -1
  32. package/dist/beeq/{p-69cf0536.entry.js → p-817f7a5e.entry.js} +2 -2
  33. package/dist/beeq/{p-69cf0536.entry.js.map → p-817f7a5e.entry.js.map} +1 -1
  34. package/dist/beeq/{p-fb763ec5.entry.js → p-8bd7f4c2.entry.js} +2 -2
  35. package/dist/beeq/{p-8d9bef7a.entry.js → p-8be7ceb5.entry.js} +2 -2
  36. package/dist/beeq/{p-8d9bef7a.entry.js.map → p-8be7ceb5.entry.js.map} +1 -1
  37. package/dist/beeq/{p-f07f4d99.entry.js → p-9413a4d3.entry.js} +2 -2
  38. package/dist/beeq/{p-b7c6fdbd.entry.js → p-96f72671.entry.js} +2 -2
  39. package/dist/beeq/p-96f72671.entry.js.map +1 -0
  40. package/dist/beeq/p-Dx-CEPSQ.js.map +1 -1
  41. package/dist/beeq/p-a0a8ea5b.entry.js +6 -0
  42. package/dist/beeq/p-a0a8ea5b.entry.js.map +1 -0
  43. package/dist/beeq/{p-7972ba08.entry.js → p-a55354ee.entry.js} +2 -2
  44. package/dist/beeq/{p-365f0372.entry.js → p-a72671f9.entry.js} +2 -2
  45. package/dist/beeq/p-a72671f9.entry.js.map +1 -0
  46. package/dist/beeq/{p-56810dba.entry.js → p-bdb983f9.entry.js} +2 -2
  47. package/dist/beeq/{p-56810dba.entry.js.map → p-bdb983f9.entry.js.map} +1 -1
  48. package/dist/beeq/{p-2a7c5b1e.entry.js → p-d6c35472.entry.js} +2 -2
  49. package/dist/beeq/{p-2a7c5b1e.entry.js.map → p-d6c35472.entry.js.map} +1 -1
  50. package/dist/beeq/{p-84e96891.entry.js → p-d792e3d3.entry.js} +2 -2
  51. package/dist/beeq/{p-5645238d.entry.js → p-e9a1b183.entry.js} +2 -2
  52. package/dist/beeq/p-f688d230.entry.js +6 -0
  53. package/dist/beeq/{p-79aab4dd.entry.js.map → p-f688d230.entry.js.map} +1 -1
  54. package/dist/beeq/{p-b6f5430a.entry.js → p-f891fb4b.entry.js} +2 -2
  55. package/dist/beeq/{p-b26ee039.entry.js → p-fa123a10.entry.js} +2 -2
  56. package/dist/beeq/{p-b26ee039.entry.js.map → p-fa123a10.entry.js.map} +1 -1
  57. package/dist/beeq/p-uqkxeAeG.js.map +1 -1
  58. package/dist/beeq/svg/.icons-meta.json +13 -0
  59. package/dist/beeq.html-custom-data.json +2153 -50
  60. package/dist/cjs/beeq.cjs.js +1 -1
  61. package/dist/cjs/bq-accordion.cjs.entry.js +1 -1
  62. package/dist/cjs/bq-accordion.cjs.entry.js.map +1 -1
  63. package/dist/cjs/bq-alert.cjs.entry.js +1 -1
  64. package/dist/cjs/bq-alert.cjs.entry.js.map +1 -1
  65. package/dist/cjs/bq-button_2.cjs.entry.js +2 -2
  66. package/dist/cjs/bq-button_2.cjs.entry.js.map +1 -1
  67. package/dist/cjs/bq-checkbox.cjs.entry.js +4 -4
  68. package/dist/cjs/bq-checkbox.cjs.entry.js.map +1 -1
  69. package/dist/cjs/bq-date-picker.cjs.entry.js +1741 -364
  70. package/dist/cjs/bq-date-picker.cjs.entry.js.map +1 -1
  71. package/dist/cjs/bq-dialog.cjs.entry.js +5 -5
  72. package/dist/cjs/bq-dialog.cjs.entry.js.map +1 -1
  73. package/dist/cjs/bq-divider.cjs.entry.js +4 -4
  74. package/dist/cjs/bq-drawer.cjs.entry.js +5 -5
  75. package/dist/cjs/bq-drawer.cjs.entry.js.map +1 -1
  76. package/dist/cjs/bq-dropdown_2.cjs.entry.js +4 -4
  77. package/dist/cjs/bq-dropdown_2.cjs.entry.js.map +1 -1
  78. package/dist/cjs/bq-empty-state.cjs.entry.js +6 -6
  79. package/dist/cjs/bq-empty-state.cjs.entry.js.map +1 -1
  80. package/dist/cjs/bq-input.cjs.entry.js +8 -8
  81. package/dist/cjs/bq-input.cjs.entry.js.map +1 -1
  82. package/dist/cjs/bq-notification.cjs.entry.js +6 -6
  83. package/dist/cjs/bq-notification.cjs.entry.js.map +1 -1
  84. package/dist/cjs/bq-option-group.cjs.entry.js +1 -1
  85. package/dist/cjs/bq-option-list_2.cjs.entry.js +6 -6
  86. package/dist/cjs/bq-option-list_2.cjs.entry.js.map +1 -1
  87. package/dist/cjs/bq-option.cjs.entry.js +4 -4
  88. package/dist/cjs/bq-page-title.cjs.entry.js +4 -4
  89. package/dist/cjs/bq-progress.cjs.entry.js +5 -5
  90. package/dist/cjs/bq-progress.cjs.entry.js.map +1 -1
  91. package/dist/cjs/bq-radio-group.cjs.entry.js +1 -1
  92. package/dist/cjs/bq-radio.cjs.entry.js +4 -4
  93. package/dist/cjs/bq-radio.cjs.entry.js.map +1 -1
  94. package/dist/cjs/bq-select.cjs.entry.js +1 -1
  95. package/dist/cjs/bq-select.cjs.entry.js.map +1 -1
  96. package/dist/cjs/bq-side-menu-item.cjs.entry.js +1 -1
  97. package/dist/cjs/bq-side-menu-item.cjs.entry.js.map +1 -1
  98. package/dist/cjs/bq-side-menu.cjs.entry.js +2 -2
  99. package/dist/cjs/bq-slider.cjs.entry.js +3 -3
  100. package/dist/cjs/bq-slider.cjs.entry.js.map +1 -1
  101. package/dist/cjs/bq-spinner.cjs.entry.js +4 -4
  102. package/dist/cjs/bq-status.cjs.entry.js +2 -2
  103. package/dist/cjs/bq-status.cjs.entry.js.map +1 -1
  104. package/dist/cjs/bq-step-item.cjs.entry.js +5 -5
  105. package/dist/cjs/bq-step-item.cjs.entry.js.map +1 -1
  106. package/dist/cjs/bq-steps.cjs.entry.js +2 -2
  107. package/dist/cjs/bq-switch.cjs.entry.js +4 -4
  108. package/dist/cjs/bq-switch.cjs.entry.js.map +1 -1
  109. package/dist/cjs/bq-tab-group.cjs.entry.js +3 -3
  110. package/dist/cjs/bq-tab.cjs.entry.js +3 -3
  111. package/dist/cjs/bq-textarea.cjs.entry.js +5 -5
  112. package/dist/cjs/bq-toast.cjs.entry.js +2 -2
  113. package/dist/cjs/bq-toast.cjs.entry.js.map +1 -1
  114. package/dist/cjs/bq-tooltip.cjs.entry.js +4 -4
  115. package/dist/cjs/event-BhuEFC-I.js.map +1 -1
  116. package/dist/cjs/loader.cjs.js +1 -1
  117. package/dist/cjs/slot-DKWrtk4b.js.map +1 -1
  118. package/dist/collection/components/accordion-group/scss/bq-accordion-group.css +1 -1
  119. package/dist/collection/components/alert/scss/bq-alert.css +1 -1
  120. package/dist/collection/components/avatar/scss/bq-avatar.css +1 -1
  121. package/dist/collection/components/breadcrumb/scss/bq-breadcrumb.css +1 -1
  122. package/dist/collection/components/breadcrumb-item/scss/bq-breadcrumb-item.css +1 -1
  123. package/dist/collection/components/button/scss/bq-button.css +1 -1
  124. package/dist/collection/components/card/scss/bq-card.css +1 -1
  125. package/dist/collection/components/checkbox/bq-checkbox.js +5 -4
  126. package/dist/collection/components/checkbox/bq-checkbox.js.map +1 -1
  127. package/dist/collection/components/checkbox/scss/bq-checkbox.css +1 -1
  128. package/dist/collection/components/date-picker/bq-date-picker.js +1141 -457
  129. package/dist/collection/components/date-picker/bq-date-picker.js.map +1 -1
  130. package/dist/collection/components/date-picker/bq-date-picker.types.js +29 -0
  131. package/dist/collection/components/date-picker/bq-date-picker.types.js.map +1 -1
  132. package/dist/collection/components/date-picker/components/CalendarDayView.js +96 -0
  133. package/dist/collection/components/date-picker/components/CalendarDayView.js.map +1 -0
  134. package/dist/collection/components/date-picker/components/CalendarHeader.js +18 -0
  135. package/dist/collection/components/date-picker/components/CalendarHeader.js.map +1 -0
  136. package/dist/collection/components/date-picker/components/CalendarMonthView.js +70 -0
  137. package/dist/collection/components/date-picker/components/CalendarMonthView.js.map +1 -0
  138. package/dist/collection/components/date-picker/components/CalendarYearView.js +68 -0
  139. package/dist/collection/components/date-picker/components/CalendarYearView.js.map +1 -0
  140. package/dist/collection/components/date-picker/helper/bounds.js +114 -0
  141. package/dist/collection/components/date-picker/helper/bounds.js.map +1 -0
  142. package/dist/collection/components/date-picker/helper/calendar.js +156 -0
  143. package/dist/collection/components/date-picker/helper/calendar.js.map +1 -0
  144. package/dist/collection/components/date-picker/helper/constants.js +62 -16
  145. package/dist/collection/components/date-picker/helper/constants.js.map +1 -1
  146. package/dist/collection/components/date-picker/helper/input.js +37 -0
  147. package/dist/collection/components/date-picker/helper/input.js.map +1 -0
  148. package/dist/collection/components/date-picker/helper/intl.js +78 -0
  149. package/dist/collection/components/date-picker/helper/intl.js.map +1 -0
  150. package/dist/collection/components/date-picker/helper/labels.js +61 -0
  151. package/dist/collection/components/date-picker/helper/labels.js.map +1 -0
  152. package/dist/collection/components/date-picker/helper/navigation.js +45 -0
  153. package/dist/collection/components/date-picker/helper/navigation.js.map +1 -0
  154. package/dist/collection/components/date-picker/helper/selection.js +167 -0
  155. package/dist/collection/components/date-picker/helper/selection.js.map +1 -0
  156. package/dist/collection/components/date-picker/helper/value.js +49 -0
  157. package/dist/collection/components/date-picker/helper/value.js.map +1 -0
  158. package/dist/collection/components/date-picker/scss/bq-date-picker.css +1 -1
  159. package/dist/collection/components/dialog/bq-dialog.js +4 -4
  160. package/dist/collection/components/dialog/scss/bq-dialog.css +1 -1
  161. package/dist/collection/components/divider/bq-divider.js +4 -4
  162. package/dist/collection/components/drawer/bq-drawer.js +4 -4
  163. package/dist/collection/components/drawer/scss/bq-drawer.css +1 -1
  164. package/dist/collection/components/dropdown/bq-dropdown.js +1 -1
  165. package/dist/collection/components/dropdown/scss/bq-dropdown.css +1 -1
  166. package/dist/collection/components/empty-state/bq-empty-state.js +5 -5
  167. package/dist/collection/components/empty-state/scss/bq-empty-state.css +1 -1
  168. package/dist/collection/components/icon/bq-icon.js +1 -1
  169. package/dist/collection/components/icon/svg/.icons-meta.json +13 -0
  170. package/dist/collection/components/input/bq-input.js +7 -7
  171. package/dist/collection/components/input/scss/bq-input.css +1 -1
  172. package/dist/collection/components/notification/bq-notification.js +5 -5
  173. package/dist/collection/components/notification/scss/bq-notification.css +1 -1
  174. package/dist/collection/components/option/bq-option.js +4 -4
  175. package/dist/collection/components/option-group/bq-option-group.js +1 -1
  176. package/dist/collection/components/option-group/scss/bq-option-group.css +1 -1
  177. package/dist/collection/components/option-list/bq-option-list.js +1 -1
  178. package/dist/collection/components/option-list/scss/bq-option-list.css +1 -1
  179. package/dist/collection/components/page-title/bq-page-title.js +4 -4
  180. package/dist/collection/components/page-title/scss/bq-page-title.css +1 -1
  181. package/dist/collection/components/panel/bq-panel.js +2 -2
  182. package/dist/collection/components/panel/scss/bq-panel.css +1 -1
  183. package/dist/collection/components/progress/bq-progress.js +4 -4
  184. package/dist/collection/components/progress/scss/bq-progress.css +1 -1
  185. package/dist/collection/components/radio/bq-radio.js +5 -4
  186. package/dist/collection/components/radio/bq-radio.js.map +1 -1
  187. package/dist/collection/components/radio/scss/bq-radio.css +1 -1
  188. package/dist/collection/components/radio-group/bq-radio-group.js +1 -1
  189. package/dist/collection/components/select/scss/bq-select.css +1 -1
  190. package/dist/collection/components/side-menu/bq-side-menu.js +2 -2
  191. package/dist/collection/components/side-menu-item/scss/bq-side-menu-item.css +1 -1
  192. package/dist/collection/components/slider/bq-slider.js +2 -2
  193. package/dist/collection/components/spinner/bq-spinner.js +4 -4
  194. package/dist/collection/components/spinner/scss/bq-spinner.css +1 -1
  195. package/dist/collection/components/status/bq-status.js +1 -1
  196. package/dist/collection/components/status/scss/bq-status.css +1 -1
  197. package/dist/collection/components/step-item/bq-step-item.js +4 -4
  198. package/dist/collection/components/step-item/scss/bq-step-item.css +1 -1
  199. package/dist/collection/components/steps/bq-steps.js +2 -2
  200. package/dist/collection/components/switch/bq-switch.js +3 -3
  201. package/dist/collection/components/switch/scss/bq-switch.css +1 -1
  202. package/dist/collection/components/tab/bq-tab.js +3 -3
  203. package/dist/collection/components/tab/scss/bq-tab.css +1 -1
  204. package/dist/collection/components/tab-group/bq-tab-group.js +3 -3
  205. package/dist/collection/components/tag/bq-tag.js +4 -4
  206. package/dist/collection/components/tag/scss/bq-tag.css +1 -1
  207. package/dist/collection/components/textarea/bq-textarea.js +5 -5
  208. package/dist/collection/components/textarea/scss/bq-textarea.css +1 -1
  209. package/dist/collection/components/toast/bq-toast.js +1 -1
  210. package/dist/collection/components/toast/scss/bq-toast.css +1 -1
  211. package/dist/collection/components/tooltip/bq-tooltip.js +4 -4
  212. package/dist/collection/components/tooltip/scss/bq-tooltip.css +1 -1
  213. package/dist/collection/shared/utils/event.js.map +1 -1
  214. package/dist/collection/shared/utils/slot.js.map +1 -1
  215. package/dist/components/bq-accordion-group.js +1 -1
  216. package/dist/components/bq-accordion-group.js.map +1 -1
  217. package/dist/components/bq-accordion.js +1 -1
  218. package/dist/components/bq-alert.js +1 -1
  219. package/dist/components/bq-alert.js.map +1 -1
  220. package/dist/components/bq-avatar.js +1 -1
  221. package/dist/components/bq-avatar.js.map +1 -1
  222. package/dist/components/bq-breadcrumb-item.js +1 -1
  223. package/dist/components/bq-breadcrumb-item.js.map +1 -1
  224. package/dist/components/bq-breadcrumb.js +1 -1
  225. package/dist/components/bq-breadcrumb.js.map +1 -1
  226. package/dist/components/bq-button.js +1 -1
  227. package/dist/components/bq-card.js +1 -1
  228. package/dist/components/bq-card.js.map +1 -1
  229. package/dist/components/bq-checkbox.js +1 -1
  230. package/dist/components/bq-checkbox.js.map +1 -1
  231. package/dist/components/bq-date-picker.js +1 -1
  232. package/dist/components/bq-date-picker.js.map +1 -1
  233. package/dist/components/bq-dialog.js +1 -1
  234. package/dist/components/bq-dialog.js.map +1 -1
  235. package/dist/components/bq-divider.js +1 -1
  236. package/dist/components/bq-drawer.js +1 -1
  237. package/dist/components/bq-drawer.js.map +1 -1
  238. package/dist/components/bq-dropdown.js +1 -1
  239. package/dist/components/bq-empty-state.js +1 -1
  240. package/dist/components/bq-empty-state.js.map +1 -1
  241. package/dist/components/bq-icon.js +1 -1
  242. package/dist/components/bq-input.js +1 -1
  243. package/dist/components/bq-input.js.map +1 -1
  244. package/dist/components/bq-notification.js +1 -1
  245. package/dist/components/bq-notification.js.map +1 -1
  246. package/dist/components/bq-option-group.js +1 -1
  247. package/dist/components/bq-option-group.js.map +1 -1
  248. package/dist/components/bq-option-list.js +1 -1
  249. package/dist/components/bq-option.js +1 -1
  250. package/dist/components/bq-page-title.js +1 -1
  251. package/dist/components/bq-page-title.js.map +1 -1
  252. package/dist/components/bq-panel.js +1 -1
  253. package/dist/components/bq-progress.js +1 -1
  254. package/dist/components/bq-progress.js.map +1 -1
  255. package/dist/components/bq-radio-group.js +1 -1
  256. package/dist/components/bq-radio.js +1 -1
  257. package/dist/components/bq-radio.js.map +1 -1
  258. package/dist/components/bq-select.js +1 -1
  259. package/dist/components/bq-select.js.map +1 -1
  260. package/dist/components/bq-side-menu-item.js +1 -1
  261. package/dist/components/bq-side-menu-item.js.map +1 -1
  262. package/dist/components/bq-side-menu.js +1 -1
  263. package/dist/components/bq-slider.js +1 -1
  264. package/dist/components/bq-spinner.js +1 -1
  265. package/dist/components/bq-spinner.js.map +1 -1
  266. package/dist/components/bq-status.js +1 -1
  267. package/dist/components/bq-status.js.map +1 -1
  268. package/dist/components/bq-step-item.js +1 -1
  269. package/dist/components/bq-step-item.js.map +1 -1
  270. package/dist/components/bq-steps.js +1 -1
  271. package/dist/components/bq-switch.js +1 -1
  272. package/dist/components/bq-switch.js.map +1 -1
  273. package/dist/components/bq-tab-group.js +1 -1
  274. package/dist/components/bq-tab.js +1 -1
  275. package/dist/components/bq-tab.js.map +1 -1
  276. package/dist/components/bq-tag.js +1 -1
  277. package/dist/components/bq-textarea.js +1 -1
  278. package/dist/components/bq-textarea.js.map +1 -1
  279. package/dist/components/bq-toast.js +1 -1
  280. package/dist/components/bq-toast.js.map +1 -1
  281. package/dist/components/bq-tooltip.js +1 -1
  282. package/dist/components/index.js +1 -1
  283. package/dist/components/{p-CK3SnGa2.js → p-BBCVL6R0.js} +2 -2
  284. package/dist/components/{p-MSqM1CAF.js → p-BS8hIETL.js} +2 -2
  285. package/dist/components/{p-MSqM1CAF.js.map → p-BS8hIETL.js.map} +1 -1
  286. package/dist/components/{p-wi7vUIoV.js → p-CWawcXxA.js} +2 -2
  287. package/dist/components/{p-wi7vUIoV.js.map → p-CWawcXxA.js.map} +1 -1
  288. package/dist/components/{p-CNITfoR_.js → p-D6ngGq0Y.js} +2 -2
  289. package/dist/components/{p-CNITfoR_.js.map → p-D6ngGq0Y.js.map} +1 -1
  290. package/dist/components/{p-jrBUnEFW.js → p-DMKBBBUE.js} +2 -2
  291. package/dist/components/{p-jrBUnEFW.js.map → p-DMKBBBUE.js.map} +1 -1
  292. package/dist/components/p-Dd3v3b2E.js +6 -0
  293. package/dist/components/{p-CfP6le1E.js.map → p-Dd3v3b2E.js.map} +1 -1
  294. package/dist/components/p-Dx-CEPSQ.js.map +1 -1
  295. package/dist/components/{p-BOuMP_Rm.js → p-iyX-PhkX.js} +2 -2
  296. package/dist/components/{p-BOuMP_Rm.js.map → p-iyX-PhkX.js.map} +1 -1
  297. package/dist/components/p-uqkxeAeG.js.map +1 -1
  298. package/dist/components/{p-2bpX-u8x.js → p-v3c5-Hhf.js} +2 -2
  299. package/dist/custom-elements.json +25333 -1261
  300. package/dist/esm/beeq.js +1 -1
  301. package/dist/esm/bq-accordion.entry.js +1 -1
  302. package/dist/esm/bq-accordion.entry.js.map +1 -1
  303. package/dist/esm/bq-alert.entry.js +1 -1
  304. package/dist/esm/bq-alert.entry.js.map +1 -1
  305. package/dist/esm/bq-button_2.entry.js +2 -2
  306. package/dist/esm/bq-button_2.entry.js.map +1 -1
  307. package/dist/esm/bq-checkbox.entry.js +4 -4
  308. package/dist/esm/bq-checkbox.entry.js.map +1 -1
  309. package/dist/esm/bq-date-picker.entry.js +1743 -366
  310. package/dist/esm/bq-date-picker.entry.js.map +1 -1
  311. package/dist/esm/bq-dialog.entry.js +5 -5
  312. package/dist/esm/bq-dialog.entry.js.map +1 -1
  313. package/dist/esm/bq-divider.entry.js +4 -4
  314. package/dist/esm/bq-drawer.entry.js +5 -5
  315. package/dist/esm/bq-drawer.entry.js.map +1 -1
  316. package/dist/esm/bq-dropdown_2.entry.js +4 -4
  317. package/dist/esm/bq-dropdown_2.entry.js.map +1 -1
  318. package/dist/esm/bq-empty-state.entry.js +6 -6
  319. package/dist/esm/bq-empty-state.entry.js.map +1 -1
  320. package/dist/esm/bq-input.entry.js +8 -8
  321. package/dist/esm/bq-input.entry.js.map +1 -1
  322. package/dist/esm/bq-notification.entry.js +6 -6
  323. package/dist/esm/bq-notification.entry.js.map +1 -1
  324. package/dist/esm/bq-option-group.entry.js +1 -1
  325. package/dist/esm/bq-option-list_2.entry.js +6 -6
  326. package/dist/esm/bq-option-list_2.entry.js.map +1 -1
  327. package/dist/esm/bq-option.entry.js +4 -4
  328. package/dist/esm/bq-page-title.entry.js +4 -4
  329. package/dist/esm/bq-progress.entry.js +5 -5
  330. package/dist/esm/bq-progress.entry.js.map +1 -1
  331. package/dist/esm/bq-radio-group.entry.js +1 -1
  332. package/dist/esm/bq-radio.entry.js +4 -4
  333. package/dist/esm/bq-radio.entry.js.map +1 -1
  334. package/dist/esm/bq-select.entry.js +1 -1
  335. package/dist/esm/bq-select.entry.js.map +1 -1
  336. package/dist/esm/bq-side-menu-item.entry.js +1 -1
  337. package/dist/esm/bq-side-menu-item.entry.js.map +1 -1
  338. package/dist/esm/bq-side-menu.entry.js +2 -2
  339. package/dist/esm/bq-slider.entry.js +3 -3
  340. package/dist/esm/bq-slider.entry.js.map +1 -1
  341. package/dist/esm/bq-spinner.entry.js +4 -4
  342. package/dist/esm/bq-status.entry.js +2 -2
  343. package/dist/esm/bq-status.entry.js.map +1 -1
  344. package/dist/esm/bq-step-item.entry.js +5 -5
  345. package/dist/esm/bq-step-item.entry.js.map +1 -1
  346. package/dist/esm/bq-steps.entry.js +2 -2
  347. package/dist/esm/bq-switch.entry.js +4 -4
  348. package/dist/esm/bq-switch.entry.js.map +1 -1
  349. package/dist/esm/bq-tab-group.entry.js +3 -3
  350. package/dist/esm/bq-tab.entry.js +3 -3
  351. package/dist/esm/bq-textarea.entry.js +5 -5
  352. package/dist/esm/bq-toast.entry.js +2 -2
  353. package/dist/esm/bq-toast.entry.js.map +1 -1
  354. package/dist/esm/bq-tooltip.entry.js +4 -4
  355. package/dist/esm/event-Dx-CEPSQ.js.map +1 -1
  356. package/dist/esm/loader.js +1 -1
  357. package/dist/esm/slot-uqkxeAeG.js.map +1 -1
  358. package/dist/hydrate/index.js +1980 -601
  359. package/dist/hydrate/index.mjs +1980 -601
  360. package/dist/stencil.config.js +6 -0
  361. package/dist/stencil.config.js.map +1 -1
  362. package/dist/types/components/checkbox/bq-checkbox.d.ts +2 -1
  363. package/dist/types/components/date-picker/bq-date-picker.d.ts +330 -238
  364. package/dist/types/components/date-picker/bq-date-picker.types.d.ts +30 -39
  365. package/dist/types/components/date-picker/components/CalendarDayView.d.ts +42 -0
  366. package/dist/types/components/date-picker/components/CalendarHeader.d.ts +34 -0
  367. package/dist/types/components/date-picker/components/CalendarMonthView.d.ts +34 -0
  368. package/dist/types/components/date-picker/components/CalendarYearView.d.ts +32 -0
  369. package/dist/types/components/date-picker/helper/bounds.d.ts +49 -0
  370. package/dist/types/components/date-picker/helper/calendar.d.ts +78 -0
  371. package/dist/types/components/date-picker/helper/constants.d.ts +62 -16
  372. package/dist/types/components/date-picker/helper/input.d.ts +23 -0
  373. package/dist/types/components/date-picker/helper/intl.d.ts +38 -0
  374. package/dist/types/components/date-picker/helper/labels.d.ts +29 -0
  375. package/dist/types/components/date-picker/helper/navigation.d.ts +23 -0
  376. package/dist/types/components/date-picker/helper/selection.d.ts +44 -0
  377. package/dist/types/components/date-picker/helper/value.d.ts +31 -0
  378. package/dist/types/components/radio/bq-radio.d.ts +2 -1
  379. package/dist/types/components.d.ts +437 -350
  380. package/dist/types/shared/utils/event.d.ts +1 -1
  381. package/dist/types/shared/utils/slot.d.ts +1 -1
  382. package/package.json +1 -1
  383. package/dist/beeq/p-0cfa8d0b.entry.js +0 -6
  384. package/dist/beeq/p-0cfa8d0b.entry.js.map +0 -1
  385. package/dist/beeq/p-25772ebd.entry.js.map +0 -1
  386. package/dist/beeq/p-365f0372.entry.js.map +0 -1
  387. package/dist/beeq/p-53ea5999.entry.js +0 -6
  388. package/dist/beeq/p-53ea5999.entry.js.map +0 -1
  389. package/dist/beeq/p-79aab4dd.entry.js +0 -6
  390. package/dist/beeq/p-b7c6fdbd.entry.js.map +0 -1
  391. package/dist/beeq/p-d4df64ae.entry.js +0 -6
  392. package/dist/collection/components/date-picker/libs/callyLibrary.js +0 -92
  393. package/dist/collection/components/date-picker/libs/callyLibrary.js.map +0 -1
  394. package/dist/components/p-CfP6le1E.js +0 -6
  395. package/dist/types/components/date-picker/libs/callyLibrary.d.ts +0 -15
  396. /package/dist/beeq/{p-49a999b4.entry.js.map → p-1a2c4878.entry.js.map} +0 -0
  397. /package/dist/beeq/{p-8974f66f.entry.js.map → p-2e1fffcd.entry.js.map} +0 -0
  398. /package/dist/beeq/{p-b31d249b.entry.js.map → p-38006c8e.entry.js.map} +0 -0
  399. /package/dist/beeq/{p-0a3c5b97.entry.js.map → p-5eba392c.entry.js.map} +0 -0
  400. /package/dist/beeq/{p-fe22de00.entry.js.map → p-6a38fcaf.entry.js.map} +0 -0
  401. /package/dist/beeq/{p-ef783b95.entry.js.map → p-72ff2fe2.entry.js.map} +0 -0
  402. /package/dist/beeq/{p-fb763ec5.entry.js.map → p-8bd7f4c2.entry.js.map} +0 -0
  403. /package/dist/beeq/{p-f07f4d99.entry.js.map → p-9413a4d3.entry.js.map} +0 -0
  404. /package/dist/beeq/{p-7972ba08.entry.js.map → p-a55354ee.entry.js.map} +0 -0
  405. /package/dist/beeq/{p-84e96891.entry.js.map → p-d792e3d3.entry.js.map} +0 -0
  406. /package/dist/beeq/{p-5645238d.entry.js.map → p-e9a1b183.entry.js.map} +0 -0
  407. /package/dist/beeq/{p-b6f5430a.entry.js.map → p-f891fb4b.entry.js.map} +0 -0
  408. /package/dist/components/{p-CK3SnGa2.js.map → p-BBCVL6R0.js.map} +0 -0
  409. /package/dist/components/{p-2bpX-u8x.js.map → p-v3c5-Hhf.js.map} +0 -0
package/dist/components/bq-empty-state.js CHANGED
@@ -2,5 +2,5 @@
2
2
  * Built by Endavans
3
3
  * © https://beeq.design - Apache 2 License.
4
4
  */
5
- import{p as a,H as r,h as e,t as b}from"./p-2eUC8A3N.js";import{v as q}from"./p-DbxZ8FhA.js";import{b as n}from"./p-uqkxeAeG.js";import{d as t}from"./p-2bpX-u8x.js";const i=["small","medium","large"];const o={small:40,medium:80,large:180};const s=()=>`::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.relative{position:relative}.inline-block{display:inline-block}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{display:inline-block;position:relative}.static{position:static}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.gap-xs{gap:var(--bq-spacing-xs)}.text-l{font-size:var(--bq-font-size--l)}.text-m{font-size:var(--bq-font-size--m)}.text-s{font-size:var(--bq-font-size--s)}.text-xxl2{font-size:var(--bq-font-size--xxl2)}.font-bold{font-weight:var(--bq-font-weight--bold)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.text-primary{color:var(--bq-text--primary)}.m-be-l{margin-block-end:var(--bq-spacing-l)}.m-be-m{margin-block-end:var(--bq-spacing-m)}.m-be-xl{margin-block-end:var(--bq-spacing-xl)}.m-be-xs{margin-block-end:var(--bq-spacing-xs)}.m-be-xxl{margin-block-end:var(--bq-spacing-xxl)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.text-\\[--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 d=a(class a extends r{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}bodyElem;footerElem;get el(){return this}hasBody=false;hasFooter=false;size="medium";checkPropValues(){q(i,"medium",this.el,"size")}componentWillLoad(){this.checkPropValues()}componentDidLoad(){this.handleSlotChange()}handleSlotChange=()=>{this.hasBody=n(this.bodyElem,"body");this.hasFooter=n(this.footerElem,"footer")};get iconSize(){return o[this.size]||o.medium}render(){return e("div",{key:"ca9753f87f3aa64c300215b3e1400810ff93cb02",class:"inline-flex flex-col items-center",part:"wrapper"},e("div",{key:"3a9b44d9d90bbd909e22a2cac0ce5437caefe7c4",class:{"m-be-m":this.size==="small","m-be-xl":this.size==="medium","m-be-xxl":this.size==="large"},part:"thumbnail"},e("slot",{key:"643c89912ebd98e4690c603d9dea6e158bf5b20d",name:"thumbnail"},e("bq-icon",{key:"e60ce04ea42f7c5167c1c44bf0c496c1846f40b1",exportparts:"base,svg",name:"database",part:"icon",size:this.iconSize}))),e("div",{key:"a939eee07a7076849ac0619c8198bbc55e60c2c8",class:{"font-bold text-primary leading-regular":true,"text-m":this.size==="small","text-l":this.size==="medium","text-xxl2":this.size==="large","m-be-xs":this.size==="small"&&this.hasBody,"m-be-m":this.size==="medium"&&this.hasBody,"m-be-l":this.size==="large"&&this.hasBody},part:"title"},e("slot",{key:"34f897969f846ae3fc962e45201f719551fab812"})),e("div",{key:"a20024b1c429b05e4d69afff8f86d00d67a330c4",class:{"font-normal leading-regular":true,"text-s":this.size==="small","text-m":this.size==="medium","text-l":this.size==="large","m-be-m":this.size==="small"&&this.hasFooter,"m-be-l":this.size==="medium"&&this.hasFooter,"m-be-xl":this.size==="large"&&this.hasFooter},part:"body",ref:a=>{this.bodyElem=a}},e("slot",{key:"bce4e2e9ed40496b40352395ffa4c746ca3dc640",name:"body",onSlotchange:this.handleSlotChange})),e("div",{key:"782ad1f922b120301ba25cd5e303bdc8d01ca0a5",class:"flex items-start gap-xs",part:"footer",ref:a=>{this.footerElem=a}},e("slot",{key:"989ee75a06b199dc997f93f3828e0aa9699028a9",name:"footer",onSlotchange:this.handleSlotChange})))}static get watchers(){return{size:[{checkPropValues:0}]}}static get style(){return s()}},[769,"bq-empty-state",{size:[1537],hasBody:[32],hasFooter:[32]},undefined,{size:[{checkPropValues:0}]}]);function l(){if(typeof customElements==="undefined"){return}const a=["bq-empty-state","bq-icon"];a.forEach((a=>{switch(a){case"bq-empty-state":if(!customElements.get(b(a))){customElements.define(b(a),d)}break;case"bq-icon":if(!customElements.get(b(a))){t()}break}}))}const c=d;const v=l;export{c as BqEmptyState,v as defineCustomElement};
5
+ import{p as a,H as r,h as e,t as b}from"./p-2eUC8A3N.js";import{v as q}from"./p-DbxZ8FhA.js";import{b as n}from"./p-uqkxeAeG.js";import{d as t}from"./p-v3c5-Hhf.js";const i=["small","medium","large"];const o={small:40,medium:80,large:180};const s=()=>`::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.relative{position:relative}.inline-block{display:inline-block}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{display:inline-block;position:relative}.static{position:static}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.gap-xs{gap:var(--bq-spacing-xs)}.text-l{font-size:var(--bq-font-size--l)}.text-m{font-size:var(--bq-font-size--m)}.text-s{font-size:var(--bq-font-size--s)}.text-xxl2{font-size:var(--bq-font-size--xxl2)}.font-bold{font-weight:var(--bq-font-weight--bold)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.text-primary{color:var(--bq-text--primary)}.m-be-l{margin-block-end:var(--bq-spacing-l)}.m-be-m{margin-block-end:var(--bq-spacing-m)}.m-be-xl{margin-block-end:var(--bq-spacing-xl)}.m-be-xs{margin-block-end:var(--bq-spacing-xs)}.m-be-xxl{margin-block-end:var(--bq-spacing-xxl)}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}`;const l=a(class a extends r{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}bodyElem;footerElem;get el(){return this}hasBody=false;hasFooter=false;size="medium";checkPropValues(){q(i,"medium",this.el,"size")}componentWillLoad(){this.checkPropValues()}componentDidLoad(){this.handleSlotChange()}handleSlotChange=()=>{this.hasBody=n(this.bodyElem,"body");this.hasFooter=n(this.footerElem,"footer")};get iconSize(){return o[this.size]||o.medium}render(){return e("div",{key:"442ab7fa6cc93412fa83ef6f7b08fb97bc2f4abe",class:"inline-flex flex-col items-center",part:"wrapper"},e("div",{key:"abb21ffa8ee4a4a9b0676378544981e3513eb62f",class:{"m-be-m":this.size==="small","m-be-xl":this.size==="medium","m-be-xxl":this.size==="large"},part:"thumbnail"},e("slot",{key:"36bb52ed6ee60858b11dd1f03a3eda57553974a7",name:"thumbnail"},e("bq-icon",{key:"8557bf30cf62df903da72fd2910a946ae1958916",exportparts:"base,svg",name:"database",part:"icon",size:this.iconSize}))),e("div",{key:"4d3e2c8fc9f120198fa48fe8c81c8bb894a58294",class:{"font-bold text-primary leading-regular":true,"text-m":this.size==="small","text-l":this.size==="medium","text-xxl2":this.size==="large","m-be-xs":this.size==="small"&&this.hasBody,"m-be-m":this.size==="medium"&&this.hasBody,"m-be-l":this.size==="large"&&this.hasBody},part:"title"},e("slot",{key:"53fb2627224bb34fc8d60d6c3ed9f1608bb81f7c"})),e("div",{key:"1613a8974fcad7889c039cadb813ce50eb22376a",class:{"font-normal leading-regular":true,"text-s":this.size==="small","text-m":this.size==="medium","text-l":this.size==="large","m-be-m":this.size==="small"&&this.hasFooter,"m-be-l":this.size==="medium"&&this.hasFooter,"m-be-xl":this.size==="large"&&this.hasFooter},part:"body",ref:a=>{this.bodyElem=a}},e("slot",{key:"8b09fba1cce8cc7f780bc5596258d2d11f2fe81d",name:"body",onSlotchange:this.handleSlotChange})),e("div",{key:"52296e96d718f976b10480e61e66dadb47e4f390",class:"flex items-start gap-xs",part:"footer",ref:a=>{this.footerElem=a}},e("slot",{key:"2efeb2003b413805593aa616a9a1d334be56de68",name:"footer",onSlotchange:this.handleSlotChange})))}static get watchers(){return{size:[{checkPropValues:0}]}}static get style(){return s()}},[769,"bq-empty-state",{size:[1537],hasBody:[32],hasFooter:[32]},undefined,{size:[{checkPropValues:0}]}]);function d(){if(typeof customElements==="undefined"){return}const a=["bq-empty-state","bq-icon"];a.forEach((a=>{switch(a){case"bq-empty-state":if(!customElements.get(b(a))){customElements.define(b(a),l)}break;case"bq-icon":if(!customElements.get(b(a))){t()}break}}))}const c=l;const v=d;export{c as BqEmptyState,v as defineCustomElement};
6
6
  //# sourceMappingURL=bq-empty-state.js.map
package/dist/components/bq-empty-state.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["EMPTY_STATE_SIZE","SIZE_TO_VALUE_MAP","small","medium","large","bqEmptyStateCss","BqEmptyState","__stencil_proxyCustomElement","HTMLElement","bodyElem","footerElem","hasBody","hasFooter","size","checkPropValues","validatePropValue","this","el","componentWillLoad","componentDidLoad","handleSlotChange","hasSlotContent","iconSize","render","h","key","class","part","name","exportparts","ref","div","onSlotchange"],"sources":["../../packages/beeq/src/components/empty-state/bq-empty-state.types.ts","../../packages/beeq/src/components/empty-state/scss/bq-empty-state.scss?tag=bq-empty-state&encapsulation=shadow","../../packages/beeq/src/components/empty-state/bq-empty-state.tsx"],"sourcesContent":["export const EMPTY_STATE_SIZE = ['small', 'medium', 'large'] as const;\nexport type TEmptyStateSize = (typeof EMPTY_STATE_SIZE)[number];\n\nexport const SIZE_TO_VALUE_MAP: Record<TEmptyStateSize, number> = {\n small: 40,\n medium: 80,\n large: 180,\n};\n","/* -------------------------------------------------------------------------- */\n/* Empty state styles */\n/* -------------------------------------------------------------------------- */\n\n:host {\n @apply relative inline-block;\n}\n","import { Component, Element, h, Prop, State, Watch } from '@stencil/core';\n\nimport { hasSlotContent, validatePropValue } from '../../shared/utils';\nimport type { TEmptyStateSize } from './bq-empty-state.types';\nimport { EMPTY_STATE_SIZE, SIZE_TO_VALUE_MAP } from './bq-empty-state.types';\n\n/**\n * An Empty State is a UI component displayed when there is no data or content available, often used in dynamic or inactive application states.\n *\n * @example How to use it\n * ```html\n * <bq-empty-state size=\"medium\">Title</bq-empty-state>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/673ae0-empty-state/b/09d7b1\n * @status stable\n *\n * @dependency bq-icon\n *\n * @attr {\"large\" | \"medium\" | \"small\"} size - The size of the empty state component\n *\n * @slot thumbnail - The element that wraps the thumbnail element\n * @slot body - The content to be displayed after the thumbnail section\n * @slot footer - The content to be displayed after the body section as footer\n *\n * @part body - The container `<div>` that wraps the alert description content\n * @part footer - The container `<div>` that wraps the alert footer content\n * @part icon - The `<bq-icon>` element used to render a predefined icon size based on the empty state size (small, medium, large)\n * @part thumbnail - The container `<div>` that wraps the thumbnail element\n * @part title - The container `<div>` that wraps the empty state title content\n * @part wrapper - The wrapper container `<div>` of the element inside the shadow DOM\n */\n\n@Component({\n tag: 'bq-empty-state',\n styleUrl: './scss/bq-empty-state.scss',\n shadow: true,\n})\nexport class BqEmptyState {\n // Own Properties\n // ====================\n\n private bodyElem: HTMLDivElement;\n private footerElem: HTMLDivElement;\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqEmptyStateElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() private hasBody = false;\n @State() private hasFooter = false;\n\n // Public Property API\n // ========================\n\n /** The size of the empty state component */\n @Prop({ reflect: true, mutable: true }) size: TEmptyStateSize = 'medium';\n\n // Prop lifecycle events\n // =======================\n\n @Watch('size')\n checkPropValues() {\n validatePropValue(EMPTY_STATE_SIZE, 'medium', this.el, 'size');\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n componentWillLoad() {\n this.checkPropValues();\n }\n\n componentDidLoad() {\n this.handleSlotChange();\n }\n\n // Listeners\n // ==============\n\n // Public methods API\n // These methods are exposed on the host element.\n // Always use two lines.\n // Public Methods must be async.\n // Requires JSDocs for public API documentation.\n // ===============================================\n\n // Local methods\n // Internal business logic.\n // These methods cannot be called from the host element.\n // =======================================================\n\n private handleSlotChange = () => {\n this.hasBody = hasSlotContent(this.bodyElem, 'body');\n this.hasFooter = hasSlotContent(this.footerElem, 'footer');\n };\n\n private get iconSize(): number {\n return SIZE_TO_VALUE_MAP[this.size] || SIZE_TO_VALUE_MAP.medium;\n }\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n return (\n <div class=\"inline-flex flex-col items-center\" part=\"wrapper\">\n <div\n class={{\n 'm-be-m': this.size === 'small',\n 'm-be-xl': this.size === 'medium',\n 'm-be-xxl': this.size === 'large',\n }}\n part=\"thumbnail\"\n >\n <slot name=\"thumbnail\">\n <bq-icon exportparts=\"base,svg\" name=\"database\" part=\"icon\" size={this.iconSize} />\n </slot>\n </div>\n <div\n class={{\n 'font-bold text-primary leading-regular': true,\n 'text-m': this.size === 'small',\n 'text-l': this.size === 'medium',\n 'text-xxl2': this.size === 'large',\n 'm-be-xs': this.size === 'small' && this.hasBody,\n 'm-be-m': this.size === 'medium' && this.hasBody,\n 'm-be-l': this.size === 'large' && this.hasBody,\n }}\n part=\"title\"\n >\n <slot />\n </div>\n <div\n class={{\n 'font-normal leading-regular': true,\n 'text-s': this.size === 'small',\n 'text-m': this.size === 'medium',\n 'text-l': this.size === 'large',\n 'm-be-m': this.size === 'small' && this.hasFooter,\n 'm-be-l': this.size === 'medium' && this.hasFooter,\n 'm-be-xl': this.size === 'large' && this.hasFooter,\n }}\n part=\"body\"\n ref={(div) => {\n this.bodyElem = div;\n }}\n >\n <slot name=\"body\" onSlotchange={this.handleSlotChange} />\n </div>\n <div\n class=\"flex items-start gap-xs\"\n part=\"footer\"\n ref={(div) => {\n this.footerElem = div;\n }}\n >\n <slot name=\"footer\" onSlotchange={this.handleSlotChange} />\n </div>\n </div>\n );\n }\n}\n"],"mappings":";;;;qKAAO,MAAMA,EAAmB,CAAC,QAAS,SAAU,SAG7C,MAAMC,EAAqD,CAChEC,MAAO,GACPC,OAAQ,GACRC,MAAO,KCNT,MAAMC,EAAkB,IAAM,4znB,MCsCjBC,EAAYC,EAAA,MAAAD,UAAAE,E,iFAIfC,SACAC,W,qBAWSC,QAAU,MACVC,UAAY,MAMWC,KAAwB,SAMhE,eAAAC,GACEC,EAAkBf,EAAkB,SAAUgB,KAAKC,GAAI,O,CAWzD,iBAAAC,GACEF,KAAKF,iB,CAGP,gBAAAK,GACEH,KAAKI,kB,CAkBCA,iBAAmB,KACzBJ,KAAKL,QAAUU,EAAeL,KAAKP,SAAU,QAC7CO,KAAKJ,UAAYS,EAAeL,KAAKN,WAAY,SAAS,EAG5D,YAAYY,GACV,OAAOrB,EAAkBe,KAAKH,OAASZ,EAAkBE,M,CAO3D,MAAAoB,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oCAAoCC,KAAK,WAClDH,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,SAAUV,KAAKH,OAAS,QACxB,UAAWG,KAAKH,OAAS,SACzB,WAAYG,KAAKH,OAAS,SAE5Bc,KAAK,aAELH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,aACTJ,EAAA,WAAAC,IAAA,2CAASI,YAAY,WAAWD,KAAK,WAAWD,KAAK,OAAOd,KAAMG,KAAKM,aAG3EE,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,yCAA0C,KAC1C,SAAUV,KAAKH,OAAS,QACxB,SAAUG,KAAKH,OAAS,SACxB,YAAaG,KAAKH,OAAS,QAC3B,UAAWG,KAAKH,OAAS,SAAWG,KAAKL,QACzC,SAAUK,KAAKH,OAAS,UAAYG,KAAKL,QACzC,SAAUK,KAAKH,OAAS,SAAWG,KAAKL,SAE1CgB,KAAK,SAELH,EAAA,QAAAC,IAAA,8CAEFD,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,8BAA+B,KAC/B,SAAUV,KAAKH,OAAS,QACxB,SAAUG,KAAKH,OAAS,SACxB,SAAUG,KAAKH,OAAS,QACxB,SAAUG,KAAKH,OAAS,SAAWG,KAAKJ,UACxC,SAAUI,KAAKH,OAAS,UAAYG,KAAKJ,UACzC,UAAWI,KAAKH,OAAS,SAAWG,KAAKJ,WAE3Ce,KAAK,OACLG,IAAMC,IACJf,KAAKP,SAAWsB,CAAG,GAGrBP,EAAA,QAAAC,IAAA,2CAAMG,KAAK,OAAOI,aAAchB,KAAKI,oBAEvCI,EAAA,OAAAC,IAAA,2CACEC,MAAM,0BACNC,KAAK,SACLG,IAAMC,IACJf,KAAKN,WAAaqB,CAAG,GAGvBP,EAAA,QAAAC,IAAA,2CAAMG,KAAK,SAASI,aAAchB,KAAKI,oB","ignoreList":[]}
1
+ {"version":3,"names":["EMPTY_STATE_SIZE","SIZE_TO_VALUE_MAP","small","medium","large","bqEmptyStateCss","BqEmptyState","__stencil_proxyCustomElement","HTMLElement","bodyElem","footerElem","hasBody","hasFooter","size","checkPropValues","validatePropValue","this","el","componentWillLoad","componentDidLoad","handleSlotChange","hasSlotContent","iconSize","render","h","key","class","part","name","exportparts","ref","div","onSlotchange"],"sources":["../../packages/beeq/src/components/empty-state/bq-empty-state.types.ts","../../packages/beeq/src/components/empty-state/scss/bq-empty-state.scss?tag=bq-empty-state&encapsulation=shadow","../../packages/beeq/src/components/empty-state/bq-empty-state.tsx"],"sourcesContent":["export const EMPTY_STATE_SIZE = ['small', 'medium', 'large'] as const;\nexport type TEmptyStateSize = (typeof EMPTY_STATE_SIZE)[number];\n\nexport const SIZE_TO_VALUE_MAP: Record<TEmptyStateSize, number> = {\n small: 40,\n medium: 80,\n large: 180,\n};\n","/* -------------------------------------------------------------------------- */\n/* Empty state styles */\n/* -------------------------------------------------------------------------- */\n\n:host {\n @apply relative inline-block;\n}\n","import { Component, Element, h, Prop, State, Watch } from '@stencil/core';\n\nimport { hasSlotContent, validatePropValue } from '../../shared/utils';\nimport type { TEmptyStateSize } from './bq-empty-state.types';\nimport { EMPTY_STATE_SIZE, SIZE_TO_VALUE_MAP } from './bq-empty-state.types';\n\n/**\n * An Empty State is a UI component displayed when there is no data or content available, often used in dynamic or inactive application states.\n *\n * @example How to use it\n * ```html\n * <bq-empty-state size=\"medium\">Title</bq-empty-state>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/673ae0-empty-state/b/09d7b1\n * @status stable\n *\n * @dependency bq-icon\n *\n * @attr {\"large\" | \"medium\" | \"small\"} size - The size of the empty state component\n *\n * @slot thumbnail - The element that wraps the thumbnail element\n * @slot body - The content to be displayed after the thumbnail section\n * @slot footer - The content to be displayed after the body section as footer\n *\n * @part body - The container `<div>` that wraps the alert description content\n * @part footer - The container `<div>` that wraps the alert footer content\n * @part icon - The `<bq-icon>` element used to render a predefined icon size based on the empty state size (small, medium, large)\n * @part thumbnail - The container `<div>` that wraps the thumbnail element\n * @part title - The container `<div>` that wraps the empty state title content\n * @part wrapper - The wrapper container `<div>` of the element inside the shadow DOM\n */\n\n@Component({\n tag: 'bq-empty-state',\n styleUrl: './scss/bq-empty-state.scss',\n shadow: true,\n})\nexport class BqEmptyState {\n // Own Properties\n // ====================\n\n private bodyElem: HTMLDivElement;\n private footerElem: HTMLDivElement;\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqEmptyStateElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() private hasBody = false;\n @State() private hasFooter = false;\n\n // Public Property API\n // ========================\n\n /** The size of the empty state component */\n @Prop({ reflect: true, mutable: true }) size: TEmptyStateSize = 'medium';\n\n // Prop lifecycle events\n // =======================\n\n @Watch('size')\n checkPropValues() {\n validatePropValue(EMPTY_STATE_SIZE, 'medium', this.el, 'size');\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n componentWillLoad() {\n this.checkPropValues();\n }\n\n componentDidLoad() {\n this.handleSlotChange();\n }\n\n // Listeners\n // ==============\n\n // Public methods API\n // These methods are exposed on the host element.\n // Always use two lines.\n // Public Methods must be async.\n // Requires JSDocs for public API documentation.\n // ===============================================\n\n // Local methods\n // Internal business logic.\n // These methods cannot be called from the host element.\n // =======================================================\n\n private handleSlotChange = () => {\n this.hasBody = hasSlotContent(this.bodyElem, 'body');\n this.hasFooter = hasSlotContent(this.footerElem, 'footer');\n };\n\n private get iconSize(): number {\n return SIZE_TO_VALUE_MAP[this.size] || SIZE_TO_VALUE_MAP.medium;\n }\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n return (\n <div class=\"inline-flex flex-col items-center\" part=\"wrapper\">\n <div\n class={{\n 'm-be-m': this.size === 'small',\n 'm-be-xl': this.size === 'medium',\n 'm-be-xxl': this.size === 'large',\n }}\n part=\"thumbnail\"\n >\n <slot name=\"thumbnail\">\n <bq-icon exportparts=\"base,svg\" name=\"database\" part=\"icon\" size={this.iconSize} />\n </slot>\n </div>\n <div\n class={{\n 'font-bold text-primary leading-regular': true,\n 'text-m': this.size === 'small',\n 'text-l': this.size === 'medium',\n 'text-xxl2': this.size === 'large',\n 'm-be-xs': this.size === 'small' && this.hasBody,\n 'm-be-m': this.size === 'medium' && this.hasBody,\n 'm-be-l': this.size === 'large' && this.hasBody,\n }}\n part=\"title\"\n >\n <slot />\n </div>\n <div\n class={{\n 'font-normal leading-regular': true,\n 'text-s': this.size === 'small',\n 'text-m': this.size === 'medium',\n 'text-l': this.size === 'large',\n 'm-be-m': this.size === 'small' && this.hasFooter,\n 'm-be-l': this.size === 'medium' && this.hasFooter,\n 'm-be-xl': this.size === 'large' && this.hasFooter,\n }}\n part=\"body\"\n ref={(div) => {\n this.bodyElem = div;\n }}\n >\n <slot name=\"body\" onSlotchange={this.handleSlotChange} />\n </div>\n <div\n class=\"flex items-start gap-xs\"\n part=\"footer\"\n ref={(div) => {\n this.footerElem = div;\n }}\n >\n <slot name=\"footer\" onSlotchange={this.handleSlotChange} />\n </div>\n </div>\n );\n }\n}\n"],"mappings":";;;;qKAAO,MAAMA,EAAmB,CAAC,QAAS,SAAU,SAG7C,MAAMC,EAAqD,CAChEC,MAAO,GACPC,OAAQ,GACRC,MAAO,KCNT,MAAMC,EAAkB,IAAM,uhnB,MCsCjBC,EAAYC,EAAA,MAAAD,UAAAE,E,iFAIfC,SACAC,W,qBAWSC,QAAU,MACVC,UAAY,MAMWC,KAAwB,SAMhE,eAAAC,GACEC,EAAkBf,EAAkB,SAAUgB,KAAKC,GAAI,O,CAWzD,iBAAAC,GACEF,KAAKF,iB,CAGP,gBAAAK,GACEH,KAAKI,kB,CAkBCA,iBAAmB,KACzBJ,KAAKL,QAAUU,EAAeL,KAAKP,SAAU,QAC7CO,KAAKJ,UAAYS,EAAeL,KAAKN,WAAY,SAAS,EAG5D,YAAYY,GACV,OAAOrB,EAAkBe,KAAKH,OAASZ,EAAkBE,M,CAO3D,MAAAoB,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oCAAoCC,KAAK,WAClDH,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,SAAUV,KAAKH,OAAS,QACxB,UAAWG,KAAKH,OAAS,SACzB,WAAYG,KAAKH,OAAS,SAE5Bc,KAAK,aAELH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,aACTJ,EAAA,WAAAC,IAAA,2CAASI,YAAY,WAAWD,KAAK,WAAWD,KAAK,OAAOd,KAAMG,KAAKM,aAG3EE,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,yCAA0C,KAC1C,SAAUV,KAAKH,OAAS,QACxB,SAAUG,KAAKH,OAAS,SACxB,YAAaG,KAAKH,OAAS,QAC3B,UAAWG,KAAKH,OAAS,SAAWG,KAAKL,QACzC,SAAUK,KAAKH,OAAS,UAAYG,KAAKL,QACzC,SAAUK,KAAKH,OAAS,SAAWG,KAAKL,SAE1CgB,KAAK,SAELH,EAAA,QAAAC,IAAA,8CAEFD,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,8BAA+B,KAC/B,SAAUV,KAAKH,OAAS,QACxB,SAAUG,KAAKH,OAAS,SACxB,SAAUG,KAAKH,OAAS,QACxB,SAAUG,KAAKH,OAAS,SAAWG,KAAKJ,UACxC,SAAUI,KAAKH,OAAS,UAAYG,KAAKJ,UACzC,UAAWI,KAAKH,OAAS,SAAWG,KAAKJ,WAE3Ce,KAAK,OACLG,IAAMC,IACJf,KAAKP,SAAWsB,CAAG,GAGrBP,EAAA,QAAAC,IAAA,2CAAMG,KAAK,OAAOI,aAAchB,KAAKI,oBAEvCI,EAAA,OAAAC,IAAA,2CACEC,MAAM,0BACNC,KAAK,SACLG,IAAMC,IACJf,KAAKN,WAAaqB,CAAG,GAGvBP,EAAA,QAAAC,IAAA,2CAAMG,KAAK,SAASI,aAAchB,KAAKI,oB","ignoreList":[]}
package/dist/components/bq-icon.js CHANGED
@@ -2,5 +2,5 @@
2
2
  * Built by Endavans
3
3
  * © https://beeq.design - Apache 2 License.
4
4
  */
5
- import{B as o,d as s}from"./p-2bpX-u8x.js";const p=o;const t=s;export{p as BqIcon,t as defineCustomElement};
5
+ import{B as o,d as s}from"./p-v3c5-Hhf.js";const t=o;const c=s;export{t as BqIcon,c as defineCustomElement};
6
6
  //# sourceMappingURL=bq-icon.js.map
package/dist/components/bq-input.js CHANGED
@@ -2,5 +2,5 @@
2
2
  * Built by Endavans
3
3
  * © https://beeq.design - Apache 2 License.
4
4
  */
5
- import{p as r,H as e,c as a,h as t,t as b}from"./p-2eUC8A3N.js";import{d as n}from"./p-CVw85-WU.js";import{i}from"./p-BRbYDZoo.js";import{i as o}from"./p-D1A0LpG_.js";import{i as q}from"./p-BcPwGxIn.js";import{b as s}from"./p-uqkxeAeG.js";import{d as l}from"./p-CNITfoR_.js";import{d}from"./p-2bpX-u8x.js";const c=()=>`.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.pointer-events-none{pointer-events:none}.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)}.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%)}.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}.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}.ms-\\[--bq-date-picker--gap\\]{margin-inline-start:var(--bq-date-picker--gap)}.\\!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}}.\\[\\&\\:\\:part\\(button\\)\\]\\:border-none::part(button){border-style:none}.\\[\\&\\:\\:part\\(button\\)\\]\\:p-0::part(button){padding:0}.inline{display:inline}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}`;const u=r(class r extends e{constructor(r){super();if(r!==false){this.__registerHost()}this.__attachShadow();this.bqBlur=a(this,"bqBlur");this.bqChange=a(this,"bqChange");this.bqClear=a(this,"bqClear");this.bqFocus=a(this,"bqFocus");this.bqInput=a(this,"bqInput");this.internals=this.attachInternals()}helperTextElem;inputElem;labelElem;prefixElem;suffixElem;debounceBqInput;fallbackInputId="input";get el(){return this}internals;hasHelperText=false;hasLabel=false;hasPrefix=false;hasSuffix=false;hasValue=false;autocapitalize="off";autocomplete="off";autofocus=false;clearButtonLabel="Clear value";debounceTime=0;disabled=false;disableClear=false;form;formValidationMessage;inputmode;max;maxlength;min;minlength;name;pattern;placeholder;readonly;required;step;type="text";validationStatus="none";value;handleValueChange(){const{internals:r,value:e}=this;if(Array.isArray(e)){this.hasValue=e.some((r=>r.length>0));this.internals.setFormValue(e.join(","));return}this.hasValue=i(e);r.setFormValue(!q(e)?`${e}`:undefined);this.updateFormValidity()}handleRequiredPropChange(){this.updateFormValidity()}bqBlur;bqChange;bqClear;bqFocus;bqInput;componentWillLoad(){this.handleValueChange()}componentDidLoad(){this.handleSlotChange()}formAssociatedCallback(){this.setFormValue(this.value?.toString());this.updateFormValidity()}formResetCallback(){if(q(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(!o(r.target,"input"))return;this.value=this.type==="number"?Number(r.target.value):r.target.value;this.debounceBqInput=n((()=>{this.bqInput.emit({value:this.value,el:this.el})}),this.debounceTime);this.debounceBqInput()};handleChange=r=>{if(this.disabled)return;if(!o(r.target,"input"))return;this.value=this.type==="number"?Number(r.target.value):r.target.value;this.setFormValue(`${this.value}`);this.updateFormValidity();this.bqChange.emit({value:this.value,el:this.el})};handleClear=()=>{if(this.disabled)return;const{inputElem:r,setFormValue:e,updateFormValidity:a}=this;r.value="";this.value=r.value;e(this.value);a()};handleClearClick=r=>{r.stopPropagation();this.handleClear();const{bqClear:e,bqChange:a,bqInput:t,el:b,inputElem:n}=this;e.emit(b);t.emit({value:this.value,el:b});a.emit({value:this.value,el:b});n.focus()};setFormValue=r=>{this.internals.setFormValue(!q(r)?`${r}`:undefined)};updateFormValidity=()=>{const{formValidationMessage:r,internals:e,required:a,value:t,inputElem:b}=this;e?.states.clear();if(a&&(!t||t.toString().trim()==="")){e?.states.add("invalid");e?.setValidity({valueMissing:true},r||"This field is required",b);return}e?.states.add("valid");e?.setValidity({})};handleSlotChange=()=>{this.hasLabel=s(this.labelElem);this.hasPrefix=s(this.prefixElem);this.hasSuffix=s(this.suffixElem);this.hasHelperText=s(this.helperTextElem)};render(){return t("div",{key:"de14ab2fefac14cd82f88058aeb18b4ad7402078",class:"bq-input",part:"base"},t("label",{key:"f96ca601d70e075d991adae6b6c874994c19ca87","aria-label":this.name||this.fallbackInputId,class:{"bq-input--label":true,"!hidden":!this.hasLabel},htmlFor:this.name||this.fallbackInputId,part:"label",ref:r=>{this.labelElem=r}},t("slot",{key:"09ee350daa010352ae0daceb0bb83bba9122330f",name:"label",onSlotchange:this.handleSlotChange})),t("div",{key:"79e40a9f3ec68fca41363bfebe0f5debc5a1bcd3",class:{"bq-input--control":true,[`validation-${this.validationStatus}`]:true,disabled:this.disabled},part:"control"},t("span",{key:"1c04fc731f3a7e61b5cb88efec8d8b64fae422dc",class:{"bq-input--control__prefix":true,"!hidden":!this.hasPrefix},part:"prefix",ref:r=>{this.prefixElem=r}},t("slot",{key:"8d08bb71550ec31382fa6b23a7b0a2caf0dbb476",name:"prefix",onSlotchange:this.handleSlotChange})),t("input",{key:"a139ae2874c142adcb2408631737ffea694ff2ce","aria-disabled":this.disabled?"true":"false",autocapitalize:this.autocapitalize,autocomplete:this.autocomplete,autofocus:this.autofocus,class:"bq-input--control__input",disabled:this.disabled,form:this.form,id:this.name||this.fallbackInputId,inputMode:this.inputmode,max:this.max,maxLength:this.maxlength,min:this.min,minLength:this.minlength,name:this.name,onBlur:this.handleBlur,onChange:this.handleChange,onFocus:this.handleFocus,onInput:this.handleInput,part:"input",pattern:this.pattern,placeholder:this.placeholder,readOnly:this.readonly,ref:r=>{this.inputElem=r},required:this.required,step:this.step,type:this.type,value:this.value}),this.hasValue&&!this.disabled&&!this.disableClear&&t("bq-button",{key:"b9328543ff4b2dff71379a9d9e76254992812f39",appearance:"text",border:"s",class:"bq-input--control__clear ms-[--bq-date-picker--gap] hidden [&::part(button)]:border-none [&::part(button)]:p-0",exportparts:"button",label:this.clearButtonLabel,onBqClick:this.handleClearClick,onlyIcon:true,part:"clear-btn",size:"small"},t("slot",{key:"ecbc7b6811b91cca3c3203b8122e9a6587ad7c70",name:"clear-icon"},t("bq-icon",{key:"8badad1d30746284b3e23cd1ad03b3029f0debe8","aria-hidden":"true",class:"flex",name:"x-circle"}))),t("span",{key:"54709ae45018ef0051e79d2bd4cf689c8caf14cd",class:{"bq-input--control__suffix":true,"!hidden":!this.hasSuffix},part:"suffix",ref:r=>{this.suffixElem=r}},t("slot",{key:"bd53c75dee1400f6b2dbc0132c3f26d9aeabe39d",name:"suffix",onSlotchange:this.handleSlotChange}))),t("div",{key:"e0a0c89379ea70f3990bf359471a6c886e184512",class:{[`bq-input--helper-text validation-${this.validationStatus}`]:true,"!hidden":!this.hasHelperText},part:"helper-text",ref:r=>{this.helperTextElem=r}},t("slot",{key:"982ee82a0ba43cb78547bc9968477df0f845559d",name:"helper-text",onSlotchange:this.handleSlotChange})))}static get delegatesFocus(){return true}static get formAssociated(){return true}static get watchers(){return{value:[{handleValueChange:0}],required:[{handleRequiredPropChange:0}]}}static get style(){return c()}},[849,"bq-input",{autocapitalize:[513],autocomplete:[513],autofocus:[516],clearButtonLabel:[513,"clear-button-label"],debounceTime:[1538,"debounce-time"],disabled:[1028],disableClear:[516,"disable-clear"],form:[513],formValidationMessage:[1025,"form-validation-message"],inputmode:[1],max:[520],maxlength:[514],min:[520],minlength:[514],name:[513],pattern:[513],placeholder:[513],readonly:[516],required:[516],step:[520],type:[513],validationStatus:[513,"validation-status"],value:[1544],hasHelperText:[32],hasLabel:[32],hasPrefix:[32],hasSuffix:[32],hasValue:[32]},undefined,{value:[{handleValueChange:0}],required:[{handleRequiredPropChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const r=["bq-input","bq-button","bq-icon"];r.forEach((r=>{switch(r){case"bq-input":if(!customElements.get(b(r))){customElements.define(b(r),u)}break;case"bq-button":if(!customElements.get(b(r))){l()}break;case"bq-icon":if(!customElements.get(b(r))){d()}break}}))}const p=u;const g=v;export{p as BqInput,g as defineCustomElement};
5
+ import{p as r,H as a,c as e,h as t,t as b}from"./p-2eUC8A3N.js";import{d as n}from"./p-CVw85-WU.js";import{i}from"./p-BRbYDZoo.js";import{i as o}from"./p-D1A0LpG_.js";import{i as q}from"./p-BcPwGxIn.js";import{b as s}from"./p-uqkxeAeG.js";import{d as l}from"./p-D6ngGq0Y.js";import{d}from"./p-v3c5-Hhf.js";const c=()=>`.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.pointer-events-none{pointer-events:none}.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)}.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-\\[--bq-input--background-color\\]{background-color:var(--bq-input--background-color)}.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%)}.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;background-color:var(--bq-input--background-color);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}.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}.ms-\\[--bq-date-picker--gap\\]{margin-inline-start:var(--bq-date-picker--gap)}.\\!hidden{display:none!important}.\\[\\&\\:\\:part\\(button\\)\\]\\:border-none::part(button){border-style:none}.\\[\\&\\:\\:part\\(button\\)\\]\\:p-0::part(button){padding:0}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}`;const u=r(class r extends a{constructor(r){super();if(r!==false){this.__registerHost()}this.__attachShadow();this.bqBlur=e(this,"bqBlur");this.bqChange=e(this,"bqChange");this.bqClear=e(this,"bqClear");this.bqFocus=e(this,"bqFocus");this.bqInput=e(this,"bqInput");this.internals=this.attachInternals()}helperTextElem;inputElem;labelElem;prefixElem;suffixElem;debounceBqInput;fallbackInputId="input";get el(){return this}internals;hasHelperText=false;hasLabel=false;hasPrefix=false;hasSuffix=false;hasValue=false;autocapitalize="off";autocomplete="off";autofocus=false;clearButtonLabel="Clear value";debounceTime=0;disabled=false;disableClear=false;form;formValidationMessage;inputmode;max;maxlength;min;minlength;name;pattern;placeholder;readonly;required;step;type="text";validationStatus="none";value;handleValueChange(){const{internals:r,value:a}=this;if(Array.isArray(a)){this.hasValue=a.some((r=>r.length>0));this.internals.setFormValue(a.join(","));return}this.hasValue=i(a);r.setFormValue(!q(a)?`${a}`:undefined);this.updateFormValidity()}handleRequiredPropChange(){this.updateFormValidity()}bqBlur;bqChange;bqClear;bqFocus;bqInput;componentWillLoad(){this.handleValueChange()}componentDidLoad(){this.handleSlotChange()}formAssociatedCallback(){this.setFormValue(this.value?.toString());this.updateFormValidity()}formResetCallback(){if(q(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(!o(r.target,"input"))return;this.value=this.type==="number"?Number(r.target.value):r.target.value;this.debounceBqInput=n((()=>{this.bqInput.emit({value:this.value,el:this.el})}),this.debounceTime);this.debounceBqInput()};handleChange=r=>{if(this.disabled)return;if(!o(r.target,"input"))return;this.value=this.type==="number"?Number(r.target.value):r.target.value;this.setFormValue(`${this.value}`);this.updateFormValidity();this.bqChange.emit({value:this.value,el:this.el})};handleClear=()=>{if(this.disabled)return;const{inputElem:r,setFormValue:a,updateFormValidity:e}=this;r.value="";this.value=r.value;a(this.value);e()};handleClearClick=r=>{r.stopPropagation();this.handleClear();const{bqClear:a,bqChange:e,bqInput:t,el:b,inputElem:n}=this;a.emit(b);t.emit({value:this.value,el:b});e.emit({value:this.value,el:b});n.focus()};setFormValue=r=>{this.internals.setFormValue(!q(r)?`${r}`:undefined)};updateFormValidity=()=>{const{formValidationMessage:r,internals:a,required:e,value:t,inputElem:b}=this;a?.states.clear();if(e&&(!t||t.toString().trim()==="")){a?.states.add("invalid");a?.setValidity({valueMissing:true},r||"This field is required",b);return}a?.states.add("valid");a?.setValidity({})};handleSlotChange=()=>{this.hasLabel=s(this.labelElem);this.hasPrefix=s(this.prefixElem);this.hasSuffix=s(this.suffixElem);this.hasHelperText=s(this.helperTextElem)};render(){return t("div",{key:"87c095754b2d2a3484a0904edf1d8a0225ad4c23",class:"bq-input",part:"base"},t("label",{key:"b5468f0e2aed0defa6ebb54f2f4708df0027fc74","aria-label":this.name||this.fallbackInputId,class:{"bq-input--label":true,"!hidden":!this.hasLabel},htmlFor:this.name||this.fallbackInputId,part:"label",ref:r=>{this.labelElem=r}},t("slot",{key:"fe3c7c5a02fcd043a5e431c457e8bf7c9cf97812",name:"label",onSlotchange:this.handleSlotChange})),t("div",{key:"dd2ae390216aa990c85892b7137825f88a942634",class:{"bq-input--control":true,[`validation-${this.validationStatus}`]:true,disabled:this.disabled},part:"control"},t("span",{key:"cd61511cfb516a8c248c8e670a35cf9a28229103",class:{"bq-input--control__prefix":true,"!hidden":!this.hasPrefix},part:"prefix",ref:r=>{this.prefixElem=r}},t("slot",{key:"db8c551225e274a7b1e6471415bd347dca1c3416",name:"prefix",onSlotchange:this.handleSlotChange})),t("input",{key:"a348f9ee30c220765f8b290d131d5f615c8e9382","aria-disabled":this.disabled?"true":"false",autocapitalize:this.autocapitalize,autocomplete:this.autocomplete,autofocus:this.autofocus,class:"bq-input--control__input",disabled:this.disabled,form:this.form,id:this.name||this.fallbackInputId,inputMode:this.inputmode,max:this.max,maxLength:this.maxlength,min:this.min,minLength:this.minlength,name:this.name,onBlur:this.handleBlur,onChange:this.handleChange,onFocus:this.handleFocus,onInput:this.handleInput,part:"input",pattern:this.pattern,placeholder:this.placeholder,readOnly:this.readonly,ref:r=>{this.inputElem=r},required:this.required,step:this.step,type:this.type,value:this.value}),this.hasValue&&!this.disabled&&!this.disableClear&&t("bq-button",{key:"b1a83567db25b50c2d4a0fab59b949e86e727c56",appearance:"text",border:"s",class:"bq-input--control__clear ms-[--bq-date-picker--gap] hidden [&::part(button)]:border-none [&::part(button)]:p-0",exportparts:"button",label:this.clearButtonLabel,onBqClick:this.handleClearClick,onlyIcon:true,part:"clear-btn",size:"small"},t("slot",{key:"6c59e225537dabafd21b21654416d7a8c623a25b",name:"clear-icon"},t("bq-icon",{key:"4db17212e52e2a87f13a1ba6696e97a184486a8e","aria-hidden":"true",class:"flex",name:"x-circle"}))),t("span",{key:"78560395a60d8f8fac546124439ca79c4b1ff5e4",class:{"bq-input--control__suffix":true,"!hidden":!this.hasSuffix},part:"suffix",ref:r=>{this.suffixElem=r}},t("slot",{key:"2e483d6d9b4ea32a4b88064ebb8a892d854bc5b3",name:"suffix",onSlotchange:this.handleSlotChange}))),t("div",{key:"09615dab7c11478eaf6e72a4f3d2feab583a36ff",class:{[`bq-input--helper-text validation-${this.validationStatus}`]:true,"!hidden":!this.hasHelperText},part:"helper-text",ref:r=>{this.helperTextElem=r}},t("slot",{key:"dacfa42c94c04650708916203a70bd2ecd5a18dd",name:"helper-text",onSlotchange:this.handleSlotChange})))}static get delegatesFocus(){return true}static get formAssociated(){return true}static get watchers(){return{value:[{handleValueChange:0}],required:[{handleRequiredPropChange:0}]}}static get style(){return c()}},[849,"bq-input",{autocapitalize:[513],autocomplete:[513],autofocus:[516],clearButtonLabel:[513,"clear-button-label"],debounceTime:[1538,"debounce-time"],disabled:[1028],disableClear:[516,"disable-clear"],form:[513],formValidationMessage:[1025,"form-validation-message"],inputmode:[1],max:[520],maxlength:[514],min:[520],minlength:[514],name:[513],pattern:[513],placeholder:[513],readonly:[516],required:[516],step:[520],type:[513],validationStatus:[513,"validation-status"],value:[1544],hasHelperText:[32],hasLabel:[32],hasPrefix:[32],hasSuffix:[32],hasValue:[32]},undefined,{value:[{handleValueChange:0}],required:[{handleRequiredPropChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const r=["bq-input","bq-button","bq-icon"];r.forEach((r=>{switch(r){case"bq-input":if(!customElements.get(b(r))){customElements.define(b(r),u)}break;case"bq-button":if(!customElements.get(b(r))){l()}break;case"bq-icon":if(!customElements.get(b(r))){d()}break}}))}const p=u;const g=v;export{p as BqInput,g as defineCustomElement};
6
6
  //# sourceMappingURL=bq-input.js.map
package/dist/components/bq-input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["bqInputCss","BqInput","__stencil_proxyCustomElement","HTMLElement","helperTextElem","inputElem","labelElem","prefixElem","suffixElem","debounceBqInput","fallbackInputId","internals","hasHelperText","hasLabel","hasPrefix","hasSuffix","hasValue","autocapitalize","autocomplete","autofocus","clearButtonLabel","debounceTime","disabled","disableClear","form","formValidationMessage","inputmode","max","maxlength","min","minlength","name","pattern","placeholder","readonly","required","step","type","validationStatus","value","handleValueChange","this","Array","isArray","some","val","length","setFormValue","join","isDefined","isNil","undefined","updateFormValidity","handleRequiredPropChange","bqBlur","bqChange","bqClear","bqFocus","bqInput","componentWillLoad","componentDidLoad","handleSlotChange","formAssociatedCallback","toString","formResetCallback","handleClear","handleBlur","emit","el","handleFocus","handleInput","ev","cancel","isHTMLElement","target","Number","debounce","handleChange","handleClearClick","stopPropagation","focus","states","clear","trim","add","setValidity","valueMissing","hasSlotContent","render","h","key","class","part","htmlFor","ref","onSlotchange","spanElem","id","inputMode","maxLength","minLength","onBlur","onChange","onFocus","onInput","readOnly","appearance","border","exportparts","label","onBqClick","onlyIcon","size","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\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 type { EventEmitter } from '@stencil/core';\nimport { AttachInternals, Component, Element, Event, h, Prop, State, Watch } from '@stencil/core';\n\nimport { debounce, hasSlotContent, isDefined, isHTMLElement, isNil, type TDebounce } from '../../shared/utils';\nimport type { TInputType, TInputValidation, TInputValue } from './bq-input.types';\n\n/**\n * The Input component is a fundamental user interface element that allows users to input data by typing it into a text field.\n * It is commonly used in web and mobile applications for various purposes, such as collecting user information, search inputs, and login forms.\n *\n * @example How to use it\n * ```html\n * <bq-input name=\"username\" label=\"Username\" placeholder=\"Enter your username\"></bq-input>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/980362-input\n * @status stable\n *\n * @dependency bq-button\n * @dependency bq-icon\n *\n * @attr {string} autocapitalize - Controls whether or not the input field should be capitalized and how.\n * @attr {string} autocomplete - Specifies whether or not the input field should have autocomplete enabled.\n * @attr {boolean} autofocus - If true, the input will be focused on component render.\n * @attr {string} clear-button-label - The clear button aria label.\n * @attr {number} debounce-time - The amount of time, in milliseconds, to wait before emitting the `bqInput` event after the input value changes.\n * @attr {boolean} disabled - Indicates whether the input is disabled or not.\n * @attr {boolean} disable-clear - If true, the clear button won't be displayed.\n * @attr {string} form - The ID of the form that the input field belongs to.\n * @attr {string} form-validation-message - The native form validation message (mandatory if `required` is set).\n * @attr {string} inputmode - The inputmode attribute specifies what kind of input mechanism would be most helpful for users entering content into the input field.\n * @attr {number | string} max - The maximum value that the input field can accept.\n * @attr {number} maxlength - The maximum number of characters that the input field can accept.\n * @attr {number | string} min - The minimum value that the input field can accept.\n * @attr {number} minlength - The minimum number of characters that the input field can accept.\n * @attr {string} name - The input field name.\n * @attr {string} pattern - Specifies a regular expression the form control's value should match.\n * @attr {string} placeholder - The input placeholder text value.\n * @attr {boolean} readonly - If true, the input field cannot be modified.\n * @attr {boolean} required - Indicates whether or not the input field is required to be filled out before submitting the form.\n * @attr {number | 'any'} step - A number that specifies the granularity that the value must adhere to.\n * @attr {string} type - The type attribute specifies the type of input field to display.\n * @attr {'none' | 'error' | 'warning' | 'success'} validation-status - The validation status of the input.\n * @attr {string | number | string[]} value - The input value, it can be used to reset the input to a previous value.\n *\n * @event bqBlur - Callback handler emitted when the input loses focus.\n * @event bqChange - Callback handler emitted when the input value has changed and the input loses focus.\n * @event bqClear - Callback handler emitted when the input value has been cleared.\n * @event bqFocus - Callback handler emitted when the input has received focus.\n * @event bqInput - Callback handler emitted when the input value changes.\n *\n * @slot label - The label slot container.\n * @slot prefix - The prefix slot container.\n * @slot suffix - The suffix slot container.\n * @slot helper-text - The helper text slot container.\n * @slot clear-icon - The clear icon slot container.\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 * @cssprop --bq-input--background-color - Input background color\n * @cssprop --bq-input--border-color - Input border color\n * @cssprop --bq-input--border-color-focus - Input border color on focus\n * @cssprop --bq-input--border-radius - Input border radius\n * @cssprop --bq-input--border-width - Input border width\n * @cssprop --bq-input--border-style - Input border style\n * @cssprop --bq-input--gap - Gap between input content and prefix/suffix\n * @cssprop --bq-input--helper-margin-top - Helper text margin top\n * @cssprop --bq-input--helper-text-color - Helper text color\n * @cssprop --bq-input--helper-text-size - Helper text size\n * @cssprop --bq-input--icon-size - Icon size to use in prefix/suffix and clear button\n * @cssprop --bq-input--label-margin-bottom - Input label margin bottom\n * @cssprop --bq-input--label-text-color - Input label text color\n * @cssprop --bq-input--label-text-size - Input label text size\n * @cssprop --bq-input--padding-start - Input padding start\n * @cssprop --bq-input--padding-end - Input padding end\n * @cssprop --bq-input--paddingY - Input padding top and bottom\n * @cssprop --bq-input--text-color - Input text color\n * @cssprop --bq-input--text-size - Input text size\n * @cssprop --bq-input--text-placeholder-color - Input placeholder text color\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 *\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 *\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\n */\n @Prop({ reflect: true }) autocomplete: string = 'off';\n\n /** If true, the input will be focused on component render */\n @Prop({ reflect: true }) autofocus: boolean = false;\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 /** The native form validation message (mandatory if `required` is set) */\n @Prop({ mutable: true }) formValidationMessage?: 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 *\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 *\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 *\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 const { internals, value } = this;\n if (Array.isArray(value)) {\n this.hasValue = value.some((val) => val.length > 0);\n this.internals.setFormValue(value.join(','));\n return;\n }\n\n this.hasValue = isDefined(value);\n internals.setFormValue(!isNil(value) ? `${value}` : undefined);\n this.updateFormValidity();\n }\n\n @Watch('required')\n handleRequiredPropChange() {\n this.updateFormValidity();\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 componentDidLoad() {\n this.handleSlotChange();\n }\n\n formAssociatedCallback() {\n this.setFormValue(this.value?.toString());\n this.updateFormValidity();\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\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 // Update form value and validity\n this.setFormValue(`${this.value}`);\n this.updateFormValidity();\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, setFormValue, updateFormValidity } = this;\n // Clear input element value\n inputElem.value = '';\n this.value = inputElem.value;\n // Set form value to empty string abd update validity\n setFormValue(this.value);\n updateFormValidity();\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 setFormValue = (value?: string) => {\n this.internals.setFormValue(!isNil(value) ? `${value}` : undefined);\n };\n\n private updateFormValidity = () => {\n const { formValidationMessage, internals, required, value, inputElem } = this;\n\n // Clear the validity state\n internals?.states.clear();\n\n if (required && (!value || value.toString().trim() === '')) {\n // Set validity state to invalid\n internals?.states.add('invalid');\n internals?.setValidity({ valueMissing: true }, formValidationMessage || 'This field is required', inputElem);\n return;\n }\n\n // Set validity state to valid if textarea has value or is not required\n internals?.states.add('valid');\n internals?.setValidity({});\n };\n\n private handleSlotChange = () => {\n this.hasLabel = hasSlotContent(this.labelElem);\n this.hasPrefix = hasSlotContent(this.prefixElem);\n this.hasSuffix = hasSlotContent(this.suffixElem);\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 aria-label={this.name || this.fallbackInputId}\n class={{ 'bq-input--label': true, '!hidden': !this.hasLabel }}\n htmlFor={this.name || this.fallbackInputId}\n part=\"label\"\n ref={(labelElem) => {\n this.labelElem = labelElem;\n }}\n >\n <slot name=\"label\" onSlotchange={this.handleSlotChange} />\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 part=\"prefix\"\n ref={(spanElem) => {\n this.prefixElem = spanElem;\n }}\n >\n <slot name=\"prefix\" onSlotchange={this.handleSlotChange} />\n </span>\n {/* HTML Input */}\n <input\n aria-disabled={this.disabled ? 'true' : 'false'}\n autocapitalize={this.autocapitalize}\n autocomplete={this.autocomplete}\n autofocus={this.autofocus}\n class=\"bq-input--control__input\"\n disabled={this.disabled}\n form={this.form}\n id={this.name || this.fallbackInputId}\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 onBlur={this.handleBlur}\n onChange={this.handleChange}\n onFocus={this.handleFocus}\n onInput={this.handleInput}\n part=\"input\"\n pattern={this.pattern}\n placeholder={this.placeholder}\n readOnly={this.readonly}\n ref={(inputElem) => {\n this.inputElem = inputElem;\n }}\n required={this.required}\n step={this.step}\n type={this.type}\n value={this.value}\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 appearance=\"text\"\n border=\"s\"\n class=\"bq-input--control__clear ms-[--bq-date-picker--gap] hidden [&::part(button)]:border-none [&::part(button)]:p-0\"\n exportparts=\"button\"\n label={this.clearButtonLabel}\n onBqClick={this.handleClearClick}\n onlyIcon\n part=\"clear-btn\"\n size=\"small\"\n >\n <slot name=\"clear-icon\">\n <bq-icon aria-hidden=\"true\" class=\"flex\" name=\"x-circle\" />\n </slot>\n </bq-button>\n )}\n {/* Suffix */}\n <span\n class={{ 'bq-input--control__suffix': true, '!hidden': !this.hasSuffix }}\n part=\"suffix\"\n ref={(spanElem) => {\n this.suffixElem = spanElem;\n }}\n >\n <slot name=\"suffix\" onSlotchange={this.handleSlotChange} />\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 part=\"helper-text\"\n ref={(divElem) => {\n this.helperTextElem = divElem;\n }}\n >\n <slot name=\"helper-text\" onSlotchange={this.handleSlotChange} />\n </div>\n </div>\n );\n }\n}\n"],"mappings":";;;;kTAAA,MAAMA,EAAa,IAAM,uw5B,MCgGZC,EAAOC,EAAA,MAAAD,UAAAE,E,kRAIVC,eACAC,UACAC,UACAC,WACAC,WAEAC,gBACAC,gBAAkB,Q,qBAMPC,UAMVC,cAAgB,MAChBC,SAAW,MACXC,UAAY,MACZC,UAAY,MACZC,SAAW,MAWKC,eAAyB,MAOzBC,aAAuB,MAGvBC,UAAqB,MAGrBC,iBAAoB,cAMLC,aAAgB,EAM/BC,SAAqB,MAGrBC,aAAgB,MAGhBC,KAGAC,sBAOjBC,UAMiBC,IAGAC,UAMAC,IAGAC,UAGAC,KAOAC,QAGAC,YAGAC,SAGAC,SAQAC,KAQAC,KAAmB,OAYnBC,iBAAqC,OAGtBC,MAMxC,iBAAAC,GACE,MAAM7B,UAAEA,EAAS4B,MAAEA,GAAUE,KAC7B,GAAIC,MAAMC,QAAQJ,GAAQ,CACxBE,KAAKzB,SAAWuB,EAAMK,MAAMC,GAAQA,EAAIC,OAAS,IACjDL,KAAK9B,UAAUoC,aAAaR,EAAMS,KAAK,MACvC,M,CAGFP,KAAKzB,SAAWiC,EAAUV,GAC1B5B,EAAUoC,cAAcG,EAAMX,GAAS,GAAGA,IAAUY,WACpDV,KAAKW,oB,CAIP,wBAAAC,GACEZ,KAAKW,oB,CAQEE,OAMAC,SAGAC,QAGAC,QAMAC,QAMT,iBAAAC,GACElB,KAAKD,mB,CAGP,gBAAAoB,GACEnB,KAAKoB,kB,CAGP,sBAAAC,GACErB,KAAKM,aAAaN,KAAKF,OAAOwB,YAC9BtB,KAAKW,oB,CAGP,iBAAAY,GACE,GAAId,EAAMT,KAAKF,OAAQ,OAEvBE,KAAKwB,a,CAkBCC,WAAa,KACnB,GAAIzB,KAAKnB,SAAU,OAEnBmB,KAAKa,OAAOa,KAAK1B,KAAK2B,GAAG,EAGnBC,YAAc,KACpB,GAAI5B,KAAKnB,SAAU,OAEnBmB,KAAKgB,QAAQU,KAAK1B,KAAK2B,GAAG,EAGpBE,YAAeC,IACrB,GAAI9B,KAAKnB,SAAU,OAEnBmB,KAAKhC,iBAAiB+D,SAEtB,IAAKC,EAAcF,EAAGG,OAAQ,SAAU,OACxCjC,KAAKF,MAAQE,KAAKJ,OAAS,SAAWsC,OAAOJ,EAAGG,OAAOnC,OAASgC,EAAGG,OAAOnC,MAE1EE,KAAKhC,gBAAkBmE,GAAS,KAC9BnC,KAAKiB,QAAQS,KAAK,CAAE5B,MAAOE,KAAKF,MAAO6B,GAAI3B,KAAK2B,IAAK,GACpD3B,KAAKpB,cACRoB,KAAKhC,iBAAiB,EAGhBoE,aAAgBN,IACtB,GAAI9B,KAAKnB,SAAU,OAEnB,IAAKmD,EAAcF,EAAGG,OAAQ,SAAU,OACxCjC,KAAKF,MAAQE,KAAKJ,OAAS,SAAWsC,OAAOJ,EAAGG,OAAOnC,OAASgC,EAAGG,OAAOnC,MAE1EE,KAAKM,aAAa,GAAGN,KAAKF,SAC1BE,KAAKW,qBAELX,KAAKc,SAASY,KAAK,CAAE5B,MAAOE,KAAKF,MAAO6B,GAAI3B,KAAK2B,IAAK,EAGhDH,YAAc,KACpB,GAAIxB,KAAKnB,SAAU,OAEnB,MAAMjB,UAAEA,EAAS0C,aAAEA,EAAYK,mBAAEA,GAAuBX,KAExDpC,EAAUkC,MAAQ,GAClBE,KAAKF,MAAQlC,EAAUkC,MAEvBQ,EAAaN,KAAKF,OAClBa,GAAoB,EAGd0B,iBAAoBP,IAC1BA,EAAGQ,kBACHtC,KAAKwB,cAEL,MAAMT,QAAEA,EAAOD,SAAEA,EAAQG,QAAEA,EAAOU,GAAEA,EAAE/D,UAAEA,GAAcoC,KAEtDe,EAAQW,KAAKC,GACbV,EAAQS,KAAK,CAAE5B,MAAOE,KAAKF,MAAO6B,OAClCb,EAASY,KAAK,CAAE5B,MAAOE,KAAKF,MAAO6B,OAEnC/D,EAAU2E,OAAO,EAGXjC,aAAgBR,IACtBE,KAAK9B,UAAUoC,cAAcG,EAAMX,GAAS,GAAGA,IAAUY,UAAU,EAG7DC,mBAAqB,KAC3B,MAAM3B,sBAAEA,EAAqBd,UAAEA,EAASwB,SAAEA,EAAQI,MAAEA,EAAKlC,UAAEA,GAAcoC,KAGzE9B,GAAWsE,OAAOC,QAElB,GAAI/C,KAAcI,GAASA,EAAMwB,WAAWoB,SAAW,IAAK,CAE1DxE,GAAWsE,OAAOG,IAAI,WACtBzE,GAAW0E,YAAY,CAAEC,aAAc,MAAQ7D,GAAyB,yBAA0BpB,GAClG,M,CAIFM,GAAWsE,OAAOG,IAAI,SACtBzE,GAAW0E,YAAY,GAAG,EAGpBxB,iBAAmB,KACzBpB,KAAK5B,SAAW0E,EAAe9C,KAAKnC,WACpCmC,KAAK3B,UAAYyE,EAAe9C,KAAKlC,YACrCkC,KAAK1B,UAAYwE,EAAe9C,KAAKjC,YACrCiC,KAAK7B,cAAgB2E,EAAe9C,KAAKrC,eAAe,EAO1D,MAAAoF,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,WAAWC,KAAK,QAEzBH,EAAA,SAAAC,IAAA,wDACcjD,KAAKV,MAAQU,KAAK/B,gBAC9BiF,MAAO,CAAE,kBAAmB,KAAM,WAAYlD,KAAK5B,UACnDgF,QAASpD,KAAKV,MAAQU,KAAK/B,gBAC3BkF,KAAK,QACLE,IAAMxF,IACJmC,KAAKnC,UAAYA,CAAS,GAG5BmF,EAAA,QAAAC,IAAA,2CAAM3D,KAAK,QAAQgE,aAActD,KAAKoB,oBAGxC4B,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,oBAAqB,KACrB,CAAC,cAAclD,KAAKH,oBAAqB,KACzChB,SAAUmB,KAAKnB,UAEjBsE,KAAK,WAGLH,EAAA,QAAAC,IAAA,2CACEC,MAAO,CAAE,4BAA6B,KAAM,WAAYlD,KAAK3B,WAC7D8E,KAAK,SACLE,IAAME,IACJvD,KAAKlC,WAAayF,CAAQ,GAG5BP,EAAA,QAAAC,IAAA,2CAAM3D,KAAK,SAASgE,aAActD,KAAKoB,oBAGzC4B,EAAA,SAAAC,IAAA,2DACiBjD,KAAKnB,SAAW,OAAS,QACxCL,eAAgBwB,KAAKxB,eACrBC,aAAcuB,KAAKvB,aACnBC,UAAWsB,KAAKtB,UAChBwE,MAAM,2BACNrE,SAAUmB,KAAKnB,SACfE,KAAMiB,KAAKjB,KACXyE,GAAIxD,KAAKV,MAAQU,KAAK/B,gBACtBwF,UAAWzD,KAAKf,UAChBC,IAAKc,KAAKd,IACVwE,UAAW1D,KAAKb,UAChBC,IAAKY,KAAKZ,IACVuE,UAAW3D,KAAKX,UAChBC,KAAMU,KAAKV,KACXsE,OAAQ5D,KAAKyB,WACboC,SAAU7D,KAAKoC,aACf0B,QAAS9D,KAAK4B,YACdmC,QAAS/D,KAAK6B,YACdsB,KAAK,QACL5D,QAASS,KAAKT,QACdC,YAAaQ,KAAKR,YAClBwE,SAAUhE,KAAKP,SACf4D,IAAMzF,IACJoC,KAAKpC,UAAYA,CAAS,EAE5B8B,SAAUM,KAAKN,SACfC,KAAMK,KAAKL,KACXC,KAAMI,KAAKJ,KACXE,MAAOE,KAAKF,QAGbE,KAAKzB,WAAayB,KAAKnB,WAAamB,KAAKlB,cAGxCkE,EAAA,aAAAC,IAAA,2CACEgB,WAAW,OACXC,OAAO,IACPhB,MAAM,iHACNiB,YAAY,SACZC,MAAOpE,KAAKrB,iBACZ0F,UAAWrE,KAAKqC,iBAChBiC,SAAQ,KACRnB,KAAK,YACLoB,KAAK,SAELvB,EAAA,QAAAC,IAAA,2CAAM3D,KAAK,cACT0D,EAAA,WAAAC,IAAA,yDAAqB,OAAOC,MAAM,OAAO5D,KAAK,eAKpD0D,EAAA,QAAAC,IAAA,2CACEC,MAAO,CAAE,4BAA6B,KAAM,WAAYlD,KAAK1B,WAC7D6E,KAAK,SACLE,IAAME,IACJvD,KAAKjC,WAAawF,CAAQ,GAG5BP,EAAA,QAAAC,IAAA,2CAAM3D,KAAK,SAASgE,aAActD,KAAKoB,qBAI3C4B,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,CAAC,oCAAoClD,KAAKH,oBAAqB,KAC/D,WAAYG,KAAK7B,eAEnBgF,KAAK,cACLE,IAAMmB,IACJxE,KAAKrC,eAAiB6G,CAAO,GAG/BxB,EAAA,QAAAC,IAAA,2CAAM3D,KAAK,cAAcgE,aAActD,KAAKoB,oB","ignoreList":[]}
1
+ {"version":3,"names":["bqInputCss","BqInput","__stencil_proxyCustomElement","HTMLElement","helperTextElem","inputElem","labelElem","prefixElem","suffixElem","debounceBqInput","fallbackInputId","internals","hasHelperText","hasLabel","hasPrefix","hasSuffix","hasValue","autocapitalize","autocomplete","autofocus","clearButtonLabel","debounceTime","disabled","disableClear","form","formValidationMessage","inputmode","max","maxlength","min","minlength","name","pattern","placeholder","readonly","required","step","type","validationStatus","value","handleValueChange","this","Array","isArray","some","val","length","setFormValue","join","isDefined","isNil","undefined","updateFormValidity","handleRequiredPropChange","bqBlur","bqChange","bqClear","bqFocus","bqInput","componentWillLoad","componentDidLoad","handleSlotChange","formAssociatedCallback","toString","formResetCallback","handleClear","handleBlur","emit","el","handleFocus","handleInput","ev","cancel","isHTMLElement","target","Number","debounce","handleChange","handleClearClick","stopPropagation","focus","states","clear","trim","add","setValidity","valueMissing","hasSlotContent","render","h","key","class","part","htmlFor","ref","onSlotchange","spanElem","id","inputMode","maxLength","minLength","onBlur","onChange","onFocus","onInput","readOnly","appearance","border","exportparts","label","onBqClick","onlyIcon","size","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 bg-[--bq-input--background-color] 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\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 type { EventEmitter } from '@stencil/core';\nimport { AttachInternals, Component, Element, Event, h, Prop, State, Watch } from '@stencil/core';\n\nimport { debounce, hasSlotContent, isDefined, isHTMLElement, isNil, type TDebounce } from '../../shared/utils';\nimport type { TInputType, TInputValidation, TInputValue } from './bq-input.types';\n\n/**\n * The Input component is a fundamental user interface element that allows users to input data by typing it into a text field.\n * It is commonly used in web and mobile applications for various purposes, such as collecting user information, search inputs, and login forms.\n *\n * @example How to use it\n * ```html\n * <bq-input name=\"username\" label=\"Username\" placeholder=\"Enter your username\"></bq-input>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/980362-input\n * @status stable\n *\n * @dependency bq-button\n * @dependency bq-icon\n *\n * @attr {string} autocapitalize - Controls whether or not the input field should be capitalized and how.\n * @attr {string} autocomplete - Specifies whether or not the input field should have autocomplete enabled.\n * @attr {boolean} autofocus - If true, the input will be focused on component render.\n * @attr {string} clear-button-label - The clear button aria label.\n * @attr {number} debounce-time - The amount of time, in milliseconds, to wait before emitting the `bqInput` event after the input value changes.\n * @attr {boolean} disabled - Indicates whether the input is disabled or not.\n * @attr {boolean} disable-clear - If true, the clear button won't be displayed.\n * @attr {string} form - The ID of the form that the input field belongs to.\n * @attr {string} form-validation-message - The native form validation message (mandatory if `required` is set).\n * @attr {string} inputmode - The inputmode attribute specifies what kind of input mechanism would be most helpful for users entering content into the input field.\n * @attr {number | string} max - The maximum value that the input field can accept.\n * @attr {number} maxlength - The maximum number of characters that the input field can accept.\n * @attr {number | string} min - The minimum value that the input field can accept.\n * @attr {number} minlength - The minimum number of characters that the input field can accept.\n * @attr {string} name - The input field name.\n * @attr {string} pattern - Specifies a regular expression the form control's value should match.\n * @attr {string} placeholder - The input placeholder text value.\n * @attr {boolean} readonly - If true, the input field cannot be modified.\n * @attr {boolean} required - Indicates whether or not the input field is required to be filled out before submitting the form.\n * @attr {number | 'any'} step - A number that specifies the granularity that the value must adhere to.\n * @attr {string} type - The type attribute specifies the type of input field to display.\n * @attr {'none' | 'error' | 'warning' | 'success'} validation-status - The validation status of the input.\n * @attr {string | number | string[]} value - The input value, it can be used to reset the input to a previous value.\n *\n * @event bqBlur - Callback handler emitted when the input loses focus.\n * @event bqChange - Callback handler emitted when the input value has changed and the input loses focus.\n * @event bqClear - Callback handler emitted when the input value has been cleared.\n * @event bqFocus - Callback handler emitted when the input has received focus.\n * @event bqInput - Callback handler emitted when the input value changes.\n *\n * @slot label - The label slot container.\n * @slot prefix - The prefix slot container.\n * @slot suffix - The suffix slot container.\n * @slot helper-text - The helper text slot container.\n * @slot clear-icon - The clear icon slot container.\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 * @cssprop --bq-input--background-color - Input background color\n * @cssprop --bq-input--border-color - Input border color\n * @cssprop --bq-input--border-color-focus - Input border color on focus\n * @cssprop --bq-input--border-radius - Input border radius\n * @cssprop --bq-input--border-width - Input border width\n * @cssprop --bq-input--border-style - Input border style\n * @cssprop --bq-input--gap - Gap between input content and prefix/suffix\n * @cssprop --bq-input--helper-margin-top - Helper text margin top\n * @cssprop --bq-input--helper-text-color - Helper text color\n * @cssprop --bq-input--helper-text-size - Helper text size\n * @cssprop --bq-input--icon-size - Icon size to use in prefix/suffix and clear button\n * @cssprop --bq-input--label-margin-bottom - Input label margin bottom\n * @cssprop --bq-input--label-text-color - Input label text color\n * @cssprop --bq-input--label-text-size - Input label text size\n * @cssprop --bq-input--padding-start - Input padding start\n * @cssprop --bq-input--padding-end - Input padding end\n * @cssprop --bq-input--paddingY - Input padding top and bottom\n * @cssprop --bq-input--text-color - Input text color\n * @cssprop --bq-input--text-size - Input text size\n * @cssprop --bq-input--text-placeholder-color - Input placeholder text color\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 *\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 *\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\n */\n @Prop({ reflect: true }) autocomplete: string = 'off';\n\n /** If true, the input will be focused on component render */\n @Prop({ reflect: true }) autofocus: boolean = false;\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 /** The native form validation message (mandatory if `required` is set) */\n @Prop({ mutable: true }) formValidationMessage?: 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 *\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 *\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 *\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 const { internals, value } = this;\n if (Array.isArray(value)) {\n this.hasValue = value.some((val) => val.length > 0);\n this.internals.setFormValue(value.join(','));\n return;\n }\n\n this.hasValue = isDefined(value);\n internals.setFormValue(!isNil(value) ? `${value}` : undefined);\n this.updateFormValidity();\n }\n\n @Watch('required')\n handleRequiredPropChange() {\n this.updateFormValidity();\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 componentDidLoad() {\n this.handleSlotChange();\n }\n\n formAssociatedCallback() {\n this.setFormValue(this.value?.toString());\n this.updateFormValidity();\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\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 // Update form value and validity\n this.setFormValue(`${this.value}`);\n this.updateFormValidity();\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, setFormValue, updateFormValidity } = this;\n // Clear input element value\n inputElem.value = '';\n this.value = inputElem.value;\n // Set form value to empty string abd update validity\n setFormValue(this.value);\n updateFormValidity();\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 setFormValue = (value?: string) => {\n this.internals.setFormValue(!isNil(value) ? `${value}` : undefined);\n };\n\n private updateFormValidity = () => {\n const { formValidationMessage, internals, required, value, inputElem } = this;\n\n // Clear the validity state\n internals?.states.clear();\n\n if (required && (!value || value.toString().trim() === '')) {\n // Set validity state to invalid\n internals?.states.add('invalid');\n internals?.setValidity({ valueMissing: true }, formValidationMessage || 'This field is required', inputElem);\n return;\n }\n\n // Set validity state to valid if textarea has value or is not required\n internals?.states.add('valid');\n internals?.setValidity({});\n };\n\n private handleSlotChange = () => {\n this.hasLabel = hasSlotContent(this.labelElem);\n this.hasPrefix = hasSlotContent(this.prefixElem);\n this.hasSuffix = hasSlotContent(this.suffixElem);\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 aria-label={this.name || this.fallbackInputId}\n class={{ 'bq-input--label': true, '!hidden': !this.hasLabel }}\n htmlFor={this.name || this.fallbackInputId}\n part=\"label\"\n ref={(labelElem) => {\n this.labelElem = labelElem;\n }}\n >\n <slot name=\"label\" onSlotchange={this.handleSlotChange} />\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 part=\"prefix\"\n ref={(spanElem) => {\n this.prefixElem = spanElem;\n }}\n >\n <slot name=\"prefix\" onSlotchange={this.handleSlotChange} />\n </span>\n {/* HTML Input */}\n <input\n aria-disabled={this.disabled ? 'true' : 'false'}\n autocapitalize={this.autocapitalize}\n autocomplete={this.autocomplete}\n autofocus={this.autofocus}\n class=\"bq-input--control__input\"\n disabled={this.disabled}\n form={this.form}\n id={this.name || this.fallbackInputId}\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 onBlur={this.handleBlur}\n onChange={this.handleChange}\n onFocus={this.handleFocus}\n onInput={this.handleInput}\n part=\"input\"\n pattern={this.pattern}\n placeholder={this.placeholder}\n readOnly={this.readonly}\n ref={(inputElem) => {\n this.inputElem = inputElem;\n }}\n required={this.required}\n step={this.step}\n type={this.type}\n value={this.value}\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 appearance=\"text\"\n border=\"s\"\n class=\"bq-input--control__clear ms-[--bq-date-picker--gap] hidden [&::part(button)]:border-none [&::part(button)]:p-0\"\n exportparts=\"button\"\n label={this.clearButtonLabel}\n onBqClick={this.handleClearClick}\n onlyIcon\n part=\"clear-btn\"\n size=\"small\"\n >\n <slot name=\"clear-icon\">\n <bq-icon aria-hidden=\"true\" class=\"flex\" name=\"x-circle\" />\n </slot>\n </bq-button>\n )}\n {/* Suffix */}\n <span\n class={{ 'bq-input--control__suffix': true, '!hidden': !this.hasSuffix }}\n part=\"suffix\"\n ref={(spanElem) => {\n this.suffixElem = spanElem;\n }}\n >\n <slot name=\"suffix\" onSlotchange={this.handleSlotChange} />\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 part=\"helper-text\"\n ref={(divElem) => {\n this.helperTextElem = divElem;\n }}\n >\n <slot name=\"helper-text\" onSlotchange={this.handleSlotChange} />\n </div>\n </div>\n );\n }\n}\n"],"mappings":";;;;kTAAA,MAAMA,EAAa,IAAM,wl5B,MCgGZC,EAAOC,EAAA,MAAAD,UAAAE,E,kRAIVC,eACAC,UACAC,UACAC,WACAC,WAEAC,gBACAC,gBAAkB,Q,qBAMPC,UAMVC,cAAgB,MAChBC,SAAW,MACXC,UAAY,MACZC,UAAY,MACZC,SAAW,MAWKC,eAAyB,MAOzBC,aAAuB,MAGvBC,UAAqB,MAGrBC,iBAAoB,cAMLC,aAAgB,EAM/BC,SAAqB,MAGrBC,aAAgB,MAGhBC,KAGAC,sBAOjBC,UAMiBC,IAGAC,UAMAC,IAGAC,UAGAC,KAOAC,QAGAC,YAGAC,SAGAC,SAQAC,KAQAC,KAAmB,OAYnBC,iBAAqC,OAGtBC,MAMxC,iBAAAC,GACE,MAAM7B,UAAEA,EAAS4B,MAAEA,GAAUE,KAC7B,GAAIC,MAAMC,QAAQJ,GAAQ,CACxBE,KAAKzB,SAAWuB,EAAMK,MAAMC,GAAQA,EAAIC,OAAS,IACjDL,KAAK9B,UAAUoC,aAAaR,EAAMS,KAAK,MACvC,M,CAGFP,KAAKzB,SAAWiC,EAAUV,GAC1B5B,EAAUoC,cAAcG,EAAMX,GAAS,GAAGA,IAAUY,WACpDV,KAAKW,oB,CAIP,wBAAAC,GACEZ,KAAKW,oB,CAQEE,OAMAC,SAGAC,QAGAC,QAMAC,QAMT,iBAAAC,GACElB,KAAKD,mB,CAGP,gBAAAoB,GACEnB,KAAKoB,kB,CAGP,sBAAAC,GACErB,KAAKM,aAAaN,KAAKF,OAAOwB,YAC9BtB,KAAKW,oB,CAGP,iBAAAY,GACE,GAAId,EAAMT,KAAKF,OAAQ,OAEvBE,KAAKwB,a,CAkBCC,WAAa,KACnB,GAAIzB,KAAKnB,SAAU,OAEnBmB,KAAKa,OAAOa,KAAK1B,KAAK2B,GAAG,EAGnBC,YAAc,KACpB,GAAI5B,KAAKnB,SAAU,OAEnBmB,KAAKgB,QAAQU,KAAK1B,KAAK2B,GAAG,EAGpBE,YAAeC,IACrB,GAAI9B,KAAKnB,SAAU,OAEnBmB,KAAKhC,iBAAiB+D,SAEtB,IAAKC,EAAcF,EAAGG,OAAQ,SAAU,OACxCjC,KAAKF,MAAQE,KAAKJ,OAAS,SAAWsC,OAAOJ,EAAGG,OAAOnC,OAASgC,EAAGG,OAAOnC,MAE1EE,KAAKhC,gBAAkBmE,GAAS,KAC9BnC,KAAKiB,QAAQS,KAAK,CAAE5B,MAAOE,KAAKF,MAAO6B,GAAI3B,KAAK2B,IAAK,GACpD3B,KAAKpB,cACRoB,KAAKhC,iBAAiB,EAGhBoE,aAAgBN,IACtB,GAAI9B,KAAKnB,SAAU,OAEnB,IAAKmD,EAAcF,EAAGG,OAAQ,SAAU,OACxCjC,KAAKF,MAAQE,KAAKJ,OAAS,SAAWsC,OAAOJ,EAAGG,OAAOnC,OAASgC,EAAGG,OAAOnC,MAE1EE,KAAKM,aAAa,GAAGN,KAAKF,SAC1BE,KAAKW,qBAELX,KAAKc,SAASY,KAAK,CAAE5B,MAAOE,KAAKF,MAAO6B,GAAI3B,KAAK2B,IAAK,EAGhDH,YAAc,KACpB,GAAIxB,KAAKnB,SAAU,OAEnB,MAAMjB,UAAEA,EAAS0C,aAAEA,EAAYK,mBAAEA,GAAuBX,KAExDpC,EAAUkC,MAAQ,GAClBE,KAAKF,MAAQlC,EAAUkC,MAEvBQ,EAAaN,KAAKF,OAClBa,GAAoB,EAGd0B,iBAAoBP,IAC1BA,EAAGQ,kBACHtC,KAAKwB,cAEL,MAAMT,QAAEA,EAAOD,SAAEA,EAAQG,QAAEA,EAAOU,GAAEA,EAAE/D,UAAEA,GAAcoC,KAEtDe,EAAQW,KAAKC,GACbV,EAAQS,KAAK,CAAE5B,MAAOE,KAAKF,MAAO6B,OAClCb,EAASY,KAAK,CAAE5B,MAAOE,KAAKF,MAAO6B,OAEnC/D,EAAU2E,OAAO,EAGXjC,aAAgBR,IACtBE,KAAK9B,UAAUoC,cAAcG,EAAMX,GAAS,GAAGA,IAAUY,UAAU,EAG7DC,mBAAqB,KAC3B,MAAM3B,sBAAEA,EAAqBd,UAAEA,EAASwB,SAAEA,EAAQI,MAAEA,EAAKlC,UAAEA,GAAcoC,KAGzE9B,GAAWsE,OAAOC,QAElB,GAAI/C,KAAcI,GAASA,EAAMwB,WAAWoB,SAAW,IAAK,CAE1DxE,GAAWsE,OAAOG,IAAI,WACtBzE,GAAW0E,YAAY,CAAEC,aAAc,MAAQ7D,GAAyB,yBAA0BpB,GAClG,M,CAIFM,GAAWsE,OAAOG,IAAI,SACtBzE,GAAW0E,YAAY,GAAG,EAGpBxB,iBAAmB,KACzBpB,KAAK5B,SAAW0E,EAAe9C,KAAKnC,WACpCmC,KAAK3B,UAAYyE,EAAe9C,KAAKlC,YACrCkC,KAAK1B,UAAYwE,EAAe9C,KAAKjC,YACrCiC,KAAK7B,cAAgB2E,EAAe9C,KAAKrC,eAAe,EAO1D,MAAAoF,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,WAAWC,KAAK,QAEzBH,EAAA,SAAAC,IAAA,wDACcjD,KAAKV,MAAQU,KAAK/B,gBAC9BiF,MAAO,CAAE,kBAAmB,KAAM,WAAYlD,KAAK5B,UACnDgF,QAASpD,KAAKV,MAAQU,KAAK/B,gBAC3BkF,KAAK,QACLE,IAAMxF,IACJmC,KAAKnC,UAAYA,CAAS,GAG5BmF,EAAA,QAAAC,IAAA,2CAAM3D,KAAK,QAAQgE,aAActD,KAAKoB,oBAGxC4B,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,oBAAqB,KACrB,CAAC,cAAclD,KAAKH,oBAAqB,KACzChB,SAAUmB,KAAKnB,UAEjBsE,KAAK,WAGLH,EAAA,QAAAC,IAAA,2CACEC,MAAO,CAAE,4BAA6B,KAAM,WAAYlD,KAAK3B,WAC7D8E,KAAK,SACLE,IAAME,IACJvD,KAAKlC,WAAayF,CAAQ,GAG5BP,EAAA,QAAAC,IAAA,2CAAM3D,KAAK,SAASgE,aAActD,KAAKoB,oBAGzC4B,EAAA,SAAAC,IAAA,2DACiBjD,KAAKnB,SAAW,OAAS,QACxCL,eAAgBwB,KAAKxB,eACrBC,aAAcuB,KAAKvB,aACnBC,UAAWsB,KAAKtB,UAChBwE,MAAM,2BACNrE,SAAUmB,KAAKnB,SACfE,KAAMiB,KAAKjB,KACXyE,GAAIxD,KAAKV,MAAQU,KAAK/B,gBACtBwF,UAAWzD,KAAKf,UAChBC,IAAKc,KAAKd,IACVwE,UAAW1D,KAAKb,UAChBC,IAAKY,KAAKZ,IACVuE,UAAW3D,KAAKX,UAChBC,KAAMU,KAAKV,KACXsE,OAAQ5D,KAAKyB,WACboC,SAAU7D,KAAKoC,aACf0B,QAAS9D,KAAK4B,YACdmC,QAAS/D,KAAK6B,YACdsB,KAAK,QACL5D,QAASS,KAAKT,QACdC,YAAaQ,KAAKR,YAClBwE,SAAUhE,KAAKP,SACf4D,IAAMzF,IACJoC,KAAKpC,UAAYA,CAAS,EAE5B8B,SAAUM,KAAKN,SACfC,KAAMK,KAAKL,KACXC,KAAMI,KAAKJ,KACXE,MAAOE,KAAKF,QAGbE,KAAKzB,WAAayB,KAAKnB,WAAamB,KAAKlB,cAGxCkE,EAAA,aAAAC,IAAA,2CACEgB,WAAW,OACXC,OAAO,IACPhB,MAAM,iHACNiB,YAAY,SACZC,MAAOpE,KAAKrB,iBACZ0F,UAAWrE,KAAKqC,iBAChBiC,SAAQ,KACRnB,KAAK,YACLoB,KAAK,SAELvB,EAAA,QAAAC,IAAA,2CAAM3D,KAAK,cACT0D,EAAA,WAAAC,IAAA,yDAAqB,OAAOC,MAAM,OAAO5D,KAAK,eAKpD0D,EAAA,QAAAC,IAAA,2CACEC,MAAO,CAAE,4BAA6B,KAAM,WAAYlD,KAAK1B,WAC7D6E,KAAK,SACLE,IAAME,IACJvD,KAAKjC,WAAawF,CAAQ,GAG5BP,EAAA,QAAAC,IAAA,2CAAM3D,KAAK,SAASgE,aAActD,KAAKoB,qBAI3C4B,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,CAAC,oCAAoClD,KAAKH,oBAAqB,KAC/D,WAAYG,KAAK7B,eAEnBgF,KAAK,cACLE,IAAMmB,IACJxE,KAAKrC,eAAiB6G,CAAO,GAG/BxB,EAAA,QAAAC,IAAA,2CAAM3D,KAAK,cAAcgE,aAActD,KAAKoB,oB","ignoreList":[]}