@gov-design-system-ce/components 0.0.36 → 0.0.38

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 (490) hide show
  1. package/dist/cjs/{constants-245999e7.js → constants-ff12205f.js} +1 -1
  2. package/dist/cjs/constants-ff12205f.js.map +1 -0
  3. package/dist/cjs/core.cjs.js +1 -1
  4. package/dist/cjs/{form-62c6a8c6.js → form-f68d13c6.js} +2 -2
  5. package/dist/cjs/form-f68d13c6.js.map +1 -0
  6. package/dist/cjs/gov-accordion.cjs.entry.js +2 -2
  7. package/dist/cjs/gov-alert.cjs.entry.js +2 -2
  8. package/dist/cjs/gov-alert.cjs.entry.js.map +1 -1
  9. package/dist/cjs/gov-app.cjs.entry.js +1122 -663
  10. package/dist/cjs/gov-app.cjs.entry.js.map +1 -1
  11. package/dist/cjs/gov-attachments_3.cjs.entry.js +2 -2
  12. package/dist/cjs/gov-backdrop.cjs.entry.js +2 -2
  13. package/dist/cjs/gov-badge.cjs.entry.js +2 -2
  14. package/dist/cjs/gov-badge.cjs.entry.js.map +1 -1
  15. package/dist/cjs/gov-breadcrumbs.cjs.entry.js +2 -2
  16. package/dist/cjs/gov-button.cjs.entry.js +4 -4
  17. package/dist/cjs/gov-button.cjs.entry.js.map +1 -1
  18. package/dist/cjs/gov-card.cjs.entry.js +2 -2
  19. package/dist/cjs/gov-control-group.cjs.entry.js +42 -0
  20. package/dist/cjs/gov-control-group.cjs.entry.js.map +1 -0
  21. package/dist/cjs/gov-dropdown.cjs.entry.js +129 -0
  22. package/dist/cjs/gov-dropdown.cjs.entry.js.map +1 -0
  23. package/dist/cjs/gov-form-checkbox.cjs.entry.js +3 -3
  24. package/dist/cjs/gov-form-control.cjs.entry.js +35 -7
  25. package/dist/cjs/gov-form-control.cjs.entry.js.map +1 -1
  26. package/dist/cjs/gov-form-file.cjs.entry.js +4 -4
  27. package/dist/cjs/gov-form-file.cjs.entry.js.map +1 -1
  28. package/dist/cjs/gov-form-input.cjs.entry.js +6 -6
  29. package/dist/cjs/gov-form-input.cjs.entry.js.map +1 -1
  30. package/dist/cjs/gov-form-label.cjs.entry.js +1 -1
  31. package/dist/cjs/gov-form-label.cjs.entry.js.map +1 -1
  32. package/dist/cjs/gov-form-multi-select.cjs.entry.js +4 -4
  33. package/dist/cjs/gov-form-multi-select.cjs.entry.js.map +1 -1
  34. package/dist/cjs/gov-form-radio.cjs.entry.js +3 -3
  35. package/dist/cjs/gov-form-search.cjs.entry.js +5 -1
  36. package/dist/cjs/gov-form-search.cjs.entry.js.map +1 -1
  37. package/dist/cjs/gov-form-select.cjs.entry.js +20 -10
  38. package/dist/cjs/gov-form-select.cjs.entry.js.map +1 -1
  39. package/dist/cjs/gov-form-switch.cjs.entry.js +3 -3
  40. package/dist/cjs/gov-icon.cjs.entry.js +2 -2
  41. package/dist/cjs/gov-modal.cjs.entry.js +2 -2
  42. package/dist/cjs/gov-nav.cjs.entry.js +2 -2
  43. package/dist/cjs/gov-pagination.cjs.entry.js +2 -2
  44. package/dist/cjs/gov-prompt.cjs.entry.js +2 -2
  45. package/dist/cjs/gov-side-nav.cjs.entry.js +2 -2
  46. package/dist/cjs/gov-skeleton.cjs.entry.js +2 -2
  47. package/dist/cjs/gov-tabs.cjs.entry.js +2 -2
  48. package/dist/cjs/gov-wizzard-item.cjs.entry.js +13 -15
  49. package/dist/cjs/gov-wizzard-item.cjs.entry.js.map +1 -1
  50. package/dist/cjs/gov-wizzard.cjs.entry.js +2 -2
  51. package/dist/cjs/index-29ac07f6.js +8 -0
  52. package/dist/cjs/loader.cjs.js +1 -1
  53. package/dist/cjs/{wcag-6efc0ab7.js → wcag-b0321f09.js} +2 -2
  54. package/dist/cjs/{wcag-6efc0ab7.js.map → wcag-b0321f09.js.map} +1 -1
  55. package/dist/cjs/{win-84bda0aa.js → win-53f637d4.js} +3 -2
  56. package/dist/cjs/win-53f637d4.js.map +1 -0
  57. package/dist/collection/collection-manifest.json +3 -1
  58. package/dist/collection/components/gov-accordion/gov-accordion-item.css +6 -0
  59. package/dist/collection/components/gov-accordion/gov-accordion.css +6 -0
  60. package/dist/collection/components/gov-alert/gov-alert.css +6 -0
  61. package/dist/collection/components/gov-alert/gov-alert.js.map +1 -1
  62. package/dist/collection/components/gov-app/gov-app.css +6 -0
  63. package/dist/collection/components/gov-app/gov-app.js +10 -8
  64. package/dist/collection/components/gov-app/gov-app.js.map +1 -1
  65. package/dist/collection/components/gov-attachments/gov-attachments-item.css +6 -0
  66. package/dist/collection/components/gov-attachments/gov-attachments.css +6 -0
  67. package/dist/collection/components/gov-backdrop/gov-backdrop.css +6 -0
  68. package/dist/collection/components/gov-badge/gov-badge.css +9 -3
  69. package/dist/collection/components/gov-badge/gov-badge.js +4 -4
  70. package/dist/collection/components/gov-badge/gov-badge.js.map +1 -1
  71. package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.css +6 -0
  72. package/dist/collection/components/gov-button/{constants.js → default/constants.js} +3 -3
  73. package/dist/collection/components/gov-button/default/constants.js.map +1 -0
  74. package/dist/collection/components/gov-button/{gov-button.css → default/gov-button.css} +6 -3
  75. package/dist/collection/components/gov-button/{gov-button.js → default/gov-button.js} +7 -7
  76. package/dist/collection/components/gov-button/default/gov-button.js.map +1 -0
  77. package/dist/collection/components/gov-button/default/gov-button.types.js.map +1 -0
  78. package/dist/collection/components/gov-button/dropdown/constants.js +10 -0
  79. package/dist/collection/components/gov-button/dropdown/constants.js.map +1 -0
  80. package/dist/collection/components/gov-button/dropdown/gov-dropdown.css +263 -0
  81. package/dist/collection/components/gov-button/dropdown/gov-dropdown.js +148 -0
  82. package/dist/collection/components/gov-button/dropdown/gov-dropdown.js.map +1 -0
  83. package/dist/collection/components/gov-button/dropdown/gov-dropdown.types.js +2 -0
  84. package/dist/collection/components/gov-button/dropdown/gov-dropdown.types.js.map +1 -0
  85. package/dist/collection/components/gov-card/gov-card.css +6 -0
  86. package/dist/collection/components/gov-container/gov-container.css +6 -0
  87. package/dist/collection/components/gov-control-group/constants.js +7 -0
  88. package/dist/collection/components/gov-control-group/constants.js.map +1 -0
  89. package/dist/collection/components/gov-control-group/gov-control-group.css +259 -0
  90. package/dist/collection/components/gov-control-group/gov-control-group.js +83 -0
  91. package/dist/collection/components/gov-control-group/gov-control-group.js.map +1 -0
  92. package/dist/collection/components/gov-cookiebar/gov-cookiebar.css +6 -0
  93. package/dist/collection/components/gov-empty/gov-empty.css +6 -0
  94. package/dist/collection/components/gov-error-code/gov-error-code.css +6 -0
  95. package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.css +6 -0
  96. package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.css +6 -0
  97. package/dist/collection/components/gov-form/control/gov-form-control.css +6 -0
  98. package/dist/collection/components/gov-form/control/gov-form-control.js +35 -10
  99. package/dist/collection/components/gov-form/control/gov-form-control.js.map +1 -1
  100. package/dist/collection/components/gov-form/file/gov-form-file.css +13 -0
  101. package/dist/collection/components/gov-form/group/gov-form-group.css +6 -0
  102. package/dist/collection/components/gov-form/input/constants.js +1 -1
  103. package/dist/collection/components/gov-form/input/constants.js.map +1 -1
  104. package/dist/collection/components/gov-form/input/gov-form-input.css +106 -50
  105. package/dist/collection/components/gov-form/input/gov-form-input.js +9 -9
  106. package/dist/collection/components/gov-form/input/gov-form-input.js.map +1 -1
  107. package/dist/collection/components/gov-form/label/gov-form-label.css +6 -0
  108. package/dist/collection/components/gov-form/label/gov-form-label.js +1 -1
  109. package/dist/collection/components/gov-form/label/gov-form-label.js.map +1 -1
  110. package/dist/collection/components/gov-form/message/gov-form-message.css +6 -0
  111. package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.css +106 -50
  112. package/dist/collection/components/gov-form/password-power/gov-form-password-power.css +6 -0
  113. package/dist/collection/components/gov-form/radio/gov-form-radio.css +6 -0
  114. package/dist/collection/components/gov-form/search/constants.js +3 -0
  115. package/dist/collection/components/gov-form/search/constants.js.map +1 -1
  116. package/dist/collection/components/gov-form/search/gov-form-search.css +12 -1
  117. package/dist/collection/components/gov-form/search/gov-form-search.js +30 -0
  118. package/dist/collection/components/gov-form/search/gov-form-search.js.map +1 -1
  119. package/dist/collection/components/gov-form/select/gov-form-select.css +106 -50
  120. package/dist/collection/components/gov-form/select/gov-form-select.js +17 -5
  121. package/dist/collection/components/gov-form/select/gov-form-select.js.map +1 -1
  122. package/dist/collection/components/gov-form/switch/gov-form-switch.css +6 -0
  123. package/dist/collection/components/gov-grid/gov-grid-item.css +6 -0
  124. package/dist/collection/components/gov-grid/gov-grid.css +6 -0
  125. package/dist/collection/components/gov-icon/gov-icon.css +6 -0
  126. package/dist/collection/components/gov-icon/list.js +10 -0
  127. package/dist/collection/components/gov-icon/list.js.map +1 -1
  128. package/dist/collection/components/gov-layout/gov-layout-column.css +6 -0
  129. package/dist/collection/components/gov-layout/gov-layout.css +6 -0
  130. package/dist/collection/components/gov-loading/loading/gov-loading.css +6 -0
  131. package/dist/collection/components/gov-loading/skeleton/gov-skeleton.css +6 -0
  132. package/dist/collection/components/gov-message/gov-message.css +6 -0
  133. package/dist/collection/components/gov-modal/gov-modal.css +6 -0
  134. package/dist/collection/components/gov-nav/gov-nav-item.css +6 -0
  135. package/dist/collection/components/gov-nav/gov-nav.css +6 -0
  136. package/dist/collection/components/gov-pagination/gov-pagination.css +6 -0
  137. package/dist/collection/components/gov-promp/gov-prompt.css +6 -0
  138. package/dist/collection/components/gov-side-nav/gov-side-nav-item.css +6 -0
  139. package/dist/collection/components/gov-side-nav/gov-side-nav.css +6 -0
  140. package/dist/collection/components/gov-spacer/gov-spacer.css +6 -0
  141. package/dist/collection/components/gov-statsbar/gov-statsbar-item.css +6 -0
  142. package/dist/collection/components/gov-statsbar/gov-statsbar.css +6 -0
  143. package/dist/collection/components/gov-stepper/gov-stepper-item.css +6 -0
  144. package/dist/collection/components/gov-stepper/gov-stepper.css +6 -0
  145. package/dist/collection/components/gov-tabs/gov-tabs-item.css +6 -0
  146. package/dist/collection/components/gov-tabs/gov-tabs.css +6 -0
  147. package/dist/collection/components/gov-tile/container/gov-tiles.css +6 -0
  148. package/dist/collection/components/gov-tile/gov-tile.css +6 -0
  149. package/dist/collection/components/gov-toast/gov-toast.css +6 -0
  150. package/dist/collection/components/gov-tooltip/gov-tooltip-content.css +6 -0
  151. package/dist/collection/components/gov-tooltip/gov-tooltip.css +6 -0
  152. package/dist/collection/components/gov-wizzard/gov-wizzard-item.css +6 -0
  153. package/dist/collection/components/gov-wizzard/gov-wizzard-item.js +29 -36
  154. package/dist/collection/components/gov-wizzard/gov-wizzard-item.js.map +1 -1
  155. package/dist/collection/components/gov-wizzard/gov-wizzard-item.types.js +2 -0
  156. package/dist/collection/components/gov-wizzard/gov-wizzard-item.types.js.map +1 -0
  157. package/dist/collection/components/gov-wizzard/gov-wizzard.css +6 -0
  158. package/dist/collection/helpers/Dom/win.js +2 -1
  159. package/dist/collection/helpers/Dom/win.js.map +1 -1
  160. package/dist/collection/pages/Alert.js +1 -1
  161. package/dist/collection/pages/Alert.js.map +1 -1
  162. package/dist/collection/pages/Button.js +65 -0
  163. package/dist/collection/pages/Button.js.map +1 -1
  164. package/dist/collection/pages/ControlGroup.js +206 -0
  165. package/dist/collection/pages/ControlGroup.js.map +1 -0
  166. package/dist/collection/pages/Forms.js +369 -206
  167. package/dist/collection/pages/Forms.js.map +1 -1
  168. package/dist/collection/pages/Tooltip.js +24 -0
  169. package/dist/collection/pages/Tooltip.js.map +1 -1
  170. package/dist/components/constants3.js +1 -1
  171. package/dist/components/constants3.js.map +1 -1
  172. package/dist/components/form.js +8 -8
  173. package/dist/components/form.js.map +1 -1
  174. package/dist/components/gov-accordion-item.js +1 -0
  175. package/dist/components/gov-accordion-item.js.map +1 -1
  176. package/dist/components/gov-accordion.js +1 -0
  177. package/dist/components/gov-accordion.js.map +1 -1
  178. package/dist/components/gov-alert.js +1 -0
  179. package/dist/components/gov-alert.js.map +1 -1
  180. package/dist/components/gov-app.js +1123 -663
  181. package/dist/components/gov-app.js.map +1 -1
  182. package/dist/components/gov-attachments-item2.js +1 -0
  183. package/dist/components/gov-attachments-item2.js.map +1 -1
  184. package/dist/components/gov-attachments2.js +1 -0
  185. package/dist/components/gov-attachments2.js.map +1 -1
  186. package/dist/components/gov-backdrop2.js +1 -0
  187. package/dist/components/gov-backdrop2.js.map +1 -1
  188. package/dist/components/gov-badge2.js +3 -2
  189. package/dist/components/gov-badge2.js.map +1 -1
  190. package/dist/components/gov-breadcrumbs.js +1 -0
  191. package/dist/components/gov-breadcrumbs.js.map +1 -1
  192. package/dist/components/gov-button2.js +3 -2
  193. package/dist/components/gov-button2.js.map +1 -1
  194. package/dist/components/gov-card.js +1 -0
  195. package/dist/components/gov-card.js.map +1 -1
  196. package/dist/components/gov-container.js +1 -0
  197. package/dist/components/gov-container.js.map +1 -1
  198. package/dist/components/gov-control-group.d.ts +11 -0
  199. package/dist/components/gov-control-group.js +58 -0
  200. package/dist/components/gov-control-group.js.map +1 -0
  201. package/dist/components/gov-cookiebar.js +1 -0
  202. package/dist/components/gov-cookiebar.js.map +1 -1
  203. package/dist/components/gov-dropdown.d.ts +11 -0
  204. package/dist/components/gov-dropdown.js +144 -0
  205. package/dist/components/gov-dropdown.js.map +1 -0
  206. package/dist/components/gov-empty.js +1 -0
  207. package/dist/components/gov-empty.js.map +1 -1
  208. package/dist/components/gov-error-code.js +1 -0
  209. package/dist/components/gov-error-code.js.map +1 -1
  210. package/dist/components/gov-form-autocomplete2.js +1 -0
  211. package/dist/components/gov-form-autocomplete2.js.map +1 -1
  212. package/dist/components/gov-form-checkbox.js +1 -0
  213. package/dist/components/gov-form-checkbox.js.map +1 -1
  214. package/dist/components/gov-form-control.js +36 -7
  215. package/dist/components/gov-form-control.js.map +1 -1
  216. package/dist/components/gov-form-file.js +2 -1
  217. package/dist/components/gov-form-file.js.map +1 -1
  218. package/dist/components/gov-form-group.js +1 -0
  219. package/dist/components/gov-form-group.js.map +1 -1
  220. package/dist/components/gov-form-input2.js +6 -5
  221. package/dist/components/gov-form-input2.js.map +1 -1
  222. package/dist/components/gov-form-label.js +2 -1
  223. package/dist/components/gov-form-label.js.map +1 -1
  224. package/dist/components/gov-form-message2.js +1 -0
  225. package/dist/components/gov-form-message2.js.map +1 -1
  226. package/dist/components/gov-form-multi-select.js +2 -1
  227. package/dist/components/gov-form-multi-select.js.map +1 -1
  228. package/dist/components/gov-form-password-power.js +1 -0
  229. package/dist/components/gov-form-password-power.js.map +1 -1
  230. package/dist/components/gov-form-radio.js +1 -0
  231. package/dist/components/gov-form-radio.js.map +1 -1
  232. package/dist/components/gov-form-search.js +9 -2
  233. package/dist/components/gov-form-search.js.map +1 -1
  234. package/dist/components/gov-form-select2.js +18 -7
  235. package/dist/components/gov-form-select2.js.map +1 -1
  236. package/dist/components/gov-form-switch.js +1 -0
  237. package/dist/components/gov-form-switch.js.map +1 -1
  238. package/dist/components/gov-grid-item.js +1 -0
  239. package/dist/components/gov-grid-item.js.map +1 -1
  240. package/dist/components/gov-grid.js +1 -0
  241. package/dist/components/gov-grid.js.map +1 -1
  242. package/dist/components/gov-icon2.js +2 -1
  243. package/dist/components/gov-icon2.js.map +1 -1
  244. package/dist/components/gov-layout-column.js +1 -0
  245. package/dist/components/gov-layout-column.js.map +1 -1
  246. package/dist/components/gov-layout.js +1 -0
  247. package/dist/components/gov-layout.js.map +1 -1
  248. package/dist/components/gov-loading.js +1 -0
  249. package/dist/components/gov-loading.js.map +1 -1
  250. package/dist/components/gov-message.js +1 -0
  251. package/dist/components/gov-message.js.map +1 -1
  252. package/dist/components/gov-modal.js +1 -0
  253. package/dist/components/gov-modal.js.map +1 -1
  254. package/dist/components/gov-nav-item.js +1 -0
  255. package/dist/components/gov-nav-item.js.map +1 -1
  256. package/dist/components/gov-nav.js +1 -0
  257. package/dist/components/gov-nav.js.map +1 -1
  258. package/dist/components/gov-pagination.js +1 -0
  259. package/dist/components/gov-pagination.js.map +1 -1
  260. package/dist/components/gov-prompt.js +1 -0
  261. package/dist/components/gov-prompt.js.map +1 -1
  262. package/dist/components/gov-side-nav-item.js +1 -0
  263. package/dist/components/gov-side-nav-item.js.map +1 -1
  264. package/dist/components/gov-side-nav.js +1 -0
  265. package/dist/components/gov-side-nav.js.map +1 -1
  266. package/dist/components/gov-skeleton.js +1 -0
  267. package/dist/components/gov-skeleton.js.map +1 -1
  268. package/dist/components/gov-spacer.js +1 -0
  269. package/dist/components/gov-spacer.js.map +1 -1
  270. package/dist/components/gov-statsbar-item.js +1 -0
  271. package/dist/components/gov-statsbar-item.js.map +1 -1
  272. package/dist/components/gov-statsbar.js +1 -0
  273. package/dist/components/gov-statsbar.js.map +1 -1
  274. package/dist/components/gov-stepper-item.js +1 -0
  275. package/dist/components/gov-stepper-item.js.map +1 -1
  276. package/dist/components/gov-stepper.js +1 -0
  277. package/dist/components/gov-stepper.js.map +1 -1
  278. package/dist/components/gov-tabs-item.js +1 -0
  279. package/dist/components/gov-tabs-item.js.map +1 -1
  280. package/dist/components/gov-tabs.js +1 -0
  281. package/dist/components/gov-tabs.js.map +1 -1
  282. package/dist/components/gov-tile.js +1 -0
  283. package/dist/components/gov-tile.js.map +1 -1
  284. package/dist/components/gov-tiles.js +1 -0
  285. package/dist/components/gov-tiles.js.map +1 -1
  286. package/dist/components/gov-toast.js +1 -0
  287. package/dist/components/gov-toast.js.map +1 -1
  288. package/dist/components/gov-tooltip-content.js +1 -0
  289. package/dist/components/gov-tooltip-content.js.map +1 -1
  290. package/dist/components/gov-tooltip.js +1 -0
  291. package/dist/components/gov-tooltip.js.map +1 -1
  292. package/dist/components/gov-wizzard-item.js +15 -17
  293. package/dist/components/gov-wizzard-item.js.map +1 -1
  294. package/dist/components/gov-wizzard.js +1 -0
  295. package/dist/components/gov-wizzard.js.map +1 -1
  296. package/dist/components/index.d.ts +3 -1
  297. package/dist/components/index.js +2 -0
  298. package/dist/components/index.js.map +1 -1
  299. package/dist/components/win.js +2 -1
  300. package/dist/components/win.js.map +1 -1
  301. package/dist/core/core.esm.js +1 -1
  302. package/dist/core/core.esm.js.map +1 -1
  303. package/dist/core/p-00c4dc0d.entry.js +2 -0
  304. package/dist/core/p-00c4dc0d.entry.js.map +1 -0
  305. package/dist/core/{p-6044a1e7.entry.js → p-02fb27e8.entry.js} +2 -2
  306. package/dist/core/p-0574a26a.entry.js +2 -0
  307. package/dist/core/{p-a423b62a.entry.js.map → p-0574a26a.entry.js.map} +1 -1
  308. package/dist/core/{p-a9c57f72.entry.js → p-070f9684.entry.js} +2 -2
  309. package/dist/core/p-0f5e2b0a.js +2 -0
  310. package/dist/core/{p-d14130ac.entry.js → p-14a475a8.entry.js} +2 -2
  311. package/dist/core/p-1c4ad772.entry.js +2 -0
  312. package/dist/core/p-1c4ad772.entry.js.map +1 -0
  313. package/dist/core/{p-3e1a1bd4.entry.js → p-22222994.entry.js} +2 -2
  314. package/dist/core/{p-54b17f4d.entry.js → p-2e2be66b.entry.js} +2 -2
  315. package/dist/core/p-2e94d2d3.entry.js +2 -0
  316. package/dist/core/p-2e94d2d3.entry.js.map +1 -0
  317. package/dist/core/p-2f0f56fc.entry.js +2 -0
  318. package/dist/core/p-2f0f56fc.entry.js.map +1 -0
  319. package/dist/core/p-304f2d62.entry.js +2 -0
  320. package/dist/core/p-304f2d62.entry.js.map +1 -0
  321. package/dist/core/p-34152b51.js +2 -0
  322. package/dist/core/p-34152b51.js.map +1 -0
  323. package/dist/core/p-34ed07f6.js +2 -0
  324. package/dist/core/p-34ed07f6.js.map +1 -0
  325. package/dist/core/{p-005bfb42.entry.js → p-3d7ea15c.entry.js} +2 -2
  326. package/dist/core/{p-cd869237.js → p-3dbf7f49.js} +2 -2
  327. package/dist/core/p-3dbf7f49.js.map +1 -0
  328. package/dist/core/{p-5e865538.entry.js → p-4c6d7b65.entry.js} +2 -2
  329. package/dist/core/{p-d37f03e0.entry.js → p-529363af.entry.js} +2 -2
  330. package/dist/core/p-58047fab.entry.js +2 -0
  331. package/dist/core/p-58047fab.entry.js.map +1 -0
  332. package/dist/core/p-60ff8457.entry.js +2 -0
  333. package/dist/core/{p-acfd00a2.entry.js.map → p-60ff8457.entry.js.map} +1 -1
  334. package/dist/core/{p-fe1ee53b.entry.js → p-63ef7826.entry.js} +2 -2
  335. package/dist/core/p-63ef7826.entry.js.map +1 -0
  336. package/dist/core/{p-42db4603.entry.js → p-65aa3b0c.entry.js} +2 -2
  337. package/dist/core/{p-75a4c838.entry.js → p-683fc65e.entry.js} +2 -2
  338. package/dist/core/{p-75a4c838.entry.js.map → p-683fc65e.entry.js.map} +1 -1
  339. package/dist/core/{p-5a2a9cde.entry.js → p-70a7e7f6.entry.js} +2 -2
  340. package/dist/core/{p-1025c6ac.entry.js → p-78f8ffb0.entry.js} +2 -2
  341. package/dist/core/{p-3da88ddb.entry.js → p-7cde4bc8.entry.js} +2 -2
  342. package/dist/core/{p-d1275fa8.entry.js → p-90330543.entry.js} +2 -2
  343. package/dist/core/p-90330543.entry.js.map +1 -0
  344. package/dist/core/{p-d9b4bc20.entry.js → p-9fbee429.entry.js} +2 -2
  345. package/dist/core/p-9fbee429.entry.js.map +1 -0
  346. package/dist/core/p-bfc5e0f7.entry.js +2 -0
  347. package/dist/core/p-bfc5e0f7.entry.js.map +1 -0
  348. package/dist/core/p-cdd12494.entry.js +2 -0
  349. package/dist/core/p-cdd12494.entry.js.map +1 -0
  350. package/dist/core/{p-41f07da7.entry.js → p-ce59c2ee.entry.js} +2 -2
  351. package/dist/core/{p-207ba616.entry.js → p-d9e28400.entry.js} +2 -2
  352. package/dist/core/{p-f7275b59.entry.js → p-ec63daab.entry.js} +2 -2
  353. package/dist/core/{p-c289af04.entry.js → p-ed1e9d01.entry.js} +2 -2
  354. package/dist/core/p-f5d42069.entry.js +2 -0
  355. package/dist/core/p-f5d42069.entry.js.map +1 -0
  356. package/dist/custom-elements/index.d.ts +12 -0
  357. package/dist/custom-elements/index.js +1 -1
  358. package/dist/custom-elements/index.js.map +1 -1
  359. package/dist/esm/{constants-45f6db4c.js → constants-5708696f.js} +2 -2
  360. package/dist/esm/constants-5708696f.js.map +1 -0
  361. package/dist/esm/core.js +1 -1
  362. package/dist/esm/{form-613741a5.js → form-2d9f68d9.js} +2 -2
  363. package/dist/esm/form-2d9f68d9.js.map +1 -0
  364. package/dist/esm/gov-accordion.entry.js +2 -2
  365. package/dist/esm/gov-alert.entry.js +2 -2
  366. package/dist/esm/gov-alert.entry.js.map +1 -1
  367. package/dist/esm/gov-app.entry.js +1122 -663
  368. package/dist/esm/gov-app.entry.js.map +1 -1
  369. package/dist/esm/gov-attachments_3.entry.js +2 -2
  370. package/dist/esm/gov-backdrop.entry.js +2 -2
  371. package/dist/esm/gov-badge.entry.js +2 -2
  372. package/dist/esm/gov-badge.entry.js.map +1 -1
  373. package/dist/esm/gov-breadcrumbs.entry.js +2 -2
  374. package/dist/esm/gov-button.entry.js +4 -4
  375. package/dist/esm/gov-button.entry.js.map +1 -1
  376. package/dist/esm/gov-card.entry.js +2 -2
  377. package/dist/esm/gov-control-group.entry.js +38 -0
  378. package/dist/esm/gov-control-group.entry.js.map +1 -0
  379. package/dist/esm/gov-dropdown.entry.js +125 -0
  380. package/dist/esm/gov-dropdown.entry.js.map +1 -0
  381. package/dist/esm/gov-form-checkbox.entry.js +3 -3
  382. package/dist/esm/gov-form-control.entry.js +35 -7
  383. package/dist/esm/gov-form-control.entry.js.map +1 -1
  384. package/dist/esm/gov-form-file.entry.js +4 -4
  385. package/dist/esm/gov-form-file.entry.js.map +1 -1
  386. package/dist/esm/gov-form-input.entry.js +6 -6
  387. package/dist/esm/gov-form-input.entry.js.map +1 -1
  388. package/dist/esm/gov-form-label.entry.js +1 -1
  389. package/dist/esm/gov-form-label.entry.js.map +1 -1
  390. package/dist/esm/gov-form-multi-select.entry.js +4 -4
  391. package/dist/esm/gov-form-multi-select.entry.js.map +1 -1
  392. package/dist/esm/gov-form-radio.entry.js +3 -3
  393. package/dist/esm/gov-form-search.entry.js +5 -1
  394. package/dist/esm/gov-form-search.entry.js.map +1 -1
  395. package/dist/esm/gov-form-select.entry.js +20 -10
  396. package/dist/esm/gov-form-select.entry.js.map +1 -1
  397. package/dist/esm/gov-form-switch.entry.js +3 -3
  398. package/dist/esm/gov-icon.entry.js +2 -2
  399. package/dist/esm/gov-modal.entry.js +2 -2
  400. package/dist/esm/gov-nav.entry.js +2 -2
  401. package/dist/esm/gov-pagination.entry.js +2 -2
  402. package/dist/esm/gov-prompt.entry.js +2 -2
  403. package/dist/esm/gov-side-nav.entry.js +2 -2
  404. package/dist/esm/gov-skeleton.entry.js +2 -2
  405. package/dist/esm/gov-tabs.entry.js +2 -2
  406. package/dist/esm/gov-wizzard-item.entry.js +13 -15
  407. package/dist/esm/gov-wizzard-item.entry.js.map +1 -1
  408. package/dist/esm/gov-wizzard.entry.js +2 -2
  409. package/dist/esm/index-b010bfb4.js +8 -0
  410. package/dist/esm/loader.js +1 -1
  411. package/dist/esm/{wcag-d588d144.js → wcag-afdfdddb.js} +2 -2
  412. package/dist/esm/{wcag-d588d144.js.map → wcag-afdfdddb.js.map} +1 -1
  413. package/dist/esm/{win-9c8460bb.js → win-7a1a8ac8.js} +3 -2
  414. package/dist/esm/win-7a1a8ac8.js.map +1 -0
  415. package/dist/hydrate/index.js +1316 -650
  416. package/dist/types/components/gov-alert/gov-alert.d.ts +1 -1
  417. package/dist/types/components/gov-app/gov-app.d.ts +9 -8
  418. package/dist/types/components/gov-badge/gov-badge.d.ts +1 -1
  419. package/dist/types/components/gov-button/{constants.d.ts → default/constants.d.ts} +3 -3
  420. package/dist/types/components/gov-button/{gov-button.d.ts → default/gov-button.d.ts} +1 -1
  421. package/dist/types/components/gov-button/{gov-button.types.d.ts → default/gov-button.types.d.ts} +1 -1
  422. package/dist/types/components/gov-button/dropdown/constants.d.ts +10 -0
  423. package/dist/types/components/gov-button/dropdown/gov-dropdown.d.ts +30 -0
  424. package/dist/types/components/gov-button/dropdown/gov-dropdown.types.d.ts +4 -0
  425. package/dist/types/components/gov-control-group/constants.d.ts +7 -0
  426. package/dist/types/components/gov-control-group/gov-control-group.d.ts +16 -0
  427. package/dist/types/components/gov-form/control/gov-form-control.d.ts +2 -1
  428. package/dist/types/components/gov-form/input/constants.d.ts +1 -1
  429. package/dist/types/components/gov-form/input/gov-form-input.d.ts +1 -2
  430. package/dist/types/components/gov-form/search/constants.d.ts +4 -0
  431. package/dist/types/components/gov-form/search/gov-form-search.d.ts +5 -0
  432. package/dist/types/components/gov-form/select/gov-form-select.d.ts +2 -0
  433. package/dist/types/components/gov-wizzard/gov-wizzard-item.d.ts +7 -8
  434. package/dist/types/components/gov-wizzard/gov-wizzard-item.types.d.ts +4 -0
  435. package/dist/types/components.d.ts +90 -7
  436. package/dist/types/helpers/Dom/win.d.ts +1 -0
  437. package/dist/types/pages/ControlGroup.d.ts +3 -0
  438. package/package.json +1 -1
  439. package/dist/cjs/constants-245999e7.js.map +0 -1
  440. package/dist/cjs/form-62c6a8c6.js.map +0 -1
  441. package/dist/cjs/win-84bda0aa.js.map +0 -1
  442. package/dist/collection/components/gov-button/constants.js.map +0 -1
  443. package/dist/collection/components/gov-button/gov-button.js.map +0 -1
  444. package/dist/collection/components/gov-button/gov-button.types.js.map +0 -1
  445. package/dist/core/p-0a300d3e.entry.js +0 -2
  446. package/dist/core/p-0a300d3e.entry.js.map +0 -1
  447. package/dist/core/p-35aadeeb.entry.js +0 -2
  448. package/dist/core/p-35aadeeb.entry.js.map +0 -1
  449. package/dist/core/p-670b4f93.js +0 -2
  450. package/dist/core/p-67982c3a.entry.js +0 -2
  451. package/dist/core/p-67982c3a.entry.js.map +0 -1
  452. package/dist/core/p-7e524b49.js +0 -2
  453. package/dist/core/p-7e524b49.js.map +0 -1
  454. package/dist/core/p-a423b62a.entry.js +0 -2
  455. package/dist/core/p-a825183a.entry.js +0 -2
  456. package/dist/core/p-a825183a.entry.js.map +0 -1
  457. package/dist/core/p-acfd00a2.entry.js +0 -2
  458. package/dist/core/p-bbc765ca.entry.js +0 -2
  459. package/dist/core/p-bbc765ca.entry.js.map +0 -1
  460. package/dist/core/p-c20102ff.js +0 -2
  461. package/dist/core/p-c20102ff.js.map +0 -1
  462. package/dist/core/p-cd869237.js.map +0 -1
  463. package/dist/core/p-d1275fa8.entry.js.map +0 -1
  464. package/dist/core/p-d9b4bc20.entry.js.map +0 -1
  465. package/dist/core/p-e4bb6114.entry.js +0 -2
  466. package/dist/core/p-e4bb6114.entry.js.map +0 -1
  467. package/dist/core/p-e6904513.entry.js +0 -2
  468. package/dist/core/p-e6904513.entry.js.map +0 -1
  469. package/dist/core/p-fe1ee53b.entry.js.map +0 -1
  470. package/dist/esm/constants-45f6db4c.js.map +0 -1
  471. package/dist/esm/form-613741a5.js.map +0 -1
  472. package/dist/esm/win-9c8460bb.js.map +0 -1
  473. /package/dist/collection/components/gov-button/{gov-button.types.js → default/gov-button.types.js} +0 -0
  474. /package/dist/core/{p-6044a1e7.entry.js.map → p-02fb27e8.entry.js.map} +0 -0
  475. /package/dist/core/{p-a9c57f72.entry.js.map → p-070f9684.entry.js.map} +0 -0
  476. /package/dist/core/{p-670b4f93.js.map → p-0f5e2b0a.js.map} +0 -0
  477. /package/dist/core/{p-d14130ac.entry.js.map → p-14a475a8.entry.js.map} +0 -0
  478. /package/dist/core/{p-3e1a1bd4.entry.js.map → p-22222994.entry.js.map} +0 -0
  479. /package/dist/core/{p-54b17f4d.entry.js.map → p-2e2be66b.entry.js.map} +0 -0
  480. /package/dist/core/{p-005bfb42.entry.js.map → p-3d7ea15c.entry.js.map} +0 -0
  481. /package/dist/core/{p-5e865538.entry.js.map → p-4c6d7b65.entry.js.map} +0 -0
  482. /package/dist/core/{p-d37f03e0.entry.js.map → p-529363af.entry.js.map} +0 -0
  483. /package/dist/core/{p-42db4603.entry.js.map → p-65aa3b0c.entry.js.map} +0 -0
  484. /package/dist/core/{p-5a2a9cde.entry.js.map → p-70a7e7f6.entry.js.map} +0 -0
  485. /package/dist/core/{p-1025c6ac.entry.js.map → p-78f8ffb0.entry.js.map} +0 -0
  486. /package/dist/core/{p-3da88ddb.entry.js.map → p-7cde4bc8.entry.js.map} +0 -0
  487. /package/dist/core/{p-41f07da7.entry.js.map → p-ce59c2ee.entry.js.map} +0 -0
  488. /package/dist/core/{p-207ba616.entry.js.map → p-d9e28400.entry.js.map} +0 -0
  489. /package/dist/core/{p-f7275b59.entry.js.map → p-ec63daab.entry.js.map} +0 -0
  490. /package/dist/core/{p-c289af04.entry.js.map → p-ed1e9d01.entry.js.map} +0 -0
@@ -0,0 +1,2 @@
1
+ import{r as o,c as t,h as i,H as r,g as s}from"./p-4af5e4f4.js";import{g as n,a as e}from"./p-3f37ddb6.js";import{c as a}from"./p-24636c53.js";import{B as d}from"./p-3dbf7f49.js";import"./p-55500e5a.js";import"./p-ff7365ae.js";import"./p-03990da5.js";const p={triggerEvents:"click",exclude:""};function c(o,t,i,r=p){const s=g(r);h(r).forEach((r=>{window.addEventListener(r,(r=>{l(r,o,t,i,s)}),false)}))}function l(o,t,i,r,s){const n=o.target;if(!i.contains(n)&&!f(n,s)){r.call(t)}}function h(o){if(o.triggerEvents){return o.triggerEvents.split(",").map((o=>o.trim()))}return["click"]}function g(o){if(o.exclude){try{return Array.from(document.querySelectorAll(o.exclude))}catch(t){console.warn(`@ClickOutside: Exclude: '${o.exclude}' will not be evaluated. Check your exclude selector syntax.`,t)}}return}function f(o,t){if(o&&t){for(let i of t){if(i.contains(o)){return true}}}return false}var u;(function(o){o["LEFT"]="left";o["RIGHT"]="right"})(u||(u={}));const m={root:"gov-dropdown",list:"gov-dropdown__list"};const v=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-dropdown{position:relative}.gov-dropdown__list{position:absolute;left:0;z-index:100}.gov-dropdown ul{padding:0.25rem;border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-dropdown-bg-color, var(--gov-color-neutral-white));box-shadow:var(--gov-dropdown-box-shadow, 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1))}.gov-dropdown li{margin:0;white-space:nowrap}.gov-dropdown li::before{content:none}.gov-dropdown li>*{width:100%}.gov-dropdown li>* .element{justify-content:space-between;width:100%;padding:0.5rem !important;font-weight:400 !important}.gov-dropdown[position=right] .gov-dropdown__list{right:0;left:initial}";const w=class{constructor(i){o(this,i);this.govChange=t(this,"gov-change",7);this.open=false;this.position=u.LEFT;this.h=n(this.host);this.listId=a("GovDropdownList");this.controlId=a("GovDropdownControl")}componentWillLoad(){if(this.trigger){this.trigger.setAttribute("wcag-controls",this.listId);this.trigger.setAttribute("wcag-has-popup",e(!!this.list));this.trigger.setAttribute("identifier",this.controlId);this.trigger.addEventListener("gov-click",(o=>{o.preventDefault();o.stopPropagation();this.open=!this.open;this.govChange.emit({component:m.root,originalEvent:o,open:this.open})}))}}get trigger(){return this.host.querySelector(`* > ${d.root}`)}get list(){return this.h.getSlot("list")}render(){return i(r,{class:this.h.classes([m.root]),open:this.open,position:this.position},i("slot",null),i("div",{ref:o=>c(this,o,(()=>this.open=false)),class:m.list,id:this.listId,"aria-labelledby":this.controlId,"aria-hidden":e(!this.open),hidden:!this.open},i("slot",{name:"list"})))}async getState(){return this.open}get host(){return s(this)}};w.style=v;export{w as gov_dropdown};
2
+ //# sourceMappingURL=p-2f0f56fc.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../node_modules/stencil-click-outside/dist/esm/index.js","../../../packages/core/src/components/gov-button/dropdown/constants.ts","../../../packages/core/src/components/gov-button/dropdown/gov-dropdown.scss?tag=gov-dropdown","../../../packages/core/src/components/gov-button/dropdown/gov-dropdown.tsx"],"names":["ClickOutsideOptionsDefaults","triggerEvents","exclude","registerClickOutside","component","element","callback","opt","excludedNodes","getExcludedNodes","getTriggerEvents","forEach","triggerEvent","window","addEventListener","e","initClickOutside","event","target","contains","isExcluded","call","split","map","trim","Array","from","document","querySelectorAll","err","console","warn","excudedNodes","excludedNode","Position","DropdownClass","root","list","govDropdownCss","GovDropdown","[object Object]","hostRef","LEFT","this","h","govHost","host","listId","createID","controlId","trigger","setAttribute","toBoolAttr","preventDefault","stopPropagation","open","govChange","emit","originalEvent","querySelector","ButtonClass","getSlot","Host","class","classes","position","ref","el","id","aria-labelledby","aria-hidden","hidden","name"],"mappings":"2PACA,MAAMA,EAA8B,CAChCC,cAAe,QACfC,QAAS,IA2CN,SAASC,EAAqBC,EAAWC,EAASC,EAAUC,EAAMP,GACrE,MAAMQ,EAAgBC,EAAiBF,GACvCG,EAAiBH,GAAKI,SAAQC,IAC1BC,OAAOC,iBAAiBF,GAAeG,IACnCC,EAAiBD,EAAGX,EAAWC,EAASC,EAAUE,KACnD,UAaX,SAASQ,EAAiBC,EAAOb,EAAWC,EAASC,EAAUE,GAC3D,MAAMU,EAASD,EAAMC,OACrB,IAAKb,EAAQc,SAASD,KAAYE,EAAWF,EAAQV,GAAgB,CACjEF,EAASe,KAAKjB,IAGtB,SAASM,EAAiBH,GACtB,GAAIA,EAAIN,cAAe,CACnB,OAAOM,EAAIN,cAAcqB,MAAM,KAAKC,KAAIR,GAAKA,EAAES,SAEnD,MAAO,CAAC,SAEZ,SAASf,EAAiBF,GACtB,GAAIA,EAAIL,QAAS,CACb,IACI,OAAOuB,MAAMC,KAAKC,SAASC,iBAAiBrB,EAAIL,UAEpD,MAAO2B,GACHC,QAAQC,KAAK,4BAA4BxB,EAAIL,sEAAuE2B,IAG5H,OAEJ,SAAST,EAAWF,EAAQc,GACxB,GAAId,GAAUc,EAAc,CACxB,IAAK,IAAIC,KAAgBD,EAAc,CACnC,GAAIC,EAAad,SAASD,GAAS,CAC/B,OAAO,OAInB,OAAO,MC7FX,IAAYgB,GAAZ,SAAYA,GACXA,EAAA,QAAA,OACAA,EAAA,SAAA,SAFD,CAAYA,IAAAA,EAAQ,KAOb,MAAMC,EAAgB,CAC5BC,KAAM,eACNC,KAAM,sBCXP,MAAMC,EAAiB,29BCcVC,EAAW,MAKvBC,YAAAC,6DAUgC,oBAIUP,EAASQ,KAblDC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,OAASC,EAAS,mBACvBL,KAAKM,UAAYD,EAAS,sBAiB3BR,oBACC,GAAIG,KAAKO,QAAS,CACjBP,KAAKO,QAAQC,aAAa,gBAAiBR,KAAKI,QAChDJ,KAAKO,QAAQC,aAAa,iBAAkBC,IAAaT,KAAKN,OAC9DM,KAAKO,QAAQC,aAAa,aAAcR,KAAKM,WAE7CN,KAAKO,QAAQpC,iBAAiB,aAAcC,IAC3CA,EAAEsC,iBACFtC,EAAEuC,kBACFX,KAAKY,MAAQZ,KAAKY,KAElBZ,KAAKa,UAAUC,KAAK,CACnBrD,UAAW+B,EAAcC,KACzBsB,cAAe3C,EACfwC,KAAMZ,KAAKY,WAMfL,cACC,OAAOP,KAAKG,KAAKa,cAAc,OAAOC,EAAYxB,QAGnDC,WACC,OAAOM,KAAKC,EAAEiB,QAAQ,QAGvBrB,SACC,OACCI,EAACkB,EAAI,CAACC,MAAOpB,KAAKC,EAAEoB,QAAQ,CAAC7B,EAAcC,OAAQmB,KAAMZ,KAAKY,KAAMU,SAAUtB,KAAKsB,UAClFrB,EAAA,OAAA,MACAA,EAAA,MAAA,CACCsB,IAAKC,GAAMhE,EAAqBwC,KAAMwB,GAAI,IAAMxB,KAAKY,KAAO,QAC5DQ,MAAO5B,EAAcE,KACrB+B,GAAIzB,KAAKI,OAAMsB,kBACE1B,KAAKM,UAASqB,cAClBlB,GAAYT,KAAKY,MAC9BgB,QAAS5B,KAAKY,MACdX,EAAA,OAAA,CAAM4B,KAAK,WAUfhC,iBACC,OAAOG,KAAKY","sourcesContent":["import { Build as BUILD, getElement } from '@stencil/core';\nconst ClickOutsideOptionsDefaults = {\n triggerEvents: \"click\",\n exclude: \"\"\n};\n/**\n * Call this function as soon as the click outside of annotated method's host is done.\n * @example\n```\n@ClickOutside()\ncallback() {\n // this will run when click outside of element (host component) is done.\n}\n```\n */\nexport function ClickOutside(opt = ClickOutsideOptionsDefaults) {\n return (proto, methodName) => {\n // this is to resolve the 'compiler optimization issue':\n // lifecycle events not being called when not explicitly declared in at least one of components from bundle\n BUILD.connectedCallback = true;\n BUILD.disconnectedCallback = true;\n const { connectedCallback, disconnectedCallback } = proto;\n proto.connectedCallback = function () {\n const host = getElement(this);\n const method = this[methodName];\n registerClickOutside(this, host, method, opt);\n return connectedCallback && connectedCallback.call(this);\n };\n proto.disconnectedCallback = function () {\n const host = getElement(this);\n const method = this[methodName];\n removeClickOutside(this, host, method, opt);\n return disconnectedCallback && disconnectedCallback.call(this);\n };\n };\n}\n/**\n * Register callback function for HTMLElement to be executed when user clicks outside of element.\n * @example\n```\n<span\n ref={spanEl => registerClickOutside(this, spanEl, () => this.test())}>\n Hello, World!\n</span>;\n```\n */\nexport function registerClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {\n const excludedNodes = getExcludedNodes(opt);\n getTriggerEvents(opt).forEach(triggerEvent => {\n window.addEventListener(triggerEvent, (e) => {\n initClickOutside(e, component, element, callback, excludedNodes);\n }, false);\n });\n}\n/**\n * Remove click outside callback function for HTMLElement.\n */\nexport function removeClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {\n getTriggerEvents(opt).forEach(triggerEvent => {\n window.removeEventListener(triggerEvent, (e) => {\n initClickOutside(e, component, element, callback);\n }, false);\n });\n}\nfunction initClickOutside(event, component, element, callback, excludedNodes) {\n const target = event.target;\n if (!element.contains(target) && !isExcluded(target, excludedNodes)) {\n callback.call(component);\n }\n}\nfunction getTriggerEvents(opt) {\n if (opt.triggerEvents) {\n return opt.triggerEvents.split(\",\").map(e => e.trim());\n }\n return [\"click\"];\n}\nfunction getExcludedNodes(opt) {\n if (opt.exclude) {\n try {\n return Array.from(document.querySelectorAll(opt.exclude));\n }\n catch (err) {\n console.warn(`@ClickOutside: Exclude: '${opt.exclude}' will not be evaluated. Check your exclude selector syntax.`, err);\n }\n }\n return;\n}\nfunction isExcluded(target, excudedNodes) {\n if (target && excudedNodes) {\n for (let excludedNode of excudedNodes) {\n if (excludedNode.contains(target)) {\n return true;\n }\n }\n }\n return false;\n}\n","import { ValueOf } from \"../../../types/interfaces\"\n\nexport enum Position {\n\tLEFT = 'left',\n\tRIGHT = 'right',\n}\n\nexport type PositionType = `${ValueOf<typeof Position>}`\n\nexport const DropdownClass = {\n\troot: 'gov-dropdown',\n\tlist: 'gov-dropdown__list'\n}\n","/*\n * Dropdown\n */\n\n$class: \".gov-dropdown\";\n\n#{$class} {\n\tposition: relative;\n\n\t&__list {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tz-index: 100;\n\t}\n\tul {\n\t\tpadding: rem-calc(4);\n\t\tborder-radius: $border-radius;\n\t\tbackground-color: $dropdown-bg-color;\n\t\tbox-shadow: $dropdown-box-shadow;\n\t}\n\tli {\n\t\tmargin: 0;\n\t\twhite-space: nowrap;\n\t\t&::before {\n\t\t\tcontent: none;\n\t\t}\n\t\t> * {\n\t\t\twidth: 100%;\n\t\t}\n\t\t> * .element {\n\t\t\tjustify-content: space-between;\n\t\t\twidth: 100%;\n\t\t\tpadding: rem-calc(8) !important;\n\t\t\tfont-weight: 400 !important;\n\t\t}\n\t}\n\t&[position=\"right\"] {\n\t\t#{$class}__list {\n\t\t\tright: 0;\n\t\t\tleft: initial;\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop } from \"@stencil/core\"\nimport { registerClickOutside } from 'stencil-click-outside'\nimport { govHost, toBoolAttr } from \"../../../helpers/Dom/template\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { Nullable } from \"../../../types/interfaces\"\nimport { createID } from \"../../../utils/string.utils\"\nimport { ButtonClass } from \"../default/constants\"\nimport { DropdownClass, Position, PositionType } from \"./constants\"\nimport { DropdownEvent } from \"./gov-dropdown.types\"\n\n@Component({\n\ttag: \"gov-dropdown\",\n\tstyleUrl: \"gov-dropdown.scss\",\n})\nexport class GovDropdown {\n\tprivate h: GovHost\n\tprivate readonly listId: string\n\tprivate readonly controlId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.listId = createID(\"GovDropdownList\")\n\t\tthis.controlId = createID(\"GovDropdownControl\")\n\t}\n\n\t@Element() host: HTMLGovButtonElement\n\t/**\n\t * Dropdown open state\n\t */\n\t@Prop({ mutable: true }) open = false\n\t/**\n\t * Menu display position\n\t */\n\t@Prop() readonly position: PositionType = Position.LEFT\n\t/**\n\t * Emitted when the dropdown change state\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<DropdownEvent>\n\n\tcomponentWillLoad() {\n\t\tif (this.trigger) {\n\t\t\tthis.trigger.setAttribute(\"wcag-controls\", this.listId)\n\t\t\tthis.trigger.setAttribute(\"wcag-has-popup\", toBoolAttr(!!this.list))\n\t\t\tthis.trigger.setAttribute(\"identifier\", this.controlId)\n\n\t\t\tthis.trigger.addEventListener(\"gov-click\", (e) => {\n\t\t\t\te.preventDefault()\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.open = !this.open\n\n\t\t\t\tthis.govChange.emit({\n\t\t\t\t\tcomponent: DropdownClass.root,\n\t\t\t\t\toriginalEvent: e,\n\t\t\t\t\topen: this.open,\n\t\t\t\t})\n\t\t\t})\n\t\t}\n\t}\n\n\tget trigger() {\n\t\treturn this.host.querySelector(`* > ${ButtonClass.root}`) as HTMLGovButtonElement\n\t}\n\n\tget list() {\n\t\treturn this.h.getSlot(\"list\") as Nullable<HTMLUListElement>\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes([DropdownClass.root])} open={this.open} position={this.position}>\n\t\t\t\t<slot></slot>\n\t\t\t\t<div\n\t\t\t\t\tref={el => registerClickOutside(this, el, () => this.open = false)}\n\t\t\t\t\tclass={DropdownClass.list}\n\t\t\t\t\tid={this.listId}\n\t\t\t\t\taria-labelledby={this.controlId}\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\thidden={!this.open}>\n\t\t\t\t\t<slot name=\"list\"></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync getState() {\n\t\treturn this.open\n\t}\n}\n"]}
@@ -0,0 +1,2 @@
1
+ import{r as e,c as o,h as t,H as r,g as i}from"./p-4af5e4f4.js";import{g as s,a as l,t as a}from"./p-3f37ddb6.js";import{g as c,n,o as v,p as g}from"./p-34ed07f6.js";import{v as m}from"./p-26acf964.js";import{b as f,c as d}from"./p-0f5e2b0a.js";import{c as h}from"./p-34152b51.js";import{c as p}from"./p-24636c53.js";import{d as u}from"./p-03990da5.js";import"./p-55500e5a.js";import"./p-ff7365ae.js";import"./p-6278531b.js";import"./p-9dab01be.js";import"./p-3464136c.js";import"./p-561fa17b.js";const z='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-select{position:relative;display:flex;width:100%;align-items:center}.gov-form-select .element{position:relative;display:flex;flex:1 1 auto}.gov-form-select input,.gov-form-select select,.gov-form-select textarea{width:100%;border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white));font-family:var(--gov-font-family, "Roboto", sans-serif)}.gov-form-select input:focus,.gov-form-select select:focus,.gov-form-select textarea:focus{outline:none}.gov-form-select input:focus-visible,.gov-form-select select:focus-visible,.gov-form-select textarea:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-select input::-moz-placeholder,.gov-form-select select::-moz-placeholder,.gov-form-select textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-select input::placeholder,.gov-form-select select::placeholder,.gov-form-select textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-select textarea{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);padding:0.5rem 0.75rem;resize:none}.gov-form-select *[slot=left-icon],.gov-form-select *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;transform:translateY(-50%);pointer-events:none}.gov-form-select *[slot=left-icon]{left:0}.gov-form-select *[slot=right-icon]{right:0}[size=s].gov-form-select{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);gap:0.5rem var(--gov-form-input-core-s-icon-size, 1rem)}[size=s].gov-form-select input,[size=s].gov-form-select select{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);height:var(--gov-form-input-core-s-height, 2rem);padding:var(--gov-form-input-core-s-padding, 0.25rem 0.75rem)}[size=s].gov-form-select *[slot=left-icon],[size=s].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-s-icon-size, 1rem);height:var(--gov-form-input-core-s-icon-size, 1rem)}[size=s].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-s-icon-padding, 2rem) - var(--gov-form-input-core-s-icon-size, 1rem)) / 2)}[size=s].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-s-icon-padding, 2rem)}[size=s].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-s-icon-padding, 2rem) - var(--gov-form-input-core-s-icon-size, 1rem)) / 2)}[size=s].gov-form-select *[slot=right-icon]~input,[size=s].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-s-icon-padding, 2rem)}[size=m].gov-form-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-select input,[size=m].gov-form-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-m-height, 2.5rem);padding:var(--gov-form-input-core-m-padding, 0.4375rem 0.75rem)}[size=m].gov-form-select *[slot=left-icon],[size=m].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-m-icon-size, 1rem);height:var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=m].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-select *[slot=right-icon]~input,[size=m].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=l].gov-form-select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);gap:0.5rem var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-select input,[size=l].gov-form-select select{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);height:var(--gov-form-input-core-l-height, 3rem);padding:var(--gov-form-input-core-l-padding, 0.6875rem 0.75rem)}[size=l].gov-form-select *[slot=left-icon],[size=l].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-l-icon-size, 1rem);height:var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=l].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-select *[slot=right-icon]~input,[size=l].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=xl].gov-form-select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-select input,[size=xl].gov-form-select select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);height:var(--gov-form-input-core-xl-height, 3.5rem);padding:var(--gov-form-input-core-xl-padding, 0.9375rem 1rem 0.875rem)}[size=xl].gov-form-select *[slot=left-icon],[size=xl].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-xl-icon-size, 1.25rem);height:var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-xl-icon-padding, 3rem)}[size=xl].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-select *[slot=right-icon]~input,[size=xl].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-xl-icon-padding, 3rem)}[variant=primary].gov-form-select input,[variant=primary].gov-form-select select,[variant=primary].gov-form-select textarea{color:var(--gov-form-input-color-primary, var(--gov-color-secondary-700));border:var(--gov-form-input-border-primary, 0.0625rem solid var(--gov-color-primary-600))}[variant=primary].gov-form-select *[slot=left-icon],[variant=primary].gov-form-select *[slot=right-icon]{color:var(--gov-form-input-icon-color-primary, var(--gov-color-primary))}[variant=secondary].gov-form-select input,[variant=secondary].gov-form-select select,[variant=secondary].gov-form-select textarea{color:var(--gov-form-input-color-secondary, var(--gov-color-secondary-700));border:var(--gov-form-input-border-secondary, 0.0625rem solid var(--gov-color-secondary-700))}[variant=secondary].gov-form-select *[slot=left-icon],[variant=secondary].gov-form-select *[slot=right-icon]{color:var(--gov-form-input-icon-color-secondary, var(--gov-color-primary))}[disabled=""].gov-form-select,[disabled=true i].gov-form-select,[disabled="1"].gov-form-select{pointer-events:none}[disabled=""].gov-form-select input,[disabled=""].gov-form-select select,[disabled=""].gov-form-select textarea,[disabled=true i].gov-form-select input,[disabled=true i].gov-form-select select,[disabled=true i].gov-form-select textarea,[disabled="1"].gov-form-select input,[disabled="1"].gov-form-select select,[disabled="1"].gov-form-select textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=""].gov-form-select *[slot=left-icon],[disabled=""].gov-form-select *[slot=right-icon],[disabled=true i].gov-form-select *[slot=left-icon],[disabled=true i].gov-form-select *[slot=right-icon],[disabled="1"].gov-form-select *[slot=left-icon],[disabled="1"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[invalid=""].gov-form-select input,[invalid=""].gov-form-select select,[invalid=""].gov-form-select textarea,[invalid=true i].gov-form-select input,[invalid=true i].gov-form-select select,[invalid=true i].gov-form-select textarea,[invalid="1"].gov-form-select input,[invalid="1"].gov-form-select select,[invalid="1"].gov-form-select textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=""].gov-form-select input::-moz-placeholder,[invalid=""].gov-form-select select::-moz-placeholder,[invalid=""].gov-form-select textarea::-moz-placeholder,[invalid=true i].gov-form-select input::-moz-placeholder,[invalid=true i].gov-form-select select::-moz-placeholder,[invalid=true i].gov-form-select textarea::-moz-placeholder,[invalid="1"].gov-form-select input::-moz-placeholder,[invalid="1"].gov-form-select select::-moz-placeholder,[invalid="1"].gov-form-select textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-select input::placeholder,[invalid=""].gov-form-select select::placeholder,[invalid=""].gov-form-select textarea::placeholder,[invalid=true i].gov-form-select input::placeholder,[invalid=true i].gov-form-select select::placeholder,[invalid=true i].gov-form-select textarea::placeholder,[invalid="1"].gov-form-select input::placeholder,[invalid="1"].gov-form-select select::placeholder,[invalid="1"].gov-form-select textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-select *[slot=left-icon],[invalid=""].gov-form-select *[slot=right-icon],[invalid=true i].gov-form-select *[slot=left-icon],[invalid=true i].gov-form-select *[slot=right-icon],[invalid="1"].gov-form-select *[slot=left-icon],[invalid="1"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error))}[success=""].gov-form-select *[slot=right-icon],[success=true i].gov-form-select *[slot=right-icon],[success="1"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=""].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success="1"].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}.gov-form-select{background:none}.gov-form-select select{-webkit-appearance:none;-moz-appearance:none}.gov-form-select select::-ms-expand{display:none}[size=m].gov-form-select *[slot=right-icon]{right:var(--gov-form-select-m-arrow-right-position, 1rem);width:var(--gov-form-select-m-arrow-size, 0.5rem);height:var(--gov-form-select-m-arrow-size, 0.5rem)}[size=l].gov-form-select *[slot=right-icon]{right:var(--gov-form-select-l-arrow-right-position, 1rem);width:var(--gov-form-select-l-arrow-size, 0.5rem);height:var(--gov-form-select-l-arrow-size, 0.5rem)}[size=xl].gov-form-select *[slot=right-icon]{right:var(--gov-form-select-xl-arrow-right-position, 1.3125rem);width:var(--gov-form-select-xl-arrow-size, 0.625rem);height:var(--gov-form-select-xl-arrow-size, 0.625rem)}';const x=class{constructor(t){e(this,t);this.govFocus=o(this,"gov-focus",7);this.govBlur=o(this,"gov-blur",7);this.govChange=o(this,"gov-change",7);this.value=undefined;this.identifier=undefined;this.variant=undefined;this.size="m";this.name=undefined;this.required=false;this.disabled=undefined;this.invalid=undefined;this.wcagActiveDescendant=undefined;this.wcagControls=undefined;this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.wcagOwns=undefined;this.focused=undefined;this.h=s(this.host);this.f=c(this.h);this.selectId=p("GovSelect")}validateVariant(e){m(v,e,n.root)}validateSize(e){m(g,e,n.root)}watchDisabled(){this.passControlAttrs()}watchValue(){this.markSelectedValue()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("disabled",l(this.disabled));this.f.passAttrToControl("invalid",l(this.invalid));this.f.passAttrToControl("type","select")}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size);this.markSelectedValue();this.passControlAttrs();this.f.passAttrToLabel("required",String(this.required))}async componentDidRender(){if(h()){await u(500);await this.validateWcag()}}markSelectedValue(){this.host.querySelectorAll("option").forEach((e=>{if(e.value===this.value){e.setAttribute("selected","selected")}else{e.removeAttribute("selected")}}))}render(){return t(r,{class:n.root,size:this.size,variant:this.variant},this.h.hasSlot("prefix")&&t("slot",{name:"prefix"}),t("span",{class:"element"},t("gov-icon",{slot:"right-icon",name:"chevron-down"}),t("select",{id:this.identifier||this.selectId,onFocus:this.onFocusHandler.bind(this),onChange:this.onChangeHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,name:this.name,disabled:this.disabled,ref:e=>this.selectRef=e,"aria-disabled":a(this.disabled),"aria-activedescendant":this.wcagActiveDescendant,"aria-controls":this.wcagControls,"aria-required":a(this.required),"aria-invalid":a(this.invalid),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-owns":this.wcagOwns},t("slot",null))),this.h.hasSlot("sufix")&&t("slot",{name:"sufix"}))}onFocusHandler(e){this.focused=true;this.govFocus.emit({component:n.root,originalEvent:e,value:this.value})}onBlurHandler(e){this.focused=false;this.govBlur.emit({component:n.root,originalEvent:e,value:this.value})}onChangeHandler(e){this.value=e.target.value;e.stopPropagation();this.govChange.emit({component:n.root,originalEvent:e,value:this.value})}async setFocus(e){return this.selectRef.focus(e)}async setValue(e){this.value=e}async getRef(){return this.selectRef}async validateWcag(){f(this.wcagActiveDescendant,"wcag-active-descendant",n.root);f(this.wcagControls,"wcag-controls",n.root);f(this.wcagDescribedBy,"wcag-described-by",n.root);f(this.wcagOwns,"wcag-owns",n.root);d(this.identifier||this.selectId,this.wcagLabelledBy,n.root)}get host(){return i(this)}static get watchers(){return{variant:["validateVariant"],size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"],value:["watchValue"]}}};x.style=z;export{x as gov_form_select};
2
+ //# sourceMappingURL=p-304f2d62.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../packages/core/src/components/gov-form/select/gov-form-select.scss?tag=gov-form-select","../../../packages/core/src/components/gov-form/select/gov-form-select.tsx"],"names":["govFormSelectCss","GovFormSelect","[object Object]","hostRef","this","h","govHost","host","f","govForm","selectId","createID","newValue","validateProp","FormSelectVariants","FormSelectClass","root","FormSelectSizes","passControlAttrs","markSelectedValue","passAttrToControl","size","toBoolAttr","disabled","invalid","validateVariant","variant","validateSize","passAttrToLabel","String","required","canValidateWcagOnRender","delay","validateWcag","querySelectorAll","forEach","option","value","setAttribute","removeAttribute","Host","class","hasSlot","name","slot","id","identifier","onFocus","onFocusHandler","bind","onChange","onChangeHandler","onBlur","onBlurHandler","ref","el","selectRef","aria-disabled","toBoolAttrIfDefined","aria-activedescendant","wcagActiveDescendant","aria-controls","wcagControls","aria-required","aria-invalid","aria-describedby","wcagDescribedBy","aria-labelledby","wcagLabelledBy","aria-owns","wcagOwns","e","focused","govFocus","emit","component","originalEvent","govBlur","target","stopPropagation","govChange","options","focus","validateWcagRef","validateWcagLabelFor"],"mappings":"ifAAA,MAAMA,EAAmB,k/YCuBZC,EAAa,MAOzBC,YAAAC,yMAsB8C,sCAST,iOA9BpCC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,EAAIC,EAAQL,KAAKC,GACtBD,KAAKM,SAAWC,EAAS,aAyE1BT,gBAAgBU,GACfC,EAAaC,EAAoBF,EAAUG,EAAgBC,MAI5Dd,aAAaU,GACZC,EAAaI,EAAiBL,EAAUG,EAAgBC,MAMzDd,gBACCE,KAAKc,mBAINhB,aACCE,KAAKe,oBAGEjB,mBACPE,KAAKI,EAAEY,kBAAkB,OAAQhB,KAAKiB,MACtCjB,KAAKI,EAAEY,kBAAkB,WAAYE,EAAWlB,KAAKmB,WACrDnB,KAAKI,EAAEY,kBAAkB,UAAWE,EAAWlB,KAAKoB,UACpDpB,KAAKI,EAAEY,kBAAkB,OAAQ,UAGlClB,oBACCE,KAAKqB,gBAAgBrB,KAAKsB,SAC1BtB,KAAKuB,aAAavB,KAAKiB,MAEvBjB,KAAKe,oBACLf,KAAKc,mBACLd,KAAKI,EAAEoB,gBAAgB,WAAYC,OAAOzB,KAAK0B,WAGhD5B,2BACC,GAAI6B,IAA2B,OACxBC,EAAM,WACN5B,KAAK6B,gBAIL/B,oBACPE,KAAKG,KAAK2B,iBAAiB,UAAUC,SAASC,IAC7C,GAAIA,EAAOC,QAAUjC,KAAKiC,MAAO,CAChCD,EAAOE,aAAa,WAAY,gBAC1B,CACNF,EAAOG,gBAAgB,gBAK1BrC,SACC,OACCG,EAACmC,EAAI,CAACC,MAAO1B,EAAgBC,KAAMK,KAAMjB,KAAKiB,KAAMK,QAAStB,KAAKsB,SAChEtB,KAAKC,EAAEqC,QAAQ,WAAarC,EAAA,OAAA,CAAMsC,KAAK,WACxCtC,EAAA,OAAA,CAAMoC,MAAM,WACXpC,EAAA,WAAA,CAAUuC,KAAK,aAAaD,KAAK,iBACjCtC,EAAA,SAAA,CACCwC,GAAIzC,KAAK0C,YAAc1C,KAAKM,SAC5BqC,QAAS3C,KAAK4C,eAAeC,KAAK7C,MAClC8C,SAAU9C,KAAK+C,gBAAgBF,KAAK7C,MACpCgD,OAAQhD,KAAKiD,cAAcJ,KAAK7C,MAChC0B,SAAU1B,KAAK0B,SACfa,KAAMvC,KAAKuC,KACXpB,SAAUnB,KAAKmB,SACf+B,IAAKC,GAAOnD,KAAKoD,UAAYD,EAAwBE,gBACtCC,EAAoBtD,KAAKmB,UAASoC,wBAC1BvD,KAAKwD,qBAAoBC,gBACjCzD,KAAK0D,aAAYC,gBACjBL,EAAoBtD,KAAK0B,UAASkC,eACnCN,EAAoBtD,KAAKoB,SAAQyC,mBAC7B7D,KAAK8D,gBAAeC,kBACrB/D,KAAKgE,eAAcC,YACzBjE,KAAKkE,UAEhBjE,EAAA,OAAA,QAGDD,KAAKC,EAAEqC,QAAQ,UAAYrC,EAAA,OAAA,CAAMsC,KAAK,WAKlCzC,eAAeqE,GACtBnE,KAAKoE,QAAU,KACfpE,KAAKqE,SAASC,KAAK,CAClBC,UAAW5D,EAAgBC,KAC3B4D,cAAeL,EACflC,MAAOjC,KAAKiC,QAINnC,cAAcqE,GACrBnE,KAAKoE,QAAU,MACfpE,KAAKyE,QAAQH,KAAK,CACjBC,UAAW5D,EAAgBC,KAC3B4D,cAAeL,EACflC,MAAOjC,KAAKiC,QAINnC,gBAAgBqE,GACvBnE,KAAKiC,MAASkC,EAAEO,OAA6BzC,MAC7CkC,EAAEQ,kBACF3E,KAAK4E,UAAUN,KAAK,CACnBC,UAAW5D,EAAgBC,KAC3B4D,cAAeL,EACflC,MAAOjC,KAAKiC,QAQdnC,eAAe+E,GACd,OAAO7E,KAAKoD,UAAU0B,MAAMD,GAO7B/E,eAAemC,GACdjC,KAAKiC,MAAQA,EAOdnC,eACC,OAAOE,KAAKoD,UAObtD,qBACCiF,EAAgB/E,KAAKwD,qBAAsB,yBAA0B7C,EAAgBC,MACrFmE,EAAgB/E,KAAK0D,aAAc,gBAAiB/C,EAAgBC,MACpEmE,EAAgB/E,KAAK8D,gBAAiB,oBAAqBnD,EAAgBC,MAC3EmE,EAAgB/E,KAAKkE,SAAU,YAAavD,EAAgBC,MAC5DoE,EAAqBhF,KAAK0C,YAAc1C,KAAKM,SAAUN,KAAKgE,eAAgBrD,EAAgBC","sourcesContent":["/*\n * Select\n */\n\n@import \"../select/gov-form-select-core.scss\";\n\n$class: \".gov-form-select\";\n\n#{$class} {\n\t@extend %form-select-core;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { govHost, toBoolAttr, toBoolAttrIfDefined } from \"../../../helpers/Dom/template\"\nimport {\n\tFormSelectClass,\n\tFormSelectSizes,\n\tFormSelectSizesType,\n\tFormSelectVariants,\n\tFormSelectVariantType,\n} from \"./constants\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { validateWcagLabelFor, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { createID } from \"../../../utils/string.utils\"\nimport { delay } from \"../../../utils/utils\"\nimport { GovForm } from \"../../../helpers/Dom/form.types\"\nimport { govForm } from \"../../../helpers/Dom/form\"\nimport { FormSelectEvent } from \"./gov-form-select.types\"\n\n@Component({\n\ttag: \"gov-form-select\",\n\tstyleUrl: \"gov-form-select.scss\",\n})\nexport class GovFormSelect {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\tprivate selectRef?: HTMLSelectElement\n\n\tprivate readonly selectId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t\tthis.selectId = createID(\"GovSelect\")\n\t}\n\n\t@Element() host: HTMLGovFormSelectElement\n\t/**\n\t * Value of select\n\t */\n\t@Prop({ reflect: true, mutable: true }) value: string\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Style variation of the form select.\n\t */\n\t@Prop() readonly variant?: FormSelectVariantType\n\t/**\n\t * Select’s size.\n\t */\n\t@Prop() readonly size?: FormSelectSizesType = \"m\"\n\t/**\n\t * Name of the select.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the select component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a related component’s visually focused element.\n\t */\n\t@Prop({ attribute: \"wcag-active-descendant\" }) readonly wcagActiveDescendant: string\n\t/**\n\t * Use this prop to add an aria-controls attribute. Use the attribute to indicate the id of a component controlled by this component.\n\t */\n\t@Prop({ attribute: \"wcag-controls\" }) readonly wcagControls: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-owns\" }) readonly wcagOwns: string\n\t/**\n\t * Emitted when the select has focus.\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<FormSelectEvent>\n\t/**\n\t * Emitted when the select loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<FormSelectEvent>\n\t/**\n\t * Emitted when the select change value.\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<FormSelectEvent>\n\t@State() focused: boolean\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(FormSelectVariants, newValue, FormSelectClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormSelectSizes, newValue, FormSelectClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"size\")\n\twatchDisabled(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@Watch(\"value\")\n\twatchValue(): void {\n\t\tthis.markSelectedValue()\n\t}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", \"select\")\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\n\t\tthis.markSelectedValue()\n\t\tthis.passControlAttrs()\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tprivate markSelectedValue() {\n\t\tthis.host.querySelectorAll(\"option\").forEach((option: HTMLOptionElement) => {\n\t\t\tif (option.value === this.value) {\n\t\t\t\toption.setAttribute(\"selected\", \"selected\")\n\t\t\t} else {\n\t\t\t\toption.removeAttribute(\"selected\")\n\t\t\t}\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormSelectClass.root} size={this.size} variant={this.variant}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t\t\t<select\n\t\t\t\t\t\tid={this.identifier || this.selectId}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tref={el => (this.selectRef = el as HTMLSelectElement)}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\taria-activedescendant={this.wcagActiveDescendant}\n\t\t\t\t\t\taria-controls={this.wcagControls}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\taria-owns={this.wcagOwns}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</select>\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.value = (e.target as HTMLSelectElement).value\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.selectRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Returns an instance of the native html select element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLSelectElement> {\n\t\treturn this.selectRef\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcagActiveDescendant, \"wcag-active-descendant\", FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagControls, \"wcag-controls\", FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagDescribedBy, \"wcag-described-by\", FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagOwns, \"wcag-owns\", FormSelectClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.selectId, this.wcagLabelledBy, FormSelectClass.root)\n\t}\n}\n"]}
@@ -0,0 +1,2 @@
1
+ import{a as n}from"./p-03990da5.js";const o=typeof window!=="undefined";const t=t=>o&&window&&n(t,window);const s=()=>{const n={canValidateWcagOnRender:false,iconsPath:"./assets/icons",documentNode:document?document:null};const o=t("GOV_DS_CONFIG");if(o){return Object.assign(Object.assign({},n),o)}return n};const c=()=>s().canValidateWcagOnRender;const e=()=>s().iconsPath;const a=()=>s().documentNode;export{c,a as d,e as i};
2
+ //# sourceMappingURL=p-34152b51.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../packages/core/src/helpers/Dom/win.ts"],"names":["isWindow","window","getWindowProperty","name","property","config","defaultConfig","canValidateWcagOnRender","iconsPath","documentNode","document","windowProperty","Object","assign"],"mappings":"oCAQO,MAAMA,SAAkBC,SAAW,YAE1C,MAAMC,EAAwBC,GAAyCH,GAAYC,QAAUG,EAASD,EAA6BF,QAEnI,MAAMI,EAAS,KACd,MAAMC,EAAyB,CAC9BC,wBAAyB,MACzBC,UAAW,iBACXC,aAAcC,SAAWA,SAAW,MAGrC,MAAMC,EAAiBT,EAA2B,iBAClD,GAAIS,EAAgB,CACnB,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,GAAYP,GAAkBK,GAG/B,OAAOL,SAGKC,EAA0B,IAA0CF,IAASE,8BAC7EC,EAAY,IAA4BH,IAASG,gBACjDC,EAAe,IAA+BJ,IAASI","sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\ticonsPath: string\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> | undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\ticonsPath: './assets/icons',\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n"]}
@@ -0,0 +1,2 @@
1
+ import{S as o}from"./p-55500e5a.js";import{p as t}from"./p-03990da5.js";import{V as r}from"./p-ff7365ae.js";import{F as s}from"./p-6278531b.js";import{F as e}from"./p-9dab01be.js";import{F as i}from"./p-3464136c.js";const n=t(o,["_XS","_S","_M","_L"]);const a={root:"gov-form-checkbox",check:"gov-form-checkbox__check"};t(o,["_M","_L","_XL"]);const c={root:"gov-form-control",holder:"gov-form-control__holder",bottom:"gov-form-control__bottom"};const m=t(o,["_S","_M","_L","_XL"]);const _=t(r,["PRIMARY","SECONDARY"]);var f;(function(o){o["COLOR"]="color";o["DATE"]="date";o["DATETIME_LOCAL"]="datetime-local";o["EMAIL"]="email";o["MONTH"]="month";o["NUMBER"]="number";o["PASSWORD"]="password";o["SEARCH"]="search";o["TEL"]="tel";o["TEXT"]="text";o["TIME"]="time";o["URL"]="url";o["WEEK"]="week"})(f||(f={}));var l;(function(o){o["RESET"]="reset"})(l||(l={}));const h={root:"gov-form-input"};const g=t(o,["_M","_L","_XL"]);const p=t(r,["PRIMARY","SECONDARY"]);const u={root:"gov-form-select",icon:"gov-form-select__icon"};const v=t(o,["_M","_L","_XL"]);const d=t(r,["PRIMARY","SECONDARY"]);const L={root:"gov-form-multi-select",wrap:"gov-form-multi-select__wrap",list:"gov-form-multi-select__list",item:"gov-form-multi-select__item"};const b=t(o,["_XS","_S","_M","_L"]);const S={root:"gov-form-switch",holder:"gov-form-switch__holder",input:"gov-form-switch__input",indicator:"gov-form-switch__indicator"};const A=t(o,["_XS","_S","_M","_L"]);const M={root:"gov-form-radio",holder:"gov-form-radio__holder",input:"gov-form-radio__input",indicator:"gov-form-radio__indicator"};const R=o=>({get govHost(){return o},passAttrToControl(o,t){if(this.control){this.control.setAttribute(o,t)}},passAttrToLabel(o,t){if(this.label){this.label.setAttribute(o,t)}},get hasGroupChildren(){if(this.control){return this.control.querySelectorAll("gov-form-group > *").length>1}return false},get control(){if(this.govHost.name===c.root){return this.govHost.hostElement}return this.govHost.getParent(c.root)},get label(){const o=this.govHost.hostElement.querySelector(`.${i.root}`);if(o){return o}if(this.control){return this.control.querySelector(`.${i.root}`)}return null},get mainElementsInControl(){const o=[u.root,h.root,S.root,a.root,M.root,L.root,e.root];if(this.control){const t=o.map((o=>`${o}:first-of-type`)).join(", ");return Array.from(this.control.querySelectorAll(t))}return[]},get messageElements(){if(this.control){return Array.from(this.control.querySelectorAll(s.root))}return[]}});export{a as F,n as a,c as b,L as c,d,v as e,M as f,R as g,A as h,S as i,b as j,h as k,_ as l,m,u as n,p as o,g as p};
2
+ //# sourceMappingURL=p-34ed07f6.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../packages/core/src/components/gov-form/checkbox/constants.ts","../../../packages/core/src/components/gov-form/control/constants.ts","../../../packages/core/src/components/gov-form/input/constants.ts","../../../packages/core/src/components/gov-form/select/constants.ts","../../../packages/core/src/components/gov-form/multiselect/constants.ts","../../../packages/core/src/components/gov-form/switch/constants.ts","../../../packages/core/src/components/gov-form/radio/constants.ts","../../../packages/core/src/helpers/Dom/form.ts"],"names":["FormCheckboxSizes","pick","Sizes","FormCheckboxClass","root","check","FormControlClass","holder","bottom","FormInputSizes","FormInputVariants","Variants","InputTypes","Type","FormInputClass","FormSelectSizes","FormSelectVariants","FormSelectClass","icon","FormMultiselectSizes","FormMultiselectVariants","FormMultiSelectClass","wrap","list","item","FormSwitchSizes","FormSwitchClass","input","indicator","FormRadioSizes","FormRadioClass","govForm","govHost","[object Object]","name","value","this","control","setAttribute","label","hasGroupChildren","querySelectorAll","length","hostElement","getParent","innerLabel","querySelector","FormLabelClass","mainElementsInControl","formElements","FormAutocompleteClass","elements","map","el","join","Array","from","messageElements","FormMessageClass"],"mappings":"8NAIaA,EAAoBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,aAGpDC,EAAoB,CAChCC,KAAM,oBACNC,MAAO,4BCLwBJ,EAAKC,EAAO,CAAC,KAAM,KAAM,cAG5CI,EAAmB,CAC/BF,KAAM,mBACNG,OAAQ,2BACRC,OAAQ,kCCLIC,EAAiBR,EAAKC,EAAO,CAAC,KAAM,KAAM,KAAM,cAGhDQ,EAAoBT,EAAKU,EAAU,CAAC,UAAW,cAG5D,IAAYC,GAAZ,SAAYA,GACXA,EAAA,SAAA,QACAA,EAAA,QAAA,OACAA,EAAA,kBAAA,iBACAA,EAAA,SAAA,QACAA,EAAA,SAAA,QACAA,EAAA,UAAA,SACAA,EAAA,YAAA,WACAA,EAAA,UAAA,SACAA,EAAA,OAAA,MACAA,EAAA,QAAA,OACAA,EAAA,QAAA,OACAA,EAAA,OAAA,MACAA,EAAA,QAAA,QAbD,CAAYA,IAAAA,EAAU,KAkBtB,IAAYC,GAAZ,SAAYA,GACXA,EAAA,SAAA,SADD,CAAYA,IAAAA,EAAI,WAMHC,EAAiB,CAC7BV,KAAM,wBC/BMW,EAAkBd,EAAKC,EAAO,CAAC,KAAM,KAAM,cAG3Cc,EAAqBf,EAAKU,EAAU,CAAC,UAAW,oBAGhDM,EAAkB,CAC9Bb,KAAM,kBACNc,KAAM,+BCRMC,EAAuBlB,EAAKC,EAAO,CAAC,KAAM,KAAM,cAGhDkB,EAA0BnB,EAAKU,EAAU,CAAC,UAAW,oBAGrDU,EAAuB,CACnCjB,KAAM,wBACNkB,KAAM,8BACNC,KAAM,8BACNC,KAAM,qCCXMC,EAAkBxB,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,aAGlDwB,EAAkB,CAC9BtB,KAAM,kBACNG,OAAQ,0BACRoB,MAAO,yBACPC,UAAW,oCCPCC,EAAiB5B,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,aAGjD4B,EAAiB,CAC7B1B,KAAM,iBACNG,OAAQ,yBACRoB,MAAO,wBACPC,UAAW,mCCGCG,EAAWC,IAChB,CACNA,cACC,OAAOA,GAERC,kBAAkBC,EAAcC,GAC/B,GAAIC,KAAKC,QAAS,CACjBD,KAAKC,QAAQC,aAAaJ,EAAMC,KAGlCF,gBAAgBC,EAAcC,GAC7B,GAAIC,KAAKG,MAAO,CACfH,KAAKG,MAAMD,aAAaJ,EAAMC,KAGhCK,uBACC,GAAIJ,KAAKC,QAAS,CACjB,OAAOD,KAAKC,QAAQI,iBAAiB,sBAAsBC,OAAS,EAErE,OAAO,OAERL,cACC,GAAID,KAAKJ,QAAQE,OAAS5B,EAAiBF,KAAM,CAChD,OAAOgC,KAAKJ,QAAQW,YAErB,OAAOP,KAAKJ,QAAQY,UAAUtC,EAAiBF,OAEhDmC,YACC,MAAMM,EAAaT,KAAKJ,QAAQW,YAAYG,cAAc,IAAIC,EAAe3C,QAC7E,GAAGyC,EAAY,CACd,OAAOA,EAER,GAAIT,KAAKC,QAAS,CACjB,OAAOD,KAAKC,QAAQS,cAAc,IAAIC,EAAe3C,QAEtD,OAAO,MAER4C,4BACC,MAAMC,EAAe,CACpBhC,EAAgBb,KAChBU,EAAeV,KACfsB,EAAgBtB,KAChBD,EAAkBC,KAClB0B,EAAe1B,KACfiB,EAAqBjB,KACrB8C,EAAsB9C,MAEvB,GAAIgC,KAAKC,QAAS,CACjB,MAAMc,EAAWF,EAAaG,KAAIC,GAAM,GAAGA,oBAAoBC,KAAK,MACpE,OAAOC,MAAMC,KAAKpB,KAAKC,QAAQI,iBAAiBU,IAEjD,MAAO,IAERM,sBACC,GAAIrB,KAAKC,QAAS,CACjB,OAAOkB,MAAMC,KAAKpB,KAAKC,QAAQI,iBAAiBiB,EAAiBtD,OAElE,MAAO","sourcesContent":["import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormCheckboxSizes = pick(Sizes, ['_XS', '_S', '_M', '_L'])\nexport type FormCheckboxSizesType = `${ValueOf<typeof FormCheckboxSizes>}`\n\nexport const FormCheckboxClass = {\n\troot: 'gov-form-checkbox',\n\tcheck: 'gov-form-checkbox__check',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormControlSizes = pick(Sizes, ['_M', '_L', '_XL'])\nexport type FormControlSizesType = `${ValueOf<typeof FormControlSizes>}`\n\nexport const FormControlClass = {\n\troot: 'gov-form-control',\n\tholder: 'gov-form-control__holder',\n\tbottom: 'gov-form-control__bottom',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { Variants } from '../../../core/constants/variants'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const FormInputSizes = pick(Sizes, ['_S', '_M', '_L', '_XL'])\nexport type FormInputSizesType = `${ValueOf<typeof FormInputSizes>}`\n\nexport const FormInputVariants = pick(Variants, ['PRIMARY', 'SECONDARY'])\nexport type FormInputVariantType = `${ValueOf<typeof FormInputVariants>}`\n\nexport enum InputTypes {\n\tCOLOR = 'color',\n\tDATE = 'date',\n\tDATETIME_LOCAL = 'datetime-local',\n\tEMAIL = 'email',\n\tMONTH = 'month',\n\tNUMBER = 'number',\n\tPASSWORD = 'password',\n\tSEARCH = 'search',\n\tTEL = 'tel',\n\tTEXT = 'text',\n\tTIME = 'time',\n\tURL = 'url',\n\tWEEK = 'week',\n}\n\nexport type InputType = `${ValueOf<typeof InputTypes>}`\n\nexport enum Type {\n\tRESET = 'reset',\n}\n\nexport type TypesType = `${ValueOf<typeof Type>}`\n\nexport const FormInputClass = {\n\troot: 'gov-form-input',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { Variants } from '../../../core/constants/variants'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormSelectSizes = pick(Sizes, ['_M', '_L', '_XL'])\nexport type FormSelectSizesType = `${ValueOf<typeof FormSelectSizes>}`\n\nexport const FormSelectVariants = pick(Variants, ['PRIMARY', 'SECONDARY'])\nexport type FormSelectVariantType = `${ValueOf<typeof FormSelectVariants>}`\n\nexport const FormSelectClass = {\n\troot: 'gov-form-select',\n\ticon: 'gov-form-select__icon',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { Variants } from '../../../core/constants/variants'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormMultiselectSizes = pick(Sizes, ['_M', '_L', '_XL'])\nexport type FormMultiselectSizesType = `${ValueOf<typeof FormMultiselectSizes>}`\n\nexport const FormMultiselectVariants = pick(Variants, ['PRIMARY', 'SECONDARY'])\nexport type FormMultiselectVariantType = `${ValueOf<typeof FormMultiselectVariants>}`\n\nexport const FormMultiSelectClass = {\n\troot: 'gov-form-multi-select',\n\twrap: 'gov-form-multi-select__wrap',\n\tlist: 'gov-form-multi-select__list',\n\titem: 'gov-form-multi-select__item',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const FormSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L'])\nexport type FormSwitchSizesType = `${ValueOf<typeof FormSwitchSizes>}`\n\nexport const FormSwitchClass = {\n\troot: 'gov-form-switch',\n\tholder: 'gov-form-switch__holder',\n\tinput: 'gov-form-switch__input',\n\tindicator: 'gov-form-switch__indicator',\n}\n","import { Sizes } from '../../../core/constants/sizes'\nimport { pick } from '../../../utils/utils'\nimport { ValueOf } from '../../../types/interfaces'\n\nexport const FormRadioSizes = pick(Sizes, ['_XS', '_S', '_M', '_L'])\nexport type FormRadioSizesType = `${ValueOf<typeof FormRadioSizes>}`\n\nexport const FormRadioClass = {\n\troot: 'gov-form-radio',\n\tholder: 'gov-form-radio__holder',\n\tinput: 'gov-form-radio__input',\n\tindicator: 'gov-form-radio__indicator',\n}\n","import { GovHost } from './template.types'\nimport { GovForm } from './form.types'\nimport { FormControlClass } from '../../components/gov-form/control/constants'\nimport { FormInputClass } from '../../components/gov-form/input/constants'\nimport { FormSelectClass } from '../../components/gov-form/select/constants'\nimport { FormMultiSelectClass } from '../../components/gov-form/multiselect/constants'\nimport { FormSwitchClass } from '../../components/gov-form/switch/constants'\nimport { FormCheckboxClass } from '../../components/gov-form/checkbox/constants'\nimport { FormRadioClass } from '../../components/gov-form/radio/constants'\nimport { FormMessageClass } from '../../components/gov-form/message/constants'\nimport { FormAutocompleteClass } from '../../components/gov-form/autocomplete/constants'\nimport { Nullable } from '../../types/interfaces'\nimport { FormLabelClass } from \"../../components/gov-form/label/constants\"\n\nexport const govForm = (govHost: GovHost): GovForm => {\n\treturn {\n\t\tget govHost(): GovHost {\n\t\t\treturn govHost\n\t\t},\n\t\tpassAttrToControl(name: string, value: string): void {\n\t\t\tif (this.control) {\n\t\t\t\tthis.control.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tpassAttrToLabel(name: string, value: string): void {\n\t\t\tif (this.label) {\n\t\t\t\tthis.label.setAttribute(name, value)\n\t\t\t}\n\t\t},\n\t\tget hasGroupChildren(): boolean {\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelectorAll('gov-form-group > *').length > 1\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tget control(): Nullable<HTMLGovFormControlElement> {\n\t\t\tif (this.govHost.name === FormControlClass.root) {\n\t\t\t\treturn this.govHost.hostElement\n\t\t\t}\n\t\t\treturn this.govHost.getParent(FormControlClass.root)\n\t\t},\n\t\tget label(): Nullable<HTMLGovFormLabelElement> {\n\t\t\tconst innerLabel = this.govHost.hostElement.querySelector(`.${FormLabelClass.root}`)\n\t\t\tif(innerLabel) {\n\t\t\t\treturn innerLabel\n\t\t\t}\n\t\t\tif (this.control) {\n\t\t\t\treturn this.control.querySelector(`.${FormLabelClass.root}`)\n\t\t\t}\n\t\t\treturn null\n\t\t},\n\t\tget mainElementsInControl(): Element[] {\n\t\t\tconst formElements = [\n\t\t\t\tFormSelectClass.root,\n\t\t\t\tFormInputClass.root,\n\t\t\t\tFormSwitchClass.root,\n\t\t\t\tFormCheckboxClass.root,\n\t\t\t\tFormRadioClass.root,\n\t\t\t\tFormMultiSelectClass.root,\n\t\t\t\tFormAutocompleteClass.root,\n\t\t\t]\n\t\t\tif (this.control) {\n\t\t\t\tconst elements = formElements.map(el => `${el}:first-of-type`).join(', ')\n\t\t\t\treturn Array.from(this.control.querySelectorAll(elements))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tget messageElements(): HTMLGovFormMessageElement[] {\n\t\t\tif (this.control) {\n\t\t\t\treturn Array.from(this.control.querySelectorAll(FormMessageClass.root))\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t}\n}\n"]}
@@ -1,2 +1,2 @@
1
- import{r as o,h as r,H as e,g as a}from"./p-4af5e4f4.js";import{p as s,d as n}from"./p-03990da5.js";import{V as t}from"./p-ff7365ae.js";import{g as i}from"./p-3f37ddb6.js";import{v as g}from"./p-26acf964.js";import{c as l}from"./p-c20102ff.js";import{v}from"./p-670b4f93.js";import"./p-561fa17b.js";import"./p-24636c53.js";const c=s(t,["PRIMARY","SECONDARY","SUCCESS","ERROR","WARNING"]);var d;(function(o){o["CIRCLE"]="circle";o["REACT"]="rect";o["TEXT"]="text"})(d||(d={}));var k;(function(o){o["PULSE"]="pulse";o["PROGRESS"]="progress";o["FALSE"]="false"})(k||(k={}));const p={root:"gov-skeleton",loader:"gov-skeleton__loader"};const u=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-skeleton__loader{position:relative;display:inline-block;width:var(--gov-skeleton-width, 100%);height:var(--gov-skeleton-height, 20px);border-radius:var(--gov-skeleton-border-radius, var(--gov-border-radius, 0.1875rem));outline:none;overflow:hidden;box-sizing:border-box;will-change:transform}.gov-skeleton__loader+.gov-skeleton__loader{margin-top:var(--gov-skeleton-margin-top, 8px)}.gov-skeleton__loader.circle{width:var(--gov-skeleton-circle-size, 60px);height:var(--gov-skeleton-circle-size, 60px);border-radius:var(--gov-skeleton-circle-radius, 50%)}.gov-skeleton__loader.rect{border-radius:var(--gov-skeleton-rect-radius, 0)}.gov-skeleton__loader.progress{background-size:200px 100%;animation:progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite}.gov-skeleton__loader.pulse{animation:pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;animation-delay:0.5s}@media (prefers-reduced-motion: reduce){.gov-skeleton__loader.pulse,.gov-skeleton__loader.progress{background-image:none;animation:none}}.gov-skeleton[variant=warning] .gov-skeleton__loader{background-color:var(--gov-skeleton-warning-background, var(--gov-color-warning-100));background-repeat:no-repeat}.gov-skeleton[variant=warning] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-warning-background, var(--gov-color-warning-100)), var(--gov-skeleton-warning-foreground, var(--gov-color-warning-200)), var(--gov-skeleton-warning-background, var(--gov-color-warning-100)))}.gov-skeleton[variant=error] .gov-skeleton__loader{background-color:var(--gov-skeleton-error-background, var(--gov-color-error-100));background-repeat:no-repeat}.gov-skeleton[variant=error] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-error-background, var(--gov-color-error-100)), var(--gov-skeleton-error-foreground, var(--gov-color-error-200)), var(--gov-skeleton-error-background, var(--gov-color-error-100)))}.gov-skeleton[variant=secondary] .gov-skeleton__loader{background-color:var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300));background-repeat:no-repeat}.gov-skeleton[variant=secondary] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300)), var(--gov-skeleton-secondary-foreground, var(--gov-color-secondary-100)), var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300)))}.gov-skeleton[variant=success] .gov-skeleton__loader{background-color:var(--gov-skeleton-success-background, var(--gov-color-success-100));background-repeat:no-repeat}.gov-skeleton[variant=success] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-success-background, var(--gov-color-success-100)), var(--gov-skeleton-success-foreground, var(--gov-color-success-200)), var(--gov-skeleton-success-background, var(--gov-color-success-100)))}.gov-skeleton[variant=primary] .gov-skeleton__loader{background-color:var(--gov-skeleton-primary-background, var(--gov-color-primary-100));background-repeat:no-repeat}.gov-skeleton[variant=primary] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-primary-background, var(--gov-color-primary-100)), var(--gov-skeleton-primary-foreground, var(--gov-color-primary-200)), var(--gov-skeleton-primary-background, var(--gov-color-primary-100)))}";const m=class{constructor(r){o(this,r);this.items=[];this.variant="secondary";this.count=1;this.shape="text";this.width=null;this.height=null;this.animation="progress";this.wcagLabel=undefined;this.h=i(this.host)}validateVariant(o){g(c,o,p.root)}validateShape(o){g(d,o,p.root)}validateAnimation(o){g(k,o,p.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateShape(this.shape);this.validateAnimation(this.animation);this.init()}componentWillUpdate(){this.init()}async componentDidRender(){if(l()){await n(500);await this.validateWcag()}}init(){this.items.length=this.count;this.items.fill(1)}get style(){const o={width:null,height:null};if(this.width){o.width=this.width}if(this.height){o.height=this.height}return Object.assign({},o)}render(){return r(e,{class:this.h.classes(p.root),variant:this.variant},this.items.map(((o,e)=>r("span",{key:e,class:{circle:this.shape==="circle",rect:this.shape==="rect",progress:this.animation==="progress",pulse:this.animation==="pulse",[p.loader]:true},"aria-busy":"true","aria-valuemin":"0","aria-valuemax":"100","aria-valuetext":this.wcagLabel,role:"progressbar",tabindex:"0",style:this.style}))))}async validateWcag(){v(this.wcagLabel,undefined,p.root)}get host(){return a(this)}static get watchers(){return{variant:["validateVariant"],shape:["validateShape"],animation:["validateAnimation"]}}};m.style=u;export{m as gov_skeleton};
2
- //# sourceMappingURL=p-005bfb42.entry.js.map
1
+ import{r as o,h as r,H as e,g as a}from"./p-4af5e4f4.js";import{p as s,d as n}from"./p-03990da5.js";import{V as t}from"./p-ff7365ae.js";import{g as i}from"./p-3f37ddb6.js";import{v as g}from"./p-26acf964.js";import{c as l}from"./p-34152b51.js";import{v}from"./p-0f5e2b0a.js";import"./p-561fa17b.js";import"./p-24636c53.js";const c=s(t,["PRIMARY","SECONDARY","SUCCESS","ERROR","WARNING"]);var d;(function(o){o["CIRCLE"]="circle";o["REACT"]="rect";o["TEXT"]="text"})(d||(d={}));var k;(function(o){o["PULSE"]="pulse";o["PROGRESS"]="progress";o["FALSE"]="false"})(k||(k={}));const p={root:"gov-skeleton",loader:"gov-skeleton__loader"};const u=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-skeleton__loader{position:relative;display:inline-block;width:var(--gov-skeleton-width, 100%);height:var(--gov-skeleton-height, 20px);border-radius:var(--gov-skeleton-border-radius, var(--gov-border-radius, 0.1875rem));outline:none;overflow:hidden;box-sizing:border-box;will-change:transform}.gov-skeleton__loader+.gov-skeleton__loader{margin-top:var(--gov-skeleton-margin-top, 8px)}.gov-skeleton__loader.circle{width:var(--gov-skeleton-circle-size, 60px);height:var(--gov-skeleton-circle-size, 60px);border-radius:var(--gov-skeleton-circle-radius, 50%)}.gov-skeleton__loader.rect{border-radius:var(--gov-skeleton-rect-radius, 0)}.gov-skeleton__loader.progress{background-size:200px 100%;animation:progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite}.gov-skeleton__loader.pulse{animation:pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;animation-delay:0.5s}@media (prefers-reduced-motion: reduce){.gov-skeleton__loader.pulse,.gov-skeleton__loader.progress{background-image:none;animation:none}}.gov-skeleton[variant=warning] .gov-skeleton__loader{background-color:var(--gov-skeleton-warning-background, var(--gov-color-warning-100));background-repeat:no-repeat}.gov-skeleton[variant=warning] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-warning-background, var(--gov-color-warning-100)), var(--gov-skeleton-warning-foreground, var(--gov-color-warning-200)), var(--gov-skeleton-warning-background, var(--gov-color-warning-100)))}.gov-skeleton[variant=error] .gov-skeleton__loader{background-color:var(--gov-skeleton-error-background, var(--gov-color-error-100));background-repeat:no-repeat}.gov-skeleton[variant=error] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-error-background, var(--gov-color-error-100)), var(--gov-skeleton-error-foreground, var(--gov-color-error-200)), var(--gov-skeleton-error-background, var(--gov-color-error-100)))}.gov-skeleton[variant=secondary] .gov-skeleton__loader{background-color:var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300));background-repeat:no-repeat}.gov-skeleton[variant=secondary] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300)), var(--gov-skeleton-secondary-foreground, var(--gov-color-secondary-100)), var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300)))}.gov-skeleton[variant=success] .gov-skeleton__loader{background-color:var(--gov-skeleton-success-background, var(--gov-color-success-100));background-repeat:no-repeat}.gov-skeleton[variant=success] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-success-background, var(--gov-color-success-100)), var(--gov-skeleton-success-foreground, var(--gov-color-success-200)), var(--gov-skeleton-success-background, var(--gov-color-success-100)))}.gov-skeleton[variant=primary] .gov-skeleton__loader{background-color:var(--gov-skeleton-primary-background, var(--gov-color-primary-100));background-repeat:no-repeat}.gov-skeleton[variant=primary] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-primary-background, var(--gov-color-primary-100)), var(--gov-skeleton-primary-foreground, var(--gov-color-primary-200)), var(--gov-skeleton-primary-background, var(--gov-color-primary-100)))}";const m=class{constructor(r){o(this,r);this.items=[];this.variant="secondary";this.count=1;this.shape="text";this.width=null;this.height=null;this.animation="progress";this.wcagLabel=undefined;this.h=i(this.host)}validateVariant(o){g(c,o,p.root)}validateShape(o){g(d,o,p.root)}validateAnimation(o){g(k,o,p.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateShape(this.shape);this.validateAnimation(this.animation);this.init()}componentWillUpdate(){this.init()}async componentDidRender(){if(l()){await n(500);await this.validateWcag()}}init(){this.items.length=this.count;this.items.fill(1)}get style(){const o={width:null,height:null};if(this.width){o.width=this.width}if(this.height){o.height=this.height}return Object.assign({},o)}render(){return r(e,{class:this.h.classes(p.root),variant:this.variant},this.items.map(((o,e)=>r("span",{key:e,class:{circle:this.shape==="circle",rect:this.shape==="rect",progress:this.animation==="progress",pulse:this.animation==="pulse",[p.loader]:true},"aria-busy":"true","aria-valuemin":"0","aria-valuemax":"100","aria-valuetext":this.wcagLabel,role:"progressbar",tabindex:"0",style:this.style}))))}async validateWcag(){v(this.wcagLabel,undefined,p.root)}get host(){return a(this)}static get watchers(){return{variant:["validateVariant"],shape:["validateShape"],animation:["validateAnimation"]}}};m.style=u;export{m as gov_skeleton};
2
+ //# sourceMappingURL=p-3d7ea15c.entry.js.map
@@ -1,2 +1,2 @@
1
- import{S as o}from"./p-55500e5a.js";import{V as t}from"./p-ff7365ae.js";import{p as s}from"./p-03990da5.js";const n=s(o,["_XS","_S","_M","_L","_XL"]);const a=s(t,["PRIMARY","SECONDARY","SUCCESS","ERROR","WARNING"]);var r;(function(o){o["SOLID"]="solid";o["OUTLINED"]="outlined";o["BASE"]="base";o["LINK"]="link"})(r||(r={}));var i;(function(o){o["SUBMIT"]="submit";o["BUTTON"]="button";o["RESET"]="reset"})(i||(i={}));var e;(function(o){o["BLANK"]="_blank";o["SELF"]="_self";o["NEW"]="_new"})(e||(e={}));const f={root:"gov-button",rootWithIcon:"gov-button--w-icon"};export{a as B,i as N,r as T,n as a,f as b};
2
- //# sourceMappingURL=p-cd869237.js.map
1
+ import{S as o}from"./p-55500e5a.js";import{V as t}from"./p-ff7365ae.js";import{p as s}from"./p-03990da5.js";const n=s(o,["_XS","_S","_M","_L","_XL"]);const a=s(t,["PRIMARY","SECONDARY","SUCCESS","ERROR","WARNING"]);var r;(function(o){o["SOLID"]="solid";o["OUTLINED"]="outlined";o["BASE"]="base";o["LINK"]="link"})(r||(r={}));var i;(function(o){o["SUBMIT"]="submit";o["BUTTON"]="button";o["RESET"]="reset"})(i||(i={}));var e;(function(o){o["BLANK"]="_blank";o["SELF"]="_self";o["NEW"]="_new"})(e||(e={}));const f={root:"gov-button",rootWithIcon:"gov-button--w-icon"};export{f as B,i as N,r as T,a,n as b};
2
+ //# sourceMappingURL=p-3dbf7f49.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../packages/core/src/components/gov-button/default/constants.ts"],"names":["ButtonSizes","pick","Sizes","ButtonVariants","Variants","Type","NativeType","ButtonTarget","ButtonClass","root","rootWithIcon"],"mappings":"kHAKaA,EAAcC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,cAGpDC,EAAiBF,EAAKG,EAAU,CAAC,UAAW,YAAa,UAAW,QAAS,gBAG9EC,GAAZ,SAAYA,GACXA,EAAA,SAAA,QACAA,EAAA,YAAA,WACAA,EAAA,QAAA,OACAA,EAAA,QAAA,QAJD,CAAYA,IAAAA,EAAI,SASJC,GAAZ,SAAYA,GACXA,EAAA,UAAA,SACAA,EAAA,UAAA,SACAA,EAAA,SAAA,SAHD,CAAYA,IAAAA,EAAU,KAQtB,IAAYC,GAAZ,SAAYA,GACXA,EAAA,SAAA,SACAA,EAAA,QAAA,QACAA,EAAA,OAAA,QAHD,CAAYA,IAAAA,EAAY,WAOXC,EAAc,CAC1BC,KAAM,aACNC,aAAc","sourcesContent":["import { Sizes } from '../../../core/constants/sizes'\nimport { Variants } from '../../../core/constants/variants'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\n\nexport const ButtonSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type ButtonSizesType = `${ValueOf<typeof ButtonSizes>}`\n\nexport const ButtonVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'SUCCESS', 'ERROR', 'WARNING'])\nexport type ButtonVariantType = `${ValueOf<typeof ButtonVariants>}`\n\nexport enum Type {\n\tSOLID = 'solid',\n\tOUTLINED = 'outlined',\n\tBASE = 'base',\n\tLINK = 'link',\n}\n\nexport type TypesType = `${ValueOf<typeof Type>}`\n\nexport enum NativeType {\n\tSUBMIT = 'submit',\n\tBUTTON = 'button',\n\tRESET = 'reset',\n}\n\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\n\nexport enum ButtonTarget {\n\tBLANK = '_blank',\n\tSELF = '_self',\n\tNEW = '_new',\n}\nexport type ButtonTargetType = `${ValueOf<typeof ButtonTarget>}`\n\nexport const ButtonClass = {\n\troot: 'gov-button',\n\trootWithIcon: 'gov-button--w-icon',\n}\n"]}
@@ -1,2 +1,2 @@
1
- import{r as t,h as s,H as a,g as e,c as o}from"./p-4af5e4f4.js";import{a as i,v as r}from"./p-670b4f93.js";import{c as n}from"./p-c20102ff.js";import{d as c}from"./p-03990da5.js";import{g as m}from"./p-3f37ddb6.js";import{F as g,a as l}from"./p-6278531b.js";import{v}from"./p-26acf964.js";import{c as p}from"./p-24636c53.js";import"./p-561fa17b.js";import"./p-ff7365ae.js";const h={root:"gov-attachments",label:"gov-attachments__label",list:"gov-attachments__list"};const f={root:"gov-attachments-item",name:"gov-attachments-item__name",file:"gov-attachments-item__file",messages:"gov-attachments-item__messages"};const d=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-attachments{position:relative;display:block;width:100%}.gov-attachments__label{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);color:var(--gov-form-label-color, #686868)}.gov-attachments__list>*:last-child{margin-bottom:0}";const y=class{constructor(s){t(this,s);this.label=undefined;this.wcagLabel=undefined;this.h=m(this.host)}async componentDidRender(){if(n()){await c(500);await this.validateWcag()}}render(){return s(a,{class:this.h.classes(h.root)},this.label?s("p",{class:h.label},this.label):null,s("div",{class:h.list,role:"list","aria-label":this.wcagLabel},s("slot",null)))}async validateWcag(){i(this.wcagLabel,"wcag-label",h.root)}get host(){return e(this)}};y.style=d;const u=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-attachments-item{position:relative;display:block;width:100%;margin:0rem 0rem 0.5rem}.gov-attachments-item__messages>*:last-child{margin-bottom:0}.gov-attachments-item__file{display:flex;gap:1rem}.gov-attachments-item__name{display:flex;gap:0 0.5rem;flex-wrap:wrap;align-items:center;align-self:center;margin:0;color:var(--gov-attachments-name-color, var(--gov-color-primary))}.gov-attachments-item__name span{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);color:var(--gov-attachments-decor-color, var(--gov-color-secondary-700))}";const x=class{constructor(s){t(this,s);this.govRemove=o(this,"gov-remove",7);this.wcagRemoveLabel=undefined;this.wcagRemoveLabelledBy=undefined;this.h=m(this.host)}async componentDidRender(){if(n()){await c(500);await this.validateWcag()}}render(){return s(a,{class:this.h.classes(f.root),role:"listitem"},s("div",{class:f.file},s("p",{class:f.name},s("slot",null),s("slot",{name:"info"})),s("gov-button",{variant:"primary",type:"base",size:"s","wcag-label":this.wcagRemoveLabel,"wcag-labelled-by":this.wcagRemoveLabelledBy,"on-gov-click":this.govRemove.emit},s("gov-icon",{slot:"left-icon",name:"x-lg"}))),this.h.hasSlot("message")&&s("div",{class:f.messages},s("slot",{name:"message"})))}async validateWcag(){r(this.wcagRemoveLabel,this.wcagRemoveLabelledBy,f.root)}get host(){return e(this)}};x.style=u;const _=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-message{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);display:flex;gap:0.5rem;margin:0rem 0rem 1rem}.gov-form-message__icon{position:relative;top:calc(var(--gov-text-s-font-size) / 6);display:flex}.gov-form-message__icon>*{width:calc(var(--gov-text-s-font-size) * 1.167);height:calc(var(--gov-text-s-font-size) * 1.167)}.gov-form-message[variant=error]{color:var(--gov-form-message-error-color, var(--gov-color-error-400))}.gov-form-message[variant=secondary]{color:var(--gov-form-message-secondary-color, var(--gov-color-secondary-700))}.gov-form-message[variant=warning]{color:var(--gov-form-message-warning-color, var(--gov-color-warning-500))}.gov-form-message[variant=success]{color:var(--gov-form-message-success-color, var(--gov-color-success-500))}";const b=class{constructor(s){t(this,s);this.variant="secondary";this.h=m(this.host);this.messageId=p("GovFormMessage")}validateVariant(t){v(l,t,g.root)}componentWillLoad(){this.validateVariant(this.variant)}render(){return s(a,{class:this.h.classes(g.root),variant:this.variant},this.h.hasSlot("icon")&&s("span",{class:g.icon},s("slot",{name:"icon"})),s("span",{id:this.messageId,class:g.content},s("slot",null)))}async identifier(){return this.messageId}get host(){return e(this)}static get watchers(){return{variant:["validateVariant"]}}};b.style=_;export{y as gov_attachments,x as gov_attachments_item,b as gov_form_message};
2
- //# sourceMappingURL=p-5e865538.entry.js.map
1
+ import{r as t,h as s,H as a,g as e,c as o}from"./p-4af5e4f4.js";import{a as i,v as r}from"./p-0f5e2b0a.js";import{c as n}from"./p-34152b51.js";import{d as c}from"./p-03990da5.js";import{g as m}from"./p-3f37ddb6.js";import{F as g,a as l}from"./p-6278531b.js";import{v}from"./p-26acf964.js";import{c as p}from"./p-24636c53.js";import"./p-561fa17b.js";import"./p-ff7365ae.js";const h={root:"gov-attachments",label:"gov-attachments__label",list:"gov-attachments__list"};const f={root:"gov-attachments-item",name:"gov-attachments-item__name",file:"gov-attachments-item__file",messages:"gov-attachments-item__messages"};const d=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-attachments{position:relative;display:block;width:100%}.gov-attachments__label{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);color:var(--gov-form-label-color, #686868)}.gov-attachments__list>*:last-child{margin-bottom:0}";const y=class{constructor(s){t(this,s);this.label=undefined;this.wcagLabel=undefined;this.h=m(this.host)}async componentDidRender(){if(n()){await c(500);await this.validateWcag()}}render(){return s(a,{class:this.h.classes(h.root)},this.label?s("p",{class:h.label},this.label):null,s("div",{class:h.list,role:"list","aria-label":this.wcagLabel},s("slot",null)))}async validateWcag(){i(this.wcagLabel,"wcag-label",h.root)}get host(){return e(this)}};y.style=d;const u=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-attachments-item{position:relative;display:block;width:100%;margin:0rem 0rem 0.5rem}.gov-attachments-item__messages>*:last-child{margin-bottom:0}.gov-attachments-item__file{display:flex;gap:1rem}.gov-attachments-item__name{display:flex;gap:0 0.5rem;flex-wrap:wrap;align-items:center;align-self:center;margin:0;color:var(--gov-attachments-name-color, var(--gov-color-primary))}.gov-attachments-item__name span{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);color:var(--gov-attachments-decor-color, var(--gov-color-secondary-700))}";const x=class{constructor(s){t(this,s);this.govRemove=o(this,"gov-remove",7);this.wcagRemoveLabel=undefined;this.wcagRemoveLabelledBy=undefined;this.h=m(this.host)}async componentDidRender(){if(n()){await c(500);await this.validateWcag()}}render(){return s(a,{class:this.h.classes(f.root),role:"listitem"},s("div",{class:f.file},s("p",{class:f.name},s("slot",null),s("slot",{name:"info"})),s("gov-button",{variant:"primary",type:"base",size:"s","wcag-label":this.wcagRemoveLabel,"wcag-labelled-by":this.wcagRemoveLabelledBy,"on-gov-click":this.govRemove.emit},s("gov-icon",{slot:"left-icon",name:"x-lg"}))),this.h.hasSlot("message")&&s("div",{class:f.messages},s("slot",{name:"message"})))}async validateWcag(){r(this.wcagRemoveLabel,this.wcagRemoveLabelledBy,f.root)}get host(){return e(this)}};x.style=u;const _=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-message{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);display:flex;gap:0.5rem;margin:0rem 0rem 1rem}.gov-form-message__icon{position:relative;top:calc(var(--gov-text-s-font-size) / 6);display:flex}.gov-form-message__icon>*{width:calc(var(--gov-text-s-font-size) * 1.167);height:calc(var(--gov-text-s-font-size) * 1.167)}.gov-form-message[variant=error]{color:var(--gov-form-message-error-color, var(--gov-color-error-400))}.gov-form-message[variant=secondary]{color:var(--gov-form-message-secondary-color, var(--gov-color-secondary-700))}.gov-form-message[variant=warning]{color:var(--gov-form-message-warning-color, var(--gov-color-warning-500))}.gov-form-message[variant=success]{color:var(--gov-form-message-success-color, var(--gov-color-success-500))}";const b=class{constructor(s){t(this,s);this.variant="secondary";this.h=m(this.host);this.messageId=p("GovFormMessage")}validateVariant(t){v(l,t,g.root)}componentWillLoad(){this.validateVariant(this.variant)}render(){return s(a,{class:this.h.classes(g.root),variant:this.variant},this.h.hasSlot("icon")&&s("span",{class:g.icon},s("slot",{name:"icon"})),s("span",{id:this.messageId,class:g.content},s("slot",null)))}async identifier(){return this.messageId}get host(){return e(this)}static get watchers(){return{variant:["validateVariant"]}}};b.style=_;export{y as gov_attachments,x as gov_attachments_item,b as gov_form_message};
2
+ //# sourceMappingURL=p-4c6d7b65.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as o,c as i,h as r,H as t,g as e}from"./p-4af5e4f4.js";import{c as s}from"./p-24636c53.js";import{v as a}from"./p-26acf964.js";import{g as c,i as h,j as g}from"./p-7e524b49.js";import{g as v,a as m,t as f}from"./p-3f37ddb6.js";import{b as l,c as n}from"./p-670b4f93.js";import{c as d}from"./p-c20102ff.js";import{d as w}from"./p-03990da5.js";import{F as b}from"./p-1c1d0bbe.js";import"./p-561fa17b.js";import"./p-55500e5a.js";import"./p-ff7365ae.js";import"./p-6278531b.js";import"./p-9dab01be.js";import"./p-3464136c.js";const p='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-switch{position:relative;display:flex}.gov-form-switch__holder{display:inline-flex}.gov-form-switch__input{position:absolute;top:0;left:0;z-index:1;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-switch .gov-form-label__label{position:relative;z-index:1;margin-bottom:0;color:var(--gov-form-switch-color, var(--gov-color-secondary-800))}.gov-form-switch__indicator{position:relative;flex:0 0 auto;border:var(--gov-form-switch-indicator-border, 0.0625rem solid var(--gov-color-secondary-500));background-color:var(--gov-form-switch-indicator-bg, var(--gov-color-secondary-300));transition:150ms linear background-color}.gov-form-switch__indicator::before{content:"";position:absolute;display:block;border-radius:50%;background-color:var(--gov-form-switch-indicator-circle-bg, var(--gov-color-neutral-white));transition:150ms linear left;box-shadow:var(--gov-form-switch-indicator-circle-box-shadow, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.35))}.gov-form-switch__input:focus-visible~.gov-form-switch__indicator{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}.gov-form-switch__input:checked+.gov-form-switch__indicator{border-color:var(--gov-form-switch-indicator-bg-checked, var(--gov-color-primary));background-color:var(--gov-form-switch-indicator-bg-checked, var(--gov-color-primary))}.gov-form-switch[disabled=""],.gov-form-switch[disabled=true i],.gov-form-switch[disabled="1"]{pointer-events:none}.gov-form-switch[disabled=""] .gov-form-label__label,.gov-form-switch[disabled=true i] .gov-form-label__label,.gov-form-switch[disabled="1"] .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}.gov-form-switch[disabled=""] .gov-form-switch__indicator::before,.gov-form-switch[disabled=true i] .gov-form-switch__indicator::before,.gov-form-switch[disabled="1"] .gov-form-switch__indicator::before{background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300))}.gov-form-switch[disabled=""] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[disabled=true i] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[disabled="1"] .gov-form-switch__input:checked+.gov-form-switch__indicator{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400));background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-switch[invalid=""] .gov-form-label__label,.gov-form-switch[invalid=true i] .gov-form-label__label,.gov-form-switch[invalid="1"] .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[invalid=""] .gov-form-switch__indicator,.gov-form-switch[invalid=true i] .gov-form-switch__indicator,.gov-form-switch[invalid="1"] .gov-form-switch__indicator{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[invalid=""] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[invalid=true i] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[invalid="1"] .gov-form-switch__input:checked+.gov-form-switch__indicator{background-color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[size=xs] .gov-form-label__label{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);margin-bottom:0;padding-top:calc((var(--gov-form-switch-xs-indicator-height, 1.25rem) - var(--gov-text-xs-font-size) * 1.5) / 2)}.gov-form-switch[size=xs] .gov-form-switch__holder{gap:var(--gov-form-switch-xs-gap, 0.75rem)}.gov-form-switch[size=xs] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667);height:var(--gov-form-switch-xs-indicator-height, 1.25rem);border-radius:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 0.5)}.gov-form-switch[size=xs] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem);left:calc(var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem);width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) - 2 * var(--gov-form-switch-xs-toggle-offset, 0.051875rem));height:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) - 2 * var(--gov-form-switch-xs-toggle-offset, 0.051875rem))}.gov-form-switch[size=xs] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667 - var(--gov-form-switch-xs-indicator-height, 1.25rem) + var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem)}.gov-form-switch[size=s] .gov-form-label__label{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);margin-bottom:0;padding-top:calc((var(--gov-form-switch-s-indicator-height, 1.375rem) - var(--gov-text-s-font-size) * 1.5) / 2)}.gov-form-switch[size=s] .gov-form-switch__holder{gap:var(--gov-form-switch-s-gap, 0.75rem)}.gov-form-switch[size=s] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667);height:var(--gov-form-switch-s-indicator-height, 1.375rem);border-radius:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 0.5)}.gov-form-switch[size=s] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem);left:calc(var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem);width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) - 2 * var(--gov-form-switch-s-toggle-offset, 0.0575rem));height:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) - 2 * var(--gov-form-switch-s-toggle-offset, 0.0575rem))}.gov-form-switch[size=s] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667 - var(--gov-form-switch-s-indicator-height, 1.375rem) + var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem)}.gov-form-switch[size=m] .gov-form-label__label{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);margin-bottom:0;padding-top:calc((var(--gov-form-switch-m-indicator-height, 1.5rem) - var(--gov-text-m-font-size) * 1.5) / 2)}.gov-form-switch[size=m] .gov-form-switch__holder{gap:var(--gov-form-switch-m-gap, 1rem)}.gov-form-switch[size=m] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667);height:var(--gov-form-switch-m-indicator-height, 1.5rem);border-radius:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 0.5)}.gov-form-switch[size=m] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem);left:calc(var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem);width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) - 2 * var(--gov-form-switch-m-toggle-offset, 0.0625rem));height:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) - 2 * var(--gov-form-switch-m-toggle-offset, 0.0625rem))}.gov-form-switch[size=m] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667 - var(--gov-form-switch-m-indicator-height, 1.5rem) + var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem)}.gov-form-switch[size=l] .gov-form-label__label{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);margin-bottom:0;padding-top:calc((var(--gov-form-switch-l-indicator-height, 2rem) - var(--gov-text-l-font-size) * 1.5) / 2)}.gov-form-switch[size=l] .gov-form-switch__holder{gap:var(--gov-form-switch-l-gap, 1rem)}.gov-form-switch[size=l] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667);height:var(--gov-form-switch-l-indicator-height, 2rem);border-radius:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 0.5)}.gov-form-switch[size=l] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem);left:calc(var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem);width:calc(var(--gov-form-switch-l-indicator-height, 2rem) - 2 * var(--gov-form-switch-l-toggle-offset, 0.083125rem));height:calc(var(--gov-form-switch-l-indicator-height, 2rem) - 2 * var(--gov-form-switch-l-toggle-offset, 0.083125rem))}.gov-form-switch[size=l] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667 - var(--gov-form-switch-l-indicator-height, 2rem) + var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem)}';const _=class{constructor(r){o(this,r);this.govFocus=i(this,"gov-focus",7);this.govBlur=i(this,"gov-blur",7);this.govChange=i(this,"gov-change",7);this.value=undefined;this.noLabel=false;this.checked=false;this.required=false;this.disabled=undefined;this.name=undefined;this.size="m";this.identifier=undefined;this.invalid=undefined;this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.checkboxId=s("GovCheckbox");this.h=v(this.host);this.f=c(this.h)}validateSize(o){a(g,o,h.root)}watchDisabled(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("disabled",m(this.disabled));this.f.passAttrToControl("invalid",m(this.invalid));this.f.passAttrToControl("type","switch")}componentWillLoad(){this.passControlAttrs()}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.checkboxId);this.f.passAttrToLabel("required",String(this.required));if(d()){await w(500);await this.validateWcag()}}render(){const o=o=>{if(this.noLabel){return r("label",null,o)}return o};return r(t,{class:this.h.classes(h.root),checked:this.checked,size:this.size,invalid:f(this.invalid)},r("div",{class:h.holder},o(r(b,null,r("input",{class:h.input,id:this.identifier||this.checkboxId,type:"checkbox",value:this.value,name:this.name,checked:this.checked,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),ref:o=>this.inputRef=o,required:this.required,"aria-checked":this.checked,"aria-required":f(this.required),"aria-invalid":f(this.invalid),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-disabled":f(this.disabled)}),r("span",{class:h.indicator}),r("slot",{name:"label"})))))}onClickHandler(o){o.stopPropagation()}onFocusHandler(o){o.stopPropagation();this.govFocus.emit({component:h.root,checked:this.checked,value:this.value,originalEvent:o})}onBlurHandler(o){o.stopPropagation();this.govBlur.emit({component:h.root,checked:this.checked,value:this.value,originalEvent:o})}onChangeHandler(o){this.checked=o.target.checked;o.stopPropagation();this.govChange.emit({component:h.root,checked:this.checked,value:this.value,originalEvent:o})}async getRef(){return this.inputRef}async validateWcag(){l(this.wcagDescribedBy,"wcag-described-by",h.root);l(this.wcagLabelledBy,"wcag-labelled-by",h.root);n(this.identifier||this.checkboxId,this.wcagLabelledBy,h.root)}get host(){return e(this)}static get watchers(){return{size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"]}}};_.style=p;export{_ as gov_form_switch};
2
- //# sourceMappingURL=p-d37f03e0.entry.js.map
1
+ import{r as o,c as i,h as r,H as t,g as e}from"./p-4af5e4f4.js";import{c as s}from"./p-24636c53.js";import{v as a}from"./p-26acf964.js";import{g as c,i as h,j as g}from"./p-34ed07f6.js";import{g as v,a as m,t as f}from"./p-3f37ddb6.js";import{b as l,c as n}from"./p-0f5e2b0a.js";import{c as d}from"./p-34152b51.js";import{d as w}from"./p-03990da5.js";import{F as b}from"./p-1c1d0bbe.js";import"./p-561fa17b.js";import"./p-55500e5a.js";import"./p-ff7365ae.js";import"./p-6278531b.js";import"./p-9dab01be.js";import"./p-3464136c.js";const p='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-switch{position:relative;display:flex}.gov-form-switch__holder{display:inline-flex}.gov-form-switch__input{position:absolute;top:0;left:0;z-index:1;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-switch .gov-form-label__label{position:relative;z-index:1;margin-bottom:0;color:var(--gov-form-switch-color, var(--gov-color-secondary-800))}.gov-form-switch__indicator{position:relative;flex:0 0 auto;border:var(--gov-form-switch-indicator-border, 0.0625rem solid var(--gov-color-secondary-500));background-color:var(--gov-form-switch-indicator-bg, var(--gov-color-secondary-300));transition:150ms linear background-color}.gov-form-switch__indicator::before{content:"";position:absolute;display:block;border-radius:50%;background-color:var(--gov-form-switch-indicator-circle-bg, var(--gov-color-neutral-white));transition:150ms linear left;box-shadow:var(--gov-form-switch-indicator-circle-box-shadow, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.35))}.gov-form-switch__input:focus-visible~.gov-form-switch__indicator{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}.gov-form-switch__input:checked+.gov-form-switch__indicator{border-color:var(--gov-form-switch-indicator-bg-checked, var(--gov-color-primary));background-color:var(--gov-form-switch-indicator-bg-checked, var(--gov-color-primary))}.gov-form-switch[disabled=""],.gov-form-switch[disabled=true i],.gov-form-switch[disabled="1"]{pointer-events:none}.gov-form-switch[disabled=""] .gov-form-label__label,.gov-form-switch[disabled=true i] .gov-form-label__label,.gov-form-switch[disabled="1"] .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}.gov-form-switch[disabled=""] .gov-form-switch__indicator::before,.gov-form-switch[disabled=true i] .gov-form-switch__indicator::before,.gov-form-switch[disabled="1"] .gov-form-switch__indicator::before{background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300))}.gov-form-switch[disabled=""] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[disabled=true i] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[disabled="1"] .gov-form-switch__input:checked+.gov-form-switch__indicator{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400));background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-switch[invalid=""] .gov-form-label__label,.gov-form-switch[invalid=true i] .gov-form-label__label,.gov-form-switch[invalid="1"] .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[invalid=""] .gov-form-switch__indicator,.gov-form-switch[invalid=true i] .gov-form-switch__indicator,.gov-form-switch[invalid="1"] .gov-form-switch__indicator{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[invalid=""] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[invalid=true i] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[invalid="1"] .gov-form-switch__input:checked+.gov-form-switch__indicator{background-color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[size=xs] .gov-form-label__label{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);margin-bottom:0;padding-top:calc((var(--gov-form-switch-xs-indicator-height, 1.25rem) - var(--gov-text-xs-font-size) * 1.5) / 2)}.gov-form-switch[size=xs] .gov-form-switch__holder{gap:var(--gov-form-switch-xs-gap, 0.75rem)}.gov-form-switch[size=xs] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667);height:var(--gov-form-switch-xs-indicator-height, 1.25rem);border-radius:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 0.5)}.gov-form-switch[size=xs] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem);left:calc(var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem);width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) - 2 * var(--gov-form-switch-xs-toggle-offset, 0.051875rem));height:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) - 2 * var(--gov-form-switch-xs-toggle-offset, 0.051875rem))}.gov-form-switch[size=xs] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667 - var(--gov-form-switch-xs-indicator-height, 1.25rem) + var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem)}.gov-form-switch[size=s] .gov-form-label__label{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);margin-bottom:0;padding-top:calc((var(--gov-form-switch-s-indicator-height, 1.375rem) - var(--gov-text-s-font-size) * 1.5) / 2)}.gov-form-switch[size=s] .gov-form-switch__holder{gap:var(--gov-form-switch-s-gap, 0.75rem)}.gov-form-switch[size=s] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667);height:var(--gov-form-switch-s-indicator-height, 1.375rem);border-radius:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 0.5)}.gov-form-switch[size=s] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem);left:calc(var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem);width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) - 2 * var(--gov-form-switch-s-toggle-offset, 0.0575rem));height:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) - 2 * var(--gov-form-switch-s-toggle-offset, 0.0575rem))}.gov-form-switch[size=s] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667 - var(--gov-form-switch-s-indicator-height, 1.375rem) + var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem)}.gov-form-switch[size=m] .gov-form-label__label{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);margin-bottom:0;padding-top:calc((var(--gov-form-switch-m-indicator-height, 1.5rem) - var(--gov-text-m-font-size) * 1.5) / 2)}.gov-form-switch[size=m] .gov-form-switch__holder{gap:var(--gov-form-switch-m-gap, 1rem)}.gov-form-switch[size=m] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667);height:var(--gov-form-switch-m-indicator-height, 1.5rem);border-radius:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 0.5)}.gov-form-switch[size=m] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem);left:calc(var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem);width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) - 2 * var(--gov-form-switch-m-toggle-offset, 0.0625rem));height:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) - 2 * var(--gov-form-switch-m-toggle-offset, 0.0625rem))}.gov-form-switch[size=m] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667 - var(--gov-form-switch-m-indicator-height, 1.5rem) + var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem)}.gov-form-switch[size=l] .gov-form-label__label{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);margin-bottom:0;padding-top:calc((var(--gov-form-switch-l-indicator-height, 2rem) - var(--gov-text-l-font-size) * 1.5) / 2)}.gov-form-switch[size=l] .gov-form-switch__holder{gap:var(--gov-form-switch-l-gap, 1rem)}.gov-form-switch[size=l] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667);height:var(--gov-form-switch-l-indicator-height, 2rem);border-radius:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 0.5)}.gov-form-switch[size=l] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem);left:calc(var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem);width:calc(var(--gov-form-switch-l-indicator-height, 2rem) - 2 * var(--gov-form-switch-l-toggle-offset, 0.083125rem));height:calc(var(--gov-form-switch-l-indicator-height, 2rem) - 2 * var(--gov-form-switch-l-toggle-offset, 0.083125rem))}.gov-form-switch[size=l] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667 - var(--gov-form-switch-l-indicator-height, 2rem) + var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem)}';const _=class{constructor(r){o(this,r);this.govFocus=i(this,"gov-focus",7);this.govBlur=i(this,"gov-blur",7);this.govChange=i(this,"gov-change",7);this.value=undefined;this.noLabel=false;this.checked=false;this.required=false;this.disabled=undefined;this.name=undefined;this.size="m";this.identifier=undefined;this.invalid=undefined;this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.checkboxId=s("GovCheckbox");this.h=v(this.host);this.f=c(this.h)}validateSize(o){a(g,o,h.root)}watchDisabled(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("disabled",m(this.disabled));this.f.passAttrToControl("invalid",m(this.invalid));this.f.passAttrToControl("type","switch")}componentWillLoad(){this.passControlAttrs()}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.checkboxId);this.f.passAttrToLabel("required",String(this.required));if(d()){await w(500);await this.validateWcag()}}render(){const o=o=>{if(this.noLabel){return r("label",null,o)}return o};return r(t,{class:this.h.classes(h.root),checked:this.checked,size:this.size,invalid:f(this.invalid)},r("div",{class:h.holder},o(r(b,null,r("input",{class:h.input,id:this.identifier||this.checkboxId,type:"checkbox",value:this.value,name:this.name,checked:this.checked,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),ref:o=>this.inputRef=o,required:this.required,"aria-checked":this.checked,"aria-required":f(this.required),"aria-invalid":f(this.invalid),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-disabled":f(this.disabled)}),r("span",{class:h.indicator}),r("slot",{name:"label"})))))}onClickHandler(o){o.stopPropagation()}onFocusHandler(o){o.stopPropagation();this.govFocus.emit({component:h.root,checked:this.checked,value:this.value,originalEvent:o})}onBlurHandler(o){o.stopPropagation();this.govBlur.emit({component:h.root,checked:this.checked,value:this.value,originalEvent:o})}onChangeHandler(o){this.checked=o.target.checked;o.stopPropagation();this.govChange.emit({component:h.root,checked:this.checked,value:this.value,originalEvent:o})}async getRef(){return this.inputRef}async validateWcag(){l(this.wcagDescribedBy,"wcag-described-by",h.root);l(this.wcagLabelledBy,"wcag-labelled-by",h.root);n(this.identifier||this.checkboxId,this.wcagLabelledBy,h.root)}get host(){return e(this)}static get watchers(){return{size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"]}}};_.style=p;export{_ as gov_form_switch};
2
+ //# sourceMappingURL=p-529363af.entry.js.map
@@ -0,0 +1,2 @@
1
+ import{r,h as o,H as t,g as a}from"./p-4af5e4f4.js";import{V as n}from"./p-ff7365ae.js";import{g as e}from"./p-3f37ddb6.js";import{v as i}from"./p-26acf964.js";import{p as s}from"./p-03990da5.js";import"./p-561fa17b.js";s(n,["PRIMARY","SECONDARY"]);const p={root:"gov-control-group"};const g=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-control-group{position:relative;display:flex;width:100%;align-items:center;border-radius:var(--gov-control-group-border-radius, 0.25rem)}.gov-control-group .element *,.gov-control-group .gov-button .element{border:none !important;border-radius:0}.gov-control-group[variant=primary]{border:var(--gov-control-group-border-primary, 0.0625rem solid var(--gov-color-primary-600))}.gov-control-group[variant=primary]>*{border-right:var(--gov-control-group-border-primary, 0.0625rem solid var(--gov-color-primary-600))}.gov-control-group[variant=secondary]{border:var(--gov-control-group-border-secondary, 0.0625rem solid var(--gov-color-secondary-700))}.gov-control-group[variant=secondary]>*{border-right:var(--gov-control-group-border-secondary, 0.0625rem solid var(--gov-color-secondary-700))}.gov-control-group>*:last-child{border-right:none}.gov-control-group.no-border>*{border-right:none}";const c=class{constructor(o){r(this,o);this.variant=n.PRIMARY;this.noBorder=false;this.h=e(this.host)}validateVariant(r){i(n,r,p.root)}render(){const r=this.noBorder===true?"no-border":undefined;return o(t,{class:this.h.classes([p.root,r]),variant:this.variant},o("slot",null))}get host(){return a(this)}static get watchers(){return{variant:["validateVariant"]}}};c.style=g;export{c as gov_control_group};
2
+ //# sourceMappingURL=p-58047fab.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../packages/core/src/components/gov-control-group/constants.ts","../../../packages/core/src/components/gov-control-group/gov-control-group.scss?tag=gov-control-group","../../../packages/core/src/components/gov-control-group/gov-control-group.tsx"],"names":["pick","Variants","ControlGroupClass","root","govControlGroupCss","GovControlGroup","[object Object]","hostRef","PRIMARY","this","h","govHost","host","newValue","validateProp","noBorder","undefined","Host","class","classes","variant"],"mappings":"4NAI6BA,EAAKC,EAAU,CAAC,UAAW,cAGjD,MAAMC,EAAoB,CAChCC,KAAM,qBCRP,MAAMC,EAAqB,6tCCWdC,EAAe,MAG3BC,YAAAC,0BAQ6CN,EAASO,sBAIS,MAX9DC,KAAKC,EAAIC,EAAQF,KAAKG,MAcvBN,gBAAgBO,GACfC,EAAab,EAAUY,EAAUX,EAAkBC,MAGpDG,SACC,MAAMS,EAAWN,KAAKM,WAAa,KAAO,YAAcC,UACxD,OACCN,EAACO,EAAI,CACJC,MAAOT,KAAKC,EAAES,QAAQ,CAACjB,EAAkBC,KAAMY,IAC/CK,QAASX,KAAKW,SACdV,EAAA,OAAA","sourcesContent":["import { Variants } from '../../core/constants/variants'\nimport { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils'\n\nexport const ControlGroups = pick(Variants, ['PRIMARY', 'SECONDARY'])\nexport type ControlGroupType = `${ValueOf<typeof ControlGroups>}`\n\nexport const ControlGroupClass = {\n\troot: 'gov-control-group',\n}\n","/*\n * Control group\n */\n\n$class: \".gov-control-group\";\n\n#{$class} {\n\t@include base(flex);\n\talign-items: center;\n\tborder-radius: $control-group-border-radius;\n\t.element *,\n\t.gov-button .element {\n\t\tborder: none !important;\n\t\tborder-radius: 0;\n\t}\n\n\t// VARIANTS\n\t@each $variant, $definitions in $control-group-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\tborder: get(\"border\", $definitions);\n\t\t\t> * {\n\t\t\t\tborder-right: get(\"border\", $definitions);\n\t\t\t}\n\t\t}\n\t}\n\n\t> * {\n\t\t&:last-child {\n\t\t\tborder-right: none;\n\t\t}\n\t}\n\t&.no-border {\n\t\t> * {\n\t\t\tborder-right: none;\n\t\t}\n\t}\n}\n\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { Variants } from \"../../core/constants/variants\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { ControlGroupClass, ControlGroupType } from \"./constants\"\n\n@Component({\n\ttag: \"gov-control-group\",\n\tstyleUrl: \"gov-control-group.scss\",\n})\nexport class GovControlGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovControlGroupElement\n\t/**\n\t * Style variation of the content message.\n\t */\n\t@Prop() readonly variant: ControlGroupType = Variants.PRIMARY\n\t/**\n\t * Specifies the display of the border between elements\n\t */\n\t@Prop({ attribute: \"no-border\" }) readonly noBorder: boolean = false\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, ControlGroupClass.root)\n\t}\n\n\trender() {\n\t\tconst noBorder = this.noBorder === true ? \"no-border\" : undefined\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes([ControlGroupClass.root, noBorder])}\n\t\t\t\tvariant={this.variant}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
@@ -0,0 +1,2 @@
1
+ import{r as o,c as a,h as r,H as i,g as s}from"./p-4af5e4f4.js";import{v as t}from"./p-0f5e2b0a.js";import{c as e}from"./p-34152b51.js";import{d as c}from"./p-03990da5.js";import{g as p}from"./p-3f37ddb6.js";import"./p-561fa17b.js";import"./p-24636c53.js";const n={root:"gov-backdrop",bg:"gov-backdrop__bg"};const d='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-backdrop__bg{z-index:100;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--gov-backdrop-bg, var(--gov-color-secondary));opacity:var(--gov-backdrop-opacity, 0.45)}.gov-backdrop[inverse=""] .gov-backdrop__bg,.gov-backdrop[inverse=true i] .gov-backdrop__bg,.gov-backdrop[inverse="1"] .gov-backdrop__bg{background-color:var(--gov-backdrop-bg-inverse, var(--gov-color-neutral-white));opacity:var(--gov-backdrop-opacity, 0.8)}';const g=class{constructor(r){o(this,r);this.govClick=a(this,"gov-click",7);this.inverse=false;this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.h=p(this.host)}async componentDidRender(){if(e()){await c(500);await this.validateWcag()}}render(){return r(i,{class:this.h.classes(n.root)},r("div",{role:"button","aria-label":this.wcagLabel,"aria-labelledby":this.wcagLabelledBy,onClick:o=>this.govClick.emit(o),class:n.bg}))}async validateWcag(){t(this.wcagLabel,this.wcagLabelledBy,n.root)}get host(){return s(this)}};g.style=d;export{g as gov_backdrop};
2
+ //# sourceMappingURL=p-60ff8457.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../packages/core/src/components/gov-backdrop/constants.ts","../../../packages/core/src/components/gov-backdrop/gov-backdrop.scss?tag=gov-backdrop","../../../packages/core/src/components/gov-backdrop/gov-backdrop.tsx"],"names":["BackdropClass","root","bg","govBackdropCss","GovBackdrop","[object Object]","hostRef","this","h","govHost","host","canValidateWcagOnRender","delay","validateWcag","Host","class","classes","role","aria-label","wcagLabel","aria-labelledby","wcagLabelledBy","onClick","e","govClick","emit","validateWcagLabel"],"mappings":"2PAAO,MAAMA,EAAgB,CAC5BC,KAAM,eACNC,GAAI,oBCFL,MAAMC,EAAiB,0xBCYVC,EAAW,MAGvBC,YAAAC,8DAQoC,6DAPnCC,KAAKC,EAAIC,EAAQF,KAAKG,MAqBvBL,2BACC,GAAIM,IAA2B,OACxBC,EAAM,WACNL,KAAKM,gBAIbR,SACC,OACCG,EAACM,EAAI,CAACC,MAAOR,KAAKC,EAAEQ,QAAQhB,EAAcC,OACzCO,EAAA,MAAA,CACCS,KAAM,SAAQC,aACFX,KAAKY,UAASC,kBACTb,KAAKc,eACtBC,QAASC,GAAKhB,KAAKiB,SAASC,KAAKF,GACjCR,MAAOf,EAAcE,MAUzBG,qBACCqB,EAAkBnB,KAAKY,UAAWZ,KAAKc,eAAgBrB,EAAcC","sourcesContent":["export const BackdropClass = {\n\troot: 'gov-backdrop',\n\tbg: 'gov-backdrop__bg',\n}\n","/*\n * Backdrop\n */\n\n$class: \".gov-backdrop\";\n\n#{$class} {\n\t&__bg {\n\t\t@include z-index(\"modal\", 0);\n\t\tposition: fixed;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tbackground-color: $backdrop-bg;\n\t\topacity: $backdrop-opacity;\n\t}\n\n\t// VARIANTS\n\t@include parameter(\"inverse\") {\n\t\t#{$class} {\n\t\t\t&__bg {\n\t\t\t\tbackground-color: $backdrop-bg-inverse;\n\t\t\t\topacity: $backdrop-opacity-inverse;\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Event, EventEmitter, h, Method, Prop, Host, Element } from '@stencil/core'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { BackdropClass } from './constants'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-backdrop',\n\tstyleUrl: 'gov-backdrop.scss',\n})\nexport class GovBackdrop {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovAlertElement\n\t/**\n\t * Determide if component should have inversed colors to be used on dark background.\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Adds accessible label for the backdrop that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) readonly wcagLabelledBy: string\n\t/**\n\t * Emitted when button clicks.\n\t */\n\t@Event({ eventName: 'gov-click' }) govClick: EventEmitter<MouseEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BackdropClass.root)}>\n\t\t\t\t<div\n\t\t\t\t\trole={'button'}\n\t\t\t\t\taria-label={this.wcagLabel}\n\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\tonClick={e => this.govClick.emit(e)}\n\t\t\t\t\tclass={BackdropClass.bg}\n\t\t\t\t></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, BackdropClass.root)\n\t}\n}\n"]}
1
+ {"version":3,"sources":["../../../packages/core/src/components/gov-backdrop/constants.ts","../../../packages/core/src/components/gov-backdrop/gov-backdrop.scss?tag=gov-backdrop","../../../packages/core/src/components/gov-backdrop/gov-backdrop.tsx"],"names":["BackdropClass","root","bg","govBackdropCss","GovBackdrop","[object Object]","hostRef","this","h","govHost","host","canValidateWcagOnRender","delay","validateWcag","Host","class","classes","role","aria-label","wcagLabel","aria-labelledby","wcagLabelledBy","onClick","e","govClick","emit","validateWcagLabel"],"mappings":"gQAAO,MAAMA,EAAgB,CAC5BC,KAAM,eACNC,GAAI,oBCFL,MAAMC,EAAiB,0xBCYVC,EAAW,MAGvBC,YAAAC,8DAQoC,6DAPnCC,KAAKC,EAAIC,EAAQF,KAAKG,MAqBvBL,2BACC,GAAIM,IAA2B,OACxBC,EAAM,WACNL,KAAKM,gBAIbR,SACC,OACCG,EAACM,EAAI,CAACC,MAAOR,KAAKC,EAAEQ,QAAQhB,EAAcC,OACzCO,EAAA,MAAA,CACCS,KAAM,SAAQC,aACFX,KAAKY,UAASC,kBACTb,KAAKc,eACtBC,QAASC,GAAKhB,KAAKiB,SAASC,KAAKF,GACjCR,MAAOf,EAAcE,MAUzBG,qBACCqB,EAAkBnB,KAAKY,UAAWZ,KAAKc,eAAgBrB,EAAcC","sourcesContent":["export const BackdropClass = {\n\troot: 'gov-backdrop',\n\tbg: 'gov-backdrop__bg',\n}\n","/*\n * Backdrop\n */\n\n$class: \".gov-backdrop\";\n\n#{$class} {\n\t&__bg {\n\t\t@include z-index(\"modal\", 0);\n\t\tposition: fixed;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tbackground-color: $backdrop-bg;\n\t\topacity: $backdrop-opacity;\n\t}\n\n\t// VARIANTS\n\t@include parameter(\"inverse\") {\n\t\t#{$class} {\n\t\t\t&__bg {\n\t\t\t\tbackground-color: $backdrop-bg-inverse;\n\t\t\t\topacity: $backdrop-opacity-inverse;\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Event, EventEmitter, h, Method, Prop, Host, Element } from '@stencil/core'\nimport { validateWcagLabel } from '../../helpers/Validate/wcag'\nimport { BackdropClass } from './constants'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-backdrop',\n\tstyleUrl: 'gov-backdrop.scss',\n})\nexport class GovBackdrop {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovAlertElement\n\t/**\n\t * Determide if component should have inversed colors to be used on dark background.\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Adds accessible label for the backdrop that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) readonly wcagLabelledBy: string\n\t/**\n\t * Emitted when button clicks.\n\t */\n\t@Event({ eventName: 'gov-click' }) govClick: EventEmitter<MouseEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BackdropClass.root)}>\n\t\t\t\t<div\n\t\t\t\t\trole={'button'}\n\t\t\t\t\taria-label={this.wcagLabel}\n\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\tonClick={e => this.govClick.emit(e)}\n\t\t\t\t\tclass={BackdropClass.bg}\n\t\t\t\t></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, BackdropClass.root)\n\t}\n}\n"]}
@@ -1,2 +1,2 @@
1
- import{r as o,c as s,h as i,H as r}from"./p-4af5e4f4.js";import{F as a}from"./p-3464136c.js";import"./p-03990da5.js";import"./p-55500e5a.js";const e=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-label{position:relative;display:flex;width:100%}.gov-form-label__label{display:inline-block;color:var(--gov-form-label-color, #686868);cursor:pointer;box-sizing:border-box}";const t=class{constructor(i){o(this,i);this.govClick=s(this,"gov-click",7);this.identifier=undefined;this.size="m";this.required=false;this.legend=false}render(){const o=this.legend?"legend":"label";return i(r,{class:a.root,size:this.size},i(o,{class:a.label,htmlFor:this.identifier,onClick:()=>this.govClick.emit()},i("slot",null),this.required?i("span",{class:"gov-color--error-500"},"*"):null))}};t.style=e;export{t as gov_form_label};
2
- //# sourceMappingURL=p-fe1ee53b.entry.js.map
1
+ import{r as o,c as s,h as i,H as r}from"./p-4af5e4f4.js";import{F as a}from"./p-3464136c.js";import"./p-03990da5.js";import"./p-55500e5a.js";const e=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-form-label{position:relative;display:flex;width:100%}.gov-form-label__label{display:inline-block;color:var(--gov-form-label-color, #686868);cursor:pointer;box-sizing:border-box}";const t=class{constructor(i){o(this,i);this.govClick=s(this,"gov-click",7);this.identifier=undefined;this.size="m";this.required=false;this.legend=false}render(){const o=this.legend?"legend":"label";return i(r,{class:a.root,size:this.size},i(o,{class:a.label,htmlFor:this.identifier,onClick:()=>this.govClick.emit()},i("slot",null),this.required?i("span",{class:"gov-color--error-500"}," *"):null))}};t.style=e;export{t as gov_form_label};
2
+ //# sourceMappingURL=p-63ef7826.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../packages/core/src/components/gov-form/label/gov-form-label.scss?tag=gov-form-label","../../../packages/core/src/components/gov-form/label/gov-form-label.tsx"],"names":["govFormLabelCss","GovFormLabel","[object Object]","Tag","this","legend","h","Host","class","FormLabelClass","root","size","label","htmlFor","identifier","onClick","govClick","emit","required"],"mappings":"6IAAA,MAAMA,EAAkB,qhBCOXC,EAAY,uGAQsB,kBAIT,kBAKF,MAMnCC,SACC,MAAMC,EAAMC,KAAKC,OAAS,SAAW,QACrC,OACCC,EAACC,EAAI,CAACC,MAAOC,EAAeC,KAAMC,KAAMP,KAAKO,MAC5CL,EAACH,EAAG,CAACK,MAAOC,EAAeG,MAAOC,QAAST,KAAKU,WAAYC,QAAS,IAAMX,KAAKY,SAASC,QACxFX,EAAA,OAAA,MACCF,KAAKc,SAAWZ,EAAA,OAAA,CAAME,MAAM,wBAAsB,MAAkB","sourcesContent":["/*\n * Label\n */\n\n$class: \".gov-form-label\";\n\n#{$class} {\n\t@include base(flex);\n\t&__label {\n\t\tdisplay: inline-block;\n\t\tcolor: $form-label-color;\n\t\tcursor: pointer;\n\t\tbox-sizing: border-box;\n\t}\n}\n","import { Component, Event, EventEmitter, h, Prop, Host } from '@stencil/core'\nimport { FormLabelClass, FormLabelSizesTypes } from './constants'\n\n@Component({\n\ttag: 'gov-form-label',\n\tstyleUrl: 'gov-form-label.scss',\n})\nexport class GovFormLabel {\n\t/**\n\t * Identifier for label.\n\t */\n\t@Prop({ attribute: 'identifier' }) readonly identifier: string\n\t/**\n\t * Label's size.\n\t */\n\t@Prop() readonly size?: FormLabelSizesTypes = 'm'\n\t/**\n\t * Set whether the input is required or not.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Use label as a legend for better accessibility.\n\t * Note: Don't forget to set the fieldset attribute of the gov-form-control component\n\t */\n\t@Prop() readonly legend: boolean = false\n\t/**\n\t * Emitted when the label click.\n\t */\n\t@Event({ eventName: 'gov-click' }) govClick: EventEmitter<PointerEvent>\n\n\trender() {\n\t\tconst Tag = this.legend ? 'legend' : 'label'\n\t\treturn (\n\t\t\t<Host class={FormLabelClass.root} size={this.size}>\n\t\t\t\t<Tag class={FormLabelClass.label} htmlFor={this.identifier} onClick={() => this.govClick.emit()}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t{this.required ? <span class=\"gov-color--error-500\">&nbsp;*</span> : null}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
@@ -1,2 +1,2 @@
1
- import{r as s,c as i,h as t,H as a,g as o}from"./p-4af5e4f4.js";import{v as e}from"./p-26acf964.js";import{W as r,a as n,b as p}from"./p-64ced668.js";import{g as c}from"./p-3f37ddb6.js";import{v as m}from"./p-670b4f93.js";import{c as d}from"./p-c20102ff.js";import{d as f}from"./p-03990da5.js";import"./p-561fa17b.js";import"./p-ff7365ae.js";import"./p-55500e5a.js";import"./p-24636c53.js";const h=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-wizzard{position:relative;display:block;width:100%}.gov-wizzard>*:last-child{margin-bottom:0}";const l=class{constructor(t){s(this,t);this.govChange=i(this,"gov-change",7);this.size="m";this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.h=c(this.host)}validateSize(s){e(p,s,n.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(r.root).forEach((s=>{s.setAttribute("size",this.size);s.addEventListener("gov-change",(s=>{s.stopPropagation();this.govChange.emit(s.detail)}))}))}async componentDidRender(){if(d()){await f(500);await this.validateWcag()}}render(){return t(a,{class:this.h.classes(n.root),role:"list",size:this.size},t("slot",null))}async validateWcag(){m(this.wcagLabel,this.wcagLabelledBy,n.root)}get host(){return o(this)}static get watchers(){return{size:["validateSize"]}}};l.style=h;export{l as gov_wizzard};
2
- //# sourceMappingURL=p-42db4603.entry.js.map
1
+ import{r as s,c as i,h as t,H as a,g as o}from"./p-4af5e4f4.js";import{v as e}from"./p-26acf964.js";import{W as r,a as n,b as p}from"./p-64ced668.js";import{g as m}from"./p-3f37ddb6.js";import{v as c}from"./p-0f5e2b0a.js";import{c as d}from"./p-34152b51.js";import{d as f}from"./p-03990da5.js";import"./p-561fa17b.js";import"./p-ff7365ae.js";import"./p-55500e5a.js";import"./p-24636c53.js";const h=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-wizzard{position:relative;display:block;width:100%}.gov-wizzard>*:last-child{margin-bottom:0}";const l=class{constructor(t){s(this,t);this.govChange=i(this,"gov-change",7);this.size="m";this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.h=m(this.host)}validateSize(s){e(p,s,n.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(r.root).forEach((s=>{s.setAttribute("size",this.size);s.addEventListener("gov-change",(s=>{s.stopPropagation();this.govChange.emit(s.detail)}))}))}async componentDidRender(){if(d()){await f(500);await this.validateWcag()}}render(){return t(a,{class:this.h.classes(n.root),role:"list",size:this.size},t("slot",null))}async validateWcag(){c(this.wcagLabel,this.wcagLabelledBy,n.root)}get host(){return o(this)}static get watchers(){return{size:["validateSize"]}}};l.style=h;export{l as gov_wizzard};
2
+ //# sourceMappingURL=p-65aa3b0c.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r,c as o,h as a,H as e,g as t}from"./p-4af5e4f4.js";import{v as n}from"./p-26acf964.js";import{V as v}from"./p-ff7365ae.js";import{p as i,d as l}from"./p-03990da5.js";import{g,a as c}from"./p-3f37ddb6.js";import{F as s}from"./p-1c1d0bbe.js";import{a as d}from"./p-670b4f93.js";import{c as _}from"./p-c20102ff.js";import"./p-561fa17b.js";import"./p-24636c53.js";const m=i(v,["PRIMARY","SECONDARY","WARNING","ERROR","SUCCESS"]);const p={root:"gov-alert",section:"gov-alert__section",icon:"gov-alert__icon",content:"gov-alert__content",headline:"gov-alert__headline",close:"gov-alert__close"};const h='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-alert{position:relative;display:block;width:100%}.gov-alert__section{display:block;width:100%;max-width:calc(var(--gov-container-width, 73.75rem) + 2 * var(--gov-container-padding, 2.5rem));margin-right:auto;margin-left:auto;padding-right:var(--gov-container-padding-mobile, 1.25rem);padding-left:var(--gov-container-padding-mobile, 1.25rem);display:flex;gap:1rem;padding-top:1rem;padding-bottom:1rem}@media (min-width: 48em){.gov-alert__section{padding-right:var(--gov-container-padding, 2.5rem);padding-left:var(--gov-container-padding, 2.5rem)}}.gov-alert__icon{flex:0 0 auto}.gov-alert__icon>*{width:1.25rem;height:1.25rem}.gov-alert__headline{display:flex;gap:1rem}.gov-alert__headline+div{margin-top:0.5rem}.gov-alert__headline p{margin-bottom:0}.gov-alert__headline gov-button{margin-top:-0.25rem}.gov-alert__content{padding-right:3.25rem}.gov-alert__content>*:last-child{margin-bottom:0}.gov-alert__content p{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-alert__content a{color:inherit}@media not all and (pointer: coarse){.gov-alert__content a:hover{color:inherit}}.gov-alert__close{position:absolute;top:0.625rem;right:1rem}.gov-alert[variant=warning]{background-color:var(--gov-alert-warning-bg-color, var(--gov-color-warning))}.gov-alert[variant=warning] .gov-alert__icon{color:var(--gov-alert-warning-icon-color, var(--gov-color-secondary))}.gov-alert[variant=warning] .gov-alert__content{color:var(--gov-alert-warning-text-color, var(--gov-color-secondary))}.gov-alert[variant=warning][inverse=""],.gov-alert[variant=warning][inverse=true i],.gov-alert[variant=warning][inverse="1"]{border-bottom:var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-alert-inverse-bg, var(--gov-color-neutral-white))}.gov-alert[variant=warning][inverse=""] .gov-alert__icon,.gov-alert[variant=warning][inverse=true i] .gov-alert__icon,.gov-alert[variant=warning][inverse="1"] .gov-alert__icon{color:var(--gov-alert-warning-bg-color, var(--gov-color-warning))}.gov-alert[variant=warning][inverse=""] .gov-alert__content,.gov-alert[variant=warning][inverse=true i] .gov-alert__content,.gov-alert[variant=warning][inverse="1"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}.gov-alert[variant=error]{background-color:var(--gov-alert-error-bg-color, var(--gov-color-error))}.gov-alert[variant=error] .gov-alert__icon{color:var(--gov-alert-error-icon-color, var(--gov-color-neutral-white))}.gov-alert[variant=error] .gov-alert__content{color:var(--gov-alert-error-text-color, var(--gov-color-neutral-white))}.gov-alert[variant=error][inverse=""],.gov-alert[variant=error][inverse=true i],.gov-alert[variant=error][inverse="1"]{border-bottom:var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-alert-inverse-bg, var(--gov-color-neutral-white))}.gov-alert[variant=error][inverse=""] .gov-alert__icon,.gov-alert[variant=error][inverse=true i] .gov-alert__icon,.gov-alert[variant=error][inverse="1"] .gov-alert__icon{color:var(--gov-alert-error-bg-color, var(--gov-color-error))}.gov-alert[variant=error][inverse=""] .gov-alert__content,.gov-alert[variant=error][inverse=true i] .gov-alert__content,.gov-alert[variant=error][inverse="1"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}.gov-alert[variant=secondary]{background-color:var(--gov-alert-secondary-bg-color, var(--gov-color-secondary))}.gov-alert[variant=secondary] .gov-alert__icon{color:var(--gov-alert-secondary-icon-color, var(--gov-color-neutral-white))}.gov-alert[variant=secondary] .gov-alert__content{color:var(--gov-alert-secondary-text-color, var(--gov-color-neutral-white))}.gov-alert[variant=secondary][inverse=""],.gov-alert[variant=secondary][inverse=true i],.gov-alert[variant=secondary][inverse="1"]{border-bottom:var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-alert-inverse-bg, var(--gov-color-neutral-white))}.gov-alert[variant=secondary][inverse=""] .gov-alert__icon,.gov-alert[variant=secondary][inverse=true i] .gov-alert__icon,.gov-alert[variant=secondary][inverse="1"] .gov-alert__icon{color:var(--gov-alert-secondary-bg-color, var(--gov-color-secondary))}.gov-alert[variant=secondary][inverse=""] .gov-alert__content,.gov-alert[variant=secondary][inverse=true i] .gov-alert__content,.gov-alert[variant=secondary][inverse="1"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}.gov-alert[variant=success]{background-color:var(--gov-alert-success-bg-color, var(--gov-color-success-500))}.gov-alert[variant=success] .gov-alert__icon{color:var(--gov-alert-success-icon-color, var(--gov-color-neutral-white))}.gov-alert[variant=success] .gov-alert__content{color:var(--gov-alert-success-text-color, var(--gov-color-neutral-white))}.gov-alert[variant=success][inverse=""],.gov-alert[variant=success][inverse=true i],.gov-alert[variant=success][inverse="1"]{border-bottom:var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-alert-inverse-bg, var(--gov-color-neutral-white))}.gov-alert[variant=success][inverse=""] .gov-alert__icon,.gov-alert[variant=success][inverse=true i] .gov-alert__icon,.gov-alert[variant=success][inverse="1"] .gov-alert__icon{color:var(--gov-alert-success-bg-color, var(--gov-color-success-500))}.gov-alert[variant=success][inverse=""] .gov-alert__content,.gov-alert[variant=success][inverse=true i] .gov-alert__content,.gov-alert[variant=success][inverse="1"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}.gov-alert[variant=primary]{background-color:var(--gov-alert-primary-bg-color, var(--gov-color-primary))}.gov-alert[variant=primary] .gov-alert__icon{color:var(--gov-alert-primary-icon-color, var(--gov-color-neutral-white))}.gov-alert[variant=primary] .gov-alert__content{color:var(--gov-alert-primary-text-color, var(--gov-color-neutral-white))}.gov-alert[variant=primary][inverse=""],.gov-alert[variant=primary][inverse=true i],.gov-alert[variant=primary][inverse="1"]{border-bottom:var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-alert-inverse-bg, var(--gov-color-neutral-white))}.gov-alert[variant=primary][inverse=""] .gov-alert__icon,.gov-alert[variant=primary][inverse=true i] .gov-alert__icon,.gov-alert[variant=primary][inverse="1"] .gov-alert__icon{color:var(--gov-alert-primary-bg-color, var(--gov-color-primary))}.gov-alert[variant=primary][inverse=""] .gov-alert__content,.gov-alert[variant=primary][inverse=true i] .gov-alert__content,.gov-alert[variant=primary][inverse="1"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}@media (min-width: 75em){.gov-alert__content{padding-right:2rem}}';const u=class{constructor(a){r(this,a);this.govClose=o(this,"gov-close",7);this.headline=undefined;this.variant="primary";this.inverse=false;this.wcagCloseLabel=undefined;this.wcagToggleLabel=undefined;this.closable=false;this.toggleContent=false;this.h=g(this.host)}validateVariant(r){n(m,r,p.root)}componentWillLoad(){this.validateVariant(this.variant)}async componentDidRender(){if(_()){await l(500);await this.validateWcag()}}render(){let r=!this.inverse;let o=this.inverse?"secondary":this.variant;if(this.variant=="warning"){r=false;o="secondary"}const t=a("div",{class:p.close},a("gov-button",{size:"s","aria-label":this.wcagCloseLabel,type:"base",variant:o,inverse:r,"on-gov-click":this.onCloseHandler.bind(this)},a("gov-icon",{name:"x-lg"})));return a(e,{class:this.h.classes(p.root),variant:this.variant},a("section",{class:p.section,role:"alert"},this.h.hasSlot("icon")&&a("div",{class:p.icon},a("slot",{name:"icon"})),a("div",{class:p.content},this.headline?a(s,null,a("div",{class:p.headline},a("p",null,this.headline),a("gov-button",{size:"s","aria-label":this.wcagToggleLabel,type:"base",variant:o,inverse:r,"on-gov-click":()=>this.toggleContent=!this.toggleContent},a("gov-icon",{name:this.toggleContent?"chevron-up":"chevron-down"}))),a("div",{hidden:!this.toggleContent,"aria-hidden":c(this.toggleContent)},a("slot",null))):a("slot",null))),this.closable&&t)}onCloseHandler(r){this.govClose.emit({component:p.root,ref:this.host,originalEvent:r})}async validateWcag(){if(this.closable){d(this.wcagCloseLabel,"wcag-close-label",p.root)}if(this.headline){d(this.wcagToggleLabel,"wcag-toggle-label",p.root)}}get host(){return t(this)}static get watchers(){return{variant:["validateVariant"]}}};u.style=h;export{u as gov_alert};
2
- //# sourceMappingURL=p-75a4c838.entry.js.map
1
+ import{r,c as o,h as a,H as e,g as t}from"./p-4af5e4f4.js";import{v as n}from"./p-26acf964.js";import{V as v}from"./p-ff7365ae.js";import{p as i,d as l}from"./p-03990da5.js";import{g,a as c}from"./p-3f37ddb6.js";import{F as s}from"./p-1c1d0bbe.js";import{a as d}from"./p-0f5e2b0a.js";import{c as _}from"./p-34152b51.js";import"./p-561fa17b.js";import"./p-24636c53.js";const m=i(v,["PRIMARY","SECONDARY","WARNING","ERROR","SUCCESS"]);const p={root:"gov-alert",section:"gov-alert__section",icon:"gov-alert__icon",content:"gov-alert__content",headline:"gov-alert__headline",close:"gov-alert__close"};const h='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-alert{position:relative;display:block;width:100%}.gov-alert__section{display:block;width:100%;max-width:calc(var(--gov-container-width, 73.75rem) + 2 * var(--gov-container-padding, 2.5rem));margin-right:auto;margin-left:auto;padding-right:var(--gov-container-padding-mobile, 1.25rem);padding-left:var(--gov-container-padding-mobile, 1.25rem);display:flex;gap:1rem;padding-top:1rem;padding-bottom:1rem}@media (min-width: 48em){.gov-alert__section{padding-right:var(--gov-container-padding, 2.5rem);padding-left:var(--gov-container-padding, 2.5rem)}}.gov-alert__icon{flex:0 0 auto}.gov-alert__icon>*{width:1.25rem;height:1.25rem}.gov-alert__headline{display:flex;gap:1rem}.gov-alert__headline+div{margin-top:0.5rem}.gov-alert__headline p{margin-bottom:0}.gov-alert__headline gov-button{margin-top:-0.25rem}.gov-alert__content{padding-right:3.25rem}.gov-alert__content>*:last-child{margin-bottom:0}.gov-alert__content p{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-alert__content a{color:inherit}@media not all and (pointer: coarse){.gov-alert__content a:hover{color:inherit}}.gov-alert__close{position:absolute;top:0.625rem;right:1rem}.gov-alert[variant=warning]{background-color:var(--gov-alert-warning-bg-color, var(--gov-color-warning))}.gov-alert[variant=warning] .gov-alert__icon{color:var(--gov-alert-warning-icon-color, var(--gov-color-secondary))}.gov-alert[variant=warning] .gov-alert__content{color:var(--gov-alert-warning-text-color, var(--gov-color-secondary))}.gov-alert[variant=warning][inverse=""],.gov-alert[variant=warning][inverse=true i],.gov-alert[variant=warning][inverse="1"]{border-bottom:var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-alert-inverse-bg, var(--gov-color-neutral-white))}.gov-alert[variant=warning][inverse=""] .gov-alert__icon,.gov-alert[variant=warning][inverse=true i] .gov-alert__icon,.gov-alert[variant=warning][inverse="1"] .gov-alert__icon{color:var(--gov-alert-warning-bg-color, var(--gov-color-warning))}.gov-alert[variant=warning][inverse=""] .gov-alert__content,.gov-alert[variant=warning][inverse=true i] .gov-alert__content,.gov-alert[variant=warning][inverse="1"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}.gov-alert[variant=error]{background-color:var(--gov-alert-error-bg-color, var(--gov-color-error))}.gov-alert[variant=error] .gov-alert__icon{color:var(--gov-alert-error-icon-color, var(--gov-color-neutral-white))}.gov-alert[variant=error] .gov-alert__content{color:var(--gov-alert-error-text-color, var(--gov-color-neutral-white))}.gov-alert[variant=error][inverse=""],.gov-alert[variant=error][inverse=true i],.gov-alert[variant=error][inverse="1"]{border-bottom:var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-alert-inverse-bg, var(--gov-color-neutral-white))}.gov-alert[variant=error][inverse=""] .gov-alert__icon,.gov-alert[variant=error][inverse=true i] .gov-alert__icon,.gov-alert[variant=error][inverse="1"] .gov-alert__icon{color:var(--gov-alert-error-bg-color, var(--gov-color-error))}.gov-alert[variant=error][inverse=""] .gov-alert__content,.gov-alert[variant=error][inverse=true i] .gov-alert__content,.gov-alert[variant=error][inverse="1"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}.gov-alert[variant=secondary]{background-color:var(--gov-alert-secondary-bg-color, var(--gov-color-secondary))}.gov-alert[variant=secondary] .gov-alert__icon{color:var(--gov-alert-secondary-icon-color, var(--gov-color-neutral-white))}.gov-alert[variant=secondary] .gov-alert__content{color:var(--gov-alert-secondary-text-color, var(--gov-color-neutral-white))}.gov-alert[variant=secondary][inverse=""],.gov-alert[variant=secondary][inverse=true i],.gov-alert[variant=secondary][inverse="1"]{border-bottom:var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-alert-inverse-bg, var(--gov-color-neutral-white))}.gov-alert[variant=secondary][inverse=""] .gov-alert__icon,.gov-alert[variant=secondary][inverse=true i] .gov-alert__icon,.gov-alert[variant=secondary][inverse="1"] .gov-alert__icon{color:var(--gov-alert-secondary-bg-color, var(--gov-color-secondary))}.gov-alert[variant=secondary][inverse=""] .gov-alert__content,.gov-alert[variant=secondary][inverse=true i] .gov-alert__content,.gov-alert[variant=secondary][inverse="1"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}.gov-alert[variant=success]{background-color:var(--gov-alert-success-bg-color, var(--gov-color-success-500))}.gov-alert[variant=success] .gov-alert__icon{color:var(--gov-alert-success-icon-color, var(--gov-color-neutral-white))}.gov-alert[variant=success] .gov-alert__content{color:var(--gov-alert-success-text-color, var(--gov-color-neutral-white))}.gov-alert[variant=success][inverse=""],.gov-alert[variant=success][inverse=true i],.gov-alert[variant=success][inverse="1"]{border-bottom:var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-alert-inverse-bg, var(--gov-color-neutral-white))}.gov-alert[variant=success][inverse=""] .gov-alert__icon,.gov-alert[variant=success][inverse=true i] .gov-alert__icon,.gov-alert[variant=success][inverse="1"] .gov-alert__icon{color:var(--gov-alert-success-bg-color, var(--gov-color-success-500))}.gov-alert[variant=success][inverse=""] .gov-alert__content,.gov-alert[variant=success][inverse=true i] .gov-alert__content,.gov-alert[variant=success][inverse="1"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}.gov-alert[variant=primary]{background-color:var(--gov-alert-primary-bg-color, var(--gov-color-primary))}.gov-alert[variant=primary] .gov-alert__icon{color:var(--gov-alert-primary-icon-color, var(--gov-color-neutral-white))}.gov-alert[variant=primary] .gov-alert__content{color:var(--gov-alert-primary-text-color, var(--gov-color-neutral-white))}.gov-alert[variant=primary][inverse=""],.gov-alert[variant=primary][inverse=true i],.gov-alert[variant=primary][inverse="1"]{border-bottom:var(--gov-alert-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-alert-inverse-bg, var(--gov-color-neutral-white))}.gov-alert[variant=primary][inverse=""] .gov-alert__icon,.gov-alert[variant=primary][inverse=true i] .gov-alert__icon,.gov-alert[variant=primary][inverse="1"] .gov-alert__icon{color:var(--gov-alert-primary-bg-color, var(--gov-color-primary))}.gov-alert[variant=primary][inverse=""] .gov-alert__content,.gov-alert[variant=primary][inverse=true i] .gov-alert__content,.gov-alert[variant=primary][inverse="1"] .gov-alert__content{color:var(--gov-alert-inverse-color, var(--gov-color-secondary-800))}@media (min-width: 75em){.gov-alert__content{padding-right:2rem}}';const u=class{constructor(a){r(this,a);this.govClose=o(this,"gov-close",7);this.headline=undefined;this.variant="primary";this.inverse=false;this.wcagCloseLabel=undefined;this.wcagToggleLabel=undefined;this.closable=false;this.toggleContent=false;this.h=g(this.host)}validateVariant(r){n(m,r,p.root)}componentWillLoad(){this.validateVariant(this.variant)}async componentDidRender(){if(_()){await l(500);await this.validateWcag()}}render(){let r=!this.inverse;let o=this.inverse?"secondary":this.variant;if(this.variant=="warning"){r=false;o="secondary"}const t=a("div",{class:p.close},a("gov-button",{size:"s","aria-label":this.wcagCloseLabel,type:"base",variant:o,inverse:r,"on-gov-click":this.onCloseHandler.bind(this)},a("gov-icon",{name:"x-lg"})));return a(e,{class:this.h.classes(p.root),variant:this.variant},a("section",{class:p.section,role:"alert"},this.h.hasSlot("icon")&&a("div",{class:p.icon},a("slot",{name:"icon"})),a("div",{class:p.content},this.headline?a(s,null,a("div",{class:p.headline},a("p",null,this.headline),a("gov-button",{size:"s","aria-label":this.wcagToggleLabel,type:"base",variant:o,inverse:r,"on-gov-click":()=>this.toggleContent=!this.toggleContent},a("gov-icon",{name:this.toggleContent?"chevron-up":"chevron-down"}))),a("div",{hidden:!this.toggleContent,"aria-hidden":c(this.toggleContent)},a("slot",null))):a("slot",null))),this.closable&&t)}onCloseHandler(r){this.govClose.emit({component:p.root,ref:this.host,originalEvent:r})}async validateWcag(){if(this.closable){d(this.wcagCloseLabel,"wcag-close-label",p.root)}if(this.headline){d(this.wcagToggleLabel,"wcag-toggle-label",p.root)}}get host(){return t(this)}static get watchers(){return{variant:["validateVariant"]}}};u.style=h;export{u as gov_alert};
2
+ //# sourceMappingURL=p-683fc65e.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../packages/core/src/components/gov-alert/constants.ts","../../../packages/core/src/components/gov-alert/gov-alert.scss?tag=gov-alert","../../../packages/core/src/components/gov-alert/gov-alert.tsx"],"names":["AlertVariants","pick","Variants","AlertClass","root","section","icon","content","headline","close","govAlertCss","GovAlert","[object Object]","hostRef","this","h","govHost","host","newValue","validateProp","validateVariant","variant","canValidateWcagOnRender","delay","validateWcag","inverse","closeButton","class","size","aria-label","wcagCloseLabel","type","on-gov-click","onCloseHandler","bind","name","Host","classes","role","hasSlot","Fragment","wcagToggleLabel","toggleContent","hidden","aria-hidden","toBoolAttr","closable","e","govClose","emit","component","ref","originalEvent","validateWcagProp"],"mappings":"gXAIO,MAAMA,EAAgBC,EAAKC,EAAU,CAAC,UAAW,YAAa,UAAW,QAAS,YAGlF,MAAMC,EAAa,CACzBC,KAAM,YACNC,QAAS,qBACTC,KAAM,kBACNC,QAAS,qBACTC,SAAU,sBACVC,MAAO,oBCbR,MAAMC,EAAc,sqOCgBPC,EAAQ,MAGpBC,YAAAC,sFAawC,uBAIJ,iFAgBE,yBAEb,MAlCxBC,KAAKC,EAAIC,EAAQF,KAAKG,MAqCvBL,gBAAgBM,GACfC,EAAanB,EAAekB,EAAUf,EAAWC,MAGlDQ,oBACCE,KAAKM,gBAAgBN,KAAKO,SAG3BT,2BACC,GAAIU,IAA2B,OACxBC,EAAM,WACNT,KAAKU,gBAIbZ,SACC,IAAIa,GAAWX,KAAKW,QACpB,IAAIJ,EAAUP,KAAKW,QAAU,YAAcX,KAAKO,QAEhD,GAAIP,KAAKO,SAAW,UAAW,CAC9BI,EAAU,MACVJ,EAAU,YAGX,MAAMK,EACLX,EAAA,MAAA,CAAKY,MAAOxB,EAAWM,OACtBM,EAAA,aAAA,CACCa,KAAK,IAAGC,aACIf,KAAKgB,eACjBC,KAAK,OACLV,QAASA,EACTI,QAASA,EAAOO,eACFlB,KAAKmB,eAAeC,KAAKpB,OAEvCC,EAAA,WAAA,CAAUoB,KAAK,WAKlB,OACCpB,EAACqB,EAAI,CAACT,MAAOb,KAAKC,EAAEsB,QAAQlC,EAAWC,MAAOiB,QAASP,KAAKO,SAC3DN,EAAA,UAAA,CAASY,MAAOxB,EAAWE,QAASiC,KAAK,SACvCxB,KAAKC,EAAEwB,QAAQ,SACfxB,EAAA,MAAA,CAAKY,MAAOxB,EAAWG,MACtBS,EAAA,OAAA,CAAMoB,KAAK,UAGbpB,EAAA,MAAA,CAAKY,MAAOxB,EAAWI,SACrBO,KAAKN,SACLO,EAACyB,EAAQ,KACRzB,EAAA,MAAA,CAAKY,MAAOxB,EAAWK,UACtBO,EAAA,IAAA,KAAID,KAAKN,UACTO,EAAA,aAAA,CACCa,KAAK,IAAGC,aACIf,KAAK2B,gBACjBV,KAAK,OACLV,QAASA,EACTI,QAASA,EAAOO,eACF,IAAMlB,KAAK4B,eAAiB5B,KAAK4B,eAE/C3B,EAAA,WAAA,CAAUoB,KAAMrB,KAAK4B,cAAgB,aAAe,mBAGtD3B,EAAA,MAAA,CAAK4B,QAAS7B,KAAK4B,cAAaE,cAAeC,EAAW/B,KAAK4B,gBAC9D3B,EAAA,OAAA,QAIFA,EAAA,OAAA,QAIFD,KAAKgC,UAAYpB,GAKrBd,eAAemC,GACdjC,KAAKkC,SAASC,KAAK,CAClBC,UAAW/C,EAAWC,KACtB+C,IAAKrC,KAAKG,KACVmC,cAAeL,IAQjBnC,qBACC,GAAIE,KAAKgC,SAAU,CAClBO,EAAiBvC,KAAKgB,eAAgB,mBAAoB3B,EAAWC,MAEtE,GAAIU,KAAKN,SAAU,CAClB6C,EAAiBvC,KAAK2B,gBAAiB,oBAAqBtC,EAAWC","sourcesContent":["import { Variants } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const AlertVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'WARNING', 'ERROR', 'SUCCESS'])\nexport type VariantType = `${ValueOf<typeof AlertVariants>}`\n\nexport const AlertClass = {\n\troot: 'gov-alert',\n\tsection: 'gov-alert__section',\n\ticon: 'gov-alert__icon',\n\tcontent: 'gov-alert__content',\n\theadline: 'gov-alert__headline',\n\tclose: 'gov-alert__close',\n}\n","/*\n * Alert\n */\n\n$class: \".gov-alert\";\n\n#{$class} {\n\t@include base();\n\t&__section {\n\t\t@include container();\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\t\tpadding-top: rem-calc(16);\n\t\tpadding-bottom: rem-calc(16);\n\t}\n\t&__icon {\n\t\tflex: 0 0 auto;\n\t\t& > * {\n\t\t\twidth: rem-calc(20);\n\t\t\theight: rem-calc(20);\n\t\t}\n\t}\n\t&__headline {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\n\t\t+ div {\n\t\t\tmargin-top: rem-calc(8);\n\t\t}\n\n\t\tp {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\tgov-button {\n\t\t\tmargin-top: rem-calc(-4);\n\t\t}\n\t}\n\t&__content {\n\t\t@include reset-last-margin();\n\t\tpadding-right: rem-calc(52);\n\t\tp {\n\t\t\t@include typography($font-size-m);\n\t\t}\n\t\ta {\n\t\t\tcolor: inherit;\n\t\t\t@include hover() {\n\t\t\t\tcolor: inherit;\n\t\t\t}\n\t\t}\n\t}\n\t&__close {\n\t\tposition: absolute;\n\t\ttop: rem-calc(10);\n\t\tright: rem-calc(16);\n\t}\n\n\t// VARIANTS\n\t@each $variant, $definitions in $alert-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\tbackground-color: get(\"bg-color\", $definitions);\n\t\t\t#{$class} {\n\t\t\t\t&__icon {\n\t\t\t\t\tcolor: get(\"icon-color\", $definitions);\n\t\t\t\t}\n\t\t\t\t&__content {\n\t\t\t\t\tcolor: get(\"text-color\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\t\t\t@if deep-map-check($definitions, \"border\") {\n\t\t\t\tborder-bottom: $alert-border;\n\t\t\t}\n\n\t\t\t// STATES\n\t\t\t@include parameter(\"inverse\") {\n\t\t\t\tborder-bottom: $alert-border;\n\t\t\t\tbackground-color: $alert-inverse-bg;\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__icon {\n\t\t\t\t\t\tcolor: get(\"bg-color\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t\t&__content {\n\t\t\t\t\t\tcolor: $alert-inverse-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: xl) {\n\t\t&__content {\n\t\t\tpadding-right: rem-calc(32);\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { AlertClass, AlertVariants, VariantType } from \"./constants\"\nimport { govHost, toBoolAttr } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { AlertEvent } from \"./gov-alert.types\"\nimport { ButtonEvent } from \"../gov-button/gov-button.types\"\nimport Fragment from \"../../helpers/Fragment\"\nimport { validateWcagProp } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-alert\",\n\tstyleUrl: \"gov-alert.scss\",\n})\nexport class GovAlert {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovAlertElement\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly headline: string\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant: VariantType = \"primary\"\n\t/**\n\t * Determine if component should have inverse colors to be used on dark background\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Aria label for the closing button. It is mandatory if the alert is closable\n\t */\n\t@Prop({ attribute: \"wcag-close-label\" }) readonly wcagCloseLabel: string\n\t/**\n\t * Aria label for the toggle button. It is mandatory if the alert has headline\n\t */\n\t@Prop({ attribute: \"wcag-toggle-label\" }) readonly wcagToggleLabel: string\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({ eventName: \"gov-close\" }) govClose: EventEmitter<AlertEvent>\n\t/**\n\t * Displays the option to close the alert\n\t */\n\t@Prop() readonly closable?: boolean = false\n\n\t@State() toggleContent = false\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(AlertVariants, newValue, AlertClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\tlet inverse = !this.inverse\n\t\tlet variant = this.inverse ? \"secondary\" : this.variant\n\n\t\tif (this.variant == \"warning\") {\n\t\t\tinverse = false\n\t\t\tvariant = \"secondary\"\n\t\t}\n\n\t\tconst closeButton = (\n\t\t\t<div class={AlertClass.close}>\n\t\t\t\t<gov-button\n\t\t\t\t\tsize=\"s\"\n\t\t\t\t\taria-label={this.wcagCloseLabel}\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\tvariant={variant}\n\t\t\t\t\tinverse={inverse}\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t>\n\t\t\t\t\t<gov-icon name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AlertClass.root)} variant={this.variant}>\n\t\t\t\t<section class={AlertClass.section} role=\"alert\">\n\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t<div class={AlertClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div class={AlertClass.content}>\n\t\t\t\t\t\t{this.headline ? (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t<div class={AlertClass.headline}>\n\t\t\t\t\t\t\t\t\t<p>{this.headline}</p>\n\t\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\t\t\t\t\taria-label={this.wcagToggleLabel}\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\t\t\t\tinverse={inverse}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.toggleContent = !this.toggleContent}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name={this.toggleContent ? 'chevron-up' : 'chevron-down'}></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div hidden={!this.toggleContent} aria-hidden={toBoolAttr(this.toggleContent)}>\n\t\t\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</section>\n\t\t\t\t{this.closable && closeButton}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tonCloseHandler(e: CustomEvent<ButtonEvent>) {\n\t\tthis.govClose.emit({\n\t\t\tcomponent: AlertClass.root,\n\t\t\tref: this.host,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tif (this.closable) {\n\t\t\tvalidateWcagProp(this.wcagCloseLabel, 'wcag-close-label', AlertClass.root)\n\t\t}\n\t\tif (this.headline) {\n\t\t\tvalidateWcagProp(this.wcagToggleLabel, 'wcag-toggle-label', AlertClass.root)\n\t\t}\n\t}\n}\n"]}
1
+ {"version":3,"sources":["../../../packages/core/src/components/gov-alert/constants.ts","../../../packages/core/src/components/gov-alert/gov-alert.scss?tag=gov-alert","../../../packages/core/src/components/gov-alert/gov-alert.tsx"],"names":["AlertVariants","pick","Variants","AlertClass","root","section","icon","content","headline","close","govAlertCss","GovAlert","[object Object]","hostRef","this","h","govHost","host","newValue","validateProp","validateVariant","variant","canValidateWcagOnRender","delay","validateWcag","inverse","closeButton","class","size","aria-label","wcagCloseLabel","type","on-gov-click","onCloseHandler","bind","name","Host","classes","role","hasSlot","Fragment","wcagToggleLabel","toggleContent","hidden","aria-hidden","toBoolAttr","closable","e","govClose","emit","component","ref","originalEvent","validateWcagProp"],"mappings":"gXAIO,MAAMA,EAAgBC,EAAKC,EAAU,CAAC,UAAW,YAAa,UAAW,QAAS,YAGlF,MAAMC,EAAa,CACzBC,KAAM,YACNC,QAAS,qBACTC,KAAM,kBACNC,QAAS,qBACTC,SAAU,sBACVC,MAAO,oBCbR,MAAMC,EAAc,sqOCgBPC,EAAQ,MAGpBC,YAAAC,sFAawC,uBAIJ,iFAgBE,yBAEb,MAlCxBC,KAAKC,EAAIC,EAAQF,KAAKG,MAqCvBL,gBAAgBM,GACfC,EAAanB,EAAekB,EAAUf,EAAWC,MAGlDQ,oBACCE,KAAKM,gBAAgBN,KAAKO,SAG3BT,2BACC,GAAIU,IAA2B,OACxBC,EAAM,WACNT,KAAKU,gBAIbZ,SACC,IAAIa,GAAWX,KAAKW,QACpB,IAAIJ,EAAUP,KAAKW,QAAU,YAAcX,KAAKO,QAEhD,GAAIP,KAAKO,SAAW,UAAW,CAC9BI,EAAU,MACVJ,EAAU,YAGX,MAAMK,EACLX,EAAA,MAAA,CAAKY,MAAOxB,EAAWM,OACtBM,EAAA,aAAA,CACCa,KAAK,IAAGC,aACIf,KAAKgB,eACjBC,KAAK,OACLV,QAASA,EACTI,QAASA,EAAOO,eACFlB,KAAKmB,eAAeC,KAAKpB,OAEvCC,EAAA,WAAA,CAAUoB,KAAK,WAKlB,OACCpB,EAACqB,EAAI,CAACT,MAAOb,KAAKC,EAAEsB,QAAQlC,EAAWC,MAAOiB,QAASP,KAAKO,SAC3DN,EAAA,UAAA,CAASY,MAAOxB,EAAWE,QAASiC,KAAK,SACvCxB,KAAKC,EAAEwB,QAAQ,SACfxB,EAAA,MAAA,CAAKY,MAAOxB,EAAWG,MACtBS,EAAA,OAAA,CAAMoB,KAAK,UAGbpB,EAAA,MAAA,CAAKY,MAAOxB,EAAWI,SACrBO,KAAKN,SACLO,EAACyB,EAAQ,KACRzB,EAAA,MAAA,CAAKY,MAAOxB,EAAWK,UACtBO,EAAA,IAAA,KAAID,KAAKN,UACTO,EAAA,aAAA,CACCa,KAAK,IAAGC,aACIf,KAAK2B,gBACjBV,KAAK,OACLV,QAASA,EACTI,QAASA,EAAOO,eACF,IAAMlB,KAAK4B,eAAiB5B,KAAK4B,eAE/C3B,EAAA,WAAA,CAAUoB,KAAMrB,KAAK4B,cAAgB,aAAe,mBAGtD3B,EAAA,MAAA,CAAK4B,QAAS7B,KAAK4B,cAAaE,cAAeC,EAAW/B,KAAK4B,gBAC9D3B,EAAA,OAAA,QAIFA,EAAA,OAAA,QAIFD,KAAKgC,UAAYpB,GAKrBd,eAAemC,GACdjC,KAAKkC,SAASC,KAAK,CAClBC,UAAW/C,EAAWC,KACtB+C,IAAKrC,KAAKG,KACVmC,cAAeL,IAQjBnC,qBACC,GAAIE,KAAKgC,SAAU,CAClBO,EAAiBvC,KAAKgB,eAAgB,mBAAoB3B,EAAWC,MAEtE,GAAIU,KAAKN,SAAU,CAClB6C,EAAiBvC,KAAK2B,gBAAiB,oBAAqBtC,EAAWC","sourcesContent":["import { Variants } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const AlertVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'WARNING', 'ERROR', 'SUCCESS'])\nexport type VariantType = `${ValueOf<typeof AlertVariants>}`\n\nexport const AlertClass = {\n\troot: 'gov-alert',\n\tsection: 'gov-alert__section',\n\ticon: 'gov-alert__icon',\n\tcontent: 'gov-alert__content',\n\theadline: 'gov-alert__headline',\n\tclose: 'gov-alert__close',\n}\n","/*\n * Alert\n */\n\n$class: \".gov-alert\";\n\n#{$class} {\n\t@include base();\n\t&__section {\n\t\t@include container();\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\t\tpadding-top: rem-calc(16);\n\t\tpadding-bottom: rem-calc(16);\n\t}\n\t&__icon {\n\t\tflex: 0 0 auto;\n\t\t& > * {\n\t\t\twidth: rem-calc(20);\n\t\t\theight: rem-calc(20);\n\t\t}\n\t}\n\t&__headline {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\n\t\t+ div {\n\t\t\tmargin-top: rem-calc(8);\n\t\t}\n\n\t\tp {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\tgov-button {\n\t\t\tmargin-top: rem-calc(-4);\n\t\t}\n\t}\n\t&__content {\n\t\t@include reset-last-margin();\n\t\tpadding-right: rem-calc(52);\n\t\tp {\n\t\t\t@include typography($font-size-m);\n\t\t}\n\t\ta {\n\t\t\tcolor: inherit;\n\t\t\t@include hover() {\n\t\t\t\tcolor: inherit;\n\t\t\t}\n\t\t}\n\t}\n\t&__close {\n\t\tposition: absolute;\n\t\ttop: rem-calc(10);\n\t\tright: rem-calc(16);\n\t}\n\n\t// VARIANTS\n\t@each $variant, $definitions in $alert-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\tbackground-color: get(\"bg-color\", $definitions);\n\t\t\t#{$class} {\n\t\t\t\t&__icon {\n\t\t\t\t\tcolor: get(\"icon-color\", $definitions);\n\t\t\t\t}\n\t\t\t\t&__content {\n\t\t\t\t\tcolor: get(\"text-color\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\t\t\t@if deep-map-check($definitions, \"border\") {\n\t\t\t\tborder-bottom: $alert-border;\n\t\t\t}\n\n\t\t\t// STATES\n\t\t\t@include parameter(\"inverse\") {\n\t\t\t\tborder-bottom: $alert-border;\n\t\t\t\tbackground-color: $alert-inverse-bg;\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__icon {\n\t\t\t\t\t\tcolor: get(\"bg-color\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t\t&__content {\n\t\t\t\t\t\tcolor: $alert-inverse-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: xl) {\n\t\t&__content {\n\t\t\tpadding-right: rem-calc(32);\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { AlertClass, AlertVariants, VariantType } from \"./constants\"\nimport { govHost, toBoolAttr } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { AlertEvent } from \"./gov-alert.types\"\nimport { ButtonEvent } from \"../gov-button/default/gov-button.types\"\nimport Fragment from \"../../helpers/Fragment\"\nimport { validateWcagProp } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-alert\",\n\tstyleUrl: \"gov-alert.scss\",\n})\nexport class GovAlert {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovAlertElement\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly headline: string\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant: VariantType = \"primary\"\n\t/**\n\t * Determine if component should have inverse colors to be used on dark background\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Aria label for the closing button. It is mandatory if the alert is closable\n\t */\n\t@Prop({ attribute: \"wcag-close-label\" }) readonly wcagCloseLabel: string\n\t/**\n\t * Aria label for the toggle button. It is mandatory if the alert has headline\n\t */\n\t@Prop({ attribute: \"wcag-toggle-label\" }) readonly wcagToggleLabel: string\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({ eventName: \"gov-close\" }) govClose: EventEmitter<AlertEvent>\n\t/**\n\t * Displays the option to close the alert\n\t */\n\t@Prop() readonly closable?: boolean = false\n\n\t@State() toggleContent = false\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(AlertVariants, newValue, AlertClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\tlet inverse = !this.inverse\n\t\tlet variant = this.inverse ? \"secondary\" : this.variant\n\n\t\tif (this.variant == \"warning\") {\n\t\t\tinverse = false\n\t\t\tvariant = \"secondary\"\n\t\t}\n\n\t\tconst closeButton = (\n\t\t\t<div class={AlertClass.close}>\n\t\t\t\t<gov-button\n\t\t\t\t\tsize=\"s\"\n\t\t\t\t\taria-label={this.wcagCloseLabel}\n\t\t\t\t\ttype=\"base\"\n\t\t\t\t\tvariant={variant}\n\t\t\t\t\tinverse={inverse}\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t>\n\t\t\t\t\t<gov-icon name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(AlertClass.root)} variant={this.variant}>\n\t\t\t\t<section class={AlertClass.section} role=\"alert\">\n\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t<div class={AlertClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<div class={AlertClass.content}>\n\t\t\t\t\t\t{this.headline ? (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t<div class={AlertClass.headline}>\n\t\t\t\t\t\t\t\t\t<p>{this.headline}</p>\n\t\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\t\t\t\t\taria-label={this.wcagToggleLabel}\n\t\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\t\t\t\tinverse={inverse}\n\t\t\t\t\t\t\t\t\t\ton-gov-click={() => this.toggleContent = !this.toggleContent}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<gov-icon name={this.toggleContent ? 'chevron-up' : 'chevron-down'}></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div hidden={!this.toggleContent} aria-hidden={toBoolAttr(this.toggleContent)}>\n\t\t\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</section>\n\t\t\t\t{this.closable && closeButton}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tonCloseHandler(e: CustomEvent<ButtonEvent>) {\n\t\tthis.govClose.emit({\n\t\t\tcomponent: AlertClass.root,\n\t\t\tref: this.host,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tif (this.closable) {\n\t\t\tvalidateWcagProp(this.wcagCloseLabel, 'wcag-close-label', AlertClass.root)\n\t\t}\n\t\tif (this.headline) {\n\t\t\tvalidateWcagProp(this.wcagToggleLabel, 'wcag-toggle-label', AlertClass.root)\n\t\t}\n\t}\n}\n"]}