@beeq/core 1.8.0-beta.9 → 1.8.1

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 (780) hide show
  1. package/README.md +5 -3
  2. package/dist/beeq/beeq.css +1 -1
  3. package/dist/beeq/beeq.esm.js +1 -43
  4. package/dist/beeq/beeq.esm.js.map +1 -1
  5. package/dist/beeq/index.esm.js +1 -66
  6. package/dist/beeq/index.esm.js.map +1 -1
  7. package/dist/beeq/p-00702295.entry.js +6 -0
  8. package/dist/beeq/p-00702295.entry.js.map +1 -0
  9. package/dist/beeq/p-01de6133.js +6 -0
  10. package/dist/beeq/p-01de6133.js.map +1 -0
  11. package/dist/beeq/p-026fad0d.entry.js +6 -0
  12. package/dist/beeq/p-026fad0d.entry.js.map +1 -0
  13. package/dist/beeq/p-07b82e50.js +6 -0
  14. package/dist/beeq/p-07b82e50.js.map +1 -0
  15. package/dist/beeq/{p-cfb8829b.entry.js → p-0c0bd129.entry.js} +2 -96
  16. package/dist/beeq/p-0c0bd129.entry.js.map +1 -0
  17. package/dist/beeq/p-0c12aa01.entry.js +6 -0
  18. package/dist/beeq/p-0c12aa01.entry.js.map +1 -0
  19. package/dist/beeq/p-0cab9a82.entry.js +6 -0
  20. package/dist/beeq/p-0cab9a82.entry.js.map +1 -0
  21. package/dist/beeq/p-0f72dbb6.entry.js +6 -0
  22. package/dist/beeq/p-0f72dbb6.entry.js.map +1 -0
  23. package/dist/beeq/p-115ed5b2.js +1 -25
  24. package/dist/beeq/p-115ed5b2.js.map +1 -1
  25. package/dist/beeq/p-19b7bbe0.entry.js +6 -0
  26. package/dist/beeq/p-19b7bbe0.entry.js.map +1 -0
  27. package/dist/beeq/p-19c94c6d.entry.js +6 -0
  28. package/dist/beeq/p-19c94c6d.entry.js.map +1 -0
  29. package/dist/beeq/p-1b0cfcd6.entry.js +6 -0
  30. package/dist/beeq/p-1b0cfcd6.entry.js.map +1 -0
  31. package/dist/beeq/p-1c8b6eb4.js +1 -12
  32. package/dist/beeq/p-1c8b6eb4.js.map +1 -1
  33. package/dist/beeq/p-1cdea079.entry.js +6 -0
  34. package/dist/beeq/p-1cdea079.entry.js.map +1 -0
  35. package/dist/beeq/p-1defeea3.js +1 -64
  36. package/dist/beeq/p-1defeea3.js.map +1 -1
  37. package/dist/beeq/p-1f3a4359.js +1 -11
  38. package/dist/beeq/p-1f3a4359.js.map +1 -1
  39. package/dist/beeq/p-20d91acf.entry.js +6 -0
  40. package/dist/beeq/p-20d91acf.entry.js.map +1 -0
  41. package/dist/beeq/p-29d9487c.entry.js +6 -0
  42. package/dist/beeq/p-29d9487c.entry.js.map +1 -0
  43. package/dist/beeq/p-2c566eb0.entry.js +6 -0
  44. package/dist/beeq/p-2c566eb0.entry.js.map +1 -0
  45. package/dist/beeq/p-2e0e325b.entry.js +6 -0
  46. package/dist/beeq/p-2e0e325b.entry.js.map +1 -0
  47. package/dist/beeq/p-2eab5223.entry.js +6 -0
  48. package/dist/beeq/p-2eab5223.entry.js.map +1 -0
  49. package/dist/beeq/p-2ef4ed54.entry.js +6 -0
  50. package/dist/beeq/p-2ef4ed54.entry.js.map +1 -0
  51. package/dist/beeq/p-36b653f6.entry.js +6 -0
  52. package/dist/beeq/p-36b653f6.entry.js.map +1 -0
  53. package/dist/beeq/p-3c472097.js +6 -0
  54. package/dist/beeq/{p-c6cbb8e2.js.map → p-3c472097.js.map} +1 -1
  55. package/dist/beeq/p-43dc9906.entry.js +6 -0
  56. package/dist/beeq/p-43dc9906.entry.js.map +1 -0
  57. package/dist/{collection/global/scripts/global.js → beeq/p-45800965.js} +2 -2
  58. package/dist/beeq/p-45800965.js.map +1 -0
  59. package/dist/beeq/p-4c1f6afc.entry.js +6 -0
  60. package/dist/beeq/p-4c1f6afc.entry.js.map +1 -0
  61. package/dist/beeq/p-4c66663c.entry.js +6 -0
  62. package/dist/beeq/p-4c66663c.entry.js.map +1 -0
  63. package/dist/beeq/p-4d6a9646.entry.js +6 -0
  64. package/dist/beeq/p-4d6a9646.entry.js.map +1 -0
  65. package/dist/beeq/p-55b0aea8.js +6 -0
  66. package/dist/beeq/p-55b0aea8.js.map +1 -0
  67. package/dist/beeq/p-57621be1.js +1 -9
  68. package/dist/beeq/p-57621be1.js.map +1 -1
  69. package/dist/beeq/p-5c7a719c.entry.js +6 -0
  70. package/dist/beeq/p-5c7a719c.entry.js.map +1 -0
  71. package/dist/beeq/p-60094726.js +7 -0
  72. package/dist/beeq/p-60094726.js.map +1 -0
  73. package/dist/beeq/p-6079f9b2.entry.js +6 -0
  74. package/dist/beeq/p-6079f9b2.entry.js.map +1 -0
  75. package/dist/beeq/p-687da041.js +1 -20
  76. package/dist/beeq/p-687da041.js.map +1 -1
  77. package/dist/beeq/p-75cc6789.entry.js +6 -0
  78. package/dist/beeq/p-75cc6789.entry.js.map +1 -0
  79. package/dist/beeq/p-7636aff3.entry.js +6 -0
  80. package/dist/beeq/p-7636aff3.entry.js.map +1 -0
  81. package/dist/beeq/p-7f124d61.entry.js +6 -0
  82. package/dist/beeq/p-7f124d61.entry.js.map +1 -0
  83. package/dist/beeq/p-921fa1ea.entry.js +6 -0
  84. package/dist/beeq/p-921fa1ea.entry.js.map +1 -0
  85. package/dist/beeq/p-99829fc7.js +1 -8
  86. package/dist/beeq/p-99829fc7.js.map +1 -1
  87. package/dist/beeq/p-a5dc1c94.js +1 -118
  88. package/dist/beeq/p-a5dc1c94.js.map +1 -1
  89. package/dist/beeq/p-a7fb6ffd.entry.js +6 -0
  90. package/dist/beeq/p-a7fb6ffd.entry.js.map +1 -0
  91. package/dist/beeq/p-a8cad5ab.js +1 -5
  92. package/dist/beeq/p-a8cad5ab.js.map +1 -1
  93. package/dist/beeq/p-af062402.js +1 -7
  94. package/dist/beeq/p-af062402.js.map +1 -1
  95. package/dist/beeq/p-b83f174c.entry.js +6 -0
  96. package/dist/beeq/p-b83f174c.entry.js.map +1 -0
  97. package/dist/beeq/p-c09dac58.entry.js +6 -0
  98. package/dist/beeq/p-c09dac58.entry.js.map +1 -0
  99. package/dist/beeq/p-c3a0bd23.js +6 -0
  100. package/dist/beeq/p-c3a0bd23.js.map +1 -0
  101. package/dist/beeq/p-c70c6b00.entry.js +6 -0
  102. package/dist/beeq/p-c70c6b00.entry.js.map +1 -0
  103. package/dist/beeq/p-c78ae3c2.js +1 -1978
  104. package/dist/beeq/p-c78ae3c2.js.map +1 -1
  105. package/dist/beeq/p-cb3b24e6.entry.js +6 -0
  106. package/dist/beeq/p-cb3b24e6.entry.js.map +1 -0
  107. package/dist/beeq/{p-16c6ece5.entry.js → p-cf523684.entry.js} +2 -108
  108. package/dist/beeq/p-cf523684.entry.js.map +1 -0
  109. package/dist/beeq/p-d7ce7165.js +1 -86
  110. package/dist/beeq/p-d7ce7165.js.map +1 -1
  111. package/dist/beeq/p-d8221b88.entry.js +6 -0
  112. package/dist/beeq/p-d8221b88.entry.js.map +1 -0
  113. package/dist/beeq/p-d8a257b7.entry.js +6 -0
  114. package/dist/beeq/p-d8a257b7.entry.js.map +1 -0
  115. package/dist/beeq/{p-3043c826.entry.js → p-dc544089.entry.js} +2 -129
  116. package/dist/beeq/p-dc544089.entry.js.map +1 -0
  117. package/dist/beeq/p-e056c02a.entry.js +6 -0
  118. package/dist/beeq/p-e056c02a.entry.js.map +1 -0
  119. package/dist/beeq/p-eb662058.entry.js +6 -0
  120. package/dist/beeq/p-eb662058.entry.js.map +1 -0
  121. package/dist/beeq/p-ecd27cf2.js +1 -11
  122. package/dist/beeq/p-ecd27cf2.js.map +1 -1
  123. package/dist/beeq/p-f84ae6a1.entry.js +6 -0
  124. package/dist/beeq/p-f84ae6a1.entry.js.map +1 -0
  125. package/dist/beeq.html-custom-data.json +2034 -0
  126. package/dist/cjs/app-globals-42eaedec.js +11 -0
  127. package/dist/cjs/app-globals-42eaedec.js.map +1 -0
  128. package/dist/cjs/{assetsPath-2885c838.js → assetsPath-5e03c40e.js} +6 -5
  129. package/dist/cjs/assetsPath-5e03c40e.js.map +1 -0
  130. package/dist/cjs/beeq.cjs.js +4 -4
  131. package/dist/cjs/beeq.cjs.js.map +1 -1
  132. package/dist/cjs/bq-accordion-group.cjs.entry.js +3 -3
  133. package/dist/cjs/bq-accordion-group.cjs.entry.js.map +1 -1
  134. package/dist/cjs/bq-accordion.cjs.entry.js +6 -6
  135. package/dist/cjs/bq-accordion.cjs.entry.js.map +1 -1
  136. package/dist/cjs/bq-alert.cjs.entry.js +7 -7
  137. package/dist/cjs/bq-alert.cjs.entry.js.map +1 -1
  138. package/dist/cjs/bq-avatar.cjs.entry.js +5 -5
  139. package/dist/cjs/bq-avatar.cjs.entry.js.map +1 -1
  140. package/dist/cjs/bq-badge.cjs.entry.js +5 -4
  141. package/dist/cjs/bq-badge.cjs.entry.js.map +1 -1
  142. package/dist/cjs/bq-breadcrumb-item.cjs.entry.js +4 -11
  143. package/dist/cjs/bq-breadcrumb-item.cjs.entry.js.map +1 -1
  144. package/dist/cjs/bq-breadcrumb.cjs.entry.js +20 -38
  145. package/dist/cjs/bq-breadcrumb.cjs.entry.js.map +1 -1
  146. package/dist/cjs/bq-button_2.cjs.entry.js +10 -9
  147. package/dist/cjs/bq-button_2.cjs.entry.js.map +1 -1
  148. package/dist/cjs/bq-card.cjs.entry.js +4 -4
  149. package/dist/cjs/bq-card.cjs.entry.js.map +1 -1
  150. package/dist/cjs/bq-checkbox.cjs.entry.js +9 -11
  151. package/dist/cjs/bq-checkbox.cjs.entry.js.map +1 -1
  152. package/dist/cjs/bq-date-picker.cjs.entry.js +59 -15
  153. package/dist/cjs/bq-date-picker.cjs.entry.js.map +1 -1
  154. package/dist/cjs/bq-dialog.cjs.entry.js +6 -6
  155. package/dist/cjs/bq-dialog.cjs.entry.js.map +1 -1
  156. package/dist/cjs/bq-divider.cjs.entry.js +8 -7
  157. package/dist/cjs/bq-divider.cjs.entry.js.map +1 -1
  158. package/dist/cjs/bq-drawer.cjs.entry.js +6 -6
  159. package/dist/cjs/bq-drawer.cjs.entry.js.map +1 -1
  160. package/dist/cjs/bq-dropdown_2.cjs.entry.js +5 -5
  161. package/dist/cjs/bq-dropdown_2.cjs.entry.js.map +1 -1
  162. package/dist/cjs/bq-empty-state.cjs.entry.js +7 -7
  163. package/dist/cjs/bq-empty-state.cjs.entry.js.map +1 -1
  164. package/dist/cjs/bq-input.cjs.entry.js +42 -17
  165. package/dist/cjs/bq-input.cjs.entry.js.map +1 -1
  166. package/dist/cjs/bq-notification.cjs.entry.js +11 -6
  167. package/dist/cjs/bq-notification.cjs.entry.js.map +1 -1
  168. package/dist/cjs/bq-option-group.cjs.entry.js +2 -2
  169. package/dist/cjs/bq-option-group.cjs.entry.js.map +1 -1
  170. package/dist/cjs/bq-option-list_2.cjs.entry.js +9 -8
  171. package/dist/cjs/bq-option-list_2.cjs.entry.js.map +1 -1
  172. package/dist/cjs/bq-option.cjs.entry.js +5 -5
  173. package/dist/cjs/bq-option.cjs.entry.js.map +1 -1
  174. package/dist/cjs/bq-page-title.cjs.entry.js +3 -3
  175. package/dist/cjs/bq-page-title.cjs.entry.js.map +1 -1
  176. package/dist/cjs/bq-progress.cjs.entry.js +13 -12
  177. package/dist/cjs/bq-progress.cjs.entry.js.map +1 -1
  178. package/dist/cjs/bq-radio-group.cjs.entry.js +68 -25
  179. package/dist/cjs/bq-radio-group.cjs.entry.js.map +1 -1
  180. package/dist/cjs/bq-radio.cjs.entry.js +10 -4
  181. package/dist/cjs/bq-radio.cjs.entry.js.map +1 -1
  182. package/dist/cjs/bq-select.cjs.entry.js +7 -7
  183. package/dist/cjs/bq-select.cjs.entry.js.map +1 -1
  184. package/dist/cjs/bq-side-menu-item.cjs.entry.js +2 -2
  185. package/dist/cjs/bq-side-menu-item.cjs.entry.js.map +1 -1
  186. package/dist/cjs/bq-side-menu.cjs.entry.js +7 -4
  187. package/dist/cjs/bq-side-menu.cjs.entry.js.map +1 -1
  188. package/dist/cjs/bq-slider.cjs.entry.js +23 -9
  189. package/dist/cjs/bq-slider.cjs.entry.js.map +1 -1
  190. package/dist/cjs/bq-spinner.cjs.entry.js +9 -8
  191. package/dist/cjs/bq-spinner.cjs.entry.js.map +1 -1
  192. package/dist/cjs/bq-status.cjs.entry.js +3 -3
  193. package/dist/cjs/bq-status.cjs.entry.js.map +1 -1
  194. package/dist/cjs/bq-step-item.cjs.entry.js +8 -8
  195. package/dist/cjs/bq-step-item.cjs.entry.js.map +1 -1
  196. package/dist/cjs/bq-steps.cjs.entry.js +2 -2
  197. package/dist/cjs/bq-steps.cjs.entry.js.map +1 -1
  198. package/dist/cjs/bq-switch.cjs.entry.js +57 -5
  199. package/dist/cjs/bq-switch.cjs.entry.js.map +1 -1
  200. package/dist/cjs/bq-tab-group.cjs.entry.js +9 -9
  201. package/dist/cjs/bq-tab-group.cjs.entry.js.map +1 -1
  202. package/dist/cjs/bq-tab.cjs.entry.js +9 -9
  203. package/dist/cjs/bq-tab.cjs.entry.js.map +1 -1
  204. package/dist/cjs/bq-textarea.cjs.entry.js +62 -13
  205. package/dist/cjs/bq-textarea.cjs.entry.js.map +1 -1
  206. package/dist/cjs/bq-toast.cjs.entry.js +9 -4
  207. package/dist/cjs/bq-toast.cjs.entry.js.map +1 -1
  208. package/dist/cjs/bq-tooltip.cjs.entry.js +2 -2
  209. package/dist/cjs/bq-tooltip.cjs.entry.js.map +1 -1
  210. package/dist/cjs/{app-globals-b11284b9.js → cally-9297cdd8.js} +5 -6
  211. package/dist/cjs/cally-9297cdd8.js.map +1 -0
  212. package/dist/cjs/{cssVariables-dd190bc2.js → cssVariables-55ad4942.js} +4 -2
  213. package/dist/cjs/cssVariables-55ad4942.js.map +1 -0
  214. package/dist/cjs/{index-34edf639.js → index-c4edfa07.js} +787 -565
  215. package/dist/cjs/index-c4edfa07.js.map +1 -0
  216. package/dist/cjs/index.cjs.js +6 -4
  217. package/dist/cjs/index.cjs.js.map +1 -1
  218. package/dist/cjs/isClient-c22372aa.js +17 -0
  219. package/dist/cjs/isClient-c22372aa.js.map +1 -0
  220. package/dist/cjs/{isDefined-869f6a26.js → isDefined-e538d669.js} +2 -2
  221. package/dist/cjs/{isDefined-869f6a26.js.map → isDefined-e538d669.js.map} +1 -1
  222. package/dist/cjs/loader.cjs.js +3 -3
  223. package/dist/collection/collection-manifest.json +2 -3
  224. package/dist/collection/components/accordion/bq-accordion.js +117 -18
  225. package/dist/collection/components/accordion/bq-accordion.js.map +1 -1
  226. package/dist/collection/components/accordion/scss/bq-accordion.css +1 -1
  227. package/dist/collection/components/accordion-group/bq-accordion-group.js +36 -1
  228. package/dist/collection/components/accordion-group/bq-accordion-group.js.map +1 -1
  229. package/dist/collection/components/accordion-group/scss/bq-accordion-group.css +1 -1
  230. package/dist/collection/components/alert/bq-alert.js +92 -10
  231. package/dist/collection/components/alert/bq-alert.js.map +1 -1
  232. package/dist/collection/components/alert/scss/bq-alert.css +1 -1
  233. package/dist/collection/components/avatar/bq-avatar.js +66 -4
  234. package/dist/collection/components/avatar/bq-avatar.js.map +1 -1
  235. package/dist/collection/components/avatar/scss/bq-avatar.css +1 -1
  236. package/dist/collection/components/badge/bq-badge.js +36 -2
  237. package/dist/collection/components/badge/bq-badge.js.map +1 -1
  238. package/dist/collection/components/breadcrumb/bq-breadcrumb.js +43 -119
  239. package/dist/collection/components/breadcrumb/bq-breadcrumb.js.map +1 -1
  240. package/dist/collection/components/breadcrumb/scss/bq-breadcrumb.css +1 -1
  241. package/dist/collection/components/breadcrumb-item/bq-breadcrumb-item.js +50 -46
  242. package/dist/collection/components/breadcrumb-item/bq-breadcrumb-item.js.map +1 -1
  243. package/dist/collection/components/breadcrumb-item/scss/bq-breadcrumb-item.css +1 -1
  244. package/dist/collection/components/button/bq-button.js +79 -4
  245. package/dist/collection/components/button/bq-button.js.map +1 -1
  246. package/dist/collection/components/button/scss/bq-button.css +1 -1
  247. package/dist/collection/components/card/bq-card.js +37 -3
  248. package/dist/collection/components/card/bq-card.js.map +1 -1
  249. package/dist/collection/components/card/scss/bq-card.css +1 -1
  250. package/dist/collection/components/checkbox/bq-checkbox.js +62 -9
  251. package/dist/collection/components/checkbox/bq-checkbox.js.map +1 -1
  252. package/dist/collection/components/checkbox/scss/bq-checkbox.css +1 -1
  253. package/dist/collection/components/date-picker/bq-date-picker.js +233 -42
  254. package/dist/collection/components/date-picker/bq-date-picker.js.map +1 -1
  255. package/dist/collection/components/date-picker/scss/bq-date-picker.css +1 -1
  256. package/dist/collection/components/dialog/bq-dialog.js +96 -12
  257. package/dist/collection/components/dialog/bq-dialog.js.map +1 -1
  258. package/dist/collection/components/dialog/scss/bq-dialog.css +1 -1
  259. package/dist/collection/components/divider/bq-divider.js +53 -8
  260. package/dist/collection/components/divider/bq-divider.js.map +1 -1
  261. package/dist/collection/components/divider/scss/bq-divider.css +1 -1
  262. package/dist/collection/components/drawer/bq-drawer.js +75 -13
  263. package/dist/collection/components/drawer/bq-drawer.js.map +1 -1
  264. package/dist/collection/components/drawer/scss/bq-drawer.css +1 -1
  265. package/dist/collection/components/dropdown/bq-dropdown.js +70 -4
  266. package/dist/collection/components/dropdown/bq-dropdown.js.map +1 -1
  267. package/dist/collection/components/dropdown/scss/bq-dropdown.css +1 -1
  268. package/dist/collection/components/empty-state/bq-empty-state.js +25 -5
  269. package/dist/collection/components/empty-state/bq-empty-state.js.map +1 -1
  270. package/dist/collection/components/empty-state/scss/bq-empty-state.css +1 -1
  271. package/dist/collection/components/icon/bq-icon.js +34 -2
  272. package/dist/collection/components/icon/bq-icon.js.map +1 -1
  273. package/dist/collection/components/input/bq-input.js +176 -14
  274. package/dist/collection/components/input/bq-input.js.map +1 -1
  275. package/dist/collection/components/input/scss/bq-input.css +1 -1
  276. package/dist/collection/components/notification/bq-notification.js +80 -10
  277. package/dist/collection/components/notification/bq-notification.js.map +1 -1
  278. package/dist/collection/components/notification/scss/bq-notification.css +1 -1
  279. package/dist/collection/components/option/bq-option.js +52 -4
  280. package/dist/collection/components/option/bq-option.js.map +1 -1
  281. package/dist/collection/components/option-group/bq-option-group.js +32 -1
  282. package/dist/collection/components/option-group/bq-option-group.js.map +1 -1
  283. package/dist/collection/components/option-list/bq-option-list.js +24 -1
  284. package/dist/collection/components/option-list/bq-option-list.js.map +1 -1
  285. package/dist/collection/components/option-list/scss/bq-option-list.css +1 -1
  286. package/dist/collection/components/page-title/bq-page-title.js +39 -2
  287. package/dist/collection/components/page-title/bq-page-title.js.map +1 -1
  288. package/dist/collection/components/panel/bq-panel.js +44 -1
  289. package/dist/collection/components/panel/bq-panel.js.map +1 -1
  290. package/dist/collection/components/panel/scss/bq-panel.css +1 -1
  291. package/dist/collection/components/progress/bq-progress.js +108 -69
  292. package/dist/collection/components/progress/bq-progress.js.map +1 -1
  293. package/dist/collection/components/progress/scss/bq-progress.css +1 -1
  294. package/dist/collection/components/radio/bq-radio.js +76 -2
  295. package/dist/collection/components/radio/bq-radio.js.map +1 -1
  296. package/dist/collection/components/radio/scss/bq-radio.css +1 -1
  297. package/dist/collection/components/radio-group/bq-radio-group.js +187 -57
  298. package/dist/collection/components/radio-group/bq-radio-group.js.map +1 -1
  299. package/dist/collection/components/radio-group/scss/bq-radio-group.css +1 -1
  300. package/dist/collection/components/select/bq-select.js +134 -5
  301. package/dist/collection/components/select/bq-select.js.map +1 -1
  302. package/dist/collection/components/select/scss/bq-select.css +1 -1
  303. package/dist/collection/components/side-menu/bq-side-menu.js +56 -3
  304. package/dist/collection/components/side-menu/bq-side-menu.js.map +1 -1
  305. package/dist/collection/components/side-menu/scss/bq-side-menu.css +1 -1
  306. package/dist/collection/components/side-menu-item/bq-side-menu-item.js +43 -0
  307. package/dist/collection/components/side-menu-item/bq-side-menu-item.js.map +1 -1
  308. package/dist/collection/components/side-menu-item/scss/bq-side-menu-item.css +1 -1
  309. package/dist/collection/components/slider/bq-slider.js +89 -7
  310. package/dist/collection/components/slider/bq-slider.js.map +1 -1
  311. package/dist/collection/components/slider/scss/bq-slider.css +1 -1
  312. package/dist/collection/components/spinner/bq-spinner.js +37 -5
  313. package/dist/collection/components/spinner/bq-spinner.js.map +1 -1
  314. package/dist/collection/components/spinner/scss/bq-spinner.css +1 -1
  315. package/dist/collection/components/status/bq-status.js +24 -4
  316. package/dist/collection/components/status/bq-status.js.map +1 -1
  317. package/dist/collection/components/status/scss/bq-status.css +1 -1
  318. package/dist/collection/components/step-item/bq-step-item.js +44 -6
  319. package/dist/collection/components/step-item/bq-step-item.js.map +1 -1
  320. package/dist/collection/components/step-item/scss/bq-step-item.css +1 -1
  321. package/dist/collection/components/steps/bq-steps.js +34 -1
  322. package/dist/collection/components/steps/bq-steps.js.map +1 -1
  323. package/dist/collection/components/switch/bq-switch.js +125 -4
  324. package/dist/collection/components/switch/bq-switch.js.map +1 -1
  325. package/dist/collection/components/switch/scss/bq-switch.css +1 -1
  326. package/dist/collection/components/tab/bq-tab.js +102 -43
  327. package/dist/collection/components/tab/bq-tab.js.map +1 -1
  328. package/dist/collection/components/tab/scss/bq-tab.css +1 -1
  329. package/dist/collection/components/tab-group/bq-tab-group.js +84 -46
  330. package/dist/collection/components/tab-group/bq-tab-group.js.map +1 -1
  331. package/dist/collection/components/tab-group/scss/bq-tab-group.css +1 -1
  332. package/dist/collection/components/tag/bq-tag.js +70 -3
  333. package/dist/collection/components/tag/bq-tag.js.map +1 -1
  334. package/dist/collection/components/tag/scss/bq-tag.css +1 -1
  335. package/dist/collection/components/textarea/bq-textarea.js +176 -11
  336. package/dist/collection/components/textarea/bq-textarea.js.map +1 -1
  337. package/dist/collection/components/textarea/scss/bq-textarea.css +1 -1
  338. package/dist/collection/components/toast/bq-toast.js +67 -6
  339. package/dist/collection/components/toast/bq-toast.js.map +1 -1
  340. package/dist/collection/components/tooltip/bq-tooltip.js +55 -1
  341. package/dist/collection/components/tooltip/bq-tooltip.js.map +1 -1
  342. package/dist/collection/shared/utils/assetsPath.js +4 -3
  343. package/dist/collection/shared/utils/assetsPath.js.map +1 -1
  344. package/dist/collection/shared/utils/cssVariables.js +2 -1
  345. package/dist/collection/shared/utils/cssVariables.js.map +1 -1
  346. package/dist/collection/shared/utils/index.js +1 -0
  347. package/dist/collection/shared/utils/index.js.map +1 -1
  348. package/dist/collection/shared/utils/isClient.js +12 -0
  349. package/dist/collection/shared/utils/isClient.js.map +1 -0
  350. package/dist/collection/tools/generate-custom-elements-json.js +8 -7
  351. package/dist/collection/tools/generate-custom-elements-json.js.map +1 -1
  352. package/dist/components/bq-accordion-group.js +1 -114
  353. package/dist/components/bq-accordion-group.js.map +1 -1
  354. package/dist/components/bq-accordion.js +1 -311
  355. package/dist/components/bq-accordion.js.map +1 -1
  356. package/dist/components/bq-alert.js +1 -220
  357. package/dist/components/bq-alert.js.map +1 -1
  358. package/dist/components/bq-avatar.js +1 -139
  359. package/dist/components/bq-avatar.js.map +1 -1
  360. package/dist/components/bq-badge.js +1 -7
  361. package/dist/components/bq-badge.js.map +1 -1
  362. package/dist/components/bq-breadcrumb-item.js +1 -96
  363. package/dist/components/bq-breadcrumb-item.js.map +1 -1
  364. package/dist/components/bq-breadcrumb.js +1 -112
  365. package/dist/components/bq-breadcrumb.js.map +1 -1
  366. package/dist/components/bq-button.js +1 -7
  367. package/dist/components/bq-button.js.map +1 -1
  368. package/dist/components/bq-card.js +1 -86
  369. package/dist/components/bq-card.js.map +1 -1
  370. package/dist/components/bq-checkbox.js +1 -207
  371. package/dist/components/bq-checkbox.js.map +1 -1
  372. package/dist/components/bq-date-picker.js +1 -390
  373. package/dist/components/bq-date-picker.js.map +1 -1
  374. package/dist/components/bq-dialog.js +1 -252
  375. package/dist/components/bq-dialog.js.map +1 -1
  376. package/dist/components/bq-divider.js +1 -7
  377. package/dist/components/bq-divider.js.map +1 -1
  378. package/dist/components/bq-drawer.js +1 -249
  379. package/dist/components/bq-drawer.js.map +1 -1
  380. package/dist/components/bq-dropdown.js +1 -7
  381. package/dist/components/bq-dropdown.js.map +1 -1
  382. package/dist/components/bq-empty-state.js +1 -125
  383. package/dist/components/bq-empty-state.js.map +1 -1
  384. package/dist/components/bq-icon.js +1 -7
  385. package/dist/components/bq-icon.js.map +1 -1
  386. package/dist/components/bq-input.js +1 -266
  387. package/dist/components/bq-input.js.map +1 -1
  388. package/dist/components/bq-notification.js +1 -245
  389. package/dist/components/bq-notification.js.map +1 -1
  390. package/dist/components/bq-option-group.js +1 -64
  391. package/dist/components/bq-option-group.js.map +1 -1
  392. package/dist/components/bq-option-list.js +1 -7
  393. package/dist/components/bq-option-list.js.map +1 -1
  394. package/dist/components/bq-option.js +1 -137
  395. package/dist/components/bq-option.js.map +1 -1
  396. package/dist/components/bq-page-title.js +1 -82
  397. package/dist/components/bq-page-title.js.map +1 -1
  398. package/dist/components/bq-panel.js +1 -7
  399. package/dist/components/bq-panel.js.map +1 -1
  400. package/dist/components/bq-progress.js +1 -129
  401. package/dist/components/bq-progress.js.map +1 -1
  402. package/dist/components/bq-radio-group.js +1 -207
  403. package/dist/components/bq-radio-group.js.map +1 -1
  404. package/dist/components/bq-radio.js +1 -136
  405. package/dist/components/bq-radio.js.map +1 -1
  406. package/dist/components/bq-select.js +1 -452
  407. package/dist/components/bq-select.js.map +1 -1
  408. package/dist/components/bq-side-menu-item.js +1 -125
  409. package/dist/components/bq-side-menu-item.js.map +1 -1
  410. package/dist/components/bq-side-menu.js +1 -144
  411. package/dist/components/bq-side-menu.js.map +1 -1
  412. package/dist/components/bq-slider.js +1 -307
  413. package/dist/components/bq-slider.js.map +1 -1
  414. package/dist/components/bq-spinner.js +1 -167
  415. package/dist/components/bq-spinner.js.map +1 -1
  416. package/dist/components/bq-status.js +1 -82
  417. package/dist/components/bq-status.js.map +1 -1
  418. package/dist/components/bq-step-item.js +1 -119
  419. package/dist/components/bq-step-item.js.map +1 -1
  420. package/dist/components/bq-steps.js +1 -108
  421. package/dist/components/bq-steps.js.map +1 -1
  422. package/dist/components/bq-switch.js +1 -175
  423. package/dist/components/bq-switch.js.map +1 -1
  424. package/dist/components/bq-tab-group.js +1 -232
  425. package/dist/components/bq-tab-group.js.map +1 -1
  426. package/dist/components/bq-tab.js +1 -170
  427. package/dist/components/bq-tab.js.map +1 -1
  428. package/dist/components/bq-tag.js +1 -7
  429. package/dist/components/bq-tag.js.map +1 -1
  430. package/dist/components/bq-textarea.js +1 -210
  431. package/dist/components/bq-textarea.js.map +1 -1
  432. package/dist/components/bq-toast.js +1 -213
  433. package/dist/components/bq-toast.js.map +1 -1
  434. package/dist/components/bq-tooltip.js +1 -7
  435. package/dist/components/bq-tooltip.js.map +1 -1
  436. package/dist/components/index.js +1 -1246
  437. package/dist/components/index.js.map +1 -1
  438. package/dist/components/p-07b82e50.js +6 -0
  439. package/dist/components/p-07b82e50.js.map +1 -0
  440. package/dist/components/p-1566efe3.js +6 -0
  441. package/dist/components/p-1566efe3.js.map +1 -0
  442. package/dist/components/p-1c8b6eb4.js +6 -0
  443. package/dist/components/p-1c8b6eb4.js.map +1 -0
  444. package/dist/components/p-1defeea3.js +6 -0
  445. package/dist/components/p-1defeea3.js.map +1 -0
  446. package/dist/components/p-27c1b08e.js +6 -0
  447. package/dist/components/p-27c1b08e.js.map +1 -0
  448. package/dist/components/p-28da2321.js +6 -0
  449. package/dist/components/p-28da2321.js.map +1 -0
  450. package/dist/components/p-33371480.js +6 -0
  451. package/dist/components/p-33371480.js.map +1 -0
  452. package/dist/components/p-55b0aea8.js +6 -0
  453. package/dist/components/p-55b0aea8.js.map +1 -0
  454. package/dist/components/p-57621be1.js +6 -0
  455. package/dist/components/p-57621be1.js.map +1 -0
  456. package/dist/components/p-5940b410.js +7 -0
  457. package/dist/components/p-5940b410.js.map +1 -0
  458. package/dist/components/p-603c898d.js +6 -0
  459. package/dist/components/p-603c898d.js.map +1 -0
  460. package/dist/components/p-687da041.js +6 -0
  461. package/dist/components/p-687da041.js.map +1 -0
  462. package/dist/components/p-78d23ddc.js +6 -0
  463. package/dist/components/p-78d23ddc.js.map +1 -0
  464. package/dist/components/p-7d7f1f7e.js +6 -0
  465. package/dist/components/p-7d7f1f7e.js.map +1 -0
  466. package/dist/components/p-93c16753.js +6 -0
  467. package/dist/components/p-93c16753.js.map +1 -0
  468. package/dist/components/p-99829fc7.js +6 -0
  469. package/dist/components/p-99829fc7.js.map +1 -0
  470. package/dist/components/p-a5dc1c94.js +6 -0
  471. package/dist/components/p-a5dc1c94.js.map +1 -0
  472. package/dist/components/p-a8cad5ab.js +6 -0
  473. package/dist/components/p-a8cad5ab.js.map +1 -0
  474. package/dist/components/p-af062402.js +6 -0
  475. package/dist/components/p-af062402.js.map +1 -0
  476. package/dist/components/p-c2d43340.js +6 -0
  477. package/dist/components/p-c2d43340.js.map +1 -0
  478. package/dist/components/p-c3a0bd23.js +6 -0
  479. package/dist/components/p-c3a0bd23.js.map +1 -0
  480. package/dist/components/p-c78ae3c2.js +6 -0
  481. package/dist/components/p-c78ae3c2.js.map +1 -0
  482. package/dist/components/p-cf496927.js +6 -0
  483. package/dist/components/p-cf496927.js.map +1 -0
  484. package/dist/components/p-d62fdbae.js +6 -0
  485. package/dist/components/p-d62fdbae.js.map +1 -0
  486. package/dist/components/p-d7ce7165.js +6 -0
  487. package/dist/components/p-d7ce7165.js.map +1 -0
  488. package/dist/components/p-ecd27cf2.js +6 -0
  489. package/dist/components/p-ecd27cf2.js.map +1 -0
  490. package/dist/custom-elements.json +17559 -0
  491. package/dist/esm/app-globals-7655df21.js +9 -0
  492. package/dist/esm/app-globals-7655df21.js.map +1 -0
  493. package/dist/esm/{assetsPath-630898a9.js → assetsPath-eed21007.js} +6 -5
  494. package/dist/esm/assetsPath-eed21007.js.map +1 -0
  495. package/dist/esm/beeq.js +5 -5
  496. package/dist/esm/beeq.js.map +1 -1
  497. package/dist/esm/bq-accordion-group.entry.js +3 -3
  498. package/dist/esm/bq-accordion-group.entry.js.map +1 -1
  499. package/dist/esm/bq-accordion.entry.js +6 -6
  500. package/dist/esm/bq-accordion.entry.js.map +1 -1
  501. package/dist/esm/bq-alert.entry.js +7 -7
  502. package/dist/esm/bq-alert.entry.js.map +1 -1
  503. package/dist/esm/bq-avatar.entry.js +5 -5
  504. package/dist/esm/bq-avatar.entry.js.map +1 -1
  505. package/dist/esm/bq-badge.entry.js +5 -4
  506. package/dist/esm/bq-badge.entry.js.map +1 -1
  507. package/dist/esm/bq-breadcrumb-item.entry.js +4 -11
  508. package/dist/esm/bq-breadcrumb-item.entry.js.map +1 -1
  509. package/dist/esm/bq-breadcrumb.entry.js +20 -38
  510. package/dist/esm/bq-breadcrumb.entry.js.map +1 -1
  511. package/dist/esm/bq-button_2.entry.js +10 -9
  512. package/dist/esm/bq-button_2.entry.js.map +1 -1
  513. package/dist/esm/bq-card.entry.js +4 -4
  514. package/dist/esm/bq-card.entry.js.map +1 -1
  515. package/dist/esm/bq-checkbox.entry.js +9 -11
  516. package/dist/esm/bq-checkbox.entry.js.map +1 -1
  517. package/dist/esm/bq-date-picker.entry.js +59 -15
  518. package/dist/esm/bq-date-picker.entry.js.map +1 -1
  519. package/dist/esm/bq-dialog.entry.js +6 -6
  520. package/dist/esm/bq-dialog.entry.js.map +1 -1
  521. package/dist/esm/bq-divider.entry.js +8 -7
  522. package/dist/esm/bq-divider.entry.js.map +1 -1
  523. package/dist/esm/bq-drawer.entry.js +6 -6
  524. package/dist/esm/bq-drawer.entry.js.map +1 -1
  525. package/dist/esm/bq-dropdown_2.entry.js +5 -5
  526. package/dist/esm/bq-dropdown_2.entry.js.map +1 -1
  527. package/dist/esm/bq-empty-state.entry.js +7 -7
  528. package/dist/esm/bq-empty-state.entry.js.map +1 -1
  529. package/dist/esm/bq-input.entry.js +42 -17
  530. package/dist/esm/bq-input.entry.js.map +1 -1
  531. package/dist/esm/bq-notification.entry.js +11 -6
  532. package/dist/esm/bq-notification.entry.js.map +1 -1
  533. package/dist/esm/bq-option-group.entry.js +2 -2
  534. package/dist/esm/bq-option-group.entry.js.map +1 -1
  535. package/dist/esm/bq-option-list_2.entry.js +9 -8
  536. package/dist/esm/bq-option-list_2.entry.js.map +1 -1
  537. package/dist/esm/bq-option.entry.js +5 -5
  538. package/dist/esm/bq-option.entry.js.map +1 -1
  539. package/dist/esm/bq-page-title.entry.js +3 -3
  540. package/dist/esm/bq-page-title.entry.js.map +1 -1
  541. package/dist/esm/bq-progress.entry.js +13 -12
  542. package/dist/esm/bq-progress.entry.js.map +1 -1
  543. package/dist/esm/bq-radio-group.entry.js +68 -25
  544. package/dist/esm/bq-radio-group.entry.js.map +1 -1
  545. package/dist/esm/bq-radio.entry.js +10 -4
  546. package/dist/esm/bq-radio.entry.js.map +1 -1
  547. package/dist/esm/bq-select.entry.js +7 -7
  548. package/dist/esm/bq-select.entry.js.map +1 -1
  549. package/dist/esm/bq-side-menu-item.entry.js +2 -2
  550. package/dist/esm/bq-side-menu-item.entry.js.map +1 -1
  551. package/dist/esm/bq-side-menu.entry.js +7 -4
  552. package/dist/esm/bq-side-menu.entry.js.map +1 -1
  553. package/dist/esm/bq-slider.entry.js +23 -9
  554. package/dist/esm/bq-slider.entry.js.map +1 -1
  555. package/dist/esm/bq-spinner.entry.js +9 -8
  556. package/dist/esm/bq-spinner.entry.js.map +1 -1
  557. package/dist/esm/bq-status.entry.js +3 -3
  558. package/dist/esm/bq-status.entry.js.map +1 -1
  559. package/dist/esm/bq-step-item.entry.js +8 -8
  560. package/dist/esm/bq-step-item.entry.js.map +1 -1
  561. package/dist/esm/bq-steps.entry.js +2 -2
  562. package/dist/esm/bq-steps.entry.js.map +1 -1
  563. package/dist/esm/bq-switch.entry.js +57 -5
  564. package/dist/esm/bq-switch.entry.js.map +1 -1
  565. package/dist/esm/bq-tab-group.entry.js +9 -9
  566. package/dist/esm/bq-tab-group.entry.js.map +1 -1
  567. package/dist/esm/bq-tab.entry.js +9 -9
  568. package/dist/esm/bq-tab.entry.js.map +1 -1
  569. package/dist/esm/bq-textarea.entry.js +62 -13
  570. package/dist/esm/bq-textarea.entry.js.map +1 -1
  571. package/dist/esm/bq-toast.entry.js +9 -4
  572. package/dist/esm/bq-toast.entry.js.map +1 -1
  573. package/dist/esm/bq-tooltip.entry.js +2 -2
  574. package/dist/esm/bq-tooltip.entry.js.map +1 -1
  575. package/dist/esm/{app-globals-de5a646b.js → cally-1a3258d6.js} +2 -6
  576. package/dist/esm/cally-1a3258d6.js.map +1 -0
  577. package/dist/esm/{cssVariables-000c23ad.js → cssVariables-3665b51c.js} +4 -2
  578. package/dist/esm/cssVariables-3665b51c.js.map +1 -0
  579. package/dist/esm/{index-033f1efb.js → index-c7d02072.js} +787 -565
  580. package/dist/esm/index-c7d02072.js.map +1 -0
  581. package/dist/esm/index.js +6 -5
  582. package/dist/esm/index.js.map +1 -1
  583. package/dist/esm/isClient-c6eae7ba.js +15 -0
  584. package/dist/esm/isClient-c6eae7ba.js.map +1 -0
  585. package/dist/esm/{isDefined-f356f816.js → isDefined-48de6db5.js} +2 -2
  586. package/dist/esm/{isDefined-f356f816.js.map → isDefined-48de6db5.js.map} +1 -1
  587. package/dist/esm/loader.js +4 -4
  588. package/dist/hydrate/index.js +12770 -10546
  589. package/dist/hydrate/index.mjs +12770 -10546
  590. package/dist/stencil.config.js +17 -4
  591. package/dist/stencil.config.js.map +1 -1
  592. package/dist/types/components/accordion/bq-accordion.d.ts +100 -10
  593. package/dist/types/components/accordion-group/bq-accordion-group.d.ts +25 -0
  594. package/dist/types/components/alert/bq-alert.d.ts +71 -5
  595. package/dist/types/components/avatar/bq-avatar.d.ts +51 -1
  596. package/dist/types/components/badge/bq-badge.d.ts +28 -0
  597. package/dist/types/components/breadcrumb/bq-breadcrumb.d.ts +25 -17
  598. package/dist/types/components/breadcrumb-item/bq-breadcrumb-item.d.ts +43 -10
  599. package/dist/types/components/button/bq-button.d.ts +51 -0
  600. package/dist/types/components/card/bq-card.d.ts +31 -1
  601. package/dist/types/components/checkbox/bq-checkbox.d.ts +37 -1
  602. package/dist/types/components/date-picker/bq-date-picker.d.ts +118 -28
  603. package/dist/types/components/dialog/bq-dialog.d.ts +76 -8
  604. package/dist/types/components/divider/bq-divider.d.ts +31 -4
  605. package/dist/types/components/drawer/bq-drawer.d.ts +59 -9
  606. package/dist/types/components/dropdown/bq-dropdown.d.ts +51 -3
  607. package/dist/types/components/empty-state/bq-empty-state.d.ts +18 -0
  608. package/dist/types/components/icon/bq-icon.d.ts +21 -1
  609. package/dist/types/components/input/bq-input.d.ts +77 -0
  610. package/dist/types/components/notification/bq-notification.d.ts +57 -5
  611. package/dist/types/components/option/bq-option.d.ts +40 -0
  612. package/dist/types/components/option-group/bq-option-group.d.ts +31 -0
  613. package/dist/types/components/option-list/bq-option-list.d.ts +21 -0
  614. package/dist/types/components/page-title/bq-page-title.d.ts +37 -0
  615. package/dist/types/components/panel/bq-panel.d.ts +31 -0
  616. package/dist/types/components/progress/bq-progress.d.ts +33 -9
  617. package/dist/types/components/radio/bq-radio.d.ts +37 -0
  618. package/dist/types/components/radio-group/bq-radio-group.d.ts +53 -10
  619. package/dist/types/components/select/bq-select.d.ts +85 -0
  620. package/dist/types/components/side-menu/bq-side-menu.d.ts +45 -0
  621. package/dist/types/components/side-menu-item/bq-side-menu-item.d.ts +37 -0
  622. package/dist/types/components/slider/bq-slider.d.ts +39 -1
  623. package/dist/types/components/spinner/bq-spinner.d.ts +26 -0
  624. package/dist/types/components/status/bq-status.d.ts +21 -3
  625. package/dist/types/components/step-item/bq-step-item.d.ts +32 -0
  626. package/dist/types/components/steps/bq-steps.d.ts +27 -0
  627. package/dist/types/components/switch/bq-switch.d.ts +43 -0
  628. package/dist/types/components/tab/bq-tab.d.ts +47 -5
  629. package/dist/types/components/tab-group/bq-tab-group.d.ts +34 -8
  630. package/dist/types/components/tag/bq-tag.d.ts +49 -0
  631. package/dist/types/components/textarea/bq-textarea.d.ts +74 -0
  632. package/dist/types/components/toast/bq-toast.d.ts +47 -2
  633. package/dist/types/components/tooltip/bq-tooltip.d.ts +40 -0
  634. package/dist/types/components.d.ts +5795 -71
  635. package/dist/types/global.d.ts +26 -0
  636. package/dist/types/{Users/dramos/PROJECTs/ENDAVA/BEEQ-Design-System → home/runner/work/BEEQ/BEEQ}/packages/beeq/.stencil/tailwind.config.d.ts +104 -78
  637. package/dist/types/shared/utils/index.d.ts +1 -0
  638. package/dist/types/shared/utils/isClient.d.ts +5 -0
  639. package/dist/types/stencil-public-runtime.d.ts +2 -0
  640. package/dist/types/tools/generate-custom-elements-json.d.ts +1 -1
  641. package/package.json +24 -24
  642. package/dist/beeq/p-01df4baa.js +0 -1826
  643. package/dist/beeq/p-01df4baa.js.map +0 -1
  644. package/dist/beeq/p-01fe8efb.entry.js +0 -182
  645. package/dist/beeq/p-01fe8efb.entry.js.map +0 -1
  646. package/dist/beeq/p-03373320.entry.js +0 -318
  647. package/dist/beeq/p-03373320.entry.js.map +0 -1
  648. package/dist/beeq/p-03c586df.entry.js +0 -292
  649. package/dist/beeq/p-03c586df.entry.js.map +0 -1
  650. package/dist/beeq/p-0a981080.entry.js +0 -154
  651. package/dist/beeq/p-0a981080.entry.js.map +0 -1
  652. package/dist/beeq/p-0ce76c54.entry.js +0 -103
  653. package/dist/beeq/p-0ce76c54.entry.js.map +0 -1
  654. package/dist/beeq/p-119526cc.entry.js +0 -272
  655. package/dist/beeq/p-119526cc.entry.js.map +0 -1
  656. package/dist/beeq/p-16c6ece5.entry.js.map +0 -1
  657. package/dist/beeq/p-3043c826.entry.js.map +0 -1
  658. package/dist/beeq/p-38e70f78.entry.js +0 -133
  659. package/dist/beeq/p-38e70f78.entry.js.map +0 -1
  660. package/dist/beeq/p-398bfb48.entry.js +0 -242
  661. package/dist/beeq/p-398bfb48.entry.js.map +0 -1
  662. package/dist/beeq/p-3fd0d92d.js +0 -1233
  663. package/dist/beeq/p-3fd0d92d.js.map +0 -1
  664. package/dist/beeq/p-41ac1d84.entry.js +0 -195
  665. package/dist/beeq/p-41ac1d84.entry.js.map +0 -1
  666. package/dist/beeq/p-4eabcd51.entry.js +0 -82
  667. package/dist/beeq/p-4eabcd51.entry.js.map +0 -1
  668. package/dist/beeq/p-5ff6621d.entry.js +0 -134
  669. package/dist/beeq/p-5ff6621d.entry.js.map +0 -1
  670. package/dist/beeq/p-60cbc966.entry.js +0 -85
  671. package/dist/beeq/p-60cbc966.entry.js.map +0 -1
  672. package/dist/beeq/p-67a7b85a.entry.js +0 -528
  673. package/dist/beeq/p-67a7b85a.entry.js.map +0 -1
  674. package/dist/beeq/p-68ff188d.entry.js +0 -144
  675. package/dist/beeq/p-68ff188d.entry.js.map +0 -1
  676. package/dist/beeq/p-69c766a3.entry.js +0 -213
  677. package/dist/beeq/p-69c766a3.entry.js.map +0 -1
  678. package/dist/beeq/p-7d789231.entry.js +0 -347
  679. package/dist/beeq/p-7d789231.entry.js.map +0 -1
  680. package/dist/beeq/p-8512b8ee.entry.js +0 -455
  681. package/dist/beeq/p-8512b8ee.entry.js.map +0 -1
  682. package/dist/beeq/p-8b16f130.entry.js +0 -210
  683. package/dist/beeq/p-8b16f130.entry.js.map +0 -1
  684. package/dist/beeq/p-9cab14ee.entry.js +0 -119
  685. package/dist/beeq/p-9cab14ee.entry.js.map +0 -1
  686. package/dist/beeq/p-a23b23c4.entry.js +0 -213
  687. package/dist/beeq/p-a23b23c4.entry.js.map +0 -1
  688. package/dist/beeq/p-aacaaa35.entry.js +0 -209
  689. package/dist/beeq/p-aacaaa35.entry.js.map +0 -1
  690. package/dist/beeq/p-b2df1479.entry.js +0 -270
  691. package/dist/beeq/p-b2df1479.entry.js.map +0 -1
  692. package/dist/beeq/p-b48788b5.js +0 -72
  693. package/dist/beeq/p-b48788b5.js.map +0 -1
  694. package/dist/beeq/p-b77b52f2.entry.js +0 -188
  695. package/dist/beeq/p-b77b52f2.entry.js.map +0 -1
  696. package/dist/beeq/p-c6cbb8e2.js +0 -16
  697. package/dist/beeq/p-c83bc7fd.entry.js +0 -157
  698. package/dist/beeq/p-c83bc7fd.entry.js.map +0 -1
  699. package/dist/beeq/p-cb2b0014.entry.js +0 -363
  700. package/dist/beeq/p-cb2b0014.entry.js.map +0 -1
  701. package/dist/beeq/p-cb917e68.entry.js +0 -177
  702. package/dist/beeq/p-cb917e68.entry.js.map +0 -1
  703. package/dist/beeq/p-cfb8829b.entry.js.map +0 -1
  704. package/dist/beeq/p-d7067dae.entry.js +0 -151
  705. package/dist/beeq/p-d7067dae.entry.js.map +0 -1
  706. package/dist/beeq/p-d7dc7086.entry.js +0 -267
  707. package/dist/beeq/p-d7dc7086.entry.js.map +0 -1
  708. package/dist/beeq/p-e707bd79.entry.js +0 -458
  709. package/dist/beeq/p-e707bd79.entry.js.map +0 -1
  710. package/dist/beeq/p-e76e346b.entry.js +0 -334
  711. package/dist/beeq/p-e76e346b.entry.js.map +0 -1
  712. package/dist/beeq/p-edfd9767.js +0 -31
  713. package/dist/beeq/p-edfd9767.js.map +0 -1
  714. package/dist/beeq/p-f11a3beb.entry.js +0 -90
  715. package/dist/beeq/p-f11a3beb.entry.js.map +0 -1
  716. package/dist/beeq/p-f1d6a960.entry.js +0 -271
  717. package/dist/beeq/p-f1d6a960.entry.js.map +0 -1
  718. package/dist/beeq/p-f350516b.entry.js +0 -154
  719. package/dist/beeq/p-f350516b.entry.js.map +0 -1
  720. package/dist/beeq/p-f979d79a.entry.js +0 -120
  721. package/dist/beeq/p-f979d79a.entry.js.map +0 -1
  722. package/dist/beeq/p-faa3be41.entry.js +0 -159
  723. package/dist/beeq/p-faa3be41.entry.js.map +0 -1
  724. package/dist/beeq/p-fe278ecc.entry.js +0 -267
  725. package/dist/beeq/p-fe278ecc.entry.js.map +0 -1
  726. package/dist/cjs/app-globals-b11284b9.js.map +0 -1
  727. package/dist/cjs/assetsPath-2885c838.js.map +0 -1
  728. package/dist/cjs/cssVariables-dd190bc2.js.map +0 -1
  729. package/dist/cjs/index-34edf639.js.map +0 -1
  730. package/dist/collection/global/scripts/global.js.map +0 -1
  731. package/dist/components/bq-badge2.js +0 -125
  732. package/dist/components/bq-badge2.js.map +0 -1
  733. package/dist/components/bq-button2.js +0 -208
  734. package/dist/components/bq-button2.js.map +0 -1
  735. package/dist/components/bq-divider2.js +0 -159
  736. package/dist/components/bq-divider2.js.map +0 -1
  737. package/dist/components/bq-dropdown2.js +0 -155
  738. package/dist/components/bq-dropdown2.js.map +0 -1
  739. package/dist/components/bq-icon2.js +0 -315
  740. package/dist/components/bq-icon2.js.map +0 -1
  741. package/dist/components/bq-option-list2.js +0 -76
  742. package/dist/components/bq-option-list2.js.map +0 -1
  743. package/dist/components/bq-panel2.js +0 -135
  744. package/dist/components/bq-panel2.js.map +0 -1
  745. package/dist/components/bq-steps.types.js +0 -10
  746. package/dist/components/bq-steps.types.js.map +0 -1
  747. package/dist/components/bq-tab.types.js +0 -11
  748. package/dist/components/bq-tab.types.js.map +0 -1
  749. package/dist/components/bq-tag2.js +0 -271
  750. package/dist/components/bq-tag2.js.map +0 -1
  751. package/dist/components/bq-tooltip2.js +0 -178
  752. package/dist/components/bq-tooltip2.js.map +0 -1
  753. package/dist/components/cssVariables.js +0 -34
  754. package/dist/components/cssVariables.js.map +0 -1
  755. package/dist/components/debounce.js +0 -73
  756. package/dist/components/debounce.js.map +0 -1
  757. package/dist/components/event.js +0 -18
  758. package/dist/components/event.js.map +0 -1
  759. package/dist/components/index2.js +0 -2138
  760. package/dist/components/index2.js.map +0 -1
  761. package/dist/components/isDefined.js +0 -19
  762. package/dist/components/isDefined.js.map +0 -1
  763. package/dist/components/isHTMLElement.js +0 -17
  764. package/dist/components/isHTMLElement.js.map +0 -1
  765. package/dist/components/isNil.js +0 -16
  766. package/dist/components/isNil.js.map +0 -1
  767. package/dist/components/isString.js +0 -21
  768. package/dist/components/isString.js.map +0 -1
  769. package/dist/components/props.js +0 -27
  770. package/dist/components/props.js.map +0 -1
  771. package/dist/components/slot.js +0 -85
  772. package/dist/components/slot.js.map +0 -1
  773. package/dist/components/transition.js +0 -131
  774. package/dist/components/transition.js.map +0 -1
  775. package/dist/esm/app-globals-de5a646b.js.map +0 -1
  776. package/dist/esm/assetsPath-630898a9.js.map +0 -1
  777. package/dist/esm/cssVariables-000c23ad.js.map +0 -1
  778. package/dist/esm/index-033f1efb.js.map +0 -1
  779. package/dist/types/global/scripts/global.d.ts +0 -18
  780. /package/dist/types/{Users/dramos/PROJECTs/ENDAVA/BEEQ-Design-System → home/runner/work/BEEQ/BEEQ}/packages/beeq/.stencil/packages/beeq/stencil.config.d.ts +0 -0
@@ -1,272 +0,0 @@
1
- /*!
2
- * Built by Endavans
3
- * © https://beeq.design - Apache 2 License.
4
- */
5
- import { r as a, c as r, g as e, h as b, a as t } from "./p-01df4baa.js";
6
-
7
- import { i as n } from "./p-99829fc7.js";
8
-
9
- import { v as i } from "./p-687da041.js";
10
-
11
- import { b as q } from "./p-d7ce7165.js";
12
-
13
- import { l as o, e as d } from "./p-a5dc1c94.js";
14
-
15
- const s = [ "start", "end" ];
16
-
17
- // !TO BE REMOVED: `placement` is deprecated and it will be removed in the future
18
- const l = [ "left", "right" ];
19
-
20
- 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))}.bq-drawer,.shadow-m{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:root{--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq.light,.light,:root,[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.beeq.dark,.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}.endava,[bq-theme=endava]{--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.z-10{z-index:10}.flex{display:flex}.flex-col{flex-direction:column}.gap-\\[--bq-drawer--gap\\]{gap:var(--bq-drawer--gap)}.bg-bg-primary{background-color:var(--bq-background--primary)}.shadow-m{--tw-shadow:var(--bq-box-shadow--m);--tw-shadow-colored:var(--bq-box-shadow--m);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.is-\\[--bq-drawer--width\\]{inline-size:var(--bq-drawer--width)}.max-is-full{max-inline-size:100%}.p-b-\\[--bq-drawer--paddingY\\]{padding-block:var(--bq-drawer--paddingY)}.p-i-\\[--bq-drawer--paddingX\\]{padding-inline:var(--bq-drawer--paddingX)}.inset-b-0{inset-block:0}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-drawer--backgroundBackdrop:var(--bq-grey-900);--bq-drawer--gap:var(--bq-spacing-l);--bq-drawer--width:320px;--bq-drawer--paddingX:var(--bq-spacing-l);--bq-drawer--paddingY:var(--bq-spacing-m);--bq-drawer--zIndex:9999;visibility:hidden!important}:host(.bq-drawer--open){visibility:visible!important}.bq-drawer{--tw-shadow:var(--bq-box-shadow--m);--tw-shadow-colored:var(--bq-box-shadow--m);background-color:var(--bq-background--primary);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column;gap:var(--bq-drawer--gap);inline-size:var(--bq-drawer--width);inset-block:0;max-inline-size:100%;padding-block:var(--bq-drawer--paddingY);padding-inline:var(--bq-drawer--paddingX);position:fixed;z-index:10}.pointer-events-none{pointer-events:none}.static{position:static}.inset-0{inset:0}.-end-\\[--bq-drawer--width\\]{inset-inline-end:calc(var(--bq-drawer--width)*-1)}.-start-\\[--bq-drawer--width\\]{inset-inline-start:calc(var(--bq-drawer--width)*-1)}.end-0{inset-inline-end:0}.start-0{inset-inline-start:0}.mb-m{margin-bottom:var(--bq-spacing-m)}.block{display:block}.\\!hidden{display:none!important}.hidden{display:none}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.items-center{align-items:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.bg-\\[--bq-drawer--backgroundBackdrop\\]{background-color:var(--bq-drawer--backgroundBackdrop)}.font-bold{font-weight:var(--bq-font-weight--bold)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.text-text-primary{color:var(--bq-text--primary)}.opacity-0{opacity:0}.opacity-60{opacity:.6}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[\\&\\:\\:part\\(button\\)\\]\\:rounded-s::part(button){border-radius:var(--bq-radius--s)}.\\[\\&\\:\\:part\\(button\\)\\]\\:border-0::part(button){border-width:0}.\\[\\&\\:\\:part\\(button\\)\\]\\:bs-fit::part(button){block-size:fit-content}.\\[\\&\\:\\:part\\(button\\)\\]\\:p-b-0::part(button){padding-block:0}.\\[\\&\\:\\:part\\(button\\)\\]\\:p-i-0::part(button){padding-inline:0}.\\[\\&\\:\\:part\\(label\\)\\]\\:inline-flex::part(label){display:inline-flex}.gap-0{gap:0}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.text-\\[color\\:--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}';
21
-
22
- const v = c;
23
-
24
- const u = class {
25
- constructor(e) {
26
- a(this, e);
27
- this.bqClose = r(this, "bqClose", 7);
28
- this.bqOpen = r(this, "bqOpen", 7);
29
- this.bqAfterOpen = r(this, "bqAfterOpen", 7);
30
- this.bqAfterClose = r(this, "bqAfterClose", 7);
31
- this.hasFooter = false;
32
- this.hasIcon = false;
33
- this.enableBackdrop = false;
34
- this.closeOnClickOutside = false;
35
- this.closeOnEsc = false;
36
- this.open = undefined;
37
- this.placement = "right";
38
- this.position = "end";
39
- }
40
- // Own Properties
41
- // ====================
42
- footerElem;
43
- drawerElem;
44
- OPEN_CSS_CLASS="bq-drawer--open";
45
- get el() {
46
- return e(this);
47
- }
48
- // Prop lifecycle events
49
- // =======================
50
- async handleOpenChange() {
51
- if (!this.open) {
52
- await this.handleAfterHide();
53
- return;
54
- }
55
- await this.handleAfterShow();
56
- }
57
- /**
58
- * !TO BE REMOVED: Delete this `@Watch()` once the deprecated `placement` property is removed
59
- * We need to maintain retro-compatibility with the deprecated `placement` property
60
- */ handlePlacementChange() {
61
- if (!n(this.placement)) {
62
- console.warn(`❗️ [bq-drawer]: the 'placement' prop is deprecated and it will be removed in the future. Please use 'position' instead.`);
63
- }
64
- i(l, "right", this.el, "placement");
65
- // Sync 'position' property
66
- const a = {
67
- right: "end",
68
- left: "start"
69
- };
70
- this.position = a[this.placement] || this.position;
71
- }
72
- handlePositionChange() {
73
- i(s, "start", this.el, "position");
74
- /**
75
- * Sync 'placement' property
76
- * !TO BE REMOVED: Delete the code below once the deprecated `placement` property is removed
77
- */ const a = {
78
- end: "right",
79
- start: "left"
80
- };
81
- this.placement = a[this.position] || this.placement;
82
- }
83
- // Events section
84
- // Requires JSDocs for public API documentation
85
- // ==============================================
86
- /** Callback handler to be called when the drawer is closed */
87
- bqClose;
88
- /** Callback handler to be called when the drawer is opened */
89
- bqOpen;
90
- /** Callback handler to be called after the drawer has been opened */
91
- bqAfterOpen;
92
- /** Callback handler to be called after the drawer has been closed */
93
- bqAfterClose;
94
- // Component lifecycle events
95
- // Ordered by their natural call order
96
- // =====================================
97
- componentWillLoad() {
98
- this.handlePositionChange();
99
- // !TO BE REMOVED: Delete this once the deprecated `placement` property is removed
100
- this.handlePlacementChange();
101
- }
102
- // Listeners
103
- // ==============
104
- async handleMouseClick(a) {
105
- if (!this.open) return;
106
- if (!this.drawerElem || this.closeOnClickOutside) return;
107
- // Skip if the mouse button is not the main button
108
- if (a.button !== 0) return;
109
- const r = this.drawerElem.getBoundingClientRect();
110
- if (a.clientX < r.left || a.clientX > r.right) {
111
- await this.hide();
112
- }
113
- }
114
- async handleKeyDown(a) {
115
- if (!this.open) return;
116
- if (!this.drawerElem || this.closeOnEsc || !(a.key === "Escape" || a.key === "Esc")) return;
117
- await this.hide();
118
- }
119
- // Public methods API
120
- // These methods are exposed on the host element.
121
- // Always use two lines.
122
- // Public Methods must be async.
123
- // Requires JSDocs for public API documentation.
124
- // ===============================================
125
- /** Method to be called to hide the drawer component */
126
- async hide() {
127
- const a = this.bqClose.emit();
128
- if (a.defaultPrevented) return;
129
- this.open = false;
130
- }
131
- /** Method to be called to show the drawer component */ async show() {
132
- const a = this.bqOpen.emit();
133
- if (a.defaultPrevented) return;
134
- this.open = true;
135
- }
136
- // Local methods
137
- // Internal business logic.
138
- // These methods cannot be called from the host element.
139
- // =======================================================
140
- handleFooterSlotChange=() => {
141
- this.hasFooter = q(this.footerElem, "footer");
142
- };
143
- handleAfterHide=async () => {
144
- if (!this.drawerElem) return;
145
- await o(this.drawerElem);
146
- this.handleTransitionEnd();
147
- };
148
- handleAfterShow=async () => {
149
- if (!this.drawerElem) return;
150
- this.el.classList.add(this.OPEN_CSS_CLASS);
151
- await d(this.drawerElem);
152
- this.handleTransitionEnd();
153
- };
154
- handleTransitionEnd=() => {
155
- if (this.open) {
156
- this.bqAfterOpen.emit();
157
- return;
158
- }
159
- this.bqAfterClose.emit();
160
- this.el.classList.remove(this.OPEN_CSS_CLASS);
161
- };
162
- get isPositionStart() {
163
- // !TO BE REMOVED: `placement` is deprecated and will be removed in the future
164
- return this.position === "start" || this.placement === "left";
165
- }
166
- get isPositionEnd() {
167
- // !TO BE REMOVED: `placement` is deprecated and will be removed in the future
168
- return this.position === "end" || this.placement === "right";
169
- }
170
- // render() function
171
- // Always the last one in the class.
172
- // ===================================
173
- render() {
174
- return b(t, {
175
- key: "6ee33bdb6b0a27e9329992ba262941d404e7d3b0"
176
- }, this.enableBackdrop && b("div", {
177
- key: "2e8c981076e86b311a6deaad1a4abd32149639fc",
178
- class: {
179
- "fixed inset-0 block bg-[--bq-drawer--backgroundBackdrop] opacity-0 transition-opacity duration-300": true,
180
- "pointer-events-none": !this.open,
181
- "opacity-60": this.open
182
- },
183
- tabIndex: -1,
184
- part: "backdrop"
185
- }), b("div", {
186
- key: "3743e9e70da7583e4d4d31b54c7ee6475c69f0fe",
187
- class: {
188
- [`bq-drawer transition-all duration-300 ease-in-out ${this.position || this.placement}`]: true,
189
- "-start-[--bq-drawer--width]": this.isPositionStart,
190
- "-end-[--bq-drawer--width]": this.isPositionEnd,
191
- "start-0": this.open && this.isPositionStart,
192
- "end-0": this.open && this.isPositionEnd
193
- },
194
- ref: a => this.drawerElem = a,
195
- "aria-hidden": !this.open ? "true" : "false",
196
- "aria-labelledby": "bq-drawer__title",
197
- "aria-modal": "true",
198
- hidden: !this.open,
199
- part: "panel",
200
- role: "dialog"
201
- }, b("header", {
202
- key: "cb3f75a6a4fcde14f577f71f603a55d2c54ae04e",
203
- class: "flex items-center",
204
- part: "header"
205
- }, b("h2", {
206
- key: "0c09a2140f1217532cbccc89db7a0b9e08d8892c",
207
- class: "flex-1 items-center justify-between font-bold leading-regular text-text-primary",
208
- id: "bq-drawer__title",
209
- part: "title"
210
- }, b("slot", {
211
- key: "d68cb5b78da773913c81f5350990f0eda1be00a9",
212
- name: "title"
213
- })), b("div", {
214
- key: "cc8df180ace2acbbe13ea47e5a52e2dd35d5eac1",
215
- class: "flex",
216
- part: "button-close"
217
- }, b("bq-button", {
218
- key: "5c5afca20debe8b3c25d1c73c5b2fcdf385daa99",
219
- class: "[&::part(button)]:rounded-s [&::part(button)]:border-0 [&::part(button)]:bs-fit [&::part(button)]:p-b-0 [&::part(button)]:p-i-0 [&::part(label)]:inline-flex",
220
- appearance: "text",
221
- size: "small",
222
- slot: "button-close",
223
- exportparts: "button:button-close__btn,label:button-close__label",
224
- onClick: this.hide.bind(this)
225
- }, b("slot", {
226
- key: "861ca06833499a7cac6df9a97cc7db30c5f4516f",
227
- name: "button-close"
228
- }, b("bq-icon", {
229
- key: "63616038862e0c0d759226c38be0dc8a14aac063",
230
- name: "x-bold",
231
- role: "img",
232
- title: "Close"
233
- }))))), b("main", {
234
- key: "0c2f5bc950d4105159141fde3c69e1ca6136dc88",
235
- class: "block flex-auto overflow-auto",
236
- part: "body"
237
- }, b("slot", {
238
- key: "f378f60a1e71557a9f918b1eeeba27f4a17c1b07"
239
- })), b("footer", {
240
- key: "29fb31b638bb1e56ef5c2c2edaefadc8a5217a02",
241
- class: {
242
- block: true,
243
- "!hidden": !this.hasFooter
244
- },
245
- ref: a => this.footerElem = a,
246
- part: "footer"
247
- }, b("slot", {
248
- key: "688ce9efdc2cac6f8b053b0c9669e7afe3c287ad",
249
- name: "footer-divider"
250
- }, b("bq-divider", {
251
- key: "0c267254122d9615fe4d6669e75f49d66c744474",
252
- class: "mb-m block",
253
- dashed: true
254
- })), b("slot", {
255
- key: "9bebb07a2292125367745fc4ab537803ba70a056",
256
- name: "footer",
257
- onSlotchange: this.handleFooterSlotChange
258
- }))));
259
- }
260
- static get watchers() {
261
- return {
262
- open: [ "handleOpenChange" ],
263
- placement: [ "handlePlacementChange" ],
264
- position: [ "handlePositionChange" ]
265
- };
266
- }
267
- };
268
-
269
- u.style = v;
270
-
271
- export { u as bq_drawer };
272
- //# sourceMappingURL=p-119526cc.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["DRAWER_POSITIONS","DRAWER_PLACEMENT","bqDrawerCss","BqDrawerStyle0","BqDrawer","footerElem","drawerElem","OPEN_CSS_CLASS","handleOpenChange","this","open","handleAfterHide","handleAfterShow","handlePlacementChange","isNil","placement","console","warn","validatePropValue","el","synPositionMap","right","left","position","handlePositionChange","syncPlacementMap","end","start","bqClose","bqOpen","bqAfterOpen","bqAfterClose","componentWillLoad","handleMouseClick","event","closeOnClickOutside","button","rect","getBoundingClientRect","clientX","hide","handleKeyDown","closeOnEsc","key","ev","emit","defaultPrevented","show","handleFooterSlotChange","hasFooter","hasSlotContent","async","leave","handleTransitionEnd","classList","add","enter","remove","isPositionStart","isPositionEnd","render","h","Host","enableBackdrop","class","tabIndex","part","ref","div","hidden","role","id","name","appearance","size","slot","exportparts","onClick","bind","title","block","dashed","onSlotchange"],"sources":["../../packages/beeq/src/components/drawer/bq-drawer.types.ts","../../packages/beeq/src/components/drawer/scss/bq-drawer.scss?tag=bq-drawer&encapsulation=shadow","../../packages/beeq/src/components/drawer/bq-drawer.tsx"],"sourcesContent":["export const DRAWER_POSITIONS = ['start', 'end'] as const;\nexport type TDrawerPosition = (typeof DRAWER_POSITIONS)[number];\n// !TO BE REMOVED: `placement` is deprecated and it will be removed in the future\nexport const DRAWER_PLACEMENT = ['left', 'right'] as const;\nexport type TDrawerPlacement = (typeof DRAWER_PLACEMENT)[number];\n","/* -------------------------------------------------------------------------- */\n/* Drawer styles */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-drawer.variables';\n\n:host {\n @apply invisible #{!important};\n}\n\n:host(.bq-drawer--open) {\n @apply visible #{!important};\n}\n\n.bq-drawer {\n @apply fixed z-10 flex flex-col gap-[--bq-drawer--gap] bg-bg-primary shadow-m is-[--bq-drawer--width] max-is-full inset-b-0 p-b-[--bq-drawer--paddingY] p-i-[--bq-drawer--paddingX];\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { DRAWER_PLACEMENT, DRAWER_POSITIONS, TDrawerPlacement, TDrawerPosition } from './bq-drawer.types';\nimport { enter, hasSlotContent, isNil, leave, validatePropValue } from '../../shared/utils';\n\n/**\n * @part backdrop - The `<div>` that holds the backdrop overlay\n * @part button-close - The BqButton that closes the drawer\n * @part button-close__btn - The native button used under the hood that closes the drawer\n * @part button-close__label - The text inside the native button that closes the drawer\n * @part panel - The `<div>` that holds the drawer entire content\n * @part header - The `<header>` that holds the icon, title, and close button\n * @part title - The `<div>` that holds the title content\n * @part body - The `<main>` that holds the drawer body content\n * @part footer - The `<footer>` that holds footer content\n */\n\n@Component({\n tag: 'bq-drawer',\n styleUrl: './scss/bq-drawer.scss',\n shadow: true,\n})\nexport class BqDrawer {\n // Own Properties\n // ====================\n\n private footerElem: HTMLElement;\n private drawerElem: HTMLDivElement;\n private OPEN_CSS_CLASS = 'bq-drawer--open';\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqDrawerElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() private hasFooter = false;\n @State() hasIcon: boolean = false;\n\n // Public Property API\n // ========================\n\n /** If true, the backdrop overlay will be shown when the drawer opens */\n @Prop({ reflect: true }) enableBackdrop = false;\n\n /** If true, the drawer will not close when clicking outside the panel */\n @Prop({ reflect: true }) closeOnClickOutside = false;\n\n /** If true, the dialog will not close when the [Esc] key is pressed */\n @Prop({ reflect: true }) closeOnEsc = false;\n\n /** If true, the drawer component will be shown */\n @Prop({ reflect: true, mutable: true }) open: boolean;\n\n /** @deprecated Defines the position of the drawer */\n @Prop({ reflect: true, mutable: true }) placement: TDrawerPlacement = 'right';\n\n /** Defines the position of the drawer */\n @Prop({ reflect: true, mutable: true }) position: TDrawerPosition = 'end';\n\n // Prop lifecycle events\n // =======================\n\n @Watch('open')\n async handleOpenChange() {\n if (!this.open) {\n await this.handleAfterHide();\n return;\n }\n\n await this.handleAfterShow();\n }\n\n /**\n * !TO BE REMOVED: Delete this `@Watch()` once the deprecated `placement` property is removed\n * We need to maintain retro-compatibility with the deprecated `placement` property\n */\n @Watch('placement')\n handlePlacementChange() {\n if (!isNil(this.placement)) {\n console.warn(\n `❗️ [bq-drawer]: the 'placement' prop is deprecated and it will be removed in the future. Please use 'position' instead.`,\n );\n }\n validatePropValue(DRAWER_PLACEMENT, 'right', this.el, 'placement');\n // Sync 'position' property\n const synPositionMap = {\n right: 'end',\n left: 'start',\n };\n this.position = (synPositionMap[this.placement] as TDrawerPosition) || this.position;\n }\n\n @Watch('position')\n handlePositionChange() {\n validatePropValue(DRAWER_POSITIONS, 'start', this.el, 'position');\n /**\n * Sync 'placement' property\n * !TO BE REMOVED: Delete the code below once the deprecated `placement` property is removed\n */\n const syncPlacementMap = {\n end: 'right',\n start: 'left',\n };\n this.placement = (syncPlacementMap[this.position] as TDrawerPlacement) || this.placement;\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n /** Callback handler to be called when the drawer is closed */\n @Event() bqClose!: EventEmitter;\n\n /** Callback handler to be called when the drawer is opened */\n @Event() bqOpen!: EventEmitter;\n\n /** Callback handler to be called after the drawer has been opened */\n @Event() bqAfterOpen!: EventEmitter;\n\n /** Callback handler to be called after the drawer has been closed */\n @Event() bqAfterClose!: EventEmitter;\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n componentWillLoad() {\n this.handlePositionChange();\n // !TO BE REMOVED: Delete this once the deprecated `placement` property is removed\n this.handlePlacementChange();\n }\n\n // Listeners\n // ==============\n\n @Listen('mousedown', { target: 'window', capture: true })\n async handleMouseClick(event: MouseEvent) {\n if (!this.open) return;\n if (!this.drawerElem || this.closeOnClickOutside) return;\n // Skip if the mouse button is not the main button\n if (event.button !== 0) return;\n\n const rect = this.drawerElem.getBoundingClientRect();\n if (event.clientX < rect.left || event.clientX > rect.right) {\n await this.hide();\n }\n }\n\n @Listen('keydown', { target: 'window', capture: true })\n async handleKeyDown(event: KeyboardEvent) {\n if (!this.open) return;\n if (!this.drawerElem || this.closeOnEsc || !(event.key === 'Escape' || event.key === 'Esc')) return;\n\n await this.hide();\n }\n\n // Public methods API\n // These methods are exposed on the host element.\n // Always use two lines.\n // Public Methods must be async.\n // Requires JSDocs for public API documentation.\n // ===============================================\n\n /** Method to be called to hide the drawer component */\n @Method()\n async hide(): Promise<void> {\n const ev = this.bqClose.emit();\n if (ev.defaultPrevented) return;\n\n this.open = false;\n }\n\n /** Method to be called to show the drawer component */\n @Method()\n async show(): Promise<void> {\n const ev = this.bqOpen.emit();\n if (ev.defaultPrevented) return;\n\n this.open = true;\n }\n\n // Local methods\n // Internal business logic.\n // These methods cannot be called from the host element.\n // =======================================================\n\n private handleFooterSlotChange = () => {\n this.hasFooter = hasSlotContent(this.footerElem, 'footer');\n };\n\n private handleAfterHide = async () => {\n if (!this.drawerElem) return;\n\n await leave(this.drawerElem);\n this.handleTransitionEnd();\n };\n\n private handleAfterShow = async () => {\n if (!this.drawerElem) return;\n\n this.el.classList.add(this.OPEN_CSS_CLASS);\n await enter(this.drawerElem);\n this.handleTransitionEnd();\n };\n\n private handleTransitionEnd = () => {\n if (this.open) {\n this.bqAfterOpen.emit();\n return;\n }\n\n this.bqAfterClose.emit();\n this.el.classList.remove(this.OPEN_CSS_CLASS);\n };\n\n private get isPositionStart() {\n // !TO BE REMOVED: `placement` is deprecated and will be removed in the future\n return this.position === 'start' || this.placement === 'left';\n }\n\n private get isPositionEnd() {\n // !TO BE REMOVED: `placement` is deprecated and will be removed in the future\n return this.position === 'end' || this.placement === 'right';\n }\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n return (\n <Host>\n {/* BACKDROP */}\n {this.enableBackdrop && (\n <div\n class={{\n 'fixed inset-0 block bg-[--bq-drawer--backgroundBackdrop] opacity-0 transition-opacity duration-300':\n true,\n 'pointer-events-none': !this.open,\n 'opacity-60': this.open,\n }}\n tabIndex={-1}\n part=\"backdrop\"\n />\n )}\n {/* DRAWER PANEL */}\n <div\n class={{\n [`bq-drawer transition-all duration-300 ease-in-out ${this.position || this.placement}`]: true,\n '-start-[--bq-drawer--width]': this.isPositionStart,\n '-end-[--bq-drawer--width]': this.isPositionEnd,\n 'start-0': this.open && this.isPositionStart,\n 'end-0': this.open && this.isPositionEnd,\n }}\n ref={(div) => (this.drawerElem = div)}\n aria-hidden={!this.open ? 'true' : 'false'}\n aria-labelledby=\"bq-drawer__title\"\n aria-modal=\"true\"\n hidden={!this.open}\n part=\"panel\"\n role=\"dialog\"\n >\n <header class=\"flex items-center\" part=\"header\">\n <h2\n class=\"flex-1 items-center justify-between font-bold leading-regular text-text-primary\"\n id=\"bq-drawer__title\"\n part=\"title\"\n >\n <slot name=\"title\" />\n </h2>\n <div class=\"flex\" part=\"button-close\">\n <bq-button\n class=\"[&::part(button)]:rounded-s [&::part(button)]:border-0 [&::part(button)]:bs-fit [&::part(button)]:p-b-0 [&::part(button)]:p-i-0 [&::part(label)]:inline-flex\"\n appearance=\"text\"\n size=\"small\"\n slot=\"button-close\"\n exportparts=\"button:button-close__btn,label:button-close__label\"\n onClick={this.hide.bind(this)}\n >\n <slot name=\"button-close\">\n <bq-icon name=\"x-bold\" role=\"img\" title=\"Close\" />\n </slot>\n </bq-button>\n </div>\n </header>\n <main class=\"block flex-auto overflow-auto\" part=\"body\">\n <slot />\n </main>\n <footer\n class={{\n block: true,\n '!hidden': !this.hasFooter,\n }}\n ref={(footerElem) => (this.footerElem = footerElem)}\n part=\"footer\"\n >\n <slot name=\"footer-divider\">\n <bq-divider class=\"mb-m block\" dashed />\n </slot>\n <slot name=\"footer\" onSlotchange={this.handleFooterSlotChange} />\n </footer>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAO,MAAMA,IAAmB,EAAC,SAAS;;iFAGnC;MAAMC,IAAmB,EAAC,QAAQ;;ACHzC,MAAMC,IAAc;;AACpB,MAAAC,IAAeD;;MCqBFE,IAAQ;;;;;;;qBAiBU;mBACD;0BAMc;+BAGK;sBAGT;;qBAMgC;oBAGF;;;;EAnC5DC;EACAC;EACAC,eAAiB;;;;;;EAuCzB,sBAAMC;IACJ,KAAKC,KAAKC,MAAM;YACRD,KAAKE;MACX;;UAGIF,KAAKG;;;;;SAQb,qBAAAC;IACE,KAAKC,EAAML,KAAKM,YAAY;MAC1BC,QAAQC,KACN;;IAGJC,EAAkBjB,GAAkB,SAASQ,KAAKU,IAAI;;QAEtD,MAAMC,IAAiB;MACrBC,OAAO;MACPC,MAAM;;IAERb,KAAKc,WAAYH,EAAeX,KAAKM,cAAkCN,KAAKc;;EAI9E,oBAAAC;IACEN,EAAkBlB,GAAkB,SAASS,KAAKU,IAAI;;;;eAKtD,MAAMM,IAAmB;MACvBC,KAAK;MACLC,OAAO;;IAETlB,KAAKM,YAAaU,EAAiBhB,KAAKc,aAAkCd,KAAKM;;;;;;EAQxEa;;EAGAC;;EAGAC;;EAGAC;;;;EAMT,iBAAAC;IACEvB,KAAKe;;QAELf,KAAKI;;;;EAOP,sBAAMoB,CAAiBC;IACrB,KAAKzB,KAAKC,MAAM;IAChB,KAAKD,KAAKH,cAAcG,KAAK0B,qBAAqB;;QAElD,IAAID,EAAME,WAAW,GAAG;IAExB,MAAMC,IAAO5B,KAAKH,WAAWgC;IAC7B,IAAIJ,EAAMK,UAAUF,EAAKf,QAAQY,EAAMK,UAAUF,EAAKhB,OAAO;YACrDZ,KAAK+B;;;EAKf,mBAAMC,CAAcP;IAClB,KAAKzB,KAAKC,MAAM;IAChB,KAAKD,KAAKH,cAAcG,KAAKiC,gBAAgBR,EAAMS,QAAQ,YAAYT,EAAMS,QAAQ,QAAQ;UAEvFlC,KAAK+B;;;;;;;;;EAYb,UAAMA;IACJ,MAAMI,IAAKnC,KAAKmB,QAAQiB;IACxB,IAAID,EAAGE,kBAAkB;IAEzBrC,KAAKC,OAAO;;2DAKd,UAAMqC;IACJ,MAAMH,IAAKnC,KAAKoB,OAAOgB;IACvB,IAAID,EAAGE,kBAAkB;IAEzBrC,KAAKC,OAAO;;;;;;EAQNsC,uBAAyB;IAC/BvC,KAAKwC,YAAYC,EAAezC,KAAKJ,YAAY;AAAS;EAGpDM,gBAAkBwC;IACxB,KAAK1C,KAAKH,YAAY;UAEhB8C,EAAM3C,KAAKH;IACjBG,KAAK4C;AAAqB;EAGpBzC,gBAAkBuC;IACxB,KAAK1C,KAAKH,YAAY;IAEtBG,KAAKU,GAAGmC,UAAUC,IAAI9C,KAAKF;UACrBiD,EAAM/C,KAAKH;IACjBG,KAAK4C;AAAqB;EAGpBA,oBAAsB;IAC5B,IAAI5C,KAAKC,MAAM;MACbD,KAAKqB,YAAYe;MACjB;;IAGFpC,KAAKsB,aAAac;IAClBpC,KAAKU,GAAGmC,UAAUG,OAAOhD,KAAKF;AAAe;EAG/C,mBAAYmD;;IAEV,OAAOjD,KAAKc,aAAa,WAAWd,KAAKM,cAAc;;EAGzD,iBAAY4C;;IAEV,OAAOlD,KAAKc,aAAa,SAASd,KAAKM,cAAc;;;;;EAOvD,MAAA6C;IACE,OACEC,EAACC,GAAI;MAAAnB,KAAA;OAEFlC,KAAKsD,kBACJF,EAAA;MAAAlB,KAAA;MACEqB,OAAO;QACL,sGACE;QACF,wBAAwBvD,KAAKC;QAC7B,cAAcD,KAAKC;;MAErBuD,WAAW;MACXC,MAAK;QAITL,EAAA;MAAAlB,KAAA;MACEqB,OAAO;QACL,CAAC,qDAAqDvD,KAAKc,YAAYd,KAAKM,cAAc;QAC1F,+BAA+BN,KAAKiD;QACpC,6BAA6BjD,KAAKkD;QAClC,WAAWlD,KAAKC,QAAQD,KAAKiD;QAC7B,SAASjD,KAAKC,QAAQD,KAAKkD;;MAE7BQ,KAAMC,KAAS3D,KAAKH,aAAa8D;MAAI,gBACvB3D,KAAKC,OAAO,SAAS;MAAO,mBAC1B;MAAkB,cACvB;MACX2D,SAAS5D,KAAKC;MACdwD,MAAK;MACLI,MAAK;OAELT,EAAA;MAAAlB,KAAA;MAAQqB,OAAM;MAAoBE,MAAK;OACrCL,EAAA;MAAAlB,KAAA;MACEqB,OAAM;MACNO,IAAG;MACHL,MAAK;OAELL,EAAA;MAAAlB,KAAA;MAAM6B,MAAK;SAEbX,EAAA;MAAAlB,KAAA;MAAKqB,OAAM;MAAOE,MAAK;OACrBL,EAAA;MAAAlB,KAAA;MACEqB,OAAM;MACNS,YAAW;MACXC,MAAK;MACLC,MAAK;MACLC,aAAY;MACZC,SAASpE,KAAK+B,KAAKsC,KAAKrE;OAExBoD,EAAA;MAAAlB,KAAA;MAAM6B,MAAK;OACTX,EAAA;MAAAlB,KAAA;MAAS6B,MAAK;MAASF,MAAK;MAAMS,OAAM;YAKhDlB,EAAA;MAAAlB,KAAA;MAAMqB,OAAM;MAAgCE,MAAK;OAC/CL,EAAA;MAAAlB,KAAA;SAEFkB,EAAA;MAAAlB,KAAA;MACEqB,OAAO;QACLgB,OAAO;QACP,YAAYvE,KAAKwC;;MAEnBkB,KAAM9D,KAAgBI,KAAKJ,aAAaA;MACxC6D,MAAK;OAELL,EAAA;MAAAlB,KAAA;MAAM6B,MAAK;OACTX,EAAA;MAAAlB,KAAA;MAAYqB,OAAM;MAAaiB,QAAM;SAEvCpB,EAAA;MAAAlB,KAAA;MAAM6B,MAAK;MAASU,cAAczE,KAAKuC","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":["bqBreadcrumbItemCss","BqBreadcrumbItemStyle0","BqBreadcrumbItem","bqBlur","bqFocus","bqClick","onBlur","this","emit","el","onFocus","onClick","render","isLink","isDefined","href","TagElem","h","key","class","ariaLabel","part","undefined","rel","target","isLastItem","name"],"sources":["../../packages/beeq/src/components/breadcrumb-item/scss/bq-breadcrumb-item.scss?tag=bq-breadcrumb-item&encapsulation=shadow","../../packages/beeq/src/components/breadcrumb-item/bq-breadcrumb-item.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/* Breadcrumb item styles */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-breadcrumb-item.variables';\n\n.breadcrumb-item {\n @apply border-[length:--bq-breadcrumb-item--border-width] border-[color:--bq-breadcrumb-item--border-color];\n @apply rounded-[--bq-breadcrumb-item--border-radius] bg-[--bq-breadcrumb-item--background] shadow-[shadow:--bq-breadcrumb-item--box-shadow];\n @apply pe-[--bq-breadcrumb-item--padding-end] ps-[--bq-breadcrumb-item--padding-start] p-b-[--bq-breadcrumb-item--paddingY];\n @apply text-[length:--bq-breadcrumb-item--text-size] font-regular leading-[--bq-breadcrumb-item--line-height] text-[color:--bq-breadcrumb-item--text-color];\n @apply focus-visible:focus hover:text-hover-text-brand active:outline-none;\n @apply transition-colors duration-300 ease-in-out;\n @apply cursor-pointer no-underline;\n\n border-style: var(--bq-avatar--border-style);\n}\n\n.breadcrumb-separator {\n @apply flex items-center text-[length:--bq-breadcrumb-item--text-size-separator];\n @apply pe-[--bq-breadcrumb-item--padding-end-separator] ps-[--bq-breadcrumb-item--padding-start-separator];\n}\n","import { Component, Element, Event, EventEmitter, h, Prop } from '@stencil/core';\n\nimport { isDefined } from '../../shared/utils';\n\n/**\n * @part base - The component wrapper container\n * @part base - The breadcrumb item wrapper (`button` or `a`)\n * @part content - The `span` tag that loads the content item\n * @part separator - The `span` tag that loads the separator\n */\n@Component({\n tag: 'bq-breadcrumb-item',\n styleUrl: './scss/bq-breadcrumb-item.scss',\n shadow: true,\n})\nexport class BqBreadcrumbItem {\n // Own Properties\n // ====================\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqBreadcrumbItemElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n // Public Property API\n // ========================\n\n /**\n * The aria-label that corresponds to the full title of the destination page.\n * This won't be shown in the page, but it will be used by screen readers and other assistive devices.\n */\n @Prop() ariaLabel: string;\n\n /** If true, the item is the last element inside breadcrumb */\n @Prop() isLastItem: boolean = false;\n\n /** If set, the breadcrumb item will be rendered as an `<a>` with this `href`, otherwise, a `<button>` will be rendered. */\n @Prop({ reflect: true }) href: string;\n\n /** Where to display the link in the browser context. Relevant only if `href` is set. */\n @Prop({ reflect: true }) target: '_blank' | '_parent' | '_self' | '_top';\n\n /** Where to display the link in the browser context. Relevant only if `href` is set. */\n @Prop({ reflect: true }) rel: string = 'noreferrer noopener';\n\n // Prop lifecycle events\n // =======================\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n /** Handler to be called when item loses focus */\n @Event() bqBlur: EventEmitter<HTMLBqBreadcrumbItemElement>;\n\n /** Handler to be called when item is focused */\n @Event() bqFocus: EventEmitter<HTMLBqBreadcrumbItemElement>;\n\n /** Handler to be called when item is clicked */\n @Event() bqClick: EventEmitter<HTMLBqBreadcrumbItemElement>;\n\n // Component lifecycle events\n // Ordered by their natural call order\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 onBlur = () => {\n this.bqBlur.emit(this.el);\n };\n\n private onFocus = () => {\n this.bqFocus.emit(this.el);\n };\n\n private onClick = () => {\n this.bqClick.emit(this.el);\n };\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n const isLink = isDefined(this.href);\n const TagElem = isLink ? 'a' : 'button';\n\n return (\n <div class=\"flex items-center\" aria-label={this.ariaLabel} part=\"base\">\n <TagElem\n class=\"breadcrumb-item\"\n href={isLink ? this.href : undefined}\n rel={isLink && this.target ? 'noreferrer noopener' : undefined}\n target={isLink ? this.target : undefined}\n onBlur={this.onBlur}\n onFocus={this.onFocus}\n onClick={this.onClick}\n aria-current={isLink && this.isLastItem ? 'location' : undefined} // indicates the last link as the current page\n part=\"item\"\n >\n <span\n class={{\n 'flex items-center gap-xs2': true,\n 'text-text-brand': this.isLastItem,\n }}\n part=\"content\"\n >\n <slot></slot>\n </span>\n </TagElem>\n <span\n class={{\n 'breadcrumb-separator': true,\n }}\n part=\"separator\"\n >\n <slot name=\"separator\"></slot>\n </span>\n </div>\n );\n }\n}\n"],"mappings":";;;;;;;;;;AAAA,MAAMA,IAAsB;;AAC5B,MAAAC,IAAeD;;MCcFE,IAAgB;;;;;;;sBAuBG;;;eASS;;;;;;;;;;;EAU9BC;;EAGAC;;EAGAC;;;;;;;;;;;;;;;;EAqBDC,OAAS;IACfC,KAAKJ,OAAOK,KAAKD,KAAKE;AAAG;EAGnBC,QAAU;IAChBH,KAAKH,QAAQI,KAAKD,KAAKE;AAAG;EAGpBE,QAAU;IAChBJ,KAAKF,QAAQG,KAAKD,KAAKE;AAAG;;;;EAO5B,MAAAG;IACE,MAAMC,IAASC,EAAUP,KAAKQ;IAC9B,MAAMC,IAAUH,IAAS,MAAM;IAE/B,OACEI,EAAA;MAAAC,KAAA;MAAKC,OAAM;MAAmB,cAAaZ,KAAKa;MAAWC,MAAK;OAC9DJ,EAACD,GAAO;MAAAE,KAAA;MACNC,OAAM;MACNJ,MAAMF,IAASN,KAAKQ,OAAOO;MAC3BC,KAAKV,KAAUN,KAAKiB,SAAS,wBAAwBF;MACrDE,QAAQX,IAASN,KAAKiB,SAASF;MAC/BhB,QAAQC,KAAKD;MACbI,SAASH,KAAKG;MACdC,SAASJ,KAAKI;MAAO,gBACPE,KAAUN,KAAKkB,aAAa,aAAaH;MACvDD,MAAK;OAELJ,EAAA;MAAAC,KAAA;MACEC,OAAO;QACL,6BAA6B;QAC7B,mBAAmBZ,KAAKkB;;MAE1BJ,MAAK;OAELJ,EAAA;MAAAC,KAAA;UAGJD,EAAA;MAAAC,KAAA;MACEC,OAAO;QACL,wBAAwB;;MAE1BE,MAAK;OAELJ,EAAA;MAAAC,KAAA;MAAMQ,MAAK","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":["bqSideMenuItemCss","BqSideMenuItemStyle0","BqSideMenuItem","labelElem","bqBlur","bqFocus","bqClick","componentDidLoad","this","handleSlotChange","textContent","getTextContent","querySelector","handleBlur","ev","disabled","preventDefault","stopPropagation","emit","el","handleFocus","handleClick","menuItem","h","Fragment","class","active","collapse","onBlur","onFocus","onClick","role","tabindex","slot","part","name","ref","onSlotchange","render","placement","exportparts"],"sources":["../../packages/beeq/src/components/side-menu-item/scss/bq-side-menu-item.scss?tag=bq-side-menu-item&encapsulation=shadow","../../packages/beeq/src/components/side-menu-item/bq-side-menu-item.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/* Side menu item styles */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-side-menu-item.variables';\n\n:host {\n @apply block;\n}\n\n.bq-side-menu__item {\n @apply flex items-center gap-x-s rounded-s px-[var(--bq-side-menu-item--paddingX)] py-[var(--bq-side-menu-item--paddingY)] no-underline transition-colors duration-150;\n\n // Default state\n @apply bg-[var(--bq-side-menu-item--bg-default)] text-m text-[color:var(--bq-side-menu-item--text-default)];\n\n // Focus state\n @apply [&:not(.disabled)]:focus-visible:focus;\n\n // Hover state\n @apply [&:not(.disabled)]:hover:cursor-pointer;\n\n &:not(.disabled, .active):hover {\n @apply hover:bg-[var(--bq-side-menu-item--bg-hover)] hover:text-m hover:text-[color:var(--bq-side-menu-item--text-hover)];\n }\n}\n\n.bq-side-menu__item.active {\n // Active state\n @apply bg-[var(--bq-side-menu-item--bg-active)] text-m text-[color:var(--bq-side-menu-item--text-active)];\n}\n\n.bq-side-menu__item.disabled {\n @apply opacity-60 hover:cursor-not-allowed;\n}\n\n.bq-side-menu__item.is-collapsed {\n @apply justify-center gap-0;\n\n .bq-side-menu__item--label,\n .bq-side-menu__item--suffix {\n @apply sr-only scale-0;\n }\n}\n\n.bq-side-menu__item--label,\n.bq-side-menu__item--suffix {\n @apply transition-all duration-300 ease-in-out;\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Prop, State } from '@stencil/core';\n\nimport { getTextContent } from '../../shared/utils';\n\n/**\n * @part base - The component wrapper container inside the shadow DOM\n * @part label - The label slot\n * @part prefix - The prefix slot\n * @part suffix - The suffix slot\n * @part panel - The `<div>` container that holds the tooltip content (when the side menu is collapsed)\n * @part trigger - The `<div>` container that holds the element which displays tooltip on hover (when the side menu is collapsed)\n */\n@Component({\n tag: 'bq-side-menu-item',\n styleUrl: './scss/bq-side-menu-item.scss',\n shadow: true,\n})\nexport class BqSideMenuItem {\n // Own Properties\n // ====================\n\n private labelElem: HTMLElement;\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqSideMenuItemElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() textContent: string;\n\n // Public Property API\n // ========================\n\n /** If true, the menu item will be shown as active/selected. */\n @Prop() active: boolean = false;\n\n /** If true, the item label and suffix will be hidden and the with will be reduce according to its parent */\n @Prop() collapse: boolean = false;\n\n /** If true, the menu item will be disabled (no interaction allowed) */\n @Prop() disabled: boolean = false;\n\n // Prop lifecycle events\n // =======================\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n /** Handler to be called when the button loses focus */\n @Event() bqBlur: EventEmitter<HTMLBqSideMenuItemElement>;\n\n /** Handler to be called when the button is clicked */\n @Event() bqFocus: EventEmitter<HTMLBqSideMenuItemElement>;\n\n /** Handler to be called when button gets focus */\n @Event() bqClick: EventEmitter<HTMLBqSideMenuItemElement>;\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n componentDidLoad() {\n this.handleSlotChange();\n }\n\n // Listeners\n // ==============\n\n // Public methods API\n // These methods are exposed on the host element.\n // Always use two lines.\n // Public Methods must be async.\n // Requires JSDocs for public API documentation.\n // ===============================================\n\n // Local methods\n // Internal business logic.\n // These methods cannot be called from the host element.\n // =======================================================\n\n private handleSlotChange = () => {\n if (!this.labelElem) return;\n this.textContent = getTextContent(this.labelElem.querySelector('slot'));\n };\n\n handleBlur = (ev: Event) => {\n if (this.disabled) {\n ev.preventDefault();\n ev.stopPropagation();\n return;\n }\n\n this.bqBlur.emit(this.el);\n };\n\n handleFocus = (ev: Event) => {\n if (this.disabled) {\n ev.preventDefault();\n ev.stopPropagation();\n return;\n }\n\n this.bqFocus.emit(this.el);\n };\n\n handleClick = (ev: Event) => {\n if (this.disabled) {\n ev.preventDefault();\n ev.stopPropagation();\n return;\n }\n\n this.bqClick.emit(this.el);\n };\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n private menuItem = () => (\n <Fragment>\n {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}\n <a\n class={{\n 'bq-side-menu__item': true,\n active: this.active,\n disabled: this.disabled,\n 'is-collapsed': this.collapse,\n }}\n onBlur={this.handleBlur}\n onFocus={this.handleFocus}\n onClick={this.handleClick}\n aria-disabled={this.disabled ? 'true' : 'false'}\n role=\"menuitem\"\n tabindex={this.disabled ? -1 : 0}\n slot=\"trigger\"\n part=\"base\"\n >\n <div class=\"bq-side-menu__item--prefix flex items-center\" part=\"prefix\">\n <slot name=\"prefix\" />\n </div>\n <div\n class=\"bq-side-menu__item--label overflow-hidden text-ellipsis whitespace-nowrap\"\n ref={(labelElem) => (this.labelElem = labelElem)}\n >\n <slot onSlotchange={this.handleSlotChange} />\n </div>\n <div class=\"bq-side-menu__item--suffix ml-auto flex items-center\" part=\"suffix\">\n <slot name=\"suffix\" />\n </div>\n </a>\n </Fragment>\n );\n\n render() {\n return !this.collapse ? (\n this.menuItem()\n ) : (\n <bq-tooltip class=\"bq-side-menu__item--tooltip block\" placement=\"right\" exportparts=\"trigger, panel\">\n {this.textContent}\n {this.menuItem()}\n </bq-tooltip>\n );\n }\n}\n"],"mappings":";;;;;;;;AAAA,MAAMA,IAAoB;;AAC1B,MAAAC,IAAeD;;MCgBFE,IAAc;;;;;;;kBAqBC;oBAGE;oBAGA;;;;EAvBpBC;;;;;;;;;;EAiCCC;;EAGAC;;EAGAC;;;;EAMT,gBAAAC;IACEC,KAAKC;;;;;;;;;;;;;;EAkBCA,iBAAmB;IACzB,KAAKD,KAAKL,WAAW;IACrBK,KAAKE,cAAcC,EAAeH,KAAKL,UAAUS,cAAc;AAAQ;EAGzEC,WAAcC;IACZ,IAAIN,KAAKO,UAAU;MACjBD,EAAGE;MACHF,EAAGG;MACH;;IAGFT,KAAKJ,OAAOc,KAAKV,KAAKW;AAAG;EAG3BC,YAAeN;IACb,IAAIN,KAAKO,UAAU;MACjBD,EAAGE;MACHF,EAAGG;MACH;;IAGFT,KAAKH,QAAQa,KAAKV,KAAKW;AAAG;EAG5BE,YAAeP;IACb,IAAIN,KAAKO,UAAU;MACjBD,EAAGE;MACHF,EAAGG;MACH;;IAGFT,KAAKF,QAAQY,KAAKV,KAAKW;AAAG;;;;EAOpBG,SAAW,MACjBC,EAACC,GAAQ,MAEPD,EAAA;IACEE,OAAO;MACL,sBAAsB;MACtBC,QAAQlB,KAAKkB;MACbX,UAAUP,KAAKO;MACf,gBAAgBP,KAAKmB;;IAEvBC,QAAQpB,KAAKK;IACbgB,SAASrB,KAAKY;IACdU,SAAStB,KAAKa;IAAW,iBACVb,KAAKO,WAAW,SAAS;IACxCgB,MAAK;IACLC,UAAUxB,KAAKO,YAAY,IAAI;IAC/BkB,MAAK;IACLC,MAAK;KAELX,EAAA;IAAKE,OAAM;IAA+CS,MAAK;KAC7DX,EAAA;IAAMY,MAAK;OAEbZ,EAAA;IACEE,OAAM;IACNW,KAAMjC,KAAeK,KAAKL,YAAYA;KAEtCoB,EAAA;IAAMc,cAAc7B,KAAKC;OAE3Bc,EAAA;IAAKE,OAAM;IAAuDS,MAAK;KACrEX,EAAA;IAAMY,MAAK;;EAMnB,MAAAG;IACE,QAAQ9B,KAAKmB,WACXnB,KAAKc,aAELC,EAAA;MAAYE,OAAM;MAAoCc,WAAU;MAAQC,aAAY;OACjFhC,KAAKE,aACLF,KAAKc","ignoreList":[]}
@@ -1,133 +0,0 @@
1
- /*!
2
- * Built by Endavans
3
- * © https://beeq.design - Apache 2 License.
4
- */
5
- import { r as a, c as r, g as e, h as b } from "./p-01df4baa.js";
6
-
7
- import { i as t } from "./p-57621be1.js";
8
-
9
- import { v as n } from "./p-687da041.js";
10
-
11
- import { S as q } from "./p-a8cad5ab.js";
12
-
13
- const i = [ "default", "current", "completed", "error", "disabled" ];
14
-
15
- const o = '.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:root{--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq.light,.light,:root,[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.beeq.dark,.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}.endava,[bq-theme=endava]{--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.bg-\\[--bq-step-item--prefix-num-bg-color\\]{background-color:var(--bq-step-item--prefix-num-bg-color)}.bg-\\[var\\(--bq-step-item--prefix-color-current\\)\\]{background-color:var(--bq-step-item--prefix-color-current)}.bg-bg-primary{background-color:var(--bq-background--primary)}.bg-ui-danger-alt{background-color:var(--bq-ui--danger-alt)}.bg-ui-success-alt{background-color:var(--bq-ui--success-alt)}.text-m{font-size:var(--bq-font-size--m)}.text-s{font-size:var(--bq-font-size--s)}.font-semibold{font-weight:var(--bq-font-weight--semibold)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.text-\\[--bq-text--alt\\]{color:var(--bq-text--alt)}.text-text-danger{color:var(--bq-text--danger)}.text-text-success{color:var(--bq-text--success)}.opacity-60{opacity:.6}.bs-\\[--bq-step-item--prefix-num-size\\]{block-size:var(--bq-step-item--prefix-num-size)}.is-\\[--bq-step-item--prefix-num-size\\]{inline-size:var(--bq-step-item--prefix-num-size)}.\\[--bq-step-item--prefix-num-size\\:--bq-spacing-l\\]{--bq-step-item--prefix-num-size:var(--bq-spacing-l)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-step-item--prefix-color:var(--bq-icon--secondary);--bq-step-item--prefix-color-current:var(--bq-icon--brand);--bq-step-item--prefix-color-completed:var(--bq-icon--success);--bq-step-item--prefix-color-error:var(--bq-icon--danger);--bq-step-item--prefix-num-size:var(--bq-spacing-xl);--bq-step-item--prefix-num-bg-color:var(--bq-ui--secondary);--bq-icon--color:var(--bq-icon--primary);background-color:var(--bq-background--primary)}.bq-step-item__prefix.dot ::slotted(bq-icon),.bq-step-item__prefix.icon ::slotted(bq-icon){--bq-icon--color:var(--bq-step-item--prefix-color)}.bq-step-item__prefix.dot.current ::slotted(bq-icon),.bq-step-item__prefix.icon.current ::slotted(bq-icon){--bq-icon--color:var(--bq-step-item--prefix-color-current)}.bq-step-item__prefix.dot.completed ::slotted(bq-icon),.bq-step-item__prefix.icon.completed ::slotted(bq-icon){--bq-icon--color:var(--bq-step-item--prefix-color-completed)}.bq-step-item__prefix.dot.error ::slotted(bq-icon),.bq-step-item__prefix.icon.error ::slotted(bq-icon){--bq-icon--color:var(--bq-step-item--prefix-color-error)}.bq-step-item__prefix.dot.disabled ::slotted(bq-icon),.bq-step-item__prefix.icon.disabled ::slotted(bq-icon){opacity:.6}.bq-step-item__prefix.numeric{align-items:center;background-color:var(--bq-step-item--prefix-num-bg-color);block-size:var(--bq-step-item--prefix-num-size);border-radius:var(--bq-radius--full);display:flex;font-size:var(--bq-font-size--m);font-weight:var(--bq-font-weight--semibold);inline-size:var(--bq-step-item--prefix-num-size);justify-content:center;line-height:var(--bq-font-line-height--regular)}.bq-step-item__prefix.numeric.small{--bq-step-item--prefix-num-size:var(--bq-spacing-l);font-size:var(--bq-font-size--s)}.bq-step-item__prefix.numeric.current{background-color:var(--bq-step-item--prefix-color-current);color:var(--bq-text--alt)}.bq-step-item__prefix.numeric.completed{background-color:var(--bq-ui--success-alt);color:var(--bq-text--success)}.bq-step-item__prefix.numeric.error{background-color:var(--bq-ui--danger-alt);color:var(--bq-text--danger)}.bq-step-item__prefix.numeric.disabled{opacity:.6}.bq-step-item__content--description::slotted(*){font-size:var(--bq-font-size--s);line-height:var(--bq-font-line-height--regular);opacity:.6}.pointer-events-none{pointer-events:none}.static{position:static}.relative{position:relative}.gap-s{gap:var(--bq-spacing-s)}.pe-xs3{padding-inline-end:var(--bq-spacing-xs3)}.text-text-brand{color:var(--bq-text--brand)}.text-text-primary{color:var(--bq-text--primary)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.absolute{position:absolute}.-z-10{z-index:-10}.w-full{width:100%}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.p-bs-m{padding-block-start:var(--bq-spacing-m)}.p-bs-s{padding-block-start:var(--bq-spacing-s)}.p-i-s{padding-inline:var(--bq-spacing-s)}.inset-ie-0{inset-inline-end:0}.inset-is-0{inset-inline-start:0}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}';
16
-
17
- const s = o;
18
-
19
- const d = class {
20
- constructor(e) {
21
- a(this, e);
22
- this.bqClick = r(this, "bqClick", 7);
23
- this.size = "medium";
24
- this.status = "default";
25
- this.type = undefined;
26
- }
27
- get el() {
28
- return e(this);
29
- }
30
- // Prop lifecycle events
31
- // =======================
32
- checkPropValues() {
33
- n(q, "medium", this.el, "size");
34
- n(i, "default", this.el, "status");
35
- this.handleIconPrefix();
36
- }
37
- // Events section
38
- // Requires JSDocs for public API documentation
39
- // ==============================================
40
- /** Callback handler emitted when the step item is clicked */
41
- bqClick;
42
- // Component lifecycle events
43
- // Ordered by their natural call order
44
- // =====================================
45
- connectedCallback() {
46
- this.checkPropValues();
47
- }
48
- componentWillLoad() {
49
- this.checkPropValues();
50
- }
51
- componentDidLoad() {
52
- this.handleIconPrefix();
53
- }
54
- // Listeners
55
- // ==============
56
- // Public methods API
57
- // These methods are exposed on the host element.
58
- // Always use two lines.
59
- // Public Methods must be async.
60
- // Requires JSDocs for public API documentation.
61
- // ===============================================
62
- // Local methods
63
- // Internal business logic.
64
- // These methods cannot be called from the host element.
65
- // =======================================================
66
- get isDisabled() {
67
- return this.status === "disabled";
68
- }
69
- get isCurrent() {
70
- return this.status === "current";
71
- }
72
- handleIconPrefix=() => {
73
- const a = this.el.querySelector('[slot="prefix"]');
74
- if (!a || !t(a, "bq-icon")) return;
75
- a.size = this.size === "small" ? 24 : 32;
76
- a.weight = this.isCurrent ? "fill" : "regular";
77
- };
78
- // render() function
79
- // Always the last one in the class.
80
- // ===================================
81
- render() {
82
- return b("div", {
83
- key: "0b83690a453edf783ee752888c0557ef8619c04f",
84
- class: {
85
- "bq-step-item flex gap-s": true,
86
- [`bq-step-item--${this.status}`]: true,
87
- "pointer-events-none opacity-60": this.isDisabled
88
- },
89
- part: "base"
90
- }, b("div", {
91
- key: "c20c2a316726878841679080075f38b7c840662d",
92
- class: `bq-step-item__prefix relative ${this.type} ${this.size} ${this.status}`
93
- }, b("slot", {
94
- key: "d1964706f6b54b97f5d0ee553e502e7cc58fd08a",
95
- name: "prefix",
96
- onSlotchange: this.handleIconPrefix
97
- })), b("div", {
98
- key: "81e1d2d5465b7b2f6d5db1a138e70e895c40139a",
99
- class: "bq-step-item__content"
100
- }, b("div", {
101
- key: "7ffa64231663a996a38149ca5541fd6d0191f148",
102
- class: {
103
- "bq-step-item__content--title pe-xs3 text-m leading-regular text-text-primary": true,
104
- "pointer-events-none": this.isDisabled,
105
- "text-text-brand": this.isCurrent
106
- },
107
- part: "title"
108
- }, b("slot", {
109
- key: "639d52f6b077b60e6bd7ca6b79d521fc4fd68b1f"
110
- })), b("div", {
111
- key: "713cfc1e9902f57ffa146a3a87d047e69d221886",
112
- class: {
113
- "bq-step-item__content--description text-s leading-regular opacity-60": true,
114
- "opacity-60": this.isDisabled
115
- },
116
- part: "description"
117
- }, b("slot", {
118
- key: "fcfb92f7e6ca65a1c150b2132ddf126428e3a3b1",
119
- name: "description"
120
- }))));
121
- }
122
- static get watchers() {
123
- return {
124
- size: [ "checkPropValues" ],
125
- status: [ "checkPropValues" ]
126
- };
127
- }
128
- };
129
-
130
- d.style = s;
131
-
132
- export { d as bq_step_item };
133
- //# sourceMappingURL=p-38e70f78.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["STEP_ITEM_STATUS","bqStepItemCss","BqStepItemStyle0","BqStepItem","checkPropValues","validatePropValue","STEPS_SIZE","this","el","handleIconPrefix","bqClick","connectedCallback","componentWillLoad","componentDidLoad","isDisabled","status","isCurrent","iconElem","querySelector","isHTMLElement","size","weight","render","h","key","class","part","type","name","onSlotchange"],"sources":["../../packages/beeq/src/components/step-item/bq-step-item.types.ts","../../packages/beeq/src/components/step-item/scss/bq-step-item.scss?tag=bq-step-item&encapsulation=shadow","../../packages/beeq/src/components/step-item/bq-step-item.tsx"],"sourcesContent":["export const STEP_ITEM_STATUS = ['default', 'current', 'completed', 'error', 'disabled'] as const;\nexport type TStepItemStatus = (typeof STEP_ITEM_STATUS)[number];\n","/* -------------------------------------------------------------------------- */\n/* Step item styles */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-step-item.variables';\n\n:host {\n --bq-icon--color: theme(colors.icon.primary);\n\n @apply bg-bg-primary;\n}\n\n.bq-step-item__prefix.dot,\n.bq-step-item__prefix.icon {\n ::slotted(bq-icon) {\n --bq-icon--color: var(--bq-step-item--prefix-color);\n }\n\n &.current {\n ::slotted(bq-icon) {\n --bq-icon--color: var(--bq-step-item--prefix-color-current);\n }\n }\n\n &.completed {\n ::slotted(bq-icon) {\n --bq-icon--color: var(--bq-step-item--prefix-color-completed);\n }\n }\n\n &.error {\n ::slotted(bq-icon) {\n --bq-icon--color: var(--bq-step-item--prefix-color-error);\n }\n }\n\n &.disabled {\n ::slotted(bq-icon) {\n opacity: 0.6;\n }\n }\n}\n\n.bq-step-item__prefix.numeric {\n @apply flex items-center justify-center rounded-full;\n @apply bg-[--bq-step-item--prefix-num-bg-color] bs-[--bq-step-item--prefix-num-size] is-[--bq-step-item--prefix-num-size];\n @apply text-m font-semibold leading-regular;\n\n &.small {\n @apply text-s [--bq-step-item--prefix-num-size:--bq-spacing-l];\n }\n\n // Status\n\n &.current {\n @apply bg-[var(--bq-step-item--prefix-color-current)] text-[--bq-text--alt];\n }\n\n &.completed {\n @apply bg-ui-success-alt text-text-success;\n }\n\n &.error {\n @apply bg-ui-danger-alt text-text-danger;\n }\n\n &.disabled {\n @apply opacity-60;\n }\n}\n\n.bq-step-item__content--description::slotted(*) {\n @apply text-s leading-regular opacity-60;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, Watch } from '@stencil/core';\n\nimport { STEP_ITEM_STATUS, TStepItemStatus } from './bq-step-item.types';\nimport { isHTMLElement, validatePropValue } from '../../shared/utils';\nimport { STEPS_SIZE, TStepsSize, TStepsType } from '../steps/bq-steps.types';\n\n/**\n * @part base - The component's base wrapper.\n * @part title - The component's title.\n * @part description - The component's description.\n */\n@Component({\n tag: 'bq-step-item',\n styleUrl: './scss/bq-step-item.scss',\n shadow: true,\n})\nexport class BqStepItem {\n // Own Properties\n // ====================\n\n // Reference to host HTML element\n // ===================================\n @Element() el!: HTMLBqStepItemElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n // Public Property API\n // ========================\n\n /** It defines prefix size */\n @Prop({ reflect: true }) size?: TStepsSize = 'medium';\n\n /** It defines step item appearance based on its status */\n @Prop({ reflect: true }) status?: TStepItemStatus = 'default';\n\n /** It defines the step item type used */\n @Prop({ reflect: true }) type?: TStepsType;\n\n // Prop lifecycle events\n // =======================\n\n @Watch('size')\n @Watch('status')\n checkPropValues() {\n validatePropValue(STEPS_SIZE, 'medium', this.el, 'size');\n validatePropValue(STEP_ITEM_STATUS, 'default', this.el, 'status');\n\n this.handleIconPrefix();\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n /** Callback handler emitted when the step item is clicked */\n @Event() bqClick: EventEmitter<{ target: HTMLBqStepItemElement; value: string }>;\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n connectedCallback() {\n this.checkPropValues();\n }\n\n componentWillLoad() {\n this.checkPropValues();\n }\n\n componentDidLoad() {\n this.handleIconPrefix();\n }\n\n // Listeners\n // ==============\n\n // Public methods API\n // These methods are exposed on the host element.\n // Always use two lines.\n // Public Methods must be async.\n // Requires JSDocs for public API documentation.\n // ===============================================\n\n // Local methods\n // Internal business logic.\n // These methods cannot be called from the host element.\n // =======================================================\n\n private get isDisabled(): boolean {\n return this.status === 'disabled';\n }\n\n private get isCurrent(): boolean {\n return this.status === 'current';\n }\n\n private handleIconPrefix = () => {\n const iconElem = this.el.querySelector('[slot=\"prefix\"]');\n if (!iconElem || !isHTMLElement(iconElem, 'bq-icon')) return;\n\n iconElem.size = this.size === 'small' ? 24 : 32;\n iconElem.weight = this.isCurrent ? 'fill' : 'regular';\n };\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n return (\n <div\n class={{\n 'bq-step-item flex gap-s': true,\n [`bq-step-item--${this.status}`]: true,\n 'pointer-events-none opacity-60': this.isDisabled,\n }}\n part=\"base\"\n >\n <div class={`bq-step-item__prefix relative ${this.type} ${this.size} ${this.status}`}>\n <slot name=\"prefix\" onSlotchange={this.handleIconPrefix} />\n </div>\n <div class=\"bq-step-item__content\">\n {/* TITLE */}\n <div\n class={{\n 'bq-step-item__content--title pe-xs3 text-m leading-regular text-text-primary': true,\n 'pointer-events-none': this.isDisabled,\n 'text-text-brand': this.isCurrent,\n }}\n part=\"title\"\n >\n <slot />\n </div>\n {/* DESCRIPTION */}\n <div\n class={{\n 'bq-step-item__content--description text-s leading-regular opacity-60': true,\n 'opacity-60': this.isDisabled,\n }}\n part=\"description\"\n >\n <slot name=\"description\" />\n </div>\n </div>\n </div>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;AAAO,MAAMA,IAAmB,EAAC,WAAW,WAAW,aAAa,SAAS;;ACA7E,MAAMC,IAAgB;;AACtB,MAAAC,IAAeD;;MCeFE,IAAU;;;;gBAgBwB;kBAGO;;;;;;;;EAUpD,eAAAC;IACEC,EAAkBC,GAAY,UAAUC,KAAKC,IAAI;IACjDH,EAAkBL,GAAkB,WAAWO,KAAKC,IAAI;IAExDD,KAAKE;;;;;;EAQEC;;;;EAMT,iBAAAC;IACEJ,KAAKH;;EAGP,iBAAAQ;IACEL,KAAKH;;EAGP,gBAAAS;IACEN,KAAKE;;;;;;;;;;;;;;EAkBP,cAAYK;IACV,OAAOP,KAAKQ,WAAW;;EAGzB,aAAYC;IACV,OAAOT,KAAKQ,WAAW;;EAGjBN,iBAAmB;IACzB,MAAMQ,IAAWV,KAAKC,GAAGU,cAAc;IACvC,KAAKD,MAAaE,EAAcF,GAAU,YAAY;IAEtDA,EAASG,OAAOb,KAAKa,SAAS,UAAU,KAAK;IAC7CH,EAASI,SAASd,KAAKS,YAAY,SAAS;AAAS;;;;EAOvD,MAAAM;IACE,OACEC,EAAA;MAAAC,KAAA;MACEC,OAAO;QACL,2BAA2B;QAC3B,CAAC,iBAAiBlB,KAAKQ,WAAW;QAClC,kCAAkCR,KAAKO;;MAEzCY,MAAK;OAELH,EAAA;MAAAC,KAAA;MAAKC,OAAO,iCAAiClB,KAAKoB,QAAQpB,KAAKa,QAAQb,KAAKQ;OAC1EQ,EAAA;MAAAC,KAAA;MAAMI,MAAK;MAASC,cAActB,KAAKE;SAEzCc,EAAA;MAAAC,KAAA;MAAKC,OAAM;OAETF,EAAA;MAAAC,KAAA;MACEC,OAAO;QACL,gFAAgF;QAChF,uBAAuBlB,KAAKO;QAC5B,mBAAmBP,KAAKS;;MAE1BU,MAAK;OAELH,EAAA;MAAAC,KAAA;SAGFD,EAAA;MAAAC,KAAA;MACEC,OAAO;QACL,wEAAwE;QACxE,cAAclB,KAAKO;;MAErBY,MAAK;OAELH,EAAA;MAAAC,KAAA;MAAMI,MAAK","ignoreList":[]}