@govbr-ds/webcomponents 2.0.0-next.21 → 2.0.0-next.22

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 (355) hide show
  1. package/dist/cjs/br-avatar.cjs.entry.js +2 -2
  2. package/dist/cjs/br-avatar.cjs.entry.js.map +1 -1
  3. package/dist/cjs/br-button_2.cjs.entry.js +175 -56
  4. package/dist/cjs/br-button_2.cjs.entry.js.map +1 -1
  5. package/dist/cjs/br-checkbox.cjs.entry.js +76 -0
  6. package/dist/cjs/br-checkbox.cjs.entry.js.map +1 -0
  7. package/dist/cjs/br-checkgroup.cjs.entry.js +101 -0
  8. package/dist/cjs/br-checkgroup.cjs.entry.js.map +1 -0
  9. package/dist/cjs/br-dropdown.cjs.entry.js +3 -3
  10. package/dist/cjs/br-dropdown.cjs.entry.js.map +1 -1
  11. package/dist/cjs/br-input_3.cjs.entry.js +284 -0
  12. package/dist/cjs/br-input_3.cjs.entry.js.map +1 -0
  13. package/dist/cjs/br-item.cjs.entry.js +40 -20
  14. package/dist/cjs/br-item.cjs.entry.js.map +1 -1
  15. package/dist/cjs/br-loading.cjs.entry.js +3 -3
  16. package/dist/cjs/br-loading.cjs.entry.js.map +1 -1
  17. package/dist/cjs/br-message.cjs.entry.js +3 -3
  18. package/dist/cjs/br-message.cjs.entry.js.map +1 -1
  19. package/dist/cjs/br-select.cjs.entry.js +4 -4
  20. package/dist/cjs/br-select.cjs.entry.js.map +1 -1
  21. package/dist/cjs/br-switch.cjs.entry.js +9 -6
  22. package/dist/cjs/br-switch.cjs.entry.js.map +1 -1
  23. package/dist/cjs/br-tag.cjs.entry.js +3 -3
  24. package/dist/cjs/br-tag.cjs.entry.js.map +1 -1
  25. package/dist/cjs/br-textarea.cjs.entry.js +3 -3
  26. package/dist/cjs/br-textarea.cjs.entry.js.map +1 -1
  27. package/dist/cjs/br-upload.cjs.entry.js +3 -3
  28. package/dist/cjs/br-upload.cjs.entry.js.map +1 -1
  29. package/dist/cjs/{index-86e7422e.js → index-4fc1aab1.js} +856 -621
  30. package/dist/cjs/index-4fc1aab1.js.map +1 -0
  31. package/dist/cjs/loader.cjs.js +2 -2
  32. package/dist/cjs/webcomponents.cjs.js +3 -3
  33. package/dist/cjs/webcomponents.cjs.js.map +1 -1
  34. package/dist/collection/collection-manifest.json +2 -1
  35. package/dist/collection/components/avatar/avatar.css +8 -0
  36. package/dist/collection/components/avatar/avatar.js +16 -0
  37. package/dist/collection/components/avatar/avatar.js.map +1 -1
  38. package/dist/collection/components/button/button.css +8 -0
  39. package/dist/collection/components/button/button.js +18 -0
  40. package/dist/collection/components/button/button.js.map +1 -1
  41. package/dist/collection/components/checkbox/checkbox.css +8 -0
  42. package/dist/collection/components/checkbox/checkbox.js +18 -0
  43. package/dist/collection/components/checkbox/checkbox.js.map +1 -1
  44. package/dist/collection/components/checkgroup/checkgroup.css +605 -0
  45. package/dist/collection/components/checkgroup/checkgroup.js +197 -0
  46. package/dist/collection/components/checkgroup/checkgroup.js.map +1 -0
  47. package/dist/collection/components/dropdown/dropdown.css +8 -0
  48. package/dist/collection/components/dropdown/dropdown.js +3 -1
  49. package/dist/collection/components/dropdown/dropdown.js.map +1 -1
  50. package/dist/collection/components/icon/icon.css +8 -0
  51. package/dist/collection/components/icon/icon.js +15 -1
  52. package/dist/collection/components/icon/icon.js.map +1 -1
  53. package/dist/collection/components/input/input.css +8 -0
  54. package/dist/collection/components/input/input.js +47 -1
  55. package/dist/collection/components/input/input.js.map +1 -1
  56. package/dist/collection/components/item/item.css +8 -0
  57. package/dist/collection/components/item/item.js +65 -19
  58. package/dist/collection/components/item/item.js.map +1 -1
  59. package/dist/collection/components/list/list.css +8 -0
  60. package/dist/collection/components/list/list.js +7 -1
  61. package/dist/collection/components/list/list.js.map +1 -1
  62. package/dist/collection/components/loading/loading.css +8 -0
  63. package/dist/collection/components/loading/loading.js +9 -1
  64. package/dist/collection/components/loading/loading.js.map +1 -1
  65. package/dist/collection/components/message/message.css +8 -0
  66. package/dist/collection/components/message/message.js +15 -1
  67. package/dist/collection/components/message/message.js.map +1 -1
  68. package/dist/collection/components/radio/radio.css +8 -0
  69. package/dist/collection/components/radio/radio.js +17 -1
  70. package/dist/collection/components/radio/radio.js.map +1 -1
  71. package/dist/collection/components/select/select.css +8 -0
  72. package/dist/collection/components/select/select.js +20 -2
  73. package/dist/collection/components/select/select.js.map +1 -1
  74. package/dist/collection/components/switch/switch.css +8 -0
  75. package/dist/collection/components/switch/switch.js +30 -5
  76. package/dist/collection/components/switch/switch.js.map +1 -1
  77. package/dist/collection/components/tag/tag.css +8 -0
  78. package/dist/collection/components/tag/tag.js +17 -1
  79. package/dist/collection/components/tag/tag.js.map +1 -1
  80. package/dist/collection/components/textarea/textarea.css +8 -0
  81. package/dist/collection/components/textarea/textarea.js +19 -1
  82. package/dist/collection/components/textarea/textarea.js.map +1 -1
  83. package/dist/collection/components/upload/upload.css +8 -0
  84. package/dist/collection/components/upload/upload.js +13 -3
  85. package/dist/collection/components/upload/upload.js.map +1 -1
  86. package/dist/collection/index.js.map +1 -1
  87. package/dist/collection/pages/components/checkgroup/index.js +20 -0
  88. package/dist/collection/pages/components/item/index.js +1 -1
  89. package/dist/collection/pages/components/switch/index.js +1 -1
  90. package/dist/collection/pages/scripts/menu.js +17 -2
  91. package/dist/collection/utils/inherited-attributes.js.map +1 -1
  92. package/dist/collection/utils/interfaces.js.map +1 -1
  93. package/dist/collection/utils/unique-id-generator.js.map +1 -1
  94. package/dist/components/br-avatar.js +1 -1
  95. package/dist/components/br-avatar.js.map +1 -1
  96. package/dist/components/br-button.js +1 -1
  97. package/dist/components/br-checkbox.js +1 -1
  98. package/dist/components/br-checkgroup.d.ts +11 -0
  99. package/dist/components/br-checkgroup.js +6 -0
  100. package/dist/components/br-checkgroup.js.map +1 -0
  101. package/dist/components/br-dropdown.js +1 -1
  102. package/dist/components/br-dropdown.js.map +1 -1
  103. package/dist/components/br-icon.js +1 -1
  104. package/dist/components/br-input.js +1 -1
  105. package/dist/components/br-item.js +1 -1
  106. package/dist/components/br-item.js.map +1 -1
  107. package/dist/components/br-list.js +1 -1
  108. package/dist/components/br-loading.js +1 -1
  109. package/dist/components/br-loading.js.map +1 -1
  110. package/dist/components/br-message.js +1 -1
  111. package/dist/components/br-message.js.map +1 -1
  112. package/dist/components/br-radio.js +1 -1
  113. package/dist/components/br-select.js +1 -1
  114. package/dist/components/br-select.js.map +1 -1
  115. package/dist/components/br-switch.js +1 -1
  116. package/dist/components/br-switch.js.map +1 -1
  117. package/dist/components/br-tag.js +1 -1
  118. package/dist/components/br-tag.js.map +1 -1
  119. package/dist/components/br-textarea.js +1 -1
  120. package/dist/components/br-textarea.js.map +1 -1
  121. package/dist/components/br-upload.js +1 -1
  122. package/dist/components/br-upload.js.map +1 -1
  123. package/dist/components/index.js +1 -1
  124. package/dist/components/p-126ad66d.js +17 -0
  125. package/dist/components/p-126ad66d.js.map +1 -0
  126. package/dist/components/p-184a3074.js +6 -0
  127. package/dist/components/p-184a3074.js.map +1 -0
  128. package/dist/components/p-5cb170a7.js +6 -0
  129. package/dist/components/p-5cb170a7.js.map +1 -0
  130. package/dist/components/p-65616dbd.js +7 -0
  131. package/dist/components/p-65616dbd.js.map +1 -0
  132. package/dist/components/p-65c54cc8.js +6 -0
  133. package/dist/components/p-65c54cc8.js.map +1 -0
  134. package/dist/components/p-a6dcabb0.js +6 -0
  135. package/dist/components/{p-62776355.js.map → p-a6dcabb0.js.map} +1 -1
  136. package/dist/components/p-ace62688.js +6 -0
  137. package/dist/components/p-ace62688.js.map +1 -0
  138. package/dist/esm/br-avatar.entry.js +2 -2
  139. package/dist/esm/br-avatar.entry.js.map +1 -1
  140. package/dist/esm/br-button_2.entry.js +175 -56
  141. package/dist/esm/br-button_2.entry.js.map +1 -1
  142. package/dist/esm/br-checkbox.entry.js +72 -0
  143. package/dist/esm/br-checkbox.entry.js.map +1 -0
  144. package/dist/esm/br-checkgroup.entry.js +97 -0
  145. package/dist/esm/br-checkgroup.entry.js.map +1 -0
  146. package/dist/esm/br-dropdown.entry.js +3 -3
  147. package/dist/esm/br-dropdown.entry.js.map +1 -1
  148. package/dist/esm/br-input_3.entry.js +278 -0
  149. package/dist/esm/br-input_3.entry.js.map +1 -0
  150. package/dist/esm/br-item.entry.js +40 -20
  151. package/dist/esm/br-item.entry.js.map +1 -1
  152. package/dist/esm/br-loading.entry.js +3 -3
  153. package/dist/esm/br-loading.entry.js.map +1 -1
  154. package/dist/esm/br-message.entry.js +3 -3
  155. package/dist/esm/br-message.entry.js.map +1 -1
  156. package/dist/esm/br-select.entry.js +4 -4
  157. package/dist/esm/br-select.entry.js.map +1 -1
  158. package/dist/esm/br-switch.entry.js +9 -6
  159. package/dist/esm/br-switch.entry.js.map +1 -1
  160. package/dist/esm/br-tag.entry.js +3 -3
  161. package/dist/esm/br-tag.entry.js.map +1 -1
  162. package/dist/esm/br-textarea.entry.js +3 -3
  163. package/dist/esm/br-textarea.entry.js.map +1 -1
  164. package/dist/esm/br-upload.entry.js +3 -3
  165. package/dist/esm/br-upload.entry.js.map +1 -1
  166. package/dist/esm/{index-14721f44.js → index-45af9b53.js} +856 -621
  167. package/dist/esm/index-45af9b53.js.map +1 -0
  168. package/dist/esm/loader.js +3 -3
  169. package/dist/esm/webcomponents.js +4 -4
  170. package/dist/esm/webcomponents.js.map +1 -1
  171. package/dist/esm-es5/br-avatar.entry.js +1 -1
  172. package/dist/esm-es5/br-avatar.entry.js.map +1 -1
  173. package/dist/esm-es5/br-button_2.entry.js +4 -4
  174. package/dist/esm-es5/br-button_2.entry.js.map +1 -1
  175. package/dist/esm-es5/br-checkbox.entry.js +6 -0
  176. package/dist/esm-es5/br-checkbox.entry.js.map +1 -0
  177. package/dist/esm-es5/br-checkgroup.entry.js +6 -0
  178. package/dist/esm-es5/br-checkgroup.entry.js.map +1 -0
  179. package/dist/esm-es5/br-dropdown.entry.js +2 -2
  180. package/dist/esm-es5/br-dropdown.entry.js.map +1 -1
  181. package/dist/esm-es5/br-input_3.entry.js +6 -0
  182. package/dist/esm-es5/br-input_3.entry.js.map +1 -0
  183. package/dist/esm-es5/br-item.entry.js +1 -1
  184. package/dist/esm-es5/br-item.entry.js.map +1 -1
  185. package/dist/esm-es5/br-loading.entry.js +1 -1
  186. package/dist/esm-es5/br-loading.entry.js.map +1 -1
  187. package/dist/esm-es5/br-message.entry.js +1 -1
  188. package/dist/esm-es5/br-message.entry.js.map +1 -1
  189. package/dist/esm-es5/br-select.entry.js +1 -1
  190. package/dist/esm-es5/br-select.entry.js.map +1 -1
  191. package/dist/esm-es5/br-switch.entry.js +1 -1
  192. package/dist/esm-es5/br-switch.entry.js.map +1 -1
  193. package/dist/esm-es5/br-tag.entry.js +1 -1
  194. package/dist/esm-es5/br-tag.entry.js.map +1 -1
  195. package/dist/esm-es5/br-textarea.entry.js +2 -2
  196. package/dist/esm-es5/br-textarea.entry.js.map +1 -1
  197. package/dist/esm-es5/br-upload.entry.js +1 -1
  198. package/dist/esm-es5/br-upload.entry.js.map +1 -1
  199. package/dist/esm-es5/index-45af9b53.js +6 -0
  200. package/dist/esm-es5/index-45af9b53.js.map +1 -0
  201. package/dist/esm-es5/loader.js +2 -2
  202. package/dist/esm-es5/loader.js.map +1 -1
  203. package/dist/esm-es5/webcomponents.js +2 -2
  204. package/dist/esm-es5/webcomponents.js.map +1 -1
  205. package/dist/types/components/checkgroup/checkgroup.d.ts +52 -0
  206. package/dist/types/components/item/item.d.ts +5 -3
  207. package/dist/types/components/switch/switch.d.ts +2 -1
  208. package/dist/types/components/upload/upload.d.ts +2 -2
  209. package/dist/types/components.d.ts +63 -6
  210. package/dist/webcomponents/p-04a3d24e.system.entry.js +6 -0
  211. package/dist/webcomponents/{p-64f4ecea.system.entry.js.map → p-04a3d24e.system.entry.js.map} +1 -1
  212. package/dist/webcomponents/p-057dcb7c.system.entry.js +6 -0
  213. package/dist/webcomponents/p-057dcb7c.system.entry.js.map +1 -0
  214. package/dist/webcomponents/p-19b77f11.entry.js +6 -0
  215. package/dist/webcomponents/{p-b6af61ad.entry.js.map → p-19b77f11.entry.js.map} +1 -1
  216. package/dist/webcomponents/p-1acbc680.entry.js +6 -0
  217. package/dist/webcomponents/p-1acbc680.entry.js.map +1 -0
  218. package/dist/webcomponents/p-25d82c85.system.entry.js +6 -0
  219. package/dist/webcomponents/p-25d82c85.system.entry.js.map +1 -0
  220. package/dist/webcomponents/p-27b820ac.system.entry.js +6 -0
  221. package/dist/webcomponents/p-27b820ac.system.entry.js.map +1 -0
  222. package/dist/webcomponents/p-2b0430f4.entry.js +6 -0
  223. package/dist/webcomponents/p-2b0430f4.entry.js.map +1 -0
  224. package/dist/webcomponents/p-2ff5f694.system.entry.js +6 -0
  225. package/dist/webcomponents/p-2ff5f694.system.entry.js.map +1 -0
  226. package/dist/webcomponents/p-357e1105.system.entry.js +6 -0
  227. package/dist/webcomponents/p-357e1105.system.entry.js.map +1 -0
  228. package/dist/webcomponents/p-35f07e4b.entry.js +6 -0
  229. package/dist/webcomponents/p-35f07e4b.entry.js.map +1 -0
  230. package/dist/webcomponents/p-3e449bd5.system.entry.js +6 -0
  231. package/dist/webcomponents/p-3e449bd5.system.entry.js.map +1 -0
  232. package/dist/webcomponents/p-46a75920.system.js +6 -0
  233. package/dist/webcomponents/p-46a75920.system.js.map +1 -0
  234. package/dist/webcomponents/p-491cdd00.entry.js +6 -0
  235. package/dist/webcomponents/p-491cdd00.entry.js.map +1 -0
  236. package/dist/webcomponents/p-52e5bcdd.entry.js +6 -0
  237. package/dist/webcomponents/p-52e5bcdd.entry.js.map +1 -0
  238. package/dist/webcomponents/p-60879543.system.entry.js +6 -0
  239. package/dist/webcomponents/{p-36e48582.system.entry.js.map → p-60879543.system.entry.js.map} +1 -1
  240. package/dist/webcomponents/p-6bfb8eb6.entry.js +6 -0
  241. package/dist/webcomponents/{p-aaa17439.entry.js.map → p-6bfb8eb6.entry.js.map} +1 -1
  242. package/dist/webcomponents/p-6d0d2846.system.js +7 -0
  243. package/dist/webcomponents/p-6d0d2846.system.js.map +1 -0
  244. package/dist/webcomponents/p-7c3554a7.system.entry.js +17 -0
  245. package/dist/webcomponents/p-7c3554a7.system.entry.js.map +1 -0
  246. package/dist/webcomponents/p-8fd11f97.system.entry.js +6 -0
  247. package/dist/webcomponents/p-8fd11f97.system.entry.js.map +1 -0
  248. package/dist/webcomponents/p-907fab5d.entry.js +6 -0
  249. package/dist/webcomponents/p-907fab5d.entry.js.map +1 -0
  250. package/dist/webcomponents/p-929db2b8.entry.js +17 -0
  251. package/dist/webcomponents/p-929db2b8.entry.js.map +1 -0
  252. package/dist/webcomponents/p-98e6f0c1.system.entry.js +6 -0
  253. package/dist/webcomponents/p-98e6f0c1.system.entry.js.map +1 -0
  254. package/dist/webcomponents/p-9b0f20d7.entry.js +6 -0
  255. package/dist/webcomponents/p-9b0f20d7.entry.js.map +1 -0
  256. package/dist/webcomponents/p-ad5a7b8b.system.entry.js +6 -0
  257. package/dist/webcomponents/p-ad5a7b8b.system.entry.js.map +1 -0
  258. package/dist/webcomponents/p-c3811f09.js +7 -0
  259. package/dist/webcomponents/p-c3811f09.js.map +1 -0
  260. package/dist/webcomponents/p-c6a9c8ac.entry.js +6 -0
  261. package/dist/webcomponents/p-c6a9c8ac.entry.js.map +1 -0
  262. package/dist/webcomponents/p-d46495d5.system.entry.js +6 -0
  263. package/dist/webcomponents/p-d46495d5.system.entry.js.map +1 -0
  264. package/dist/webcomponents/p-dc3d284a.entry.js +6 -0
  265. package/dist/webcomponents/p-dc3d284a.entry.js.map +1 -0
  266. package/dist/webcomponents/p-e98418a4.entry.js +6 -0
  267. package/dist/webcomponents/p-e98418a4.entry.js.map +1 -0
  268. package/dist/webcomponents/p-ef89bcc9.system.entry.js +6 -0
  269. package/dist/webcomponents/p-ef89bcc9.system.entry.js.map +1 -0
  270. package/dist/webcomponents/p-fc11eac9.entry.js +6 -0
  271. package/dist/webcomponents/p-fc11eac9.entry.js.map +1 -0
  272. package/dist/webcomponents/webcomponents.esm.js +1 -1
  273. package/dist/webcomponents/webcomponents.esm.js.map +1 -1
  274. package/dist/webcomponents/webcomponents.js +1 -1
  275. package/hydrate/index.js +1081 -586
  276. package/hydrate/index.mjs +1081 -586
  277. package/package.json +2 -2
  278. package/vscode-data.json +27 -2
  279. package/dist/cjs/br-checkbox_4.cjs.entry.js +0 -346
  280. package/dist/cjs/br-checkbox_4.cjs.entry.js.map +0 -1
  281. package/dist/cjs/index-86e7422e.js.map +0 -1
  282. package/dist/collection/scripts/menu.js +0 -151
  283. package/dist/components/p-22068d3c.js +0 -6
  284. package/dist/components/p-22068d3c.js.map +0 -1
  285. package/dist/components/p-62776355.js +0 -6
  286. package/dist/components/p-67617725.js +0 -6
  287. package/dist/components/p-67617725.js.map +0 -1
  288. package/dist/components/p-7882cb21.js +0 -6
  289. package/dist/components/p-7882cb21.js.map +0 -1
  290. package/dist/components/p-7aca304a.js +0 -6
  291. package/dist/components/p-7aca304a.js.map +0 -1
  292. package/dist/components/p-b4b55ab7.js +0 -17
  293. package/dist/components/p-b4b55ab7.js.map +0 -1
  294. package/dist/components/p-fabd9bdd.js +0 -7
  295. package/dist/components/p-fabd9bdd.js.map +0 -1
  296. package/dist/esm/br-checkbox_4.entry.js +0 -339
  297. package/dist/esm/br-checkbox_4.entry.js.map +0 -1
  298. package/dist/esm/index-14721f44.js.map +0 -1
  299. package/dist/esm-es5/br-checkbox_4.entry.js +0 -6
  300. package/dist/esm-es5/br-checkbox_4.entry.js.map +0 -1
  301. package/dist/esm-es5/index-14721f44.js +0 -6
  302. package/dist/esm-es5/index-14721f44.js.map +0 -1
  303. package/dist/playwright.config.js +0 -39
  304. package/dist/playwright.config.js.map +0 -1
  305. package/dist/types/builds/govbr-ds/bibliotecas/wbc/govbr-ds-wbc/packages/webcomponents/.stencil/playwright.config.d.ts +0 -5
  306. package/dist/webcomponents/p-11e8c72f.entry.js +0 -6
  307. package/dist/webcomponents/p-11e8c72f.entry.js.map +0 -1
  308. package/dist/webcomponents/p-1accc2ab.system.entry.js +0 -6
  309. package/dist/webcomponents/p-1accc2ab.system.entry.js.map +0 -1
  310. package/dist/webcomponents/p-36e48582.system.entry.js +0 -6
  311. package/dist/webcomponents/p-37440256.entry.js +0 -6
  312. package/dist/webcomponents/p-37440256.entry.js.map +0 -1
  313. package/dist/webcomponents/p-44554246.system.entry.js +0 -6
  314. package/dist/webcomponents/p-44554246.system.entry.js.map +0 -1
  315. package/dist/webcomponents/p-55f80a96.system.entry.js +0 -6
  316. package/dist/webcomponents/p-55f80a96.system.entry.js.map +0 -1
  317. package/dist/webcomponents/p-563bea26.entry.js +0 -6
  318. package/dist/webcomponents/p-563bea26.entry.js.map +0 -1
  319. package/dist/webcomponents/p-58d37ac2.entry.js +0 -6
  320. package/dist/webcomponents/p-58d37ac2.entry.js.map +0 -1
  321. package/dist/webcomponents/p-64f4ecea.system.entry.js +0 -6
  322. package/dist/webcomponents/p-703a633a.system.js +0 -6
  323. package/dist/webcomponents/p-703a633a.system.js.map +0 -1
  324. package/dist/webcomponents/p-76326737.system.entry.js +0 -6
  325. package/dist/webcomponents/p-76326737.system.entry.js.map +0 -1
  326. package/dist/webcomponents/p-797376a2.system.entry.js +0 -17
  327. package/dist/webcomponents/p-797376a2.system.entry.js.map +0 -1
  328. package/dist/webcomponents/p-7f8c5016.entry.js +0 -6
  329. package/dist/webcomponents/p-7f8c5016.entry.js.map +0 -1
  330. package/dist/webcomponents/p-a44ad074.entry.js +0 -6
  331. package/dist/webcomponents/p-a44ad074.entry.js.map +0 -1
  332. package/dist/webcomponents/p-aaa17439.entry.js +0 -6
  333. package/dist/webcomponents/p-aaca726d.system.js +0 -7
  334. package/dist/webcomponents/p-aaca726d.system.js.map +0 -1
  335. package/dist/webcomponents/p-aec894fa.system.entry.js +0 -6
  336. package/dist/webcomponents/p-aec894fa.system.entry.js.map +0 -1
  337. package/dist/webcomponents/p-b16b1de5.entry.js +0 -6
  338. package/dist/webcomponents/p-b16b1de5.entry.js.map +0 -1
  339. package/dist/webcomponents/p-b6af61ad.entry.js +0 -6
  340. package/dist/webcomponents/p-c696c385.entry.js +0 -17
  341. package/dist/webcomponents/p-c696c385.entry.js.map +0 -1
  342. package/dist/webcomponents/p-d1e0a8ff.entry.js +0 -6
  343. package/dist/webcomponents/p-d1e0a8ff.entry.js.map +0 -1
  344. package/dist/webcomponents/p-d31732da.system.entry.js +0 -6
  345. package/dist/webcomponents/p-d31732da.system.entry.js.map +0 -1
  346. package/dist/webcomponents/p-db4b272c.system.entry.js +0 -6
  347. package/dist/webcomponents/p-db4b272c.system.entry.js.map +0 -1
  348. package/dist/webcomponents/p-dbd35139.js +0 -7
  349. package/dist/webcomponents/p-dbd35139.js.map +0 -1
  350. package/dist/webcomponents/p-e76f7113.system.entry.js +0 -6
  351. package/dist/webcomponents/p-e76f7113.system.entry.js.map +0 -1
  352. package/dist/webcomponents/p-f05d11f7.entry.js +0 -6
  353. package/dist/webcomponents/p-f05d11f7.entry.js.map +0 -1
  354. package/dist/webcomponents/p-f5412db6.system.entry.js +0 -6
  355. package/dist/webcomponents/p-f5412db6.system.entry.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"names":["tagCss","BrTagStyle0","Tag","this","inheritedAttributes","handleClose","el","remove","componentWillLoad","brWillLoad","emit","inheritAriaAttributes","getCssClassMap","classes","interaction","color","small","density","medium","large","count","shape","icon","status","renderIcon","iconName","trim","length","h","style","fontSize","renderLabel","id","label","renderCloseButton","type","emphasis","colorMode","onClick","disabled","renderStatusLabel","class","render","Host","key","Object","assign","role"],"sources":["src/components/tag/tag.scss?tag=br-tag&encapsulation=shadow","src/components/tag/tag.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/tag/tag.scss\";\n\n:host {\n display: block;\n\n .tag-position {\n display: flex;\n justify-content: space-around;\n align-items: center;\n }\n .tag-spacing-status {\n margin-left: var(--spacing-scale-half) !important;\n }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core'\n\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tag?tab=designer).\n *\n * @slot default - Slot utilizado para inserir conteúdo adicional na tag, como texto ou elementos HTML extras.\n */\n@Component({\n tag: 'br-tag',\n styleUrl: 'tag.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Tag {\n /**\n * Referência ao elemento host do componente.\n * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n */\n @Element() el: HTMLBrTagElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * A propriedade 'label' é uma string que representa o texto a ser exibido no componente.\n * Ela é refletida no DOM, permitindo que alterações no valor sejam refletidas no elemento HTML correspondente.\n */\n @Prop({ reflect: true }) label: string = ''\n\n /**\n * A propriedade 'iconName' define o nome do ícone que será exibido ao lado do texto.\n * O valor padrão é 'fa-solid:car', que corresponde a um ícone de carro da biblioteca Font Awesome.\n */\n @Prop({ reflect: true }) iconName: string = ''\n\n /**\n * A propriedade 'color' permite definir a cor do componente.\n * Aceita valores como 'red', 'blue', entre outros, e é refletida no DOM.\n */\n @Prop({ reflect: true }) color: string = ''\n\n /**\n * A propriedade 'density' permite definir a densidade do componente.\n * Aceita valores como 'small', 'medium' e 'large', e é refletida no DOM.\n */\n @Prop({ reflect: true }) density: 'small' | 'medium' | 'large' = 'small'\n\n /**\n * A propriedade 'shape' define o formato do componente.\n * Valores possíveis:\n * - 'circle': Componente com formato circular.\n * - 'rounded': Componente com bordas arredondadas.\n * - 'default': Componente com formato padrão.\n */\n @Prop({ reflect: true }) shape: 'circle' | 'rounded' | 'default' = 'default'\n\n /**\n * A propriedade 'status' é um booleano que indica se o status deve ser exibido.\n * Se definido como true, o status será mostrado ao lado do texto.\n */\n @Prop({ reflect: true }) status: boolean = false\n\n /**\n * A propriedade 'interaction' é um booleano que indica se a interação deve ser habilitada.\n * Se definido como true, o componente permitirá interações do usuário.\n */\n @Prop({ reflect: true }) interaction: boolean = false\n\n /**\n * A propriedade 'disabled' é um booleano que indica se o componente deve estar desabilitado.\n * Se definido como true, o componente não permitirá interações do usuário.\n */\n @Prop({ reflect: true }) disabled: boolean = false\n\n @State() stateIconName: string = 'fa-solid:car'\n\n /**\n * Emite um evento antes que o componente seja carregado pela primeira vez.\n * Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.\n */\n @Event() brWillLoad: EventEmitter<void>\n componentWillLoad() {\n this.brWillLoad.emit()\n this.inheritedAttributes = inheritAriaAttributes(this.el)\n }\n\n private getCssClassMap(): CssClassMap {\n const classes: CssClassMap = {\n 'br-tag': true,\n interaction: this.interaction,\n [this.color]: this.color !== '',\n small: this.density === 'small',\n medium: this.density === 'medium',\n large: this.density === 'large',\n count: this.shape === 'rounded' ? true : false,\n icon: this.shape === 'circle' ? true : false,\n status: this.status,\n }\n\n return classes\n }\n\n private inheritedAttributes: Attributes = {}\n\n private renderIcon() {\n if (this.iconName.trim().length === 0) return null\n return <br-icon style={{ fontSize: 'var(--icon-size-base)' }} icon-name={this.iconName} aria-hidden=\"true\" />\n }\n\n private renderLabel() {\n if (this.shape === 'circle' || this.status) return null\n return (\n <span id=\"interactivetag1\" aria-label={this.label}>\n {this.label}\n </span>\n )\n }\n\n private renderCloseButton() {\n if (!this.interaction) return null\n return (\n <br-button\n type=\"button\"\n shape=\"circle\"\n emphasis={!this.interaction ? 'tertiary' : 'primary'}\n aria-label=\"Fechar\"\n colorMode={!this.interaction ? 'dark' : null}\n aria-describedby=\"interactivetag1\"\n onClick={this.handleClose}\n disabled={this.disabled}\n >\n <br-icon icon-name=\"fa-solid:times\"></br-icon>\n </br-button>\n )\n }\n\n private renderStatusLabel() {\n if (!this.status) return null\n return (\n <span class=\"tag-spacing-status\" id=\"interactivetag1\" aria-label={this.label}>\n {this.label}\n </span>\n )\n }\n\n private handleClose = () => {\n this.el.remove()\n }\n\n render() {\n return (\n <Host>\n <div class=\"tag-position\">\n <span class={this.getCssClassMap()} {...this.inheritedAttributes} role=\"alert\" aria-live=\"assertive\">\n {this.renderIcon()}\n {this.renderLabel()}\n {this.renderCloseButton()}\n <slot></slot>\n </span>\n {this.renderStatusLabel()}\n </div>\n </Host>\n )\n }\n}\n"],"mappings":";;;;oGAAA,MAAMA,EAAS,qifACf,MAAAC,EAAeD,E,MCeFE,EAAG,M,qPAyFNC,KAAAC,oBAAkC,GA2ClCD,KAAAE,YAAc,KACpBF,KAAKG,GAAGC,QAAQ,E,WAxHuB,G,cAMG,G,WAMH,G,aAMwB,Q,WASE,U,YAMxB,M,iBAMK,M,cAMH,M,mBAEZ,c,CAQjC,iBAAAC,GACEL,KAAKM,WAAWC,OAChBP,KAAKC,oBAAsBO,EAAsBR,KAAKG,G,CAGhD,cAAAM,GACN,MAAMC,EAAuB,CAC3B,SAAU,KACVC,YAAaX,KAAKW,YAClB,CAACX,KAAKY,OAAQZ,KAAKY,QAAU,GAC7BC,MAAOb,KAAKc,UAAY,QACxBC,OAAQf,KAAKc,UAAY,SACzBE,MAAOhB,KAAKc,UAAY,QACxBG,MAAOjB,KAAKkB,QAAU,UAAY,KAAO,MACzCC,KAAMnB,KAAKkB,QAAU,SAAW,KAAO,MACvCE,OAAQpB,KAAKoB,QAGf,OAAOV,C,CAKD,UAAAW,GACN,GAAIrB,KAAKsB,SAASC,OAAOC,SAAW,EAAG,OAAO,KAC9C,OAAOC,EAAA,WAASC,MAAO,CAAEC,SAAU,yBAAyB,YAAa3B,KAAKsB,SAAQ,cAAc,Q,CAG9F,WAAAM,GACN,GAAI5B,KAAKkB,QAAU,UAAYlB,KAAKoB,OAAQ,OAAO,KACnD,OACEK,EAAA,QAAMI,GAAG,kBAAiB,aAAa7B,KAAK8B,OACzC9B,KAAK8B,M,CAKJ,iBAAAC,GACN,IAAK/B,KAAKW,YAAa,OAAO,KAC9B,OACEc,EAAA,aACEO,KAAK,SACLd,MAAM,SACNe,UAAWjC,KAAKW,YAAc,WAAa,UAAS,aACzC,SACXuB,WAAYlC,KAAKW,YAAc,OAAS,KAAI,mBAC3B,kBACjBwB,QAASnC,KAAKE,YACdkC,SAAUpC,KAAKoC,UAEfX,EAAA,uBAAmB,mB,CAKjB,iBAAAY,GACN,IAAKrC,KAAKoB,OAAQ,OAAO,KACzB,OACEK,EAAA,QAAMa,MAAM,qBAAqBT,GAAG,kBAAiB,aAAa7B,KAAK8B,OACpE9B,KAAK8B,M,CASZ,MAAAS,GACE,OACEd,EAACe,EAAI,CAAAC,IAAA,4CACHhB,EAAA,OAAAgB,IAAA,2CAAKH,MAAM,gBACTb,EAAA,OAAAiB,OAAAC,OAAA,CAAAF,IAAA,2CAAMH,MAAOtC,KAAKS,kBAAsBT,KAAKC,oBAAmB,CAAE2C,KAAK,QAAO,YAAW,cACtF5C,KAAKqB,aACLrB,KAAK4B,cACL5B,KAAK+B,oBACNN,EAAA,QAAAgB,IAAA,8CAEDzC,KAAKqC,qB","ignoreList":[]}
@@ -0,0 +1,6 @@
1
+ var __awaiter=this&&this.__awaiter||function(t,r,i,e){function a(t){return t instanceof i?t:new i((function(r){r(t)}))}return new(i||(i=Promise))((function(i,o){function n(t){try{c(e.next(t))}catch(t){o(t)}}function s(t){try{c(e["throw"](t))}catch(t){o(t)}}function c(t){t.done?i(t.value):a(t.value).then(n,s)}c((e=e.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},e,a,o,n;return n={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(t){return function(r){return c([t,r])}}function c(s){if(e)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(i=0)),i)try{if(e=1,a&&(o=s[0]&2?a["return"]:s[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,s[1])).done)return o;if(a=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;a=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(s[0]===6&&i.label<o[1]){i.label=o[1];o=s;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(s);break}if(o[2])i.ops.pop();i.trys.pop();continue}s=r.call(t,i)}catch(t){s=[6,t];a=0}finally{e=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
2
+ /*!
3
+ * Construído com @govbr-ds/webcomponents
4
+ * Padrão Digital de Governo.
5
+ */System.register(["./p-6d0d2846.system.js","./p-6e286eba.system.js","./p-a71689a5.system.js"],(function(t){"use strict";var r,i,e,a,o,n,s;return{setters:[function(t){r=t.r;i=t.c;e=t.h;a=t.a;o=t.g},function(t){n=t.i},function(t){s=t.v}],execute:function(){var c='*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-switch{--switch-height:var(--switch-height-medium);--switch-width:var(--switch-width-medium);--switch-toggle-size:var(--switch-toggle-medium);--switch-icon-size:var(--switch-icon-medium);--switch-height-small:24px;--switch-height-medium:30px;--switch-height-large:36px;--switch-width-small:40px;--switch-width-medium:52px;--switch-width-large:64px;--switch-toggle-small:16px;--switch-toggle-medium:22px;--switch-toggle-large:28px;--switch-icon-small:var(--icon-size-xs);--switch-icon-medium:var(--icon-size-sm);--switch-icon-large:var(--icon-size-base);display:-ms-inline-flexbox;display:inline-flex;min-height:var(--switch-height);}.br-switch input{opacity:0;position:absolute}.br-switch input+label{-ms-flex-align:center;align-items:center;color:var(--color);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size-scale-base);margin-bottom:0;position:relative}.br-switch input+label::before{background:var(--background-light);border:1px solid var(--border-color);border-radius:100em;content:"";height:var(--switch-height);position:absolute;width:var(--switch-width)}.br-switch input+label::after{background-color:var(--off);border-radius:50%;content:"";height:var(--switch-toggle-size);position:absolute;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;width:var(--switch-toggle-size)}.br-switch input:checked+label::after{background-color:var(--on)}.br-switch input+label{padding-right:calc(var(--spacing-scale-2x) + var(--switch-width))}.br-switch input+label:empty{padding-right:var(--switch-width)}.br-switch input+label::before{right:0}.br-switch input+label::after{right:calc(4px + var(--switch-toggle-size))}.br-switch input:checked+label::after{right:4px}.br-switch.right input+label{padding-left:calc(var(--spacing-scale-2x) + var(--switch-width));padding-right:0}.br-switch.right input+label::before{left:0}.br-switch.right input+label::after{left:4px}.br-switch.right input:checked+label::after{left:calc(var(--switch-width) - var(--switch-toggle-size) - 4px)}.br-switch.top{min-height:calc(var(--switch-height) * 2)}.br-switch.top input+label{-ms-flex-align:start;align-items:flex-start;padding-right:0}.br-switch.top input+label::before{bottom:0;left:0}.br-switch.top input+label::after{bottom:4px;left:4px}.br-switch.top input:checked+label::after{left:calc(var(--switch-width) - var(--switch-toggle-size) - 4px)}.br-switch.small{--switch-height:var(--switch-height-small);--switch-width:var(--switch-width-small);--switch-toggle-size:var(--switch-toggle-small);--switch-icon-size:var(--switch-icon-small)}.br-switch.medium{--switch-height:var(--switch-height-medium);--switch-width:var(--switch-width-medium);--switch-toggle-size:var(--switch-toggle-medium);--switch-icon-size:var(--switch-icon-medium)}.br-switch.large{--switch-height:var(--switch-height-large);--switch-width:var(--switch-width-large);--switch-toggle-size:var(--switch-toggle-large);--switch-icon-size:var(--switch-icon-large)}.br-switch input~.switch-data{-ms-flex-item-align:center;align-self:center;color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);margin-left:8px}.br-switch input~.switch-data::before{content:attr(data-disabled)}.br-switch input:checked~.switch-data{color:var(--color)}.br-switch input:checked~.switch-data::before{content:attr(data-enabled)}.br-switch.icon input+label::after{-ms-flex-align:center;align-items:center;color:var(--color-dark);content:"\\f00d";display:-ms-inline-flexbox;display:inline-flex;font-family:"Font Awesome 5 Free", sans-serif;font-size:var(--switch-icon-size);font-weight:var(--font-weight-black);-ms-flex-pack:center;justify-content:center}.br-switch.icon input:checked+label::after{content:"\\f00c"}.br-switch input:focus-visible+label::before{border-color:var(--focus) !important;-webkit-box-shadow:0 0 0 var(--surface-width-md) var(--focus);box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-switch input:hover:not([disabled]):checked+label::before{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--on-rgb), var(--hover))), to(rgba(var(--on-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--on-rgb), var(--hover)), rgba(var(--on-rgb), var(--hover)))}.br-switch input:hover:not([disabled]):not(:checked)+label::before{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--off-rgb), var(--hover))), to(rgba(var(--off-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--off-rgb), var(--hover)), rgba(var(--off-rgb), var(--hover)))}.br-switch input:active:not([disabled]):checked+label::before{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--on-rgb), var(--pressed))), to(rgba(var(--on-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--on-rgb), var(--pressed)), rgba(var(--on-rgb), var(--pressed)))}.br-switch input:active:not([disabled]):not(:checked)+label::before{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--off-rgb), var(--pressed))), to(rgba(var(--off-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--off-rgb), var(--pressed)), rgba(var(--off-rgb), var(--pressed)))}.br-switch.dark-mode,.br-switch.dark-mode label{color:var(--color-dark)}:host{display:block}';var l=c;var g=t("br_switch",function(){function t(t){var e=this;r(this,t);this.brDidSwitchToggle=i(this,"brDidSwitchToggle",7);if(t.$hostElement$["s-ei"]){this.elementInternals=t.$hostElement$["s-ei"]}else{this.elementInternals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.elementInternals}this.handleCheckedChange=function(t){e._checkedValue=t.target.checked;e.brDidSwitchToggle.emit(e._checkedValue)};this.handleClick=function(t){t.stopPropagation()};this.inheritedAttributes={};this.disabled=false;this.checked=false;this.customId="br-input-".concat(s());this.label=undefined;this.labelPosition="left";this.labelOn=undefined;this.labelOff=undefined;this.hasIcon=false;this.name=undefined;this.value=undefined;this.density="medium";this._slotDefault=false;this._checkedValue=undefined}t.prototype.componentWillLoad=function(){this._hasSlotContentDefault();this._checkedValue=this.checked;this.inheritedAttributes=n(this.el)};t.prototype._hasSlotContentDefault=function(){this._slotDefault=this.el.innerHTML!==""};t.prototype.toggleChecked=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this._checkedValue=!this._checkedValue;this.brDidSwitchToggle.emit(this._checkedValue);return[2]}))}))};t.prototype.getCssClassMap=function(){return{"br-switch":true,icon:this.hasIcon,top:this.labelPosition==="top",right:this.labelPosition==="right",large:this.density==="large",small:this.density==="small"}};t.prototype.render=function(){return e(a,{key:"0c550accde86f8f6bf23d0c13a0abaeca6422123"},e("div",Object.assign({key:"c63172ea2696799e3f3ae55a98598341785bfcce",class:this.getCssClassMap()},this.inheritedAttributes),e("input",{key:"ac86ee46e8ac44de1b9a70bd335822369eabf417",id:this.customId,type:"checkbox",name:this.name,checked:this._checkedValue,disabled:this.disabled,role:"switch","aria-checked":this._checkedValue.toString(),"aria-disabled":this.disabled?"true":null,onChange:this.handleCheckedChange,onClick:this.handleClick}),e("label",{key:"637d8dbdd7ffc4618a3b5627691c767d7a542134",htmlFor:this.customId},this._slotDefault?e("slot",null):this.label),this.labelOn&&this.labelOff&&e("div",{key:"c201c7a56eee2bce5c41c79bf6df84fb493fe56a",class:"switch-data","data-enabled":this.labelOn,"data-disabled":this.labelOff})))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());g.style=l}}}));
6
+ //# sourceMappingURL=p-3e449bd5.system.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["switchCss","BrSwitchStyle0","Switch","exports","this","handleCheckedChange","event","_this","_checkedValue","target","checked","brDidSwitchToggle","emit","handleClick","stopPropagation","inheritedAttributes","concat","uuidv4","class_1","prototype","componentWillLoad","_hasSlotContentDefault","inheritAriaAttributes","el","_slotDefault","innerHTML","toggleChecked","getCssClassMap","icon","hasIcon","top","labelPosition","right","large","density","small","render","h","Host","key","Object","assign","class","id","customId","type","name","disabled","role","toString","onChange","onClick","htmlFor","label","labelOn","labelOff"],"sources":["src/components/switch/switch.scss?tag=br-switch&encapsulation=shadow","src/components/switch/switch.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/switch/switch.scss\";\n\n:host {\n display: block;\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Method, Prop, State, h } from '@stencil/core'\nimport { v4 as uuidv4 } from 'uuid'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/switch?tab=designer).\n *\n * @slot default - Descreve o que o switch faz quando a alternância estiver ativada. A label passada por slot tem precedência sobre a propriedade 'label'.\n */\n@Component({\n tag: 'br-switch',\n styleUrl: 'switch.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Switch {\n /**\n * Referência ao elemento host do componente.\n * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n */\n @Element() el: HTMLBrSwitchElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Desativa o switch, tornando-o não interativo.\n */\n @Prop({ reflect: true }) disabled: boolean = false\n\n /**\n * Define o estado de seleção do checkbox.\n * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.\n */\n @Prop({ reflect: true }) checked: boolean = false\n\n /**\n * Identificador único do switch.\n * Caso não seja fornecido, um ID gerado automaticamente será usado.\n */\n @Prop({ reflect: true, attribute: 'id' }) customId: string = `br-input-${uuidv4()}`\n\n /**\n * Texto descritivo.\n * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.\n */\n @Prop() label: string\n\n /**\n * Posição do rótulo em relação ao switch.\n */\n @Prop({ reflect: true }) labelPosition: 'right' | 'left' | 'top' = 'left'\n\n /**\n * Texto exibido quando o switch está ativado.\n */\n @Prop({ reflect: true }) labelOn: string\n\n /**\n * Texto exibido quando o switch está desativado.\n */\n @Prop({ reflect: true }) labelOff: string\n\n /**\n * Adiciona um ícone ao switch para indicar a mudança de estado.\n */\n @Prop({ reflect: true }) hasIcon: boolean = false\n\n /**\n * Define o nome do switch, que é utilizado para agrupar switches em formulários e identificar o campo.\n * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.\n */\n @Prop({ reflect: true }) name: string\n\n /**\n * Define o valor associado ao switch quando ele faz parte de um formulário nativo (`<form>`).\n * Esse valor é enviado com o formulário quando o switch está selecionado.\n * **Nota:** Esta propriedade não deve ser utilizada para determinar se o switch está selecionado; para verificar o estado de seleção, use a propriedade `checked`.\n */\n @Prop({ reflect: true }) value: string\n\n /** O ajuste da densidade consiste em aumentar ou reduzir a área de interação do switch. Quanto menor for a densidade, maior a área de interação. */\n @Prop({ reflect: true }) density: 'large' | 'medium' | 'small' = 'medium'\n\n // Propriedade interna para verificar a presença de conteúdo no slot default\n @State() _slotDefault: boolean = false\n\n @State() _checkedValue: boolean\n\n componentWillLoad() {\n this._hasSlotContentDefault()\n this._checkedValue = this.checked\n this.inheritedAttributes = inheritAriaAttributes(this.el)\n }\n\n /**\n * Disparado depois que o valor do `checked` foi alterado\n */\n @Event() brDidSwitchToggle: EventEmitter<boolean>\n private _hasSlotContentDefault(): any {\n this._slotDefault = this.el.innerHTML !== ''\n }\n\n private readonly handleCheckedChange = (event: Event) => {\n this._checkedValue = (event.target as HTMLInputElement).checked\n this.brDidSwitchToggle.emit(this._checkedValue)\n }\n\n private readonly handleClick = (event: Event) => {\n event.stopPropagation();\n }\n\n /**\n * Inverte o valor da prop `checked`\n */\n @Method()\n async toggleChecked() {\n this._checkedValue = !this._checkedValue\n this.brDidSwitchToggle.emit(this._checkedValue)\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-switch': true,\n icon: this.hasIcon,\n top: this.labelPosition === 'top',\n right: this.labelPosition === 'right',\n large: this.density === 'large',\n small: this.density === 'small',\n }\n }\n\n private inheritedAttributes: Attributes = {}\n\n render() {\n return (\n <Host>\n <div class={this.getCssClassMap()} {...this.inheritedAttributes}>\n <input\n id={this.customId}\n type=\"checkbox\"\n name={this.name}\n checked={this._checkedValue}\n disabled={this.disabled}\n role=\"switch\"\n aria-checked={this._checkedValue.toString()}\n aria-disabled={this.disabled ? 'true' : null}\n onChange={this.handleCheckedChange}\n onClick={this.handleClick}\n />\n <label htmlFor={this.customId}>{this._slotDefault ? <slot></slot> : this.label}</label>\n {this.labelOn && this.labelOff && (\n <div class=\"switch-data\" data-enabled={this.labelOn} data-disabled={this.labelOff}></div>\n )}\n </div>\n </Host>\n )\n }\n}\n"],"mappings":";;;;iQAAA,IAAMA,EAAY,usdAClB,IAAAC,EAAeD,E,ICeFE,EAAMC,EAAA,uB,6QAuFAC,KAAAC,oBAAsB,SAACC,GACtCC,EAAKC,cAAiBF,EAAMG,OAA4BC,QACxDH,EAAKI,kBAAkBC,KAAKL,EAAKC,c,EAGlBJ,KAAAS,YAAc,SAACP,GAC9BA,EAAMQ,iB,EAuBAV,KAAAW,oBAAkC,G,cAxGG,M,aAMD,M,cAMiB,YAAAC,OAAYC,K,wCAWN,O,4DAevB,M,sDAgBqB,S,kBAGhC,M,6BAIjCC,EAAAC,UAAAC,kBAAA,WACEhB,KAAKiB,yBACLjB,KAAKI,cAAgBJ,KAAKM,QAC1BN,KAAKW,oBAAsBO,EAAsBlB,KAAKmB,G,EAOhDL,EAAAC,UAAAE,uBAAA,WACNjB,KAAKoB,aAAepB,KAAKmB,GAAGE,YAAc,E,EAgBtCP,EAAAC,UAAAO,cAAN,W,qFACEtB,KAAKI,eAAiBJ,KAAKI,cAC3BJ,KAAKO,kBAAkBC,KAAKR,KAAKI,e,iBAG3BU,EAAAC,UAAAQ,eAAA,WACN,MAAO,CACL,YAAa,KACbC,KAAMxB,KAAKyB,QACXC,IAAK1B,KAAK2B,gBAAkB,MAC5BC,MAAO5B,KAAK2B,gBAAkB,QAC9BE,MAAO7B,KAAK8B,UAAY,QACxBC,MAAO/B,KAAK8B,UAAY,Q,EAM5BhB,EAAAC,UAAAiB,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,MAAAG,OAAAC,OAAA,CAAAF,IAAA,2CAAKG,MAAOtC,KAAKuB,kBAAsBvB,KAAKW,qBAC1CsB,EAAA,SAAAE,IAAA,2CACEI,GAAIvC,KAAKwC,SACTC,KAAK,WACLC,KAAM1C,KAAK0C,KACXpC,QAASN,KAAKI,cACduC,SAAU3C,KAAK2C,SACfC,KAAK,SAAQ,eACC5C,KAAKI,cAAcyC,WAAU,gBAC5B7C,KAAK2C,SAAW,OAAS,KACxCG,SAAU9C,KAAKC,oBACf8C,QAAS/C,KAAKS,cAEhBwB,EAAA,SAAAE,IAAA,2CAAOa,QAAShD,KAAKwC,UAAWxC,KAAKoB,aAAea,EAAA,aAAgBjC,KAAKiD,OACxEjD,KAAKkD,SAAWlD,KAAKmD,UACpBlB,EAAA,OAAAE,IAAA,2CAAKG,MAAM,cAAa,eAAetC,KAAKkD,QAAO,gBAAiBlD,KAAKmD,Y,kOAxIlE,I","ignoreList":[]}
@@ -0,0 +1,6 @@
1
+ var __awaiter=this&&this.__awaiter||function(e,i,t,s){function n(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,a){function l(e){try{r(s.next(e))}catch(e){a(e)}}function o(e){try{r(s["throw"](e))}catch(e){a(e)}}function r(e){e.done?t(e.value):n(e.value).then(l,o)}r((s=s.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},s,n,a,l;return l={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function o(e){return function(i){return r([e,i])}}function r(o){if(s)throw new TypeError("Generator is already executing.");while(l&&(l=0,o[0]&&(t=0)),t)try{if(s=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){t.label=o[1];break}if(o[0]===6&&t.label<a[1]){t.label=a[1];a=o;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(o);break}if(a[2])t.ops.pop();t.trys.pop();continue}o=i.call(e,t)}catch(e){o=[6,e];n=0}finally{s=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
2
+ /*!
3
+ * Construído com @govbr-ds/webcomponents
4
+ * Padrão Digital de Governo.
5
+ */System.register(["./p-6d0d2846.system.js","./p-e751c991.system.js"],(function(e,i){"use strict";var t,s,n,a;return{setters:[function(i){t=i.p;s=i.H;n=i.b;e("setNonce",i.s)},function(e){a=e.g}],execute:function(){var e=this;var l=function(){{o(s.prototype)}var e=i.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};var o=function(e){var i=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return i.call(this,e)}var t=i.call(this,false);var s=this.childNodes;if(e){for(var n=0;n<s.length;n++){if(s[n].nodeType!==2){t.appendChild(s[n].cloneNode(true))}}}return t}};l().then((function(i){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,a()];case 1:e.sent();return[2,n([["p-60879543.system",[[65,"br-select",{label:[513],placeholder:[513],isMultiple:[516,"is-multiple"],options:[513],selectAllLabel:[513,"select-all-label"],unselectAllLabel:[513,"unselect-all-label"],showSearchIcon:[516,"show-search-icon"],isOpen:[516,"is-open"],customId:[513,"id"],parsedOptions:[32],inputValue:[32],isAllSelected:[32],isExpanded:[32],focusedIndex:[32],toggleOpen:[64]},null,{options:["synchronizeSelect"]}]]],["p-27b820ac.system",[[65,"br-message",{messageTitle:[513,"message-title"],message:[513],isInline:[516,"is-inline"],isClosable:[516,"is-closable"],showIcon:[516,"show-icon"],isFeedback:[516,"is-feedback"],state:[513]}]]],["p-057dcb7c.system",[[65,"br-tag",{label:[513],iconName:[513,"icon-name"],color:[513],density:[513],shape:[513],status:[516],interaction:[516],disabled:[516],stateIconName:[32]}]]],["p-25d82c85.system",[[65,"br-upload",{accept:[1],label:[1],disabled:[516],state:[513],multiple:[4],filesSelected:[32],file:[32]}]]],["p-98e6f0c1.system",[[1,"br-avatar",{density:[1],image:[1],imageAlt:[1,"image-alt"],isIconic:[4,"is-iconic"],text:[1],iconWidth:[1,"icon-width"],iconHeight:[1,"icon-height"],marginTop:[1,"margin-top"]}]]],["p-2ff5f694.system",[[65,"br-checkgroup",{label:[1],labelSelecionado:[513,"label-selecionado"],labelDesselecionado:[513,"label-desselecionado"],indeterminate:[516],checked:[32],isIndeterminate:[32]},[[4,"brDidCheckedChange","handleChange"]]]]],["p-04a3d24e.system",[[65,"br-dropdown",{isOpen:[1540,"is-open"],open:[64],hide:[64]},null,{isOpen:["isOpenChanged"]}]]],["p-d46495d5.system",[[65,"br-item",{disabled:[516],isActive:[516,"is-active"],isSelected:[516,"is-selected"],isInteractive:[516,"is-interactive"],href:[513],target:[513],isButton:[516,"is-button"],type:[1537],value:[513],density:[513],hasSlotDefault:[32],hasSlotStart:[32],hasSlotEnd:[32],selectedValue:[32]},[[4,"brDidChange","handleRadioChange"],[4,"brDidCheckedChange","handleCheckboxChange"]]]]],["p-ef89bcc9.system",[[65,"br-loading",{isProgress:[516,"is-progress"],progressPercent:[514,"progress-percent"],isMedium:[516,"is-medium"],label:[513]}]]],["p-3e449bd5.system",[[65,"br-switch",{disabled:[516],checked:[516],customId:[513,"id"],label:[1],labelPosition:[513,"label-position"],labelOn:[513,"label-on"],labelOff:[513,"label-off"],hasIcon:[516,"has-icon"],name:[513],value:[513],density:[513],_slotDefault:[32],_checkedValue:[32],toggleChecked:[64]}]]],["p-8fd11f97.system",[[65,"br-textarea",{value:[1537],label:[513],placeholder:[513],disabled:[516],maxlength:[514],state:[513],density:[513],isInline:[516,"is-inline"],customId:[513,"id"],currentLength:[32],setValue:[64]},null,{value:["valueChanged"]}]]],["p-ad5a7b8b.system",[[65,"br-checkbox",{indeterminate:[516],checked:[1540],customId:[513,"id"],disabled:[516],hasHiddenLabel:[516,"has-hidden-label"],label:[513],name:[513],state:[513],value:[520],_slotDefault:[32],toggleChecked:[64]}]]],["p-7c3554a7.system",[[65,"br-button",{colorMode:[513,"color-mode"],density:[513],disabled:[516],emphasis:[513],isActive:[516,"is-active"],isLoading:[516,"is-loading"],shape:[513],type:[513],value:[513]}],[1,"br-icon",{iconName:[513,"icon-name"],height:[513],width:[513],cssClasses:[513,"css-classes"],isInline:[516,"is-inline"],rotate:[513],flip:[513]}]]],["p-357e1105.system",[[65,"br-input",{customId:[513,"id"],type:[513],autocomplete:[513],density:[513],disabled:[516],isInline:[516,"is-inline"],isHighlight:[516,"is-highlight"],state:[513],label:[513],name:[513],placeholder:[513],readonly:[516],required:[516],value:[1537],helpText:[513,"help-text"],autocorrect:[513],min:[514],max:[514],minlength:[514],maxlength:[514],multiple:[516],pattern:[513],step:[514],isPasswordVisible:[32],hasIconSlot:[32],hasActionSlot:[32]}],[65,"br-list",{header:[513],isHorizontal:[516,"is-horizontal"],hideHeaderDivider:[516,"hide-header-divider"]}],[65,"br-radio",{checked:[1540],disabled:[516],state:[513],hasHiddenLabel:[516,"has-hidden-label"],name:[513],label:[513],value:[520],customId:[513,"id"]},[[8,"brDidChange","onBrDidChange"]]]]]],i)]}}))}))}))}}}));
6
+ //# sourceMappingURL=p-46a75920.system.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","module","meta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","options","__awaiter","_this","globalScripts","_a","sent","bootstrapLazy","label","placeholder","isMultiple","selectAllLabel","unselectAllLabel","showSearchIcon","isOpen","customId","parsedOptions","inputValue","isAllSelected","isExpanded","focusedIndex","toggleOpen","messageTitle","message","isInline","isClosable","showIcon","isFeedback","state","iconName","color","density","shape","status","interaction","disabled","stateIconName","accept","multiple","filesSelected","file","image","imageAlt","isIconic","text","iconWidth","iconHeight","marginTop","labelSelecionado","labelDesselecionado","indeterminate","checked","isIndeterminate","open","hide","isActive","isSelected","isInteractive","target","isButton","type","value","hasSlotDefault","hasSlotStart","hasSlotEnd","selectedValue","isProgress","progressPercent","isMedium","labelPosition","labelOn","labelOff","hasIcon","name","_slotDefault","_checkedValue","toggleChecked","maxlength","currentLength","setValue","hasHiddenLabel","colorMode","emphasis","isLoading","height","width","cssClasses","rotate","flip","autocomplete","isHighlight","readonly","required","helpText","autocorrect","min","max","minlength","pattern","step","isPasswordVisible","hasIconSlot","hasActionSlot","header","isHorizontal","hideHeaderDivider"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.23.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,6 @@
1
+ /*!
2
+ * Construído com @govbr-ds/webcomponents
3
+ * Padrão Digital de Governo.
4
+ */
5
+ import{r as a,h as r,a as t,g as i}from"./p-c3811f09.js";import{i as o}from"./p-74a4eb38.js";const e='*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.loading,.br-loading{--loading-size:var(--loading-indetermined-diameter-sm);--loading-diameter:84px;--loading-stroke:5px;--loading-indetermined-color:var(--interactive);--loading-indetermined-diameter-md:44px;--loading-indetermined-diameter-sm:24px;position:relative;z-index:var(--z-index-layer-4)}.loading[data-progress]:not(:empty),.br-loading[data-progress]:not(:empty){background-color:var(--border-color);border-radius:50%}.loading[data-progress]:not(:empty)::before,.br-loading[data-progress]:not(:empty)::before{content:none}.loading[data-progress]::after,.br-loading[data-progress]::after{--loading-size:calc(var(--loading-diameter) - var(--loading-stroke) * 2);background:var(--background);border-radius:50%;color:var(--interactive);content:attr(data-progress) "%";font-size:var(--font-size-scale-up-02);font-weight:var(--font-weight-semi-bold);height:var(--loading-size);line-height:var(--loading-size);margin:var(--loading-stroke);position:absolute;text-align:center;width:var(--loading-size)}.loading[data-progress] .br-loading-mask,.loading[data-progress] .br-loading-fill,.br-loading[data-progress] .br-loading-mask,.br-loading[data-progress] .br-loading-fill{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;clip:rect(0, var(--loading-diameter), var(--loading-diameter), calc(var(--loading-diameter) * 0.5));height:var(--loading-diameter);overflow:hidden;position:absolute;width:var(--loading-diameter)}.loading[data-progress] .br-loading-fill,.br-loading[data-progress] .br-loading-fill{background:var(--interactive);clip:rect(0, calc(var(--loading-diameter) * 0.5), var(--loading-diameter), 0)}.loading::before,.br-loading::before{-webkit-animation:spinAround 1.3s infinite linear;animation:spinAround 1.3s infinite linear;border:2px solid var(--loading-indetermined-color);border-radius:50%;border-right-color:transparent;content:"";display:block;height:var(--loading-size);left:calc(50% - var(--loading-size) * 0.5);position:absolute;top:calc(50% - var(--loading-size) * 0.5);width:var(--loading-size)}.loading:not(.br-button),.br-loading:not(.br-button){height:var(--loading-size);width:var(--loading-size)}.loading:not(.br-button).medium,.br-loading:not(.br-button).medium{--loading-size:var(--loading-indetermined-diameter-md)}.loading:not(.br-button).medium::before,.br-loading:not(.br-button).medium::before{border-width:4px}.loading:not(.br-button)[data-progress],.br-loading:not(.br-button)[data-progress]{--loading-size:var(--loading-diameter)}.loading:not(.br-button)[data-progress]::before,.br-loading:not(.br-button)[data-progress]::before{border-width:var(--loading-stroke)}.loading[data-progress="1"] .br-loading-mask.full,.loading[data-progress="1"] .br-loading-fill,.br-loading[data-progress="1"] .br-loading-mask.full,.br-loading[data-progress="1"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(1.8deg);transform:rotate(1.8deg)}.loading[data-progress="2"] .br-loading-mask.full,.loading[data-progress="2"] .br-loading-fill,.br-loading[data-progress="2"] .br-loading-mask.full,.br-loading[data-progress="2"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(3.6deg);transform:rotate(3.6deg)}.loading[data-progress="3"] .br-loading-mask.full,.loading[data-progress="3"] .br-loading-fill,.br-loading[data-progress="3"] .br-loading-mask.full,.br-loading[data-progress="3"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(5.4deg);transform:rotate(5.4deg)}.loading[data-progress="5"] .br-loading-mask.full,.loading[data-progress="5"] .br-loading-fill,.br-loading[data-progress="5"] .br-loading-mask.full,.br-loading[data-progress="5"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(9deg);transform:rotate(9deg)}.loading[data-progress="10"] .br-loading-mask.full,.loading[data-progress="10"] .br-loading-fill,.br-loading[data-progress="10"] .br-loading-mask.full,.br-loading[data-progress="10"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(18deg);transform:rotate(18deg)}.loading[data-progress="16"] .br-loading-mask.full,.loading[data-progress="16"] .br-loading-fill,.br-loading[data-progress="16"] .br-loading-mask.full,.br-loading[data-progress="16"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(28.8deg);transform:rotate(28.8deg)}.loading[data-progress="20"] .br-loading-mask.full,.loading[data-progress="20"] .br-loading-fill,.br-loading[data-progress="20"] .br-loading-mask.full,.br-loading[data-progress="20"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(36deg);transform:rotate(36deg)}.loading[data-progress="24"] .br-loading-mask.full,.loading[data-progress="24"] .br-loading-fill,.br-loading[data-progress="24"] .br-loading-mask.full,.br-loading[data-progress="24"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(43.2deg);transform:rotate(43.2deg)}.loading[data-progress="48"] .br-loading-mask.full,.loading[data-progress="48"] .br-loading-fill,.br-loading[data-progress="48"] .br-loading-mask.full,.br-loading[data-progress="48"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(86.4deg);transform:rotate(86.4deg)}.loading[data-progress="50"] .br-loading-mask.full,.loading[data-progress="50"] .br-loading-fill,.br-loading[data-progress="50"] .br-loading-mask.full,.br-loading[data-progress="50"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.loading[data-progress="70"] .br-loading-mask.full,.loading[data-progress="70"] .br-loading-fill,.br-loading[data-progress="70"] .br-loading-mask.full,.br-loading[data-progress="70"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(126deg);transform:rotate(126deg)}.loading[data-progress="72"] .br-loading-mask.full,.loading[data-progress="72"] .br-loading-fill,.br-loading[data-progress="72"] .br-loading-mask.full,.br-loading[data-progress="72"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(129.6deg);transform:rotate(129.6deg)}.loading[data-progress="100"] .br-loading-mask.full,.loading[data-progress="100"] .br-loading-fill,.br-loading[data-progress="100"] .br-loading-mask.full,.br-loading[data-progress="100"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes fill{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fill{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}:host{display:block}:host .loading-progress-alignment{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}';const n=e;const l=class{constructor(r){a(this,r);this.inheritedAttributes={};this.isProgress=false;this.progressPercent=undefined;this.isMedium=false;this.label=undefined}componentWillLoad(){this.inheritedAttributes=o(this.el)}getCssClassMap(){return{"br-loading":true,medium:this.isMedium}}render(){return r(t,{key:"5ea8e7a75ee32ceb893327059b83a2a57a7f9548"},this.isProgress?r("div",Object.assign({},this.inheritedAttributes,{class:this.getCssClassMap(),role:"progressbar","data-progress":this.progressPercent,"aria-label":"Carregando exemplo com porcentagem","aria-valuemin":"0","aria-valuenow":this.progressPercent,"aria-valuemax":"100"}),r("div",{class:"br-loading-mask full"},r("div",{class:"br-loading-fill"})),r("div",{class:"br-loading-mask"},r("div",{class:"br-loading-fill"}))):r("div",{class:"loading-progress-alignment"},r("div",{class:this.getCssClassMap(),role:"progressbar","aria-label":"Carregando exemplo indeterminado pequeno"}),r("span",{class:"rotulo"},this.label)))}static get formAssociated(){return true}get el(){return i(this)}};l.style=n;export{l as br_loading};
6
+ //# sourceMappingURL=p-491cdd00.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["loadingCss","BrLoadingStyle0","Loading","this","inheritedAttributes","componentWillLoad","inheritAriaAttributes","el","getCssClassMap","medium","isMedium","render","h","Host","key","isProgress","Object","assign","class","role","progressPercent","label"],"sources":["src/components/loading/loading.scss?tag=br-loading&encapsulation=shadow","src/components/loading/loading.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/loading/loading.scss\";\n\n:host {\n display: block;\n\n .loading-progress-alignment {\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n }\n}\n\n\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/loading?tab=designer).\n */\n@Component({\n tag: 'br-loading',\n styleUrl: 'loading.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Loading {\n /**\n * Referência ao elemento host do componente.\n * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n */\n @Element() el: HTMLBrLoadingElement\n\n /**\n * Determina o tipo de indicador a ser exibido:\n * - Se verdadeiro, exibirá uma barra de progresso com a porcentagem de progresso.\n * - Se falso, exibirá um indicador de carregamento indeterminado.\n */\n @Prop({ reflect: true }) isProgress: boolean = false\n\n /**\n * Define a porcentagem de progresso a ser exibida na barra de progresso.\n * Deve ser um valor numérico entre 0 e 100. Ignorado se `isProgress` estiver definido como falso.\n */\n @Prop({ reflect: true }) progressPercent: number\n\n /**\n * Se verdadeiro, ajusta o tamanho do indicador de carregamento para o tamanho médio.\n */\n @Prop({ reflect: true }) isMedium: boolean = false\n\n /**\n * Texto a ser exibido abaixo do indicador de carregamento.\n * Pode ser usado para fornecer informações adicionais ou descritivas sobre o estado do carregamento.\n */\n @Prop({ reflect: true }) label: string\n\n componentWillLoad() {\n this.inheritedAttributes = inheritAriaAttributes(this.el)\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-loading': true,\n medium: this.isMedium,\n }\n }\n\n private inheritedAttributes: Attributes = {}\n\n render() {\n return (\n <Host>\n {this.isProgress ? (\n <div\n {...this.inheritedAttributes}\n class={this.getCssClassMap()}\n role=\"progressbar\"\n data-progress={this.progressPercent}\n aria-label=\"Carregando exemplo com porcentagem\"\n aria-valuemin=\"0\"\n aria-valuenow={this.progressPercent}\n aria-valuemax=\"100\"\n >\n <div class=\"br-loading-mask full\">\n <div class=\"br-loading-fill\"></div>\n </div>\n <div class=\"br-loading-mask\">\n <div class=\"br-loading-fill\"></div>\n </div>\n </div>\n ) : (\n <div class=\"loading-progress-alignment\">\n <div\n class={this.getCssClassMap()}\n role=\"progressbar\"\n aria-label=\"Carregando exemplo indeterminado pequeno\"\n ></div>\n <span class=\"rotulo\">{this.label}</span>\n </div>\n )}\n </Host>\n )\n }\n}\n"],"mappings":";;;;6FAAA,MAAMA,EAAa,62hBACnB,MAAAC,EAAeD,E,MCWFE,EAAO,M,yBA0CVC,KAAAC,oBAAkC,G,gBA9BK,M,6CAWF,M,qBAQ7C,iBAAAC,GACEF,KAAKC,oBAAsBE,EAAsBH,KAAKI,G,CAGhD,cAAAC,GACN,MAAO,CACL,aAAc,KACdC,OAAQN,KAAKO,S,CAMjB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFX,KAAKY,WACJH,EAAA,MAAAI,OAAAC,OAAA,GACMd,KAAKC,oBAAmB,CAC5Bc,MAAOf,KAAKK,iBACZW,KAAK,cAAa,gBACHhB,KAAKiB,gBAAe,aACxB,qCAAoC,gBACjC,IAAG,gBACFjB,KAAKiB,gBAAe,gBACrB,QAEdR,EAAA,OAAKM,MAAM,wBACTN,EAAA,OAAKM,MAAM,qBAEbN,EAAA,OAAKM,MAAM,mBACTN,EAAA,OAAKM,MAAM,sBAIfN,EAAA,OAAKM,MAAM,8BACTN,EAAA,OACEM,MAAOf,KAAKK,iBACZW,KAAK,cAAa,aACP,6CAEbP,EAAA,QAAMM,MAAM,UAAUf,KAAKkB,Q","ignoreList":[]}
@@ -0,0 +1,6 @@
1
+ /*!
2
+ * Construído com @govbr-ds/webcomponents
3
+ * Padrão Digital de Governo.
4
+ */
5
+ import{r as a,h as t,a as r,g as e}from"./p-c3811f09.js";import{i}from"./p-74a4eb38.js";const o="*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-avatar{--avatar-size:var(--avatar-small);--avatar-icon-size:var(--avatar-icon-small);--avatar-text-size:var(--avatar-text-small);--avatar-small:40px;--avatar-medium:100px;--avatar-large:160px;--avatar-icon-small:var(--icon-size-2x);--avatar-icon-medium:var(--icon-size-5x);--avatar-icon-large:var(--icon-size-8x);--avatar-text-small:var(--font-size-scale-up-03);--avatar-text-medium:var(--font-size-scale-up-07);--avatar-text-large:var(--font-size-scale-up-11);-ms-flex-align:center;align-items:center;background-color:transparent;border:0;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--avatar-text-size);font-weight:var(--font-weight-bold);-ms-flex-pack:center;justify-content:center;line-height:var(--avatar-size);vertical-align:middle}.br-avatar .content{-ms-flex-align:center;align-items:center;background-color:var(--blue-10);border-radius:50%;color:var(--blue-warm-20);display:-ms-inline-flexbox;display:inline-flex;font-size:var(--avatar-text-size);height:var(--avatar-size);-ms-flex-pack:center;justify-content:center;overflow:hidden;text-align:center;text-transform:uppercase;vertical-align:inherit;width:var(--avatar-size)}.br-avatar .content img{height:var(--avatar-size);vertical-align:inherit;width:var(--avatar-size)}.br-avatar.small,.br-avatar[small]{--avatar-size:var(--avatar-small);--avatar-icon-size:var(--avatar-icon-small);--avatar-text-size:var(--avatar-text-small)}.br-avatar.is-medium,.br-avatar.medium,.br-avatar[medium]{--avatar-size:var(--avatar-medium);--avatar-icon-size:var(--avatar-icon-medium);--avatar-text-size:var(--avatar-text-medium)}.br-avatar.large,.br-avatar[large]{--avatar-size:var(--avatar-large);--avatar-icon-size:var(--avatar-icon-large);--avatar-text-size:var(--avatar-text-large)}.br-avatar[data-toggle=dropdown]:focus{outline:none}.br-avatar[data-toggle=dropdown]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-avatar .image{-ms-flex-align:center;align-items:center;background-color:var(--blue-10);border-radius:50%;color:var(--blue-warm-20);display:-ms-inline-flexbox;display:inline-flex;font-size:var(--avatar-text-size);height:var(--avatar-size);-ms-flex-pack:center;justify-content:center;overflow:hidden;text-align:center;text-transform:uppercase;vertical-align:inherit;width:var(--avatar-size)}.br-avatar .image img{height:var(--avatar-size);vertical-align:inherit;width:var(--avatar-size)}:host{display:block}";const n=o;const l=class{constructor(t){a(this,t);this.iconSizes={small:{height:"32px",width:"40px"},medium:{height:"80px",width:"88px"},large:{height:"128px",width:"136px"}};this.iconMarginTops={small:"0.7em",medium:"1em",large:"0.62em"};this.inheritedAttributes={};this.density="medium";this.image=undefined;this.imageAlt="Imagem do avatar";this.isIconic=false;this.text=undefined;this.iconWidth=undefined;this.iconHeight=undefined;this.marginTop=undefined}componentWillLoad(){this.inheritedAttributes=i(this.el)}getCssClassMap(){return{"br-avatar":true,small:this.density==="small",medium:this.density==="medium",large:this.density==="large"}}renderAvatar(){var a,r,e,i,o;if(((a=this.text)===null||a===void 0?void 0:a.trim().length)>0){return t("span",{class:"content bg-support-01 text-pure-0",title:this.text},this.text[0].toUpperCase())}if(((r=this.image)===null||r===void 0?void 0:r.trim().length)>0){return t("span",{class:"content",title:this.imageAlt||this.text},t("img",{src:this.image,alt:this.imageAlt,loading:"lazy"}))}if(this.isIconic){return t("span",{class:"content",title:this.text},t("br-icon",{"icon-name":"fa-solid:user",height:((e=this.iconHeight)===null||e===void 0?void 0:e.length)>0?this.iconHeight:this.iconSizes[this.density].height,width:((i=this.iconWidth)===null||i===void 0?void 0:i.length)>0?this.iconWidth:this.iconSizes[this.density].width,"aria-hidden":"true",style:{"margin-top":((o=this.marginTop)===null||o===void 0?void 0:o.length)>0?this.marginTop:this.iconMarginTops[this.density]}}))}}render(){return t(r,{key:"8e7d5a109467811e371dcfa56214f079b82970bb"},t("span",Object.assign({key:"63036c324a6be24469e6453a40af31e684973c1a",class:this.getCssClassMap()},this.inheritedAttributes),this.renderAvatar()))}get el(){return e(this)}};l.style=n;export{l as br_avatar};
6
+ //# sourceMappingURL=p-52e5bcdd.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["avatarCss","BrAvatarStyle0","Avatar","this","iconSizes","small","height","width","medium","large","iconMarginTops","inheritedAttributes","componentWillLoad","inheritAriaAttributes","el","getCssClassMap","density","renderAvatar","_a","text","trim","length","h","class","title","toUpperCase","_b","image","imageAlt","src","alt","loading","isIconic","_c","iconHeight","_d","iconWidth","style","_e","marginTop","render","Host","key","Object","assign"],"sources":["src/components/avatar/avatar.scss?tag=br-avatar&encapsulation=shadow","src/components/avatar/avatar.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/avatar/avatar\";\n\n:host {\n display: block;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/avatar?tab=designer).\n */\n@Component({\n tag: 'br-avatar',\n styleUrl: 'avatar.scss',\n shadow: true,\n})\nexport class Avatar {\n /**\n * Referência ao elemento host do componente.\n * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n */\n @Element() el: HTMLBrAvatarElement\n\n /**\n * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n */\n @Prop() density: 'small' | 'medium' | 'large' = 'medium'\n\n /**\n * URL da imagem a ser exibida no avatar do tipo 'fotográfico'.\n * Deve ser uma URL válida que aponta para a imagem desejada.\n */\n @Prop() image: string\n\n /**\n * Texto alternativo (alt) associado à imagem do avatar. Essencial para acessibilidade e SEO.\n * Deve descrever de forma clara e concisa o conteúdo da imagem, por exemplo: \"Foto de perfil de João Silva\".\n */\n @Prop() imageAlt = 'Imagem do avatar'\n\n /**\n * Indica se o avatar deve ser exibido como um ícone em vez de uma imagem fotográfica.\n * Se definido como verdadeiro, o avatar será exibido como um ícone.\n */\n @Prop() isIconic: boolean = false\n\n /**\n * Texto exibido no avatar do tipo 'letra'.\n * Esse texto será mostrado em vez de uma imagem e pode ser usado para representar iniciais ou outras informações textuais.\n */\n @Prop() text: string\n\n componentWillLoad() {\n this.inheritedAttributes = inheritAriaAttributes(this.el)\n }\n\n /**\n * Largura do ícone no avatar do tipo icônico\n * */\n @Prop() iconWidth: string\n\n /**\n * Altura do ícone no avatar do tipo icônico\n */\n @Prop() iconHeight: string\n\n /**\n * Ajuste para a margem de cima do ícone no avatar do tipo icônico\n */\n @Prop() marginTop: string\n\n /**\n * Gera um mapa de classes CSS com base nas propriedades do componente.\n * O mapa de classes determina quais classes CSS devem ser aplicadas\n * ao elemento host do componente, ajustando sua aparência.\n *\n * @returns {CssClassMap} Objeto contendo as classes CSS aplicadas.\n */\n private getCssClassMap(): CssClassMap {\n return {\n 'br-avatar': true,\n small: this.density === 'small',\n medium: this.density === 'medium',\n large: this.density === 'large',\n }\n }\n\n private readonly iconSizes = {\n small: { height: '32px', width: '40px' },\n medium: { height: '80px', width: '88px' },\n large: { height: '128px', width: '136px' },\n }\n\n private readonly iconMarginTops = {\n small: '0.7em',\n medium: '1em',\n large: '0.62em',\n }\n\n private inheritedAttributes: Attributes = {}\n\n private renderAvatar() {\n if (this.text?.trim().length > 0) {\n return (\n <span class=\"content bg-support-01 text-pure-0\" title={this.text}>\n {this.text[0].toUpperCase()}\n </span>\n )\n }\n\n if (this.image?.trim().length > 0) {\n return (\n <span class=\"content\" title={this.imageAlt || this.text}>\n <img src={this.image} alt={this.imageAlt} loading=\"lazy\" />\n </span>\n )\n }\n\n if (this.isIconic) {\n return (\n <span class=\"content\" title={this.text}>\n <br-icon\n icon-name=\"fa-solid:user\"\n height={this.iconHeight?.length > 0 ? this.iconHeight : this.iconSizes[this.density].height}\n width={this.iconWidth?.length > 0 ? this.iconWidth : this.iconSizes[this.density].width}\n aria-hidden=\"true\"\n style={{ 'margin-top': this.marginTop?.length > 0 ? this.marginTop : this.iconMarginTops[this.density] }}\n ></br-icon>\n </span>\n )\n }\n }\n\n render() {\n return (\n <Host>\n <span class={this.getCssClassMap()} {...this.inheritedAttributes}>\n {this.renderAvatar()}\n </span>\n </Host>\n )\n }\n}\n"],"mappings":";;;;wFAAA,MAAMA,EAAY,q7XAClB,MAAAC,EAAeD,E,MCWFE,EAAM,M,yBAuEAC,KAAAC,UAAY,CAC3BC,MAAO,CAAEC,OAAQ,OAAQC,MAAO,QAChCC,OAAQ,CAAEF,OAAQ,OAAQC,MAAO,QACjCE,MAAO,CAAEH,OAAQ,QAASC,MAAO,UAGlBJ,KAAAO,eAAiB,CAChCL,MAAO,QACPG,OAAQ,MACRC,MAAO,UAGDN,KAAAQ,oBAAkC,G,aAzEM,S,mCAY7B,mB,cAMS,M,gGAQ5B,iBAAAC,GACET,KAAKQ,oBAAsBE,EAAsBV,KAAKW,G,CAyBhD,cAAAC,GACN,MAAO,CACL,YAAa,KACbV,MAAOF,KAAKa,UAAY,QACxBR,OAAQL,KAAKa,UAAY,SACzBP,MAAON,KAAKa,UAAY,Q,CAkBpB,YAAAC,G,cACN,KAAIC,EAAAf,KAAKgB,QAAI,MAAAD,SAAA,SAAAA,EAAEE,OAAOC,QAAS,EAAG,CAChC,OACEC,EAAA,QAAMC,MAAM,oCAAoCC,MAAOrB,KAAKgB,MACzDhB,KAAKgB,KAAK,GAAGM,c,CAKpB,KAAIC,EAAAvB,KAAKwB,SAAK,MAAAD,SAAA,SAAAA,EAAEN,OAAOC,QAAS,EAAG,CACjC,OACEC,EAAA,QAAMC,MAAM,UAAUC,MAAOrB,KAAKyB,UAAYzB,KAAKgB,MACjDG,EAAA,OAAKO,IAAK1B,KAAKwB,MAAOG,IAAK3B,KAAKyB,SAAUG,QAAQ,S,CAKxD,GAAI5B,KAAK6B,SAAU,CACjB,OACEV,EAAA,QAAMC,MAAM,UAAUC,MAAOrB,KAAKgB,MAChCG,EAAA,uBACY,gBACVhB,SAAQ2B,EAAA9B,KAAK+B,cAAU,MAAAD,SAAA,SAAAA,EAAEZ,QAAS,EAAIlB,KAAK+B,WAAa/B,KAAKC,UAAUD,KAAKa,SAASV,OACrFC,QAAO4B,EAAAhC,KAAKiC,aAAS,MAAAD,SAAA,SAAAA,EAAEd,QAAS,EAAIlB,KAAKiC,UAAYjC,KAAKC,UAAUD,KAAKa,SAAST,MAAK,cAC3E,OACZ8B,MAAO,CAAE,eAAcC,EAAAnC,KAAKoC,aAAS,MAAAD,SAAA,SAAAA,EAAEjB,QAAS,EAAIlB,KAAKoC,UAAYpC,KAAKO,eAAeP,KAAKa,Y,EAOxG,MAAAwB,GACE,OACElB,EAACmB,EAAI,CAAAC,IAAA,4CACHpB,EAAA,OAAAqB,OAAAC,OAAA,CAAAF,IAAA,2CAAMnB,MAAOpB,KAAKY,kBAAsBZ,KAAKQ,qBAC1CR,KAAKc,gB","ignoreList":[]}
@@ -0,0 +1,6 @@
1
+ var __awaiter=this&&this.__awaiter||function(r,e,t,a){function i(r){return r instanceof t?r:new t((function(e){e(r)}))}return new(t||(t=Promise))((function(t,o){function n(r){try{c(a.next(r))}catch(r){o(r)}}function l(r){try{c(a["throw"](r))}catch(r){o(r)}}function c(r){r.done?t(r.value):i(r.value).then(n,l)}c((a=a.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,i,o,n;return n={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function l(r){return function(e){return c([r,e])}}function c(l){if(a)throw new TypeError("Generator is already executing.");while(n&&(n=0,l[0]&&(t=0)),t)try{if(a=1,i&&(o=l[0]&2?i["return"]:l[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,l[1])).done)return o;if(i=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:t.label++;return{value:l[1],done:false};case 5:t.label++;i=l[1];l=[0];continue;case 7:l=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){t=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){t.label=l[1];break}if(l[0]===6&&t.label<o[1]){t.label=o[1];o=l;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(l);break}if(o[2])t.ops.pop();t.trys.pop();continue}l=e.call(r,t)}catch(r){l=[6,r];i=0}finally{a=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};
2
+ /*!
3
+ * Construído com @govbr-ds/webcomponents
4
+ * Padrão Digital de Governo.
5
+ */System.register(["./p-6d0d2846.system.js","./p-6e286eba.system.js","./p-a71689a5.system.js"],(function(r){"use strict";var e,t,a,i,o,n;return{setters:[function(r){e=r.r;t=r.c;a=r.h;i=r.g},function(r){o=r.i},function(r){n=r.v}],execute:function(){var l='*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-select{--select-divider:1px solid var(--color-secondary-04);--select-shadow:var(--surface-shadow-md);max-width:400px;min-width:100px;position:relative}.br-select .br-input input{padding-right:29px;text-overflow:ellipsis}.br-select .br-input input::after{bottom:0;padding:0 5px;position:absolute;right:0}.br-select .br-list{background:var(--bg-color);-webkit-box-shadow:var(--select-shadow);box-shadow:var(--select-shadow);display:none;margin-top:-2px;max-height:404px;overflow:auto;position:absolute;resize:none;width:100%;z-index:1}.br-select .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-select .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-select .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-select .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-select .br-list:focus,.br-select .br-list:active{color:var(--color-secondary-09);outline:none}.br-select .br-list:hover::-webkit-scrollbar-thumb{background:var(--color-secondary-07)}.br-select .br-list[expanded]{display:block}.br-select .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x)}.br-select .br-item .content{padding:0}.br-select .br-item .br-checkbox,.br-select .br-item .br-radio{--item-padding-x:var(--spacing-scale-2x);--item-padding-y:var(--spacing-scale-2x)}.br-select .br-item .br-checkbox input:hover:not(:disabled)+label::before,.br-select .br-item .br-radio input:hover:not(:disabled)+label::before{background-image:none}.br-select .br-item .br-checkbox input+label,.br-select .br-item .br-radio input+label{padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))}.br-select .br-item .br-radio input+label{color:var(--text-color);display:block;height:auto;min-height:0;padding:var(--item-padding)}.br-select .br-item .br-radio input+label::before,.br-select .br-item .br-radio input+label::after{content:none}.br-select .br-item:not(:last-child){border-bottom:var(--select-divider)}.br-select .br-item:not([disabled]){--focus-offset:calc(var(--spacing-scale-half) * -1)}.br-select .br-item:not([disabled]):focus{outline:none}.br-select .br-item:not([disabled]):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-select .br-item:not([disabled]):not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-select .br-item.selected,.br-select .br-item[selected]{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-select .br-item.selected:focus,.br-select .br-item[selected]:focus{outline:none}.br-select .br-item.selected:focus-visible,.br-select .br-item[selected]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-select .br-item.selected:not(:disabled):hover,.br-select .br-item[selected]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-select .br-item.disabled{line-height:calc(var(--font-line-height-high) * 2);padding-left:calc(var(--item-padding) + var(--spacing-scale-base))}.br-select .br-item.highlighted,.br-select .br-item[highlighted]{background-color:var(--gray-2);padding-bottom:var(--spacing-scale-base);padding-top:var(--spacing-scale-base)}.br-select .br-item.highlighted .br-checkbox label,.br-select .br-item.highlighted .br-radio label,.br-select .br-item[highlighted] .br-checkbox label,.br-select .br-item[highlighted] .br-radio label{font-weight:var(--font-weight-semi-bold)}.br-select .br-item.highlighted .br-checkbox:hover,.br-select .br-item.highlighted .br-radio:hover,.br-select .br-item[highlighted] .br-checkbox:hover,.br-select .br-item[highlighted] .br-radio:hover{background:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-select .br-item.highlighted .br-checkbox:hover label,.br-select .br-item.highlighted .br-radio:hover label,.br-select .br-item[highlighted] .br-checkbox:hover label,.br-select .br-item[highlighted] .br-radio:hover label{color:var(--text-color)}.br-select .br-item.highlighted.selected,.br-select .br-item.highlighted[selected],.br-select .br-item[highlighted].selected,.br-select .br-item[highlighted][selected]{background-color:var(--selected)}.br-select.dark-mode .br-input,.br-select.dark-mode .br-input label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-item{background:var(--background);--item-padding-x:var(--spacing-scale-2x);--item-padding-y:var(--spacing-scale-base);--item-padding:var(--item-padding-y) var(--item-padding-x);--focus-offset:calc(var(--focus-width) * -1);border:0;color:var(--color);display:block;font-weight:var(--font-weight);padding:var(--item-padding);text-align:left;width:100%}.br-item .row{margin-left:calc(-1 * var(--spacing-scale-base));margin-right:calc(-1 * var(--spacing-scale-base))}.br-item .row .col,.br-item .row [class*=col-]{padding-left:var(--spacing-scale-base);padding-right:var(--spacing-scale-base)}.br-item::after{clear:both;content:"";display:block}.br-item[data-toggle]{cursor:pointer}.br-item[data-toggle=selection]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item>.br-checkbox:not(.hidden-label),.br-item>.br-radio:not(.hidden-label){margin-bottom:calc(var(--item-padding-y) * -1);margin-left:calc(var(--item-padding-x) * -1);margin-right:calc(var(--item-padding-x) * -1);margin-top:calc(var(--item-padding-y) * -1)}.br-item>.br-checkbox:not(.hidden-label) input+label,.br-item>.br-radio:not(.hidden-label) input+label{padding-bottom:var(--item-padding-y);padding-top:var(--item-padding-y);top:1px;width:100%}.br-item>.br-checkbox:not(.hidden-label) input+label::before,.br-item>.br-radio:not(.hidden-label) input+label::before{left:var(--item-padding-x);top:calc(var(--item-padding-y) - 1px)}.br-item>.br-checkbox:not(.hidden-label) input+label:empty,.br-item>.br-radio:not(.hidden-label) input+label:empty{left:0;top:1px}.br-item>.br-checkbox:not(.hidden-label) input:hover:not(:disabled)+label::before,.br-item>.br-radio:not(.hidden-label) input:hover:not(:disabled)+label::before{background-image:none}.br-item>.br-checkbox input:not(:indeterminate)+label{min-height:calc(var(--checkbox-size) + var(--item-padding-y) * 2)}.br-item>.br-checkbox input:not(:indeterminate)+label:not(:empty){padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))}.br-item>.br-checkbox input:not(:indeterminate)+label::after{left:calc(var(--item-padding-x) + 8px);top:calc(var(--item-padding-y) + 4px)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty{min-height:var(--checkbox-size)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty::after{left:8px;top:4px}.br-item .br-radio input+label{min-height:calc(var(--radio-size) + var(--item-padding-y) * 2);padding-left:calc(var(--spacing-scale-base) + var(--radio-size) + var(--item-padding-x))}.br-item .br-radio input+label::after{left:calc(var(--item-padding-x) + var(--radio-bullet-position));top:calc(var(--item-padding-y) + var(--radio-bullet-position) - 1px)}.br-item .br-radio input+label:empty{min-height:var(--radio-size)}.br-item .br-radio input+label:empty::after{left:var(--radio-bullet-position);top:var(--radio-bullet-position)}.br-item.highlight{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background-color:var(--selected)}.br-item.active{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background-color:var(--active);color:var(--color)}.br-item.dark-mode{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-item.dark-mode.active{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--active-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);background-color:var(--background-light);color:var(--active)}.br-item[data-toggle]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item .content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.br-item [class*=fa-]{height:16px;width:14px !important}a.br-item{color:var(--interactive)}a.br-item:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a.br-item:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button.br-item{background-color:transparent;color:var(--color)}button.br-item:focus{outline:none}button.br-item:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}button.br-item:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}button.br-item:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--pressed))), to(rgba(var(--color-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--color-rgb), var(--pressed)), rgba(var(--color-rgb), var(--pressed)))}:host{display:block}:host .br-select br-list{background-color:var(--bg-color);-webkit-box-shadow:var(--select-shadow);box-shadow:var(--select-shadow);margin-top:-2px;max-height:404px;overflow:auto;position:absolute;resize:none;width:100%;z-index:1}:host .br-select br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}:host .br-select br-list::-webkit-scrollbar-track{background:var(--gray-10)}:host .br-select br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}:host .br-select br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}:host .br-select br-list:focus,:host .br-select br-list:active{color:var(--color-secondary-09);outline:none}:host .br-select br-list:hover::-webkit-scrollbar-thumb{background:var(--color-secondary-07)}:host .br-select br-list .br-item br-radio::part(radio-input){visibility:hidden;height:0;width:0}:host .br-select br-list .br-item br-radio::part(radio-label){padding-left:var(--spacing-scale-base);position:relative}:host .br-select br-list .br-item br-radio::part(radio-label)::before,:host .br-select br-list .br-item br-radio::part(radio-label)::after{display:none}';var c=l;var s=r("br_select",function(){function r(r){var a=this;e(this,r);this.brDidSelectChange=t(this,"brDidSelectChange",7);if(r.$hostElement$["s-ei"]){this.elementInternals=r.$hostElement$["s-ei"]}else{this.elementInternals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this.elementInternals}this.idDefault="".concat(n());this.handleClickOutside=function(r){var e=r.target;if(a.isExpanded&&!a.el.contains(e)){a.isExpanded=false}};this.inheritedAttributes={};this.label=undefined;this.placeholder="";this.isMultiple=false;this.options="[]";this.selectAllLabel="Selecionar todos";this.unselectAllLabel="Desselecionar todos";this.showSearchIcon=false;this.isOpen=false;this.customId=undefined;this.parsedOptions=[];this.inputValue="";this.isAllSelected=false;this.isExpanded=false;this.focusedIndex=-1}r.prototype.synchronizeSelect=function(){try{var r=JSON.parse(this.options);this.parsedOptions=this.sanitizeOptions(r);this.updateSelectedOptions();this.updateSelectedAllState();this.emitSelectedOptions()}catch(r){console.error("Erro ao processar as opções do select:",r);this.parsedOptions=[]}};r.prototype.componentWillLoad=function(){this.isExpanded=this.isOpen;this.inheritedAttributes=o(this.el);this.synchronizeSelect()};r.prototype.componentDidLoad=function(){document.addEventListener("click",this.handleClickOutside)};r.prototype.disconnectedCallback=function(){document.addEventListener("click",this.handleClickOutside)};r.prototype.sanitizeOptions=function(r){var e=[];var t=[];r.forEach((function(r){if(typeof r.label==="string"&&r.label.trim()!==""){e.push({label:r.label.trim(),value:typeof r.value==="string"?r.value:"",selected:typeof r.selected==="boolean"?r.selected:false})}else{t.push(r)}}));if(t.length>0){console.warn("Opções inválidas descartadas:",t)}return e};r.prototype.handleKeydownOnInput=function(r){switch(r.key){case"Tab":this.closeSelect();break;case"ArrowDown":r.preventDefault();if(!this.isExpanded){this.openSelect()}this.focusItemInDirection("next");break;case"ArrowUp":r.preventDefault();if(!this.isExpanded){this.openSelect()}this.focusItemInDirection("previous");break;case"Escape":this.closeSelect();this.resetFocus();break;case"Enter":this.toggleOpen();break}};r.prototype.handleKeydownOnList=function(r){r.preventDefault();switch(r.key){case"Tab":case"Escape":this.resetFocus();break;case"ArrowUp":this.focusItemInDirection("previous");break;case"ArrowDown":this.focusItemInDirection("next");break}};r.prototype.handleKeydownOnItem=function(r,e){if(r.key==="Enter"||r.key===" "){r.preventDefault();this.handleSelection(e)}else if(r.key==="Escape"){this.closeSelect()}};r.prototype.handleSelectAllKeyDown=function(r){if(r.key==="Enter"||r.key===" "){r.preventDefault();this.toggleSelectAll()}else if(r.key==="Escape"){r.preventDefault();this.closeSelect()}};r.prototype.resetFocus=function(){var r=this.el.shadowRoot.querySelector("br-input");r.focus()};r.prototype.focusItemInDirection=function(r){var e=this.parsedOptions.length;if(this.isMultiple)e+=1;this.focusedIndex=r==="next"?(this.focusedIndex+1)%e:(this.focusedIndex-1+e)%e;this.focusItem(this.focusedIndex)};r.prototype.focusItem=function(r){var e=this.el.shadowRoot.querySelectorAll(".br-item");var t=e[r];t.focus()};r.prototype.openSelect=function(){this.isExpanded=true};r.prototype.closeSelect=function(){this.isExpanded=false};r.prototype.handleSelection=function(r){if(r<0||r>=this.parsedOptions.length){return}if(this.isMultiple){this.parsedOptions[r].selected=!this.parsedOptions[r].selected}else{this.parsedOptions.forEach((function(r){return r.selected=false}));this.parsedOptions[r].selected=true;this.isExpanded=false}this.updateSelectedOptions();this.emitSelectedOptions();this.updateSelectedAllState()};r.prototype.updateSelectedOptions=function(){this.inputValue=this.getStringValue(this.parsedOptions.filter((function(r){return r.selected})))};r.prototype.getStringValue=function(r){if(r.length>0){var e=r[0].label||r[0].value;if(this.isMultiple){var t=r.length>1?" + (".concat(r.length-1,")"):"";return"".concat(e).concat(t)}else{return e}}return""};r.prototype.emitSelectedOptions=function(){var r=this.parsedOptions.filter((function(r){return r.selected===true})).map((function(r){var e;return(e=r.label)!==null&&e!==void 0?e:r.value}));this.brDidSelectChange.emit(r)};r.prototype.updateSelectedAllState=function(){var r=this.parsedOptions.every((function(r){return r.selected}));this.isAllSelected=r};r.prototype.toggleSelectAll=function(){if(this.isAllSelected){this.parsedOptions.forEach((function(r){return r.selected=false}));this.isAllSelected=false}else{this.parsedOptions.forEach((function(r){return r.selected=true}));this.isAllSelected=true}this.updateSelectedOptions();this.emitSelectedOptions()};r.prototype.renderInput=function(){var r=this;return a("br-input",{value:this.inputValue,label:this.label,placeholder:this.placeholder,readonly:true,onClick:function(){return r.toggleOpen()},onKeyDown:function(e){return r.handleKeydownOnInput(e)}},this.showSearchIcon&&a("br-icon",{slot:"icon","icon-name":"fa-solid:search","aria-hidden":"true"}),a("br-icon",{slot:"action","icon-name":this.isExpanded?"fa-solid:angle-up":"fa-solid:angle-down",height:"16","aria-hidden":"true"}))};r.prototype.renderSelectAllCheckbox=function(){var r=this;return a("div",{class:"br-item highlighted ".concat(this.isAllSelected?"selected":""),"data-all":"data-all",tabindex:"-1",role:"option","aria-selected":this.isAllSelected,onKeyDown:function(e){return r.handleSelectAllKeyDown(e)}},a("br-checkbox",{name:"checkbox-".concat(this.idDefault),label:this.isAllSelected?this.unselectAllLabel:this.selectAllLabel,checked:this.isAllSelected,onBrDidCheckedChange:function(){return r.toggleSelectAll()}}))};r.prototype.renderOptions=function(){var r=this;return this.parsedOptions.map((function(e,t){return a("div",{class:"br-item ".concat(e.selected?"selected":""),key:"".concat(e.label,"-").concat(r.idDefault),role:"option",tabindex:r.focusedIndex===t?0:-1,"aria-selected":e.selected,onClick:function(){return r.handleSelection(t)},onKeyDown:function(e){return r.handleKeydownOnItem(e,t)}},r.isMultiple?a("br-checkbox",{name:"checkbox-".concat(t,"-").concat(r.idDefault),label:e.label||e.value,checked:e.selected===true,onBrDidCheckedChange:function(){return r.handleSelection(t)}}):a("br-radio",{exportparts:"radio-input, radio-label",name:"radio-".concat(t,"-").concat(r.idDefault),label:e.label||e.value,checked:e.selected===true,onBrDidChange:function(){return r.handleSelection(t)}}))}))};r.prototype.getComputedId=function(){var r;return((r=this.customId)===null||r===void 0?void 0:r.length)>0?this.customId:"br-select-".concat(this.idDefault)};r.prototype.toggleOpen=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.isExpanded=!this.isExpanded;return[2]}))}))};r.prototype.getCssClassMap=function(){return{"br-select":true}};r.prototype.render=function(){var r=this;return a("div",Object.assign({key:"aa32a5bf8e476ba29de8cf6fb6d6f440902ffade",class:this.getCssClassMap()},this.inheritedAttributes,{id:this.getComputedId()}),this.renderInput(),this.isExpanded&&a("br-list",{key:"b430614ce4b013b2f10416bd987cda6569b5458a",tabindex:-1,onKeyDown:function(e){return r.handleKeydownOnList(e)}},this.isMultiple&&this.renderSelectAllCheckbox(),this.renderOptions()))};Object.defineProperty(r,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(r.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{options:["synchronizeSelect"]}},enumerable:false,configurable:true});return r}());s.style=c}}}));
6
+ //# sourceMappingURL=p-60879543.system.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["selectCss","BrSelectStyle0","Select","exports","this","idDefault","concat","uuidv4","handleClickOutside","event","target","_this","isExpanded","el","contains","inheritedAttributes","class_1","prototype","synchronizeSelect","rawOptions","JSON","parse","options","parsedOptions","sanitizeOptions","updateSelectedOptions","updateSelectedAllState","emitSelectedOptions","error","console","componentWillLoad","isOpen","inheritAriaAttributes","componentDidLoad","document","addEventListener","disconnectedCallback","validOptions","invalidOptions","forEach","option","label","trim","push","value","selected","length","warn","handleKeydownOnInput","key","closeSelect","preventDefault","openSelect","focusItemInDirection","resetFocus","toggleOpen","handleKeydownOnList","handleKeydownOnItem","index","handleSelection","handleSelectAllKeyDown","toggleSelectAll","input","shadowRoot","querySelector","focus","direction","itemCount","isMultiple","focusedIndex","focusItem","items","querySelectorAll","item","inputValue","getStringValue","filter","firstSelected","howManySelected","selectedOptions","map","_a","brDidSelectChange","emit","allSelected","every","isAllSelected","renderInput","h","placeholder","readonly","onClick","onKeyDown","showSearchIcon","slot","height","renderSelectAllCheckbox","class","tabindex","role","name","unselectAllLabel","selectAllLabel","checked","onBrDidCheckedChange","renderOptions","exportparts","onBrDidChange","getComputedId","customId","getCssClassMap","render","Object","assign","id"],"sources":["src/components/select/select.scss?tag=br-select&encapsulation=shadow","src/components/select/select.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/select/select.scss\";\n@import \"../../../../../node_modules/@govbr-ds/core/src/components/item/item.scss\";\n\n:host {\n display: block;\n\n .br-select br-list {\n background-color: var(--bg-color);\n box-shadow: var(--select-shadow);\n margin-top: -2px;\n max-height: 404px;\n overflow: auto;\n position: absolute;\n resize: none;\n width: 100%;\n z-index: 1;\n\n @include scrollbar;\n\n &:focus,\n &:active {\n color: var(--color-secondary-09);\n outline: none;\n }\n\n &:hover {\n &::-webkit-scrollbar-thumb {\n background: var(--color-secondary-07);\n }\n }\n\n\n .br-item br-radio::part(radio-input) {\n visibility: hidden;\n height: 0;\n width: 0;\n }\n\n .br-item br-radio::part(radio-label) {\n padding-left: var(--spacing-scale-base);\n position: relative;\n\n &::before,\n &::after {\n display: none;\n }\n }\n }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces';\n\n@Component({\n tag: 'br-select',\n styleUrl: 'select.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Select {\n /**\n * Referência ao elemento host do componente.\n * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n */\n @Element() el: HTMLBrSelectElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Rótulo que indica o tipo de informação que deve ser selecionada.\n */\n @Prop({ reflect: true }) label: string;\n\n /**\n * Texto auxiliar exibido antes de uma seleção.\n */\n @Prop({ reflect: true }) placeholder: string = '';\n\n /**\n * Habilita o modo múltiplo para selecionar várias opções.\n */\n @Prop({ reflect: true }) isMultiple: boolean = false;\n\n /**\n * JSON contendo as opções do select.\n */\n @Prop({ reflect: true }) options: string = '[]';\n\n /**\n * Rótulo para selecionar todas as opções.\n */\n @Prop({ reflect: true }) selectAllLabel: string = 'Selecionar todos';\n\n /**\n * Rótulo para desmarcar todas as opções.\n */\n @Prop({ reflect: true }) unselectAllLabel: string = 'Desselecionar todos';\n\n /**\n * Exibe o ícone de busca no campo de entrada.\n */\n @Prop({ reflect: true }) showSearchIcon: boolean = false;\n\n /**\n * Indica se a listagem de itens do select está expandida\n */\n @Prop({ reflect: true }) isOpen: boolean = false;\n\n /**\n * Especifica o ID do componente.\n * Se não for fornecido, o ID será gerado automaticamente e de forma aleatória\n */\n @Prop({ reflect: true, attribute: 'id' }) customId: string\n\n /**\n * Contém o id gerado aleatoriamente\n */\n private readonly idDefault = `${uuidv4()}`\n\n // Representa as opções do select disponíveis para renderização.\n // Cada opção contém `label`, `value` e o estado de seleção (`selected`).\n @State() parsedOptions: { label: string; value: string; selected: boolean }[] = [];\n\n // Valor exibido no input, refletindo as opções selecionadas.\n @State() inputValue: string = '';\n\n // Indica se todas as opções estão selecionadas. Comportamento do checkbox \"Selecionar Todos\".\n @State() isAllSelected: boolean = false;\n\n // Controla se a lista de opções do select está expandida (aberta) ou colapsada (fechada).\n @State() isExpanded: boolean = false;\n\n // Armazena o índice do item atualmente focado, usado para navegação por teclado.\n @State() focusedIndex: number = -1;\n\n /**\n * Evento emitido sempre que houver atualização nos itens selecionados.\n */\n @Event() brDidSelectChange: EventEmitter;\n\n @Watch('options')\n synchronizeSelect() {\n try {\n const rawOptions = JSON.parse(this.options);\n this.parsedOptions = this.sanitizeOptions(rawOptions);\n this.updateSelectedOptions();\n this.updateSelectedAllState();\n this.emitSelectedOptions();\n } catch (error) {\n console.error('Erro ao processar as opções do select:', error);\n this.parsedOptions = [];\n }\n }\n\n componentWillLoad() {\n this.isExpanded = this.isOpen;\n this.inheritedAttributes = inheritAriaAttributes(this.el)\n this.synchronizeSelect();\n }\n\n componentDidLoad() {\n document.addEventListener('click', this.handleClickOutside);\n }\n\n disconnectedCallback() {\n document.addEventListener('click', this.handleClickOutside);\n }\n\n private sanitizeOptions(rawOptions: any[]): { label: string; value: string; selected: boolean }[] {\n const validOptions = [];\n const invalidOptions = [];\n\n rawOptions.forEach(option => {\n if (typeof option.label === 'string' && option.label.trim() !== '') {\n validOptions.push({\n label: option.label.trim(),\n value: typeof option.value === 'string' ? option.value : '',\n selected: typeof option.selected === 'boolean' ? option.selected : false,\n });\n } else {\n invalidOptions.push(option);\n }\n });\n\n if (invalidOptions.length > 0) {\n console.warn('Opções inválidas descartadas:', invalidOptions);\n }\n\n return validOptions;\n }\n\n private readonly handleClickOutside = (event: MouseEvent) => {\n const target = event.target as HTMLElement;\n if (this.isExpanded && !this.el.contains(target)) {\n this.isExpanded = false;\n }\n }\n\n private handleKeydownOnInput(event: KeyboardEvent) {\n switch (event.key) {\n case 'Tab':\n this.closeSelect();\n break;\n case 'ArrowDown':\n event.preventDefault();\n if (!this.isExpanded) {\n this.openSelect();\n }\n this.focusItemInDirection('next');\n break;\n case 'ArrowUp':\n event.preventDefault();\n if (!this.isExpanded) {\n this.openSelect();\n }\n this.focusItemInDirection('previous');\n break;\n case 'Escape':\n this.closeSelect();\n this.resetFocus();\n break;\n case 'Enter':\n this.toggleOpen();\n break;\n default:\n }\n }\n\n private handleKeydownOnList(event: KeyboardEvent) {\n event.preventDefault();\n switch (event.key) {\n case 'Tab':\n case 'Escape':\n this.resetFocus();\n break;\n case 'ArrowUp':\n this.focusItemInDirection('previous');\n break;\n case 'ArrowDown':\n this.focusItemInDirection('next');\n break;\n default:\n break;\n }\n }\n\n private handleKeydownOnItem(event: KeyboardEvent, index: number) {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n this.handleSelection(index); // Garante que o índice correto será usado\n } else if (event.key === 'Escape') {\n this.closeSelect();\n }\n }\n\n private handleSelectAllKeyDown(event: KeyboardEvent) {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n this.toggleSelectAll();\n } else if (event.key === 'Escape') {\n event.preventDefault();\n this.closeSelect();\n }\n }\n\n private resetFocus() {\n const input = this.el.shadowRoot.querySelector('br-input') as HTMLElement;\n input.focus();\n }\n\n private focusItemInDirection(direction: 'next' | 'previous') {\n let itemCount = this.parsedOptions.length;\n if (this.isMultiple) itemCount += 1;\n\n this.focusedIndex = direction === 'next'\n ? (this.focusedIndex + 1) % itemCount\n : (this.focusedIndex - 1 + itemCount) % itemCount;\n\n this.focusItem(this.focusedIndex);\n }\n\n private focusItem(index: number) {\n const items = this.el.shadowRoot.querySelectorAll('.br-item');\n const item = items[index] as HTMLElement;\n item.focus();\n }\n\n private openSelect() {\n this.isExpanded = true;\n }\n\n private closeSelect() {\n this.isExpanded = false;\n }\n\n\n private handleSelection(index: number) {\n if (index < 0 || index >= this.parsedOptions.length) {\n return;\n }\n\n if (this.isMultiple) {\n this.parsedOptions[index].selected = !this.parsedOptions[index].selected;\n } else {\n this.parsedOptions.forEach(option => option.selected = false);\n this.parsedOptions[index].selected = true;\n this.isExpanded = false;\n }\n this.updateSelectedOptions();\n this.emitSelectedOptions();\n this.updateSelectedAllState();\n }\n\n private updateSelectedOptions() {\n this.inputValue = this.getStringValue(this.parsedOptions.filter(option => option.selected));\n }\n\n private getStringValue(options) {\n if (options.length > 0) {\n const firstSelected = options[0].label || options[0].value;\n if (this.isMultiple) {\n const howManySelected = options.length > 1 ? ` + (${options.length - 1})` : '';\n return `${firstSelected}${howManySelected}`;\n } else {\n return firstSelected;\n }\n }\n return '';\n }\n\n private emitSelectedOptions() {\n const selectedOptions = this.parsedOptions\n .filter((option) => option.selected === true)\n .map((option) => option.label ?? option.value);\n\n this.brDidSelectChange.emit(selectedOptions);\n }\n\n private updateSelectedAllState() {\n const allSelected = this.parsedOptions.every(option => option.selected);\n this.isAllSelected = allSelected;\n }\n\n private toggleSelectAll() {\n if (this.isAllSelected) {\n this.parsedOptions.forEach(option => option.selected = false);\n this.isAllSelected = false;\n } else {\n this.parsedOptions.forEach(option => option.selected = true);\n this.isAllSelected = true;\n }\n\n this.updateSelectedOptions();\n this.emitSelectedOptions();\n }\n\n private renderInput() {\n return (\n <br-input\n value={this.inputValue}\n label={this.label}\n placeholder={this.placeholder}\n readonly\n onClick={() => this.toggleOpen()}\n onKeyDown={(event) => this.handleKeydownOnInput(event)}\n >\n {this.showSearchIcon && <br-icon slot=\"icon\" icon-name=\"fa-solid:search\" aria-hidden=\"true\"></br-icon>}\n <br-icon slot=\"action\"\n icon-name={this.isExpanded ? 'fa-solid:angle-up' : 'fa-solid:angle-down'}\n height=\"16\"\n aria-hidden=\"true\">\n </br-icon>\n </br-input>\n );\n }\n\n private renderSelectAllCheckbox() {\n return (\n <div class={`br-item highlighted ${this.isAllSelected ? 'selected' : ''}`}\n data-all=\"data-all\"\n tabindex=\"-1\"\n role=\"option\"\n aria-selected={this.isAllSelected}\n onKeyDown={(event) => this.handleSelectAllKeyDown(event)}\n >\n <br-checkbox\n name={`checkbox-${this.idDefault}`}\n label={this.isAllSelected ? this.unselectAllLabel : this.selectAllLabel}\n checked={this.isAllSelected}\n onBrDidCheckedChange={() => this.toggleSelectAll()}\n ></br-checkbox>\n </div>\n );\n }\n\n private renderOptions() {\n return (\n this.parsedOptions.map((option, index) => (\n <div\n class={`br-item ${option.selected ? 'selected' : ''}`}\n key={`${option.label}-${this.idDefault}`}\n role=\"option\"\n tabindex={this.focusedIndex === index ? 0 : -1}\n aria-selected={option.selected}\n onClick={() => this.handleSelection(index)}\n onKeyDown={(event) => this.handleKeydownOnItem(event, index)}\n >\n {this.isMultiple ?\n (\n <br-checkbox\n name={`checkbox-${index}-${this.idDefault}`}\n label={option.label || option.value}\n checked={option.selected === true}\n onBrDidCheckedChange={() => this.handleSelection(index)}\n />\n )\n :\n (<br-radio\n exportparts=\"radio-input, radio-label\"\n name={`radio-${index}-${this.idDefault}`}\n label={option.label || option.value}\n checked={option.selected === true}\n onBrDidChange={() => this.handleSelection(index)}\n />)\n }\n </div>\n ))\n );\n }\n\n /**\n * Determina um id para o radio.\n */\n private getComputedId() {\n return this.customId?.length > 0 ? this.customId : `br-select-${this.idDefault}`;\n }\n\n /**\n * Inverte o valor da prop `isOpen`\n */\n @Method()\n async toggleOpen() {\n this.isExpanded = !this.isExpanded\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-select': true,\n }\n }\n\n private inheritedAttributes: Attributes = {}\n\n render() {\n return (\n <div class={this.getCssClassMap()} {...this.inheritedAttributes} id={this.getComputedId()}>\n {this.renderInput()}\n\n {this.isExpanded &&\n <br-list tabindex={-1} onKeyDown={(event) => this.handleKeydownOnList(event)}>\n {this.isMultiple && (this.renderSelectAllCheckbox())}\n {this.renderOptions()}\n </br-list>\n }\n </div>\n );\n }\n}\n\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["selectCss","BrSelectStyle0","Select","exports","this","idDefault","concat","uuidv4","handleClickOutside","event","target","_this","isExpanded","el","contains","inheritedAttributes","class_1","prototype","synchronizeSelect","rawOptions","JSON","parse","options","parsedOptions","sanitizeOptions","updateSelectedOptions","updateSelectedAllState","emitSelectedOptions","error","console","componentWillLoad","isOpen","inheritAriaAttributes","componentDidLoad","document","addEventListener","disconnectedCallback","validOptions","invalidOptions","forEach","option","label","trim","push","value","selected","length","warn","handleKeydownOnInput","key","closeSelect","preventDefault","openSelect","focusItemInDirection","resetFocus","toggleOpen","handleKeydownOnList","handleKeydownOnItem","index","handleSelection","handleSelectAllKeyDown","toggleSelectAll","input","shadowRoot","querySelector","focus","direction","itemCount","isMultiple","focusedIndex","focusItem","items","querySelectorAll","item","inputValue","getStringValue","filter","firstSelected","howManySelected","selectedOptions","map","_a","brDidSelectChange","emit","allSelected","every","isAllSelected","renderInput","h","placeholder","readonly","onClick","onKeyDown","showSearchIcon","slot","height","renderSelectAllCheckbox","class","tabindex","role","name","unselectAllLabel","selectAllLabel","checked","onBrDidCheckedChange","renderOptions","exportparts","onBrDidChange","getComputedId","customId","getCssClassMap","render","Object","assign","id"],"sources":["src/components/select/select.scss?tag=br-select&encapsulation=shadow","src/components/select/select.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/select/select.scss\";\n@import \"../../../../../node_modules/@govbr-ds/core/src/components/item/item.scss\";\n\n:host {\n display: block;\n\n .br-select br-list {\n background-color: var(--bg-color);\n box-shadow: var(--select-shadow);\n margin-top: -2px;\n max-height: 404px;\n overflow: auto;\n position: absolute;\n resize: none;\n width: 100%;\n z-index: 1;\n\n @include scrollbar;\n\n &:focus,\n &:active {\n color: var(--color-secondary-09);\n outline: none;\n }\n\n &:hover {\n &::-webkit-scrollbar-thumb {\n background: var(--color-secondary-07);\n }\n }\n\n\n .br-item br-radio::part(radio-input) {\n visibility: hidden;\n height: 0;\n width: 0;\n }\n\n .br-item br-radio::part(radio-label) {\n padding-left: var(--spacing-scale-base);\n position: relative;\n\n &::before,\n &::after {\n display: none;\n }\n }\n }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces';\n\n@Component({\n tag: 'br-select',\n styleUrl: 'select.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Select {\n /**\n * Referência ao elemento host do componente.\n * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n */\n @Element() el: HTMLBrSelectElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Rótulo que indica o tipo de informação que deve ser selecionada.\n */\n @Prop({ reflect: true }) label: string;\n\n /**\n * Texto auxiliar exibido antes de uma seleção.\n */\n @Prop({ reflect: true }) placeholder: string = '';\n\n /**\n * Habilita o modo múltiplo para selecionar várias opções.\n */\n @Prop({ reflect: true }) isMultiple: boolean = false;\n\n /**\n * JSON contendo as opções do select.\n */\n @Prop({ reflect: true }) options: string = '[]';\n\n /**\n * Rótulo para selecionar todas as opções.\n */\n @Prop({ reflect: true }) selectAllLabel: string = 'Selecionar todos';\n\n /**\n * Rótulo para desmarcar todas as opções.\n */\n @Prop({ reflect: true }) unselectAllLabel: string = 'Desselecionar todos';\n\n /**\n * Exibe o ícone de busca no campo de entrada.\n */\n @Prop({ reflect: true }) showSearchIcon: boolean = false;\n\n /**\n * Indica se a listagem de itens do select está expandida\n */\n @Prop({ reflect: true }) isOpen: boolean = false;\n\n /**\n * Especifica o ID do componente.\n * Se não for fornecido, o ID será gerado automaticamente e de forma aleatória\n */\n @Prop({ reflect: true, attribute: 'id' }) customId: string\n\n /**\n * Contém o id gerado aleatoriamente\n */\n private readonly idDefault = `${uuidv4()}`\n\n // Representa as opções do select disponíveis para renderização.\n // Cada opção contém `label`, `value` e o estado de seleção (`selected`).\n @State() parsedOptions: { label: string; value: string; selected: boolean }[] = [];\n\n // Valor exibido no input, refletindo as opções selecionadas.\n @State() inputValue: string = '';\n\n // Indica se todas as opções estão selecionadas. Comportamento do checkbox \"Selecionar Todos\".\n @State() isAllSelected: boolean = false;\n\n // Controla se a lista de opções do select está expandida (aberta) ou colapsada (fechada).\n @State() isExpanded: boolean = false;\n\n // Armazena o índice do item atualmente focado, usado para navegação por teclado.\n @State() focusedIndex: number = -1;\n\n /**\n * Evento emitido sempre que houver atualização nos itens selecionados.\n */\n @Event() brDidSelectChange: EventEmitter;\n\n @Watch('options')\n synchronizeSelect() {\n try {\n const rawOptions = JSON.parse(this.options);\n this.parsedOptions = this.sanitizeOptions(rawOptions);\n this.updateSelectedOptions();\n this.updateSelectedAllState();\n this.emitSelectedOptions();\n } catch (error) {\n console.error('Erro ao processar as opções do select:', error);\n this.parsedOptions = [];\n }\n }\n\n componentWillLoad() {\n this.isExpanded = this.isOpen;\n this.inheritedAttributes = inheritAriaAttributes(this.el)\n this.synchronizeSelect();\n }\n\n componentDidLoad() {\n document.addEventListener('click', this.handleClickOutside);\n }\n\n disconnectedCallback() {\n document.addEventListener('click', this.handleClickOutside);\n }\n\n private sanitizeOptions(rawOptions: any[]): { label: string; value: string; selected: boolean }[] {\n const validOptions = [];\n const invalidOptions = [];\n\n rawOptions.forEach(option => {\n if (typeof option.label === 'string' && option.label.trim() !== '') {\n validOptions.push({\n label: option.label.trim(),\n value: typeof option.value === 'string' ? option.value : '',\n selected: typeof option.selected === 'boolean' ? option.selected : false,\n });\n } else {\n invalidOptions.push(option);\n }\n });\n\n if (invalidOptions.length > 0) {\n console.warn('Opções inválidas descartadas:', invalidOptions);\n }\n\n return validOptions;\n }\n\n private readonly handleClickOutside = (event: MouseEvent) => {\n const target = event.target as HTMLElement;\n if (this.isExpanded && !this.el.contains(target)) {\n this.isExpanded = false;\n }\n }\n\n private handleKeydownOnInput(event: KeyboardEvent) {\n switch (event.key) {\n case 'Tab':\n this.closeSelect();\n break;\n case 'ArrowDown':\n event.preventDefault();\n if (!this.isExpanded) {\n this.openSelect();\n }\n this.focusItemInDirection('next');\n break;\n case 'ArrowUp':\n event.preventDefault();\n if (!this.isExpanded) {\n this.openSelect();\n }\n this.focusItemInDirection('previous');\n break;\n case 'Escape':\n this.closeSelect();\n this.resetFocus();\n break;\n case 'Enter':\n this.toggleOpen();\n break;\n default:\n }\n }\n\n private handleKeydownOnList(event: KeyboardEvent) {\n event.preventDefault();\n switch (event.key) {\n case 'Tab':\n case 'Escape':\n this.resetFocus();\n break;\n case 'ArrowUp':\n this.focusItemInDirection('previous');\n break;\n case 'ArrowDown':\n this.focusItemInDirection('next');\n break;\n default:\n break;\n }\n }\n\n private handleKeydownOnItem(event: KeyboardEvent, index: number) {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n this.handleSelection(index); // Garante que o índice correto será usado\n } else if (event.key === 'Escape') {\n this.closeSelect();\n }\n }\n\n private handleSelectAllKeyDown(event: KeyboardEvent) {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n this.toggleSelectAll();\n } else if (event.key === 'Escape') {\n event.preventDefault();\n this.closeSelect();\n }\n }\n\n private resetFocus() {\n const input = this.el.shadowRoot.querySelector('br-input') as HTMLElement;\n input.focus();\n }\n\n private focusItemInDirection(direction: 'next' | 'previous') {\n let itemCount = this.parsedOptions.length;\n if (this.isMultiple) itemCount += 1;\n\n this.focusedIndex = direction === 'next'\n ? (this.focusedIndex + 1) % itemCount\n : (this.focusedIndex - 1 + itemCount) % itemCount;\n\n this.focusItem(this.focusedIndex);\n }\n\n private focusItem(index: number) {\n const items = this.el.shadowRoot.querySelectorAll('.br-item');\n const item = items[index] as HTMLElement;\n item.focus();\n }\n\n private openSelect() {\n this.isExpanded = true;\n }\n\n private closeSelect() {\n this.isExpanded = false;\n }\n\n\n private handleSelection(index: number) {\n if (index < 0 || index >= this.parsedOptions.length) {\n return;\n }\n\n if (this.isMultiple) {\n this.parsedOptions[index].selected = !this.parsedOptions[index].selected;\n } else {\n this.parsedOptions.forEach(option => option.selected = false);\n this.parsedOptions[index].selected = true;\n this.isExpanded = false;\n }\n this.updateSelectedOptions();\n this.emitSelectedOptions();\n this.updateSelectedAllState();\n }\n\n private updateSelectedOptions() {\n this.inputValue = this.getStringValue(this.parsedOptions.filter(option => option.selected));\n }\n\n private getStringValue(options) {\n if (options.length > 0) {\n const firstSelected = options[0].label || options[0].value;\n if (this.isMultiple) {\n const howManySelected = options.length > 1 ? ` + (${options.length - 1})` : '';\n return `${firstSelected}${howManySelected}`;\n } else {\n return firstSelected;\n }\n }\n return '';\n }\n\n private emitSelectedOptions() {\n const selectedOptions = this.parsedOptions\n .filter((option) => option.selected === true)\n .map((option) => option.label ?? option.value);\n\n this.brDidSelectChange.emit(selectedOptions);\n }\n\n private updateSelectedAllState() {\n const allSelected = this.parsedOptions.every(option => option.selected);\n this.isAllSelected = allSelected;\n }\n\n private toggleSelectAll() {\n if (this.isAllSelected) {\n this.parsedOptions.forEach(option => option.selected = false);\n this.isAllSelected = false;\n } else {\n this.parsedOptions.forEach(option => option.selected = true);\n this.isAllSelected = true;\n }\n\n this.updateSelectedOptions();\n this.emitSelectedOptions();\n }\n\n private renderInput() {\n return (\n <br-input\n value={this.inputValue}\n label={this.label}\n placeholder={this.placeholder}\n readonly\n onClick={() => this.toggleOpen()}\n onKeyDown={(event) => this.handleKeydownOnInput(event)}\n >\n {this.showSearchIcon && <br-icon slot=\"icon\" icon-name=\"fa-solid:search\" aria-hidden=\"true\"></br-icon>}\n <br-icon slot=\"action\"\n icon-name={this.isExpanded ? 'fa-solid:angle-up' : 'fa-solid:angle-down'}\n height=\"16\"\n aria-hidden=\"true\">\n </br-icon>\n </br-input>\n );\n }\n\n private renderSelectAllCheckbox() {\n return (\n <div class={`br-item highlighted ${this.isAllSelected ? 'selected' : ''}`}\n data-all=\"data-all\"\n tabindex=\"-1\"\n role=\"option\"\n aria-selected={this.isAllSelected}\n onKeyDown={(event) => this.handleSelectAllKeyDown(event)}\n >\n <br-checkbox\n name={`checkbox-${this.idDefault}`}\n label={this.isAllSelected ? this.unselectAllLabel : this.selectAllLabel}\n checked={this.isAllSelected}\n onBrDidCheckedChange={() => this.toggleSelectAll()}\n ></br-checkbox>\n </div>\n );\n }\n\n private renderOptions() {\n return (\n this.parsedOptions.map((option, index) => (\n <div\n class={`br-item ${option.selected ? 'selected' : ''}`}\n key={`${option.label}-${this.idDefault}`}\n role=\"option\"\n tabindex={this.focusedIndex === index ? 0 : -1}\n aria-selected={option.selected}\n onClick={() => this.handleSelection(index)}\n onKeyDown={(event) => this.handleKeydownOnItem(event, index)}\n >\n {this.isMultiple ?\n (\n <br-checkbox\n name={`checkbox-${index}-${this.idDefault}`}\n label={option.label || option.value}\n checked={option.selected === true}\n onBrDidCheckedChange={() => this.handleSelection(index)}\n />\n )\n :\n (<br-radio\n exportparts=\"radio-input, radio-label\"\n name={`radio-${index}-${this.idDefault}`}\n label={option.label || option.value}\n checked={option.selected === true}\n onBrDidChange={() => this.handleSelection(index)}\n />)\n }\n </div>\n ))\n );\n }\n\n /**\n * Determina um id para o radio.\n */\n private getComputedId() {\n return this.customId?.length > 0 ? this.customId : `br-select-${this.idDefault}`;\n }\n\n /**\n * Inverte o valor da prop `isOpen`\n */\n @Method()\n async toggleOpen() {\n this.isExpanded = !this.isExpanded\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-select': true,\n }\n }\n\n private inheritedAttributes: Attributes = {}\n\n render() {\n return (\n <div class={this.getCssClassMap()} {...this.inheritedAttributes} id={this.getComputedId()}>\n {this.renderInput()}\n\n {this.isExpanded &&\n <br-list tabindex={-1} onKeyDown={(event) => this.handleKeydownOnList(event)}>\n {this.isMultiple && (this.renderSelectAllCheckbox())}\n {this.renderOptions()}\n </br-list>\n }\n </div>\n );\n }\n}\n\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,6 @@
1
+ /*!
2
+ * Construído com @govbr-ds/webcomponents
3
+ * Padrão Digital de Governo.
4
+ */
5
+ import{r,c as e,h as t,g as a}from"./p-c3811f09.js";import{i}from"./p-74a4eb38.js";import{v as o}from"./p-d5a8d30c.js";const l='*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-select{--select-divider:1px solid var(--color-secondary-04);--select-shadow:var(--surface-shadow-md);max-width:400px;min-width:100px;position:relative}.br-select .br-input input{padding-right:29px;text-overflow:ellipsis}.br-select .br-input input::after{bottom:0;padding:0 5px;position:absolute;right:0}.br-select .br-list{background:var(--bg-color);-webkit-box-shadow:var(--select-shadow);box-shadow:var(--select-shadow);display:none;margin-top:-2px;max-height:404px;overflow:auto;position:absolute;resize:none;width:100%;z-index:1}.br-select .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-select .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-select .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-select .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-select .br-list:focus,.br-select .br-list:active{color:var(--color-secondary-09);outline:none}.br-select .br-list:hover::-webkit-scrollbar-thumb{background:var(--color-secondary-07)}.br-select .br-list[expanded]{display:block}.br-select .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x)}.br-select .br-item .content{padding:0}.br-select .br-item .br-checkbox,.br-select .br-item .br-radio{--item-padding-x:var(--spacing-scale-2x);--item-padding-y:var(--spacing-scale-2x)}.br-select .br-item .br-checkbox input:hover:not(:disabled)+label::before,.br-select .br-item .br-radio input:hover:not(:disabled)+label::before{background-image:none}.br-select .br-item .br-checkbox input+label,.br-select .br-item .br-radio input+label{padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))}.br-select .br-item .br-radio input+label{color:var(--text-color);display:block;height:auto;min-height:0;padding:var(--item-padding)}.br-select .br-item .br-radio input+label::before,.br-select .br-item .br-radio input+label::after{content:none}.br-select .br-item:not(:last-child){border-bottom:var(--select-divider)}.br-select .br-item:not([disabled]){--focus-offset:calc(var(--spacing-scale-half) * -1)}.br-select .br-item:not([disabled]):focus{outline:none}.br-select .br-item:not([disabled]):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-select .br-item:not([disabled]):not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-select .br-item.selected,.br-select .br-item[selected]{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-select .br-item.selected:focus,.br-select .br-item[selected]:focus{outline:none}.br-select .br-item.selected:focus-visible,.br-select .br-item[selected]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-select .br-item.selected:not(:disabled):hover,.br-select .br-item[selected]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-select .br-item.disabled{line-height:calc(var(--font-line-height-high) * 2);padding-left:calc(var(--item-padding) + var(--spacing-scale-base))}.br-select .br-item.highlighted,.br-select .br-item[highlighted]{background-color:var(--gray-2);padding-bottom:var(--spacing-scale-base);padding-top:var(--spacing-scale-base)}.br-select .br-item.highlighted .br-checkbox label,.br-select .br-item.highlighted .br-radio label,.br-select .br-item[highlighted] .br-checkbox label,.br-select .br-item[highlighted] .br-radio label{font-weight:var(--font-weight-semi-bold)}.br-select .br-item.highlighted .br-checkbox:hover,.br-select .br-item.highlighted .br-radio:hover,.br-select .br-item[highlighted] .br-checkbox:hover,.br-select .br-item[highlighted] .br-radio:hover{background:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-select .br-item.highlighted .br-checkbox:hover label,.br-select .br-item.highlighted .br-radio:hover label,.br-select .br-item[highlighted] .br-checkbox:hover label,.br-select .br-item[highlighted] .br-radio:hover label{color:var(--text-color)}.br-select .br-item.highlighted.selected,.br-select .br-item.highlighted[selected],.br-select .br-item[highlighted].selected,.br-select .br-item[highlighted][selected]{background-color:var(--selected)}.br-select.dark-mode .br-input,.br-select.dark-mode .br-input label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-item{background:var(--background);--item-padding-x:var(--spacing-scale-2x);--item-padding-y:var(--spacing-scale-base);--item-padding:var(--item-padding-y) var(--item-padding-x);--focus-offset:calc(var(--focus-width) * -1);border:0;color:var(--color);display:block;font-weight:var(--font-weight);padding:var(--item-padding);text-align:left;width:100%}.br-item .row{margin-left:calc(-1 * var(--spacing-scale-base));margin-right:calc(-1 * var(--spacing-scale-base))}.br-item .row .col,.br-item .row [class*=col-]{padding-left:var(--spacing-scale-base);padding-right:var(--spacing-scale-base)}.br-item::after{clear:both;content:"";display:block}.br-item[data-toggle]{cursor:pointer}.br-item[data-toggle=selection]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item>.br-checkbox:not(.hidden-label),.br-item>.br-radio:not(.hidden-label){margin-bottom:calc(var(--item-padding-y) * -1);margin-left:calc(var(--item-padding-x) * -1);margin-right:calc(var(--item-padding-x) * -1);margin-top:calc(var(--item-padding-y) * -1)}.br-item>.br-checkbox:not(.hidden-label) input+label,.br-item>.br-radio:not(.hidden-label) input+label{padding-bottom:var(--item-padding-y);padding-top:var(--item-padding-y);top:1px;width:100%}.br-item>.br-checkbox:not(.hidden-label) input+label::before,.br-item>.br-radio:not(.hidden-label) input+label::before{left:var(--item-padding-x);top:calc(var(--item-padding-y) - 1px)}.br-item>.br-checkbox:not(.hidden-label) input+label:empty,.br-item>.br-radio:not(.hidden-label) input+label:empty{left:0;top:1px}.br-item>.br-checkbox:not(.hidden-label) input:hover:not(:disabled)+label::before,.br-item>.br-radio:not(.hidden-label) input:hover:not(:disabled)+label::before{background-image:none}.br-item>.br-checkbox input:not(:indeterminate)+label{min-height:calc(var(--checkbox-size) + var(--item-padding-y) * 2)}.br-item>.br-checkbox input:not(:indeterminate)+label:not(:empty){padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))}.br-item>.br-checkbox input:not(:indeterminate)+label::after{left:calc(var(--item-padding-x) + 8px);top:calc(var(--item-padding-y) + 4px)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty{min-height:var(--checkbox-size)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty::after{left:8px;top:4px}.br-item .br-radio input+label{min-height:calc(var(--radio-size) + var(--item-padding-y) * 2);padding-left:calc(var(--spacing-scale-base) + var(--radio-size) + var(--item-padding-x))}.br-item .br-radio input+label::after{left:calc(var(--item-padding-x) + var(--radio-bullet-position));top:calc(var(--item-padding-y) + var(--radio-bullet-position) - 1px)}.br-item .br-radio input+label:empty{min-height:var(--radio-size)}.br-item .br-radio input+label:empty::after{left:var(--radio-bullet-position);top:var(--radio-bullet-position)}.br-item.highlight{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background-color:var(--selected)}.br-item.active{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background-color:var(--active);color:var(--color)}.br-item.dark-mode{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-item.dark-mode.active{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--active-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);background-color:var(--background-light);color:var(--active)}.br-item[data-toggle]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item .content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.br-item [class*=fa-]{height:16px;width:14px !important}a.br-item{color:var(--interactive)}a.br-item:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a.br-item:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button.br-item{background-color:transparent;color:var(--color)}button.br-item:focus{outline:none}button.br-item:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}button.br-item:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}button.br-item:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--pressed))), to(rgba(var(--color-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--color-rgb), var(--pressed)), rgba(var(--color-rgb), var(--pressed)))}:host{display:block}:host .br-select br-list{background-color:var(--bg-color);-webkit-box-shadow:var(--select-shadow);box-shadow:var(--select-shadow);margin-top:-2px;max-height:404px;overflow:auto;position:absolute;resize:none;width:100%;z-index:1}:host .br-select br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}:host .br-select br-list::-webkit-scrollbar-track{background:var(--gray-10)}:host .br-select br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}:host .br-select br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}:host .br-select br-list:focus,:host .br-select br-list:active{color:var(--color-secondary-09);outline:none}:host .br-select br-list:hover::-webkit-scrollbar-thumb{background:var(--color-secondary-07)}:host .br-select br-list .br-item br-radio::part(radio-input){visibility:hidden;height:0;width:0}:host .br-select br-list .br-item br-radio::part(radio-label){padding-left:var(--spacing-scale-base);position:relative}:host .br-select br-list .br-item br-radio::part(radio-label)::before,:host .br-select br-list .br-item br-radio::part(radio-label)::after{display:none}';const s=l;const c=class{constructor(t){r(this,t);this.brDidSelectChange=e(this,"brDidSelectChange",7);if(t.$hostElement$["s-ei"]){this.elementInternals=t.$hostElement$["s-ei"]}else{this.elementInternals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.elementInternals}this.idDefault=`${o()}`;this.handleClickOutside=r=>{const e=r.target;if(this.isExpanded&&!this.el.contains(e)){this.isExpanded=false}};this.inheritedAttributes={};this.label=undefined;this.placeholder="";this.isMultiple=false;this.options="[]";this.selectAllLabel="Selecionar todos";this.unselectAllLabel="Desselecionar todos";this.showSearchIcon=false;this.isOpen=false;this.customId=undefined;this.parsedOptions=[];this.inputValue="";this.isAllSelected=false;this.isExpanded=false;this.focusedIndex=-1}synchronizeSelect(){try{const r=JSON.parse(this.options);this.parsedOptions=this.sanitizeOptions(r);this.updateSelectedOptions();this.updateSelectedAllState();this.emitSelectedOptions()}catch(r){console.error("Erro ao processar as opções do select:",r);this.parsedOptions=[]}}componentWillLoad(){this.isExpanded=this.isOpen;this.inheritedAttributes=i(this.el);this.synchronizeSelect()}componentDidLoad(){document.addEventListener("click",this.handleClickOutside)}disconnectedCallback(){document.addEventListener("click",this.handleClickOutside)}sanitizeOptions(r){const e=[];const t=[];r.forEach((r=>{if(typeof r.label==="string"&&r.label.trim()!==""){e.push({label:r.label.trim(),value:typeof r.value==="string"?r.value:"",selected:typeof r.selected==="boolean"?r.selected:false})}else{t.push(r)}}));if(t.length>0){console.warn("Opções inválidas descartadas:",t)}return e}handleKeydownOnInput(r){switch(r.key){case"Tab":this.closeSelect();break;case"ArrowDown":r.preventDefault();if(!this.isExpanded){this.openSelect()}this.focusItemInDirection("next");break;case"ArrowUp":r.preventDefault();if(!this.isExpanded){this.openSelect()}this.focusItemInDirection("previous");break;case"Escape":this.closeSelect();this.resetFocus();break;case"Enter":this.toggleOpen();break}}handleKeydownOnList(r){r.preventDefault();switch(r.key){case"Tab":case"Escape":this.resetFocus();break;case"ArrowUp":this.focusItemInDirection("previous");break;case"ArrowDown":this.focusItemInDirection("next");break}}handleKeydownOnItem(r,e){if(r.key==="Enter"||r.key===" "){r.preventDefault();this.handleSelection(e)}else if(r.key==="Escape"){this.closeSelect()}}handleSelectAllKeyDown(r){if(r.key==="Enter"||r.key===" "){r.preventDefault();this.toggleSelectAll()}else if(r.key==="Escape"){r.preventDefault();this.closeSelect()}}resetFocus(){const r=this.el.shadowRoot.querySelector("br-input");r.focus()}focusItemInDirection(r){let e=this.parsedOptions.length;if(this.isMultiple)e+=1;this.focusedIndex=r==="next"?(this.focusedIndex+1)%e:(this.focusedIndex-1+e)%e;this.focusItem(this.focusedIndex)}focusItem(r){const e=this.el.shadowRoot.querySelectorAll(".br-item");const t=e[r];t.focus()}openSelect(){this.isExpanded=true}closeSelect(){this.isExpanded=false}handleSelection(r){if(r<0||r>=this.parsedOptions.length){return}if(this.isMultiple){this.parsedOptions[r].selected=!this.parsedOptions[r].selected}else{this.parsedOptions.forEach((r=>r.selected=false));this.parsedOptions[r].selected=true;this.isExpanded=false}this.updateSelectedOptions();this.emitSelectedOptions();this.updateSelectedAllState()}updateSelectedOptions(){this.inputValue=this.getStringValue(this.parsedOptions.filter((r=>r.selected)))}getStringValue(r){if(r.length>0){const e=r[0].label||r[0].value;if(this.isMultiple){const t=r.length>1?` + (${r.length-1})`:"";return`${e}${t}`}else{return e}}return""}emitSelectedOptions(){const r=this.parsedOptions.filter((r=>r.selected===true)).map((r=>{var e;return(e=r.label)!==null&&e!==void 0?e:r.value}));this.brDidSelectChange.emit(r)}updateSelectedAllState(){const r=this.parsedOptions.every((r=>r.selected));this.isAllSelected=r}toggleSelectAll(){if(this.isAllSelected){this.parsedOptions.forEach((r=>r.selected=false));this.isAllSelected=false}else{this.parsedOptions.forEach((r=>r.selected=true));this.isAllSelected=true}this.updateSelectedOptions();this.emitSelectedOptions()}renderInput(){return t("br-input",{value:this.inputValue,label:this.label,placeholder:this.placeholder,readonly:true,onClick:()=>this.toggleOpen(),onKeyDown:r=>this.handleKeydownOnInput(r)},this.showSearchIcon&&t("br-icon",{slot:"icon","icon-name":"fa-solid:search","aria-hidden":"true"}),t("br-icon",{slot:"action","icon-name":this.isExpanded?"fa-solid:angle-up":"fa-solid:angle-down",height:"16","aria-hidden":"true"}))}renderSelectAllCheckbox(){return t("div",{class:`br-item highlighted ${this.isAllSelected?"selected":""}`,"data-all":"data-all",tabindex:"-1",role:"option","aria-selected":this.isAllSelected,onKeyDown:r=>this.handleSelectAllKeyDown(r)},t("br-checkbox",{name:`checkbox-${this.idDefault}`,label:this.isAllSelected?this.unselectAllLabel:this.selectAllLabel,checked:this.isAllSelected,onBrDidCheckedChange:()=>this.toggleSelectAll()}))}renderOptions(){return this.parsedOptions.map(((r,e)=>t("div",{class:`br-item ${r.selected?"selected":""}`,key:`${r.label}-${this.idDefault}`,role:"option",tabindex:this.focusedIndex===e?0:-1,"aria-selected":r.selected,onClick:()=>this.handleSelection(e),onKeyDown:r=>this.handleKeydownOnItem(r,e)},this.isMultiple?t("br-checkbox",{name:`checkbox-${e}-${this.idDefault}`,label:r.label||r.value,checked:r.selected===true,onBrDidCheckedChange:()=>this.handleSelection(e)}):t("br-radio",{exportparts:"radio-input, radio-label",name:`radio-${e}-${this.idDefault}`,label:r.label||r.value,checked:r.selected===true,onBrDidChange:()=>this.handleSelection(e)}))))}getComputedId(){var r;return((r=this.customId)===null||r===void 0?void 0:r.length)>0?this.customId:`br-select-${this.idDefault}`}async toggleOpen(){this.isExpanded=!this.isExpanded}getCssClassMap(){return{"br-select":true}}render(){return t("div",Object.assign({key:"aa32a5bf8e476ba29de8cf6fb6d6f440902ffade",class:this.getCssClassMap()},this.inheritedAttributes,{id:this.getComputedId()}),this.renderInput(),this.isExpanded&&t("br-list",{key:"b430614ce4b013b2f10416bd987cda6569b5458a",tabindex:-1,onKeyDown:r=>this.handleKeydownOnList(r)},this.isMultiple&&this.renderSelectAllCheckbox(),this.renderOptions()))}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{options:["synchronizeSelect"]}}};c.style=s;export{c as br_select};
6
+ //# sourceMappingURL=p-6bfb8eb6.entry.js.map