@gov-design-system-ce/components 0.0.37 → 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 (418) 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-8c6daa83.js → form-f68d13c6.js} +7 -7
  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 +99 -193
  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 +1 -1
  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 +3 -3
  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 +5 -25
  20. package/dist/cjs/gov-control-group.cjs.entry.js.map +1 -1
  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 +1 -1
  25. package/dist/cjs/gov-form-file.cjs.entry.js +3 -3
  26. package/dist/cjs/gov-form-input.cjs.entry.js +3 -3
  27. package/dist/cjs/gov-form-multi-select.cjs.entry.js +3 -3
  28. package/dist/cjs/gov-form-radio.cjs.entry.js +3 -3
  29. package/dist/cjs/gov-form-select.cjs.entry.js +9 -4
  30. package/dist/cjs/gov-form-select.cjs.entry.js.map +1 -1
  31. package/dist/cjs/gov-form-switch.cjs.entry.js +3 -3
  32. package/dist/cjs/gov-icon.cjs.entry.js +2 -2
  33. package/dist/cjs/gov-modal.cjs.entry.js +2 -2
  34. package/dist/cjs/gov-nav.cjs.entry.js +2 -2
  35. package/dist/cjs/gov-pagination.cjs.entry.js +2 -2
  36. package/dist/cjs/gov-prompt.cjs.entry.js +2 -2
  37. package/dist/cjs/gov-side-nav.cjs.entry.js +2 -2
  38. package/dist/cjs/gov-skeleton.cjs.entry.js +2 -2
  39. package/dist/cjs/gov-tabs.cjs.entry.js +2 -2
  40. package/dist/cjs/gov-wizzard.cjs.entry.js +2 -2
  41. package/dist/cjs/index-29ac07f6.js +4 -0
  42. package/dist/cjs/loader.cjs.js +1 -1
  43. package/dist/cjs/{wcag-6efc0ab7.js → wcag-b0321f09.js} +2 -2
  44. package/dist/cjs/{wcag-6efc0ab7.js.map → wcag-b0321f09.js.map} +1 -1
  45. package/dist/cjs/{win-84bda0aa.js → win-53f637d4.js} +3 -2
  46. package/dist/cjs/win-53f637d4.js.map +1 -0
  47. package/dist/collection/collection-manifest.json +2 -1
  48. package/dist/collection/components/gov-accordion/gov-accordion-item.css +3 -0
  49. package/dist/collection/components/gov-accordion/gov-accordion.css +3 -0
  50. package/dist/collection/components/gov-alert/gov-alert.css +3 -0
  51. package/dist/collection/components/gov-alert/gov-alert.js.map +1 -1
  52. package/dist/collection/components/gov-app/gov-app.css +3 -0
  53. package/dist/collection/components/gov-attachments/gov-attachments-item.css +3 -0
  54. package/dist/collection/components/gov-attachments/gov-attachments.css +3 -0
  55. package/dist/collection/components/gov-backdrop/gov-backdrop.css +3 -0
  56. package/dist/collection/components/gov-badge/gov-badge.css +3 -0
  57. package/dist/collection/components/gov-badge/gov-badge.js +4 -4
  58. package/dist/collection/components/gov-badge/gov-badge.js.map +1 -1
  59. package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.css +3 -0
  60. package/dist/collection/components/gov-button/{constants.js → default/constants.js} +3 -3
  61. package/dist/collection/components/gov-button/default/constants.js.map +1 -0
  62. package/dist/collection/components/gov-button/{gov-button.css → default/gov-button.css} +3 -0
  63. package/dist/collection/components/gov-button/{gov-button.js → default/gov-button.js} +7 -7
  64. package/dist/collection/components/gov-button/default/gov-button.js.map +1 -0
  65. package/dist/collection/components/gov-button/default/gov-button.types.js.map +1 -0
  66. package/dist/collection/components/gov-button/dropdown/constants.js +10 -0
  67. package/dist/collection/components/gov-button/dropdown/constants.js.map +1 -0
  68. package/dist/collection/components/gov-button/dropdown/gov-dropdown.css +263 -0
  69. package/dist/collection/components/gov-button/dropdown/gov-dropdown.js +148 -0
  70. package/dist/collection/components/gov-button/dropdown/gov-dropdown.js.map +1 -0
  71. package/dist/collection/components/gov-button/dropdown/gov-dropdown.types.js +2 -0
  72. package/dist/collection/components/gov-button/dropdown/gov-dropdown.types.js.map +1 -0
  73. package/dist/collection/components/gov-card/gov-card.css +3 -0
  74. package/dist/collection/components/gov-container/gov-container.css +3 -0
  75. package/dist/collection/components/gov-control-group/gov-control-group.css +9 -18
  76. package/dist/collection/components/gov-control-group/gov-control-group.js +10 -64
  77. package/dist/collection/components/gov-control-group/gov-control-group.js.map +1 -1
  78. package/dist/collection/components/gov-cookiebar/gov-cookiebar.css +3 -0
  79. package/dist/collection/components/gov-empty/gov-empty.css +3 -0
  80. package/dist/collection/components/gov-error-code/gov-error-code.css +3 -0
  81. package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.css +3 -0
  82. package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.css +3 -0
  83. package/dist/collection/components/gov-form/control/gov-form-control.css +3 -0
  84. package/dist/collection/components/gov-form/file/gov-form-file.css +3 -0
  85. package/dist/collection/components/gov-form/group/gov-form-group.css +3 -0
  86. package/dist/collection/components/gov-form/input/gov-form-input.css +3 -0
  87. package/dist/collection/components/gov-form/label/gov-form-label.css +3 -0
  88. package/dist/collection/components/gov-form/message/gov-form-message.css +3 -0
  89. package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.css +3 -0
  90. package/dist/collection/components/gov-form/password-power/gov-form-password-power.css +3 -0
  91. package/dist/collection/components/gov-form/radio/gov-form-radio.css +3 -0
  92. package/dist/collection/components/gov-form/search/gov-form-search.css +3 -0
  93. package/dist/collection/components/gov-form/select/gov-form-select.css +3 -0
  94. package/dist/collection/components/gov-form/select/gov-form-select.js +6 -1
  95. package/dist/collection/components/gov-form/select/gov-form-select.js.map +1 -1
  96. package/dist/collection/components/gov-form/switch/gov-form-switch.css +3 -0
  97. package/dist/collection/components/gov-grid/gov-grid-item.css +3 -0
  98. package/dist/collection/components/gov-grid/gov-grid.css +3 -0
  99. package/dist/collection/components/gov-icon/gov-icon.css +3 -0
  100. package/dist/collection/components/gov-icon/list.js +10 -0
  101. package/dist/collection/components/gov-icon/list.js.map +1 -1
  102. package/dist/collection/components/gov-layout/gov-layout-column.css +3 -0
  103. package/dist/collection/components/gov-layout/gov-layout.css +3 -0
  104. package/dist/collection/components/gov-loading/loading/gov-loading.css +3 -0
  105. package/dist/collection/components/gov-loading/skeleton/gov-skeleton.css +3 -0
  106. package/dist/collection/components/gov-message/gov-message.css +3 -0
  107. package/dist/collection/components/gov-modal/gov-modal.css +3 -0
  108. package/dist/collection/components/gov-nav/gov-nav-item.css +3 -0
  109. package/dist/collection/components/gov-nav/gov-nav.css +3 -0
  110. package/dist/collection/components/gov-pagination/gov-pagination.css +3 -0
  111. package/dist/collection/components/gov-promp/gov-prompt.css +3 -0
  112. package/dist/collection/components/gov-side-nav/gov-side-nav-item.css +3 -0
  113. package/dist/collection/components/gov-side-nav/gov-side-nav.css +3 -0
  114. package/dist/collection/components/gov-spacer/gov-spacer.css +3 -0
  115. package/dist/collection/components/gov-statsbar/gov-statsbar-item.css +3 -0
  116. package/dist/collection/components/gov-statsbar/gov-statsbar.css +3 -0
  117. package/dist/collection/components/gov-stepper/gov-stepper-item.css +3 -0
  118. package/dist/collection/components/gov-stepper/gov-stepper.css +3 -0
  119. package/dist/collection/components/gov-tabs/gov-tabs-item.css +3 -0
  120. package/dist/collection/components/gov-tabs/gov-tabs.css +3 -0
  121. package/dist/collection/components/gov-tile/container/gov-tiles.css +3 -0
  122. package/dist/collection/components/gov-tile/gov-tile.css +3 -0
  123. package/dist/collection/components/gov-toast/gov-toast.css +3 -0
  124. package/dist/collection/components/gov-tooltip/gov-tooltip-content.css +3 -0
  125. package/dist/collection/components/gov-tooltip/gov-tooltip.css +3 -0
  126. package/dist/collection/components/gov-wizzard/gov-wizzard-item.css +3 -0
  127. package/dist/collection/components/gov-wizzard/gov-wizzard.css +3 -0
  128. package/dist/collection/helpers/Dom/win.js +2 -1
  129. package/dist/collection/helpers/Dom/win.js.map +1 -1
  130. package/dist/collection/pages/Alert.js +1 -1
  131. package/dist/collection/pages/Alert.js.map +1 -1
  132. package/dist/collection/pages/Button.js +65 -41
  133. package/dist/collection/pages/Button.js.map +1 -1
  134. package/dist/collection/pages/ControlGroup.js +33 -151
  135. package/dist/collection/pages/ControlGroup.js.map +1 -1
  136. package/dist/components/constants3.js +1 -1
  137. package/dist/components/constants3.js.map +1 -1
  138. package/dist/components/form.js +10 -10
  139. package/dist/components/form.js.map +1 -1
  140. package/dist/components/gov-accordion-item.js +1 -0
  141. package/dist/components/gov-accordion-item.js.map +1 -1
  142. package/dist/components/gov-accordion.js +1 -0
  143. package/dist/components/gov-accordion.js.map +1 -1
  144. package/dist/components/gov-alert.js +1 -0
  145. package/dist/components/gov-alert.js.map +1 -1
  146. package/dist/components/gov-app.js +100 -193
  147. package/dist/components/gov-app.js.map +1 -1
  148. package/dist/components/gov-attachments-item2.js +1 -0
  149. package/dist/components/gov-attachments-item2.js.map +1 -1
  150. package/dist/components/gov-attachments2.js +1 -0
  151. package/dist/components/gov-attachments2.js.map +1 -1
  152. package/dist/components/gov-backdrop2.js +1 -0
  153. package/dist/components/gov-backdrop2.js.map +1 -1
  154. package/dist/components/gov-badge2.js +2 -1
  155. package/dist/components/gov-badge2.js.map +1 -1
  156. package/dist/components/gov-breadcrumbs.js +1 -0
  157. package/dist/components/gov-breadcrumbs.js.map +1 -1
  158. package/dist/components/gov-button2.js +2 -1
  159. package/dist/components/gov-button2.js.map +1 -1
  160. package/dist/components/gov-card.js +1 -0
  161. package/dist/components/gov-card.js.map +1 -1
  162. package/dist/components/gov-container.js +1 -0
  163. package/dist/components/gov-container.js.map +1 -1
  164. package/dist/components/gov-control-group.js +8 -25
  165. package/dist/components/gov-control-group.js.map +1 -1
  166. package/dist/components/gov-cookiebar.js +1 -0
  167. package/dist/components/gov-cookiebar.js.map +1 -1
  168. package/dist/components/gov-dropdown.d.ts +11 -0
  169. package/dist/components/gov-dropdown.js +144 -0
  170. package/dist/components/gov-dropdown.js.map +1 -0
  171. package/dist/components/gov-empty.js +1 -0
  172. package/dist/components/gov-empty.js.map +1 -1
  173. package/dist/components/gov-error-code.js +1 -0
  174. package/dist/components/gov-error-code.js.map +1 -1
  175. package/dist/components/gov-form-autocomplete2.js +1 -0
  176. package/dist/components/gov-form-autocomplete2.js.map +1 -1
  177. package/dist/components/gov-form-checkbox.js +1 -0
  178. package/dist/components/gov-form-checkbox.js.map +1 -1
  179. package/dist/components/gov-form-control.js +1 -0
  180. package/dist/components/gov-form-control.js.map +1 -1
  181. package/dist/components/gov-form-file.js +1 -0
  182. package/dist/components/gov-form-file.js.map +1 -1
  183. package/dist/components/gov-form-group.js +1 -0
  184. package/dist/components/gov-form-group.js.map +1 -1
  185. package/dist/components/gov-form-input2.js +1 -0
  186. package/dist/components/gov-form-input2.js.map +1 -1
  187. package/dist/components/gov-form-label.js +1 -0
  188. package/dist/components/gov-form-label.js.map +1 -1
  189. package/dist/components/gov-form-message2.js +1 -0
  190. package/dist/components/gov-form-message2.js.map +1 -1
  191. package/dist/components/gov-form-multi-select.js +1 -0
  192. package/dist/components/gov-form-multi-select.js.map +1 -1
  193. package/dist/components/gov-form-password-power.js +1 -0
  194. package/dist/components/gov-form-password-power.js.map +1 -1
  195. package/dist/components/gov-form-radio.js +1 -0
  196. package/dist/components/gov-form-radio.js.map +1 -1
  197. package/dist/components/gov-form-search.js +1 -0
  198. package/dist/components/gov-form-search.js.map +1 -1
  199. package/dist/components/gov-form-select2.js +7 -1
  200. package/dist/components/gov-form-select2.js.map +1 -1
  201. package/dist/components/gov-form-switch.js +1 -0
  202. package/dist/components/gov-form-switch.js.map +1 -1
  203. package/dist/components/gov-grid-item.js +1 -0
  204. package/dist/components/gov-grid-item.js.map +1 -1
  205. package/dist/components/gov-grid.js +1 -0
  206. package/dist/components/gov-grid.js.map +1 -1
  207. package/dist/components/gov-icon2.js +2 -1
  208. package/dist/components/gov-icon2.js.map +1 -1
  209. package/dist/components/gov-layout-column.js +1 -0
  210. package/dist/components/gov-layout-column.js.map +1 -1
  211. package/dist/components/gov-layout.js +1 -0
  212. package/dist/components/gov-layout.js.map +1 -1
  213. package/dist/components/gov-loading.js +1 -0
  214. package/dist/components/gov-loading.js.map +1 -1
  215. package/dist/components/gov-message.js +1 -0
  216. package/dist/components/gov-message.js.map +1 -1
  217. package/dist/components/gov-modal.js +1 -0
  218. package/dist/components/gov-modal.js.map +1 -1
  219. package/dist/components/gov-nav-item.js +1 -0
  220. package/dist/components/gov-nav-item.js.map +1 -1
  221. package/dist/components/gov-nav.js +1 -0
  222. package/dist/components/gov-nav.js.map +1 -1
  223. package/dist/components/gov-pagination.js +1 -0
  224. package/dist/components/gov-pagination.js.map +1 -1
  225. package/dist/components/gov-prompt.js +1 -0
  226. package/dist/components/gov-prompt.js.map +1 -1
  227. package/dist/components/gov-side-nav-item.js +1 -0
  228. package/dist/components/gov-side-nav-item.js.map +1 -1
  229. package/dist/components/gov-side-nav.js +1 -0
  230. package/dist/components/gov-side-nav.js.map +1 -1
  231. package/dist/components/gov-skeleton.js +1 -0
  232. package/dist/components/gov-skeleton.js.map +1 -1
  233. package/dist/components/gov-spacer.js +1 -0
  234. package/dist/components/gov-spacer.js.map +1 -1
  235. package/dist/components/gov-statsbar-item.js +1 -0
  236. package/dist/components/gov-statsbar-item.js.map +1 -1
  237. package/dist/components/gov-statsbar.js +1 -0
  238. package/dist/components/gov-statsbar.js.map +1 -1
  239. package/dist/components/gov-stepper-item.js +1 -0
  240. package/dist/components/gov-stepper-item.js.map +1 -1
  241. package/dist/components/gov-stepper.js +1 -0
  242. package/dist/components/gov-stepper.js.map +1 -1
  243. package/dist/components/gov-tabs-item.js +1 -0
  244. package/dist/components/gov-tabs-item.js.map +1 -1
  245. package/dist/components/gov-tabs.js +1 -0
  246. package/dist/components/gov-tabs.js.map +1 -1
  247. package/dist/components/gov-tile.js +1 -0
  248. package/dist/components/gov-tile.js.map +1 -1
  249. package/dist/components/gov-tiles.js +1 -0
  250. package/dist/components/gov-tiles.js.map +1 -1
  251. package/dist/components/gov-toast.js +1 -0
  252. package/dist/components/gov-toast.js.map +1 -1
  253. package/dist/components/gov-tooltip-content.js +1 -0
  254. package/dist/components/gov-tooltip-content.js.map +1 -1
  255. package/dist/components/gov-tooltip.js +1 -0
  256. package/dist/components/gov-tooltip.js.map +1 -1
  257. package/dist/components/gov-wizzard-item.js +1 -0
  258. package/dist/components/gov-wizzard-item.js.map +1 -1
  259. package/dist/components/gov-wizzard.js +1 -0
  260. package/dist/components/gov-wizzard.js.map +1 -1
  261. package/dist/components/index.d.ts +2 -1
  262. package/dist/components/index.js +1 -0
  263. package/dist/components/index.js.map +1 -1
  264. package/dist/components/win.js +2 -1
  265. package/dist/components/win.js.map +1 -1
  266. package/dist/core/core.esm.js +1 -1
  267. package/dist/core/core.esm.js.map +1 -1
  268. package/dist/core/{p-6044a1e7.entry.js → p-02fb27e8.entry.js} +2 -2
  269. package/dist/core/p-0574a26a.entry.js +2 -0
  270. package/dist/core/{p-cc9e9a31.entry.js.map → p-0574a26a.entry.js.map} +1 -1
  271. package/dist/core/{p-a9c57f72.entry.js → p-070f9684.entry.js} +2 -2
  272. package/dist/core/p-0f5e2b0a.js +2 -0
  273. package/dist/core/{p-1bdec1f4.entry.js → p-14a475a8.entry.js} +2 -2
  274. package/dist/core/{p-fd555dce.entry.js → p-1c4ad772.entry.js} +2 -2
  275. package/dist/core/p-1c4ad772.entry.js.map +1 -0
  276. package/dist/core/{p-3e1a1bd4.entry.js → p-22222994.entry.js} +2 -2
  277. package/dist/core/{p-54b17f4d.entry.js → p-2e2be66b.entry.js} +2 -2
  278. package/dist/core/{p-ef7a1780.entry.js → p-2e94d2d3.entry.js} +2 -2
  279. package/dist/core/p-2f0f56fc.entry.js +2 -0
  280. package/dist/core/p-2f0f56fc.entry.js.map +1 -0
  281. package/dist/core/{p-3a69322b.entry.js → p-304f2d62.entry.js} +2 -2
  282. package/dist/core/p-304f2d62.entry.js.map +1 -0
  283. package/dist/core/p-34152b51.js +2 -0
  284. package/dist/core/p-34152b51.js.map +1 -0
  285. package/dist/core/p-34ed07f6.js +2 -0
  286. package/dist/core/p-34ed07f6.js.map +1 -0
  287. package/dist/core/{p-005bfb42.entry.js → p-3d7ea15c.entry.js} +2 -2
  288. package/dist/core/{p-cd869237.js → p-3dbf7f49.js} +2 -2
  289. package/dist/core/p-3dbf7f49.js.map +1 -0
  290. package/dist/core/{p-5e865538.entry.js → p-4c6d7b65.entry.js} +2 -2
  291. package/dist/core/{p-bbbc4e43.entry.js → p-529363af.entry.js} +2 -2
  292. package/dist/core/p-58047fab.entry.js +2 -0
  293. package/dist/core/p-58047fab.entry.js.map +1 -0
  294. package/dist/core/p-60ff8457.entry.js +2 -0
  295. package/dist/core/{p-acfd00a2.entry.js.map → p-60ff8457.entry.js.map} +1 -1
  296. package/dist/core/{p-42db4603.entry.js → p-65aa3b0c.entry.js} +2 -2
  297. package/dist/core/{p-75a4c838.entry.js → p-683fc65e.entry.js} +2 -2
  298. package/dist/core/{p-75a4c838.entry.js.map → p-683fc65e.entry.js.map} +1 -1
  299. package/dist/core/{p-c69cd34e.entry.js → p-70a7e7f6.entry.js} +2 -2
  300. package/dist/core/{p-227a9e9b.entry.js → p-78f8ffb0.entry.js} +2 -2
  301. package/dist/core/{p-3da88ddb.entry.js → p-7cde4bc8.entry.js} +2 -2
  302. package/dist/core/{p-9584f413.entry.js → p-90330543.entry.js} +2 -2
  303. package/dist/core/{p-6dc65816.entry.js → p-bfc5e0f7.entry.js} +2 -2
  304. package/dist/core/p-cdd12494.entry.js +2 -0
  305. package/dist/core/p-cdd12494.entry.js.map +1 -0
  306. package/dist/core/{p-41f07da7.entry.js → p-ce59c2ee.entry.js} +2 -2
  307. package/dist/core/{p-207ba616.entry.js → p-d9e28400.entry.js} +2 -2
  308. package/dist/core/{p-f7275b59.entry.js → p-ec63daab.entry.js} +2 -2
  309. package/dist/core/{p-c289af04.entry.js → p-ed1e9d01.entry.js} +2 -2
  310. package/dist/core/{p-c39004f5.entry.js → p-f5d42069.entry.js} +2 -2
  311. package/dist/core/p-f5d42069.entry.js.map +1 -0
  312. package/dist/custom-elements/index.d.ts +6 -0
  313. package/dist/custom-elements/index.js +1 -1
  314. package/dist/custom-elements/index.js.map +1 -1
  315. package/dist/esm/{constants-45f6db4c.js → constants-5708696f.js} +2 -2
  316. package/dist/esm/constants-5708696f.js.map +1 -0
  317. package/dist/esm/core.js +1 -1
  318. package/dist/esm/{form-cd65d95e.js → form-2d9f68d9.js} +7 -7
  319. package/dist/esm/form-2d9f68d9.js.map +1 -0
  320. package/dist/esm/gov-accordion.entry.js +2 -2
  321. package/dist/esm/gov-alert.entry.js +2 -2
  322. package/dist/esm/gov-alert.entry.js.map +1 -1
  323. package/dist/esm/gov-app.entry.js +99 -193
  324. package/dist/esm/gov-app.entry.js.map +1 -1
  325. package/dist/esm/gov-attachments_3.entry.js +2 -2
  326. package/dist/esm/gov-backdrop.entry.js +2 -2
  327. package/dist/esm/gov-badge.entry.js +1 -1
  328. package/dist/esm/gov-badge.entry.js.map +1 -1
  329. package/dist/esm/gov-breadcrumbs.entry.js +2 -2
  330. package/dist/esm/gov-button.entry.js +3 -3
  331. package/dist/esm/gov-button.entry.js.map +1 -1
  332. package/dist/esm/gov-card.entry.js +2 -2
  333. package/dist/esm/gov-control-group.entry.js +6 -26
  334. package/dist/esm/gov-control-group.entry.js.map +1 -1
  335. package/dist/esm/gov-dropdown.entry.js +125 -0
  336. package/dist/esm/gov-dropdown.entry.js.map +1 -0
  337. package/dist/esm/gov-form-checkbox.entry.js +3 -3
  338. package/dist/esm/gov-form-control.entry.js +1 -1
  339. package/dist/esm/gov-form-file.entry.js +3 -3
  340. package/dist/esm/gov-form-input.entry.js +3 -3
  341. package/dist/esm/gov-form-multi-select.entry.js +3 -3
  342. package/dist/esm/gov-form-radio.entry.js +3 -3
  343. package/dist/esm/gov-form-select.entry.js +9 -4
  344. package/dist/esm/gov-form-select.entry.js.map +1 -1
  345. package/dist/esm/gov-form-switch.entry.js +3 -3
  346. package/dist/esm/gov-icon.entry.js +2 -2
  347. package/dist/esm/gov-modal.entry.js +2 -2
  348. package/dist/esm/gov-nav.entry.js +2 -2
  349. package/dist/esm/gov-pagination.entry.js +2 -2
  350. package/dist/esm/gov-prompt.entry.js +2 -2
  351. package/dist/esm/gov-side-nav.entry.js +2 -2
  352. package/dist/esm/gov-skeleton.entry.js +2 -2
  353. package/dist/esm/gov-tabs.entry.js +2 -2
  354. package/dist/esm/gov-wizzard.entry.js +2 -2
  355. package/dist/esm/index-b010bfb4.js +4 -0
  356. package/dist/esm/loader.js +1 -1
  357. package/dist/esm/{wcag-d588d144.js → wcag-afdfdddb.js} +2 -2
  358. package/dist/esm/{wcag-d588d144.js.map → wcag-afdfdddb.js.map} +1 -1
  359. package/dist/esm/{win-9c8460bb.js → win-7a1a8ac8.js} +3 -2
  360. package/dist/esm/win-7a1a8ac8.js.map +1 -0
  361. package/dist/hydrate/index.js +396 -374
  362. package/dist/types/components/gov-alert/gov-alert.d.ts +1 -1
  363. package/dist/types/components/gov-badge/gov-badge.d.ts +1 -1
  364. package/dist/types/components/gov-button/{constants.d.ts → default/constants.d.ts} +3 -3
  365. package/dist/types/components/gov-button/{gov-button.d.ts → default/gov-button.d.ts} +1 -1
  366. package/dist/types/components/gov-button/{gov-button.types.d.ts → default/gov-button.types.d.ts} +1 -1
  367. package/dist/types/components/gov-button/dropdown/constants.d.ts +10 -0
  368. package/dist/types/components/gov-button/dropdown/gov-dropdown.d.ts +30 -0
  369. package/dist/types/components/gov-button/dropdown/gov-dropdown.types.d.ts +4 -0
  370. package/dist/types/components/gov-control-group/gov-control-group.d.ts +3 -16
  371. package/dist/types/components.d.ts +47 -20
  372. package/dist/types/helpers/Dom/win.d.ts +1 -0
  373. package/package.json +1 -1
  374. package/dist/cjs/constants-245999e7.js.map +0 -1
  375. package/dist/cjs/form-8c6daa83.js.map +0 -1
  376. package/dist/cjs/win-84bda0aa.js.map +0 -1
  377. package/dist/collection/components/gov-button/constants.js.map +0 -1
  378. package/dist/collection/components/gov-button/gov-button.js.map +0 -1
  379. package/dist/collection/components/gov-button/gov-button.types.js.map +0 -1
  380. package/dist/core/p-06e938d7.entry.js +0 -2
  381. package/dist/core/p-06e938d7.entry.js.map +0 -1
  382. package/dist/core/p-3a69322b.entry.js.map +0 -1
  383. package/dist/core/p-61af5a2c.js +0 -2
  384. package/dist/core/p-61af5a2c.js.map +0 -1
  385. package/dist/core/p-670b4f93.js +0 -2
  386. package/dist/core/p-9bd90cc4.entry.js +0 -2
  387. package/dist/core/p-9bd90cc4.entry.js.map +0 -1
  388. package/dist/core/p-acfd00a2.entry.js +0 -2
  389. package/dist/core/p-c20102ff.js +0 -2
  390. package/dist/core/p-c20102ff.js.map +0 -1
  391. package/dist/core/p-c39004f5.entry.js.map +0 -1
  392. package/dist/core/p-cc9e9a31.entry.js +0 -2
  393. package/dist/core/p-cd869237.js.map +0 -1
  394. package/dist/core/p-fd555dce.entry.js.map +0 -1
  395. package/dist/esm/constants-45f6db4c.js.map +0 -1
  396. package/dist/esm/form-cd65d95e.js.map +0 -1
  397. package/dist/esm/win-9c8460bb.js.map +0 -1
  398. /package/dist/collection/components/gov-button/{gov-button.types.js → default/gov-button.types.js} +0 -0
  399. /package/dist/core/{p-6044a1e7.entry.js.map → p-02fb27e8.entry.js.map} +0 -0
  400. /package/dist/core/{p-a9c57f72.entry.js.map → p-070f9684.entry.js.map} +0 -0
  401. /package/dist/core/{p-670b4f93.js.map → p-0f5e2b0a.js.map} +0 -0
  402. /package/dist/core/{p-1bdec1f4.entry.js.map → p-14a475a8.entry.js.map} +0 -0
  403. /package/dist/core/{p-3e1a1bd4.entry.js.map → p-22222994.entry.js.map} +0 -0
  404. /package/dist/core/{p-54b17f4d.entry.js.map → p-2e2be66b.entry.js.map} +0 -0
  405. /package/dist/core/{p-ef7a1780.entry.js.map → p-2e94d2d3.entry.js.map} +0 -0
  406. /package/dist/core/{p-005bfb42.entry.js.map → p-3d7ea15c.entry.js.map} +0 -0
  407. /package/dist/core/{p-5e865538.entry.js.map → p-4c6d7b65.entry.js.map} +0 -0
  408. /package/dist/core/{p-bbbc4e43.entry.js.map → p-529363af.entry.js.map} +0 -0
  409. /package/dist/core/{p-42db4603.entry.js.map → p-65aa3b0c.entry.js.map} +0 -0
  410. /package/dist/core/{p-c69cd34e.entry.js.map → p-70a7e7f6.entry.js.map} +0 -0
  411. /package/dist/core/{p-227a9e9b.entry.js.map → p-78f8ffb0.entry.js.map} +0 -0
  412. /package/dist/core/{p-3da88ddb.entry.js.map → p-7cde4bc8.entry.js.map} +0 -0
  413. /package/dist/core/{p-9584f413.entry.js.map → p-90330543.entry.js.map} +0 -0
  414. /package/dist/core/{p-6dc65816.entry.js.map → p-bfc5e0f7.entry.js.map} +0 -0
  415. /package/dist/core/{p-41f07da7.entry.js.map → p-ce59c2ee.entry.js.map} +0 -0
  416. /package/dist/core/{p-207ba616.entry.js.map → p-d9e28400.entry.js.map} +0 -0
  417. /package/dist/core/{p-f7275b59.entry.js.map → p-ec63daab.entry.js.map} +0 -0
  418. /package/dist/core/{p-c289af04.entry.js.map → p-ed1e9d01.entry.js.map} +0 -0
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"names":["patchBrowser","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","JSON","parse"],"mappings":"2CAMA,MAAMA,EAAe,KA6BjB,MAAMC,EAAaC,OAAOC,KAAKC,IAC/B,MAAMC,EAA6D,GAenE,GAAuBJ,IAAe,GAAI,CACtCI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,KAajD,OAAOC,EAAeJ,IC9D1BL,IAAeU,MAAKC,GAEXC,EAAcC,KAAAC,MAAA,u6VAAuCH","sourcesContent":["/*\n Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n if (BUILD.cssVarShim) {\n // shim css vars\n plt.$cssShim$ = win.__cssshim;\n }\n if (BUILD.cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n if (BUILD.profile && !performance.mark) {\n // not all browsers support performance.mark/measure (Safari 10)\n // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n // simply stub the implementations out.\n // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n // @ts-ignore\n performance.mark = performance.measure = () => {\n /*noop*/\n };\n performance.getEntriesByName = () => [];\n }\n // @ts-ignore\n const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n // Safari < v11 support: This IF is true if it's Safari below v11.\n // This fn cannot use async/await since Safari didn't support it until v11,\n // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n // so both the ESM file and nomodule file would get downloaded. Only Safari\n // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n return {\n then() {\n /* promise noop */\n },\n };\n }\n if (!BUILD.safari10 && importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n }\n else if (BUILD.dynamicImportShim || BUILD.safari10) {\n opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n if (BUILD.dynamicImportShim) {\n patchDynamicImport(opts.resourcesUrl, scriptElm);\n }\n if (BUILD.dynamicImportShim && !win.customElements) {\n // module support, but no custom elements support (Old Edge)\n // @ts-ignore\n return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n }\n }\n return promiseResolve(opts);\n};\nconst patchDynamicImport = (base, orgScriptElm) => {\n const importFunctionName = getDynamicImportFunction(NAMESPACE);\n try {\n // test if this browser supports dynamic imports\n // There is a caching issue in V8, that breaks using import() in Function\n // By generating a random string, we can workaround it\n // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n }\n catch (e) {\n // this shim is specifically for browsers that do support \"esm\" imports\n // however, they do NOT support \"dynamic\" imports\n // basically this code is for old Edge, v18 and below\n const moduleMap = new Map();\n win[importFunctionName] = (src) => {\n const url = new URL(src, base).href;\n let mod = moduleMap.get(url);\n if (!mod) {\n const script = doc.createElement('script');\n script.type = 'module';\n script.crossOrigin = orgScriptElm.crossOrigin;\n script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n type: 'application/javascript',\n }));\n mod = new Promise((resolve) => {\n script.onload = () => {\n resolve(win[importFunctionName].m);\n script.remove();\n };\n });\n moduleMap.set(url, mod);\n doc.head.appendChild(script);\n }\n return mod;\n };\n }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","import { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"]}
1
+ {"version":3,"sources":["../../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"names":["patchBrowser","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","JSON","parse"],"mappings":"2CAMA,MAAMA,EAAe,KA6BjB,MAAMC,EAAaC,OAAOC,KAAKC,IAC/B,MAAMC,EAA6D,GAenE,GAAuBJ,IAAe,GAAI,CACtCI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,KAajD,OAAOC,EAAeJ,IC9D1BL,IAAeU,MAAKC,GAEXC,EAAcC,KAAAC,MAAA,49VAAuCH","sourcesContent":["/*\n Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n if (BUILD.cssVarShim) {\n // shim css vars\n plt.$cssShim$ = win.__cssshim;\n }\n if (BUILD.cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n if (BUILD.profile && !performance.mark) {\n // not all browsers support performance.mark/measure (Safari 10)\n // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n // simply stub the implementations out.\n // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n // @ts-ignore\n performance.mark = performance.measure = () => {\n /*noop*/\n };\n performance.getEntriesByName = () => [];\n }\n // @ts-ignore\n const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n // Safari < v11 support: This IF is true if it's Safari below v11.\n // This fn cannot use async/await since Safari didn't support it until v11,\n // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n // so both the ESM file and nomodule file would get downloaded. Only Safari\n // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n return {\n then() {\n /* promise noop */\n },\n };\n }\n if (!BUILD.safari10 && importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n }\n else if (BUILD.dynamicImportShim || BUILD.safari10) {\n opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n if (BUILD.dynamicImportShim) {\n patchDynamicImport(opts.resourcesUrl, scriptElm);\n }\n if (BUILD.dynamicImportShim && !win.customElements) {\n // module support, but no custom elements support (Old Edge)\n // @ts-ignore\n return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n }\n }\n return promiseResolve(opts);\n};\nconst patchDynamicImport = (base, orgScriptElm) => {\n const importFunctionName = getDynamicImportFunction(NAMESPACE);\n try {\n // test if this browser supports dynamic imports\n // There is a caching issue in V8, that breaks using import() in Function\n // By generating a random string, we can workaround it\n // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n }\n catch (e) {\n // this shim is specifically for browsers that do support \"esm\" imports\n // however, they do NOT support \"dynamic\" imports\n // basically this code is for old Edge, v18 and below\n const moduleMap = new Map();\n win[importFunctionName] = (src) => {\n const url = new URL(src, base).href;\n let mod = moduleMap.get(url);\n if (!mod) {\n const script = doc.createElement('script');\n script.type = 'module';\n script.crossOrigin = orgScriptElm.crossOrigin;\n script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n type: 'application/javascript',\n }));\n mod = new Promise((resolve) => {\n script.onload = () => {\n resolve(win[importFunctionName].m);\n script.remove();\n };\n });\n moduleMap.set(url, mod);\n doc.head.appendChild(script);\n }\n return mod;\n };\n }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","import { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"]}
@@ -1,2 +1,2 @@
1
- import{r as o,c as a,h as e,H as t,g as i}from"./p-4af5e4f4.js";import{g as r,a as s}from"./p-3f37ddb6.js";import{c as d}from"./p-c20102ff.js";import{a as l}from"./p-561fa17b.js";import{b as n}from"./p-670b4f93.js";import{c as m}from"./p-24636c53.js";import{d as g}from"./p-03990da5.js";import{M as c}from"./p-be4aab0e.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-modal{display:none}.gov-modal__dialog{z-index:101;position:fixed;top:50%;left:50%;display:flex;justify-content:center;align-items:center;width:100%;max-width:var(--gov-modal-max-width, 52.5rem);height:100%;padding:0.5rem;border:none;background:transparent;transform:translate(-50%, -50%);pointer-events:none}.gov-modal__inner{position:relative;display:flex;flex-direction:column;width:100%;max-height:100%;border-radius:var(--gov-border-radius, 0.1875rem);background:var(--gov-modal-bg, var(--gov-color-neutral-white));overflow:hidden;pointer-events:auto;box-shadow:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24)}.gov-modal__header{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem 1rem;border-bottom:var(--gov-modal-border-color, 0.0625rem solid var(--gov-color-secondary-500))}.gov-modal__icon{flex:0 0 auto;padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 1.5rem) / 2)}.gov-modal__icon>*{width:1.5rem;height:1.5rem}.gov-modal__title{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing);margin:0}.gov-modal__close{flex:0 0 auto;margin-left:auto;padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 2rem) / 2)}.gov-modal__content{height:100%;padding:1.5rem 1rem;color:var(--gov-modal-text-color, var(--gov-color-secondary-700));overflow:auto}.gov-modal__content>*:last-child{margin-bottom:0}.gov-modal__footer,.gov-modal__actions{padding:1.5rem 1rem;border-top:var(--gov-modal-border-color, 0.0625rem solid var(--gov-color-secondary-500))}.gov-modal__actions{display:flex;gap:0.5rem 1rem;flex-wrap:wrap;justify-content:flex-end}.gov-modal__dialog:focus .gov-modal__inner{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}.gov-modal[open=""],.gov-modal[open=true i],.gov-modal[open="1"]{display:block}@media (min-width: 30em){.gov-modal__dialog{max-width:calc(var(--gov-modal-max-width, 52.5rem) + 3rem);padding:1.5rem}.gov-modal__dialog:focus{outline-offset:-1.5rem}.gov-modal__inner{box-shadow:0 0 2rem rgba(var(--gov-color-secondary-800-rgb), 0.32)}.gov-modal--prompt .gov-modal__dialog{max-width:calc(var(--gov-modal-prompt-max-width, 33.125rem) + 3rem)}}@media (min-width: 48em){.gov-modal__header{gap:1.25rem;padding:2rem 2.5rem 2rem 3rem}.gov-modal__close{padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 2.5rem) / 2)}.gov-modal__content{padding:2rem 3rem}.gov-modal__footer{padding:1rem 3rem}.gov-modal--prompt .gov-modal__header,.gov-modal--prompt .gov-modal__content,.gov-modal--prompt .gov-modal__footer,.gov-modal--prompt .gov-modal__actions{padding:1.5rem}}';const v=class{constructor(e){o(this,e);this.govClose=a(this,"gov-close",7);this.open=false;this.label=undefined;this.role="dialog";this.labelTag="h2";this.wcagLabelledBy=undefined;this.wcagDescribedBy=undefined;this.wcagCloseLabel=undefined;this.wcagCloseLabelledBy=undefined;this.h=r(this.host);this.labelId=m("GovModalLabel");this.contentId=m("GovModalContent")}validateLabelTag(o){const a=["h1","h2","h3","h4","h5","h6"];if(o){if(!a.includes(o)){l(`[${c.root}]: Tag ${o} is not allowed.`)}}}watchOpen(o){this.open=o}showModal(){this.open=true;document.body.classList.add(c.bodyFix)}hideModal(){this.open=false;document.body.classList.remove(c.bodyFix)}async componentWillRender(){if(this.open){this.showModal()}else{this.hideModal()}}async componentDidRender(){if(d()){await g(500);await this.validateWcag()}}render(){const o=this.labelTag;return e(t,{class:this.h.classes(c.root),open:this.open},e("dialog",{class:c.dialog,hidden:!this.open,tabindex:"-1",open:this.open,"aria-modal":"true","aria-hidden":s(!this.open),"aria-labelledby":this.wcagLabelledBy||this.labelId,"aria-describedby":this.wcagDescribedBy||this.contentId,role:this.role},e("div",{class:c.inner},e("div",{class:c.header},this.h.hasSlot("icon")&&e("div",{class:c.icon},e("slot",{name:"icon"})),this.label&&e(o,{class:c.title,id:this.labelId},this.label),e("gov-button",{class:c.close,variant:"primary",wcagLabel:this.wcagCloseLabel,wcagLabelledBy:this.wcagCloseLabelledBy,type:"base","on-gov-click":this.onCloseHandler.bind(this)},e("gov-icon",{name:"x-lg"}))),e("div",{class:c.content,id:this.contentId},e("slot",null)),this.h.hasSlot("footer")&&e("div",{class:c.footer},e("slot",{name:"footer"})))),this.open?e("gov-backdrop",{"wcag-label":this.wcagCloseLabel,"wcag-labelled-by":this.wcagCloseLabelledBy,"on-gov-click":this.onCloseHandler.bind(this)}):null)}onCloseHandler(o){o.stopPropagation();this.hideModal();this.govClose.emit(o)}async show(){this.showModal()}async hide(){this.hideModal()}async validateWcag(){n(this.wcagLabelledBy,"wcag-labelled-by",c.root);n(this.wcagDescribedBy,"wcag-described-by",c.root)}get host(){return i(this)}static get watchers(){return{labelTag:["validateLabelTag"],open:["watchOpen"]}}};v.style=h;export{v as gov_modal};
2
- //# sourceMappingURL=p-6044a1e7.entry.js.map
1
+ import{r as o,c as a,h as e,H as t,g as i}from"./p-4af5e4f4.js";import{g as r,a as s}from"./p-3f37ddb6.js";import{c as d}from"./p-34152b51.js";import{a as l}from"./p-561fa17b.js";import{b as n}from"./p-0f5e2b0a.js";import{c as m}from"./p-24636c53.js";import{d as g}from"./p-03990da5.js";import{M as c}from"./p-be4aab0e.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-modal{display:none}.gov-modal__dialog{z-index:101;position:fixed;top:50%;left:50%;display:flex;justify-content:center;align-items:center;width:100%;max-width:var(--gov-modal-max-width, 52.5rem);height:100%;padding:0.5rem;border:none;background:transparent;transform:translate(-50%, -50%);pointer-events:none}.gov-modal__inner{position:relative;display:flex;flex-direction:column;width:100%;max-height:100%;border-radius:var(--gov-border-radius, 0.1875rem);background:var(--gov-modal-bg, var(--gov-color-neutral-white));overflow:hidden;pointer-events:auto;box-shadow:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24)}.gov-modal__header{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem 1rem;border-bottom:var(--gov-modal-border-color, 0.0625rem solid var(--gov-color-secondary-500))}.gov-modal__icon{flex:0 0 auto;padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 1.5rem) / 2)}.gov-modal__icon>*{width:1.5rem;height:1.5rem}.gov-modal__title{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing);margin:0}.gov-modal__close{flex:0 0 auto;margin-left:auto;padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 2rem) / 2)}.gov-modal__content{height:100%;padding:1.5rem 1rem;color:var(--gov-modal-text-color, var(--gov-color-secondary-700));overflow:auto}.gov-modal__content>*:last-child{margin-bottom:0}.gov-modal__footer,.gov-modal__actions{padding:1.5rem 1rem;border-top:var(--gov-modal-border-color, 0.0625rem solid var(--gov-color-secondary-500))}.gov-modal__actions{display:flex;gap:0.5rem 1rem;flex-wrap:wrap;justify-content:flex-end}.gov-modal__dialog:focus .gov-modal__inner{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}.gov-modal[open=""],.gov-modal[open=true i],.gov-modal[open="1"]{display:block}@media (min-width: 30em){.gov-modal__dialog{max-width:calc(var(--gov-modal-max-width, 52.5rem) + 3rem);padding:1.5rem}.gov-modal__dialog:focus{outline-offset:-1.5rem}.gov-modal__inner{box-shadow:0 0 2rem rgba(var(--gov-color-secondary-800-rgb), 0.32)}.gov-modal--prompt .gov-modal__dialog{max-width:calc(var(--gov-modal-prompt-max-width, 33.125rem) + 3rem)}}@media (min-width: 48em){.gov-modal__header{gap:1.25rem;padding:2rem 2.5rem 2rem 3rem}.gov-modal__close{padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 2.5rem) / 2)}.gov-modal__content{padding:2rem 3rem}.gov-modal__footer{padding:1rem 3rem}.gov-modal--prompt .gov-modal__header,.gov-modal--prompt .gov-modal__content,.gov-modal--prompt .gov-modal__footer,.gov-modal--prompt .gov-modal__actions{padding:1.5rem}}';const v=class{constructor(e){o(this,e);this.govClose=a(this,"gov-close",7);this.open=false;this.label=undefined;this.role="dialog";this.labelTag="h2";this.wcagLabelledBy=undefined;this.wcagDescribedBy=undefined;this.wcagCloseLabel=undefined;this.wcagCloseLabelledBy=undefined;this.h=r(this.host);this.labelId=m("GovModalLabel");this.contentId=m("GovModalContent")}validateLabelTag(o){const a=["h1","h2","h3","h4","h5","h6"];if(o){if(!a.includes(o)){l(`[${c.root}]: Tag ${o} is not allowed.`)}}}watchOpen(o){this.open=o}showModal(){this.open=true;document.body.classList.add(c.bodyFix)}hideModal(){this.open=false;document.body.classList.remove(c.bodyFix)}async componentWillRender(){if(this.open){this.showModal()}else{this.hideModal()}}async componentDidRender(){if(d()){await g(500);await this.validateWcag()}}render(){const o=this.labelTag;return e(t,{class:this.h.classes(c.root),open:this.open},e("dialog",{class:c.dialog,hidden:!this.open,tabindex:"-1",open:this.open,"aria-modal":"true","aria-hidden":s(!this.open),"aria-labelledby":this.wcagLabelledBy||this.labelId,"aria-describedby":this.wcagDescribedBy||this.contentId,role:this.role},e("div",{class:c.inner},e("div",{class:c.header},this.h.hasSlot("icon")&&e("div",{class:c.icon},e("slot",{name:"icon"})),this.label&&e(o,{class:c.title,id:this.labelId},this.label),e("gov-button",{class:c.close,variant:"primary",wcagLabel:this.wcagCloseLabel,wcagLabelledBy:this.wcagCloseLabelledBy,type:"base","on-gov-click":this.onCloseHandler.bind(this)},e("gov-icon",{name:"x-lg"}))),e("div",{class:c.content,id:this.contentId},e("slot",null)),this.h.hasSlot("footer")&&e("div",{class:c.footer},e("slot",{name:"footer"})))),this.open?e("gov-backdrop",{"wcag-label":this.wcagCloseLabel,"wcag-labelled-by":this.wcagCloseLabelledBy,"on-gov-click":this.onCloseHandler.bind(this)}):null)}onCloseHandler(o){o.stopPropagation();this.hideModal();this.govClose.emit(o)}async show(){this.showModal()}async hide(){this.hideModal()}async validateWcag(){n(this.wcagLabelledBy,"wcag-labelled-by",c.root);n(this.wcagDescribedBy,"wcag-described-by",c.root)}get host(){return i(this)}static get watchers(){return{labelTag:["validateLabelTag"],open:["watchOpen"]}}};v.style=h;export{v as gov_modal};
2
+ //# sourceMappingURL=p-02fb27e8.entry.js.map
@@ -0,0 +1,2 @@
1
+ import{r as e,c as t,h as o,H as i,g as r}from"./p-4af5e4f4.js";import{g as l,a as s,t as a}from"./p-3f37ddb6.js";import{g as n,c,d as m,e as v}from"./p-34ed07f6.js";import{v as g}from"./p-26acf964.js";import{b as f,c as u}from"./p-0f5e2b0a.js";import{c as d}from"./p-34152b51.js";import{c as h,r as p}from"./p-24636c53.js";import{d as z}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 x='.gov-form-multi-select__list{margin:0;padding:0}.gov-form-multi-select__list>.gov-form-multi-select__item{margin:0;padding:0;background:none}.gov-form-multi-select__list>.gov-form-multi-select__item::before{display:none}.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-multi-select{position:relative;display:flex;width:100%;align-items:center}.gov-form-multi-select .element{position:relative;display:flex;flex:1 1 auto}.gov-form-multi-select input,.gov-form-multi-select select,.gov-form-multi-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-multi-select input:focus,.gov-form-multi-select select:focus,.gov-form-multi-select textarea:focus{outline:none}.gov-form-multi-select input:focus-visible,.gov-form-multi-select select:focus-visible,.gov-form-multi-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-multi-select input::-moz-placeholder,.gov-form-multi-select select::-moz-placeholder,.gov-form-multi-select textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-multi-select input::placeholder,.gov-form-multi-select select::placeholder,.gov-form-multi-select textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-multi-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-multi-select *[slot=left-icon],.gov-form-multi-select *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;transform:translateY(-50%);pointer-events:none}.gov-form-multi-select *[slot=left-icon]{left:0}.gov-form-multi-select *[slot=right-icon]{right:0}[size=s].gov-form-multi-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-multi-select input,[size=s].gov-form-multi-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-multi-select *[slot=left-icon],[size=s].gov-form-multi-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-multi-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-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-s-icon-padding, 2rem)}[size=s].gov-form-multi-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-multi-select *[slot=right-icon]~input,[size=s].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-s-icon-padding, 2rem)}[size=m].gov-form-multi-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-multi-select input,[size=m].gov-form-multi-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-multi-select *[slot=left-icon],[size=m].gov-form-multi-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-multi-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-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=m].gov-form-multi-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-multi-select *[slot=right-icon]~input,[size=m].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=l].gov-form-multi-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-multi-select input,[size=l].gov-form-multi-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-multi-select *[slot=left-icon],[size=l].gov-form-multi-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-multi-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-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=l].gov-form-multi-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-multi-select *[slot=right-icon]~input,[size=l].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=xl].gov-form-multi-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-multi-select input,[size=xl].gov-form-multi-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-multi-select *[slot=left-icon],[size=xl].gov-form-multi-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-multi-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-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-xl-icon-padding, 3rem)}[size=xl].gov-form-multi-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-multi-select *[slot=right-icon]~input,[size=xl].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-xl-icon-padding, 3rem)}[variant=primary].gov-form-multi-select input,[variant=primary].gov-form-multi-select select,[variant=primary].gov-form-multi-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-multi-select *[slot=left-icon],[variant=primary].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-input-icon-color-primary, var(--gov-color-primary))}[variant=secondary].gov-form-multi-select input,[variant=secondary].gov-form-multi-select select,[variant=secondary].gov-form-multi-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-multi-select *[slot=left-icon],[variant=secondary].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-input-icon-color-secondary, var(--gov-color-primary))}[disabled=""].gov-form-multi-select,[disabled=true i].gov-form-multi-select,[disabled="1"].gov-form-multi-select{pointer-events:none}[disabled=""].gov-form-multi-select input,[disabled=""].gov-form-multi-select select,[disabled=""].gov-form-multi-select textarea,[disabled=true i].gov-form-multi-select input,[disabled=true i].gov-form-multi-select select,[disabled=true i].gov-form-multi-select textarea,[disabled="1"].gov-form-multi-select input,[disabled="1"].gov-form-multi-select select,[disabled="1"].gov-form-multi-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-multi-select *[slot=left-icon],[disabled=""].gov-form-multi-select *[slot=right-icon],[disabled=true i].gov-form-multi-select *[slot=left-icon],[disabled=true i].gov-form-multi-select *[slot=right-icon],[disabled="1"].gov-form-multi-select *[slot=left-icon],[disabled="1"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[invalid=""].gov-form-multi-select input,[invalid=""].gov-form-multi-select select,[invalid=""].gov-form-multi-select textarea,[invalid=true i].gov-form-multi-select input,[invalid=true i].gov-form-multi-select select,[invalid=true i].gov-form-multi-select textarea,[invalid="1"].gov-form-multi-select input,[invalid="1"].gov-form-multi-select select,[invalid="1"].gov-form-multi-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-multi-select input::-moz-placeholder,[invalid=""].gov-form-multi-select select::-moz-placeholder,[invalid=""].gov-form-multi-select textarea::-moz-placeholder,[invalid=true i].gov-form-multi-select input::-moz-placeholder,[invalid=true i].gov-form-multi-select select::-moz-placeholder,[invalid=true i].gov-form-multi-select textarea::-moz-placeholder,[invalid="1"].gov-form-multi-select input::-moz-placeholder,[invalid="1"].gov-form-multi-select select::-moz-placeholder,[invalid="1"].gov-form-multi-select textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-multi-select input::placeholder,[invalid=""].gov-form-multi-select select::placeholder,[invalid=""].gov-form-multi-select textarea::placeholder,[invalid=true i].gov-form-multi-select input::placeholder,[invalid=true i].gov-form-multi-select select::placeholder,[invalid=true i].gov-form-multi-select textarea::placeholder,[invalid="1"].gov-form-multi-select input::placeholder,[invalid="1"].gov-form-multi-select select::placeholder,[invalid="1"].gov-form-multi-select textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-multi-select *[slot=left-icon],[invalid=""].gov-form-multi-select *[slot=right-icon],[invalid=true i].gov-form-multi-select *[slot=left-icon],[invalid=true i].gov-form-multi-select *[slot=right-icon],[invalid="1"].gov-form-multi-select *[slot=left-icon],[invalid="1"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error))}[success=""].gov-form-multi-select *[slot=right-icon],[success=true i].gov-form-multi-select *[slot=right-icon],[success="1"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=""].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success="1"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}.gov-form-multi-select{background:none}.gov-form-multi-select select{-webkit-appearance:none;-moz-appearance:none}.gov-form-multi-select select::-ms-expand{display:none}[size=m].gov-form-multi-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-multi-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-multi-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)}.gov-form-multi-select{flex-wrap:wrap}.gov-form-multi-select__wrap{display:flex;gap:0.5rem;width:100%}.gov-form-multi-select__list{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);display:flex;gap:0.5rem;flex-wrap:wrap}.gov-form-multi-select__list>.gov-form-multi-select__item{position:relative;display:flex;flex:0 0 auto;align-items:center;padding:0rem 0rem 0rem 0.5rem;background:var(--gov-form-multiselect-bg, var(--gov-color-primary-200));transition:150ms linear background-color}';const b=class{constructor(o){e(this,o);this.govFocus=t(this,"gov-focus",7);this.govBlur=t(this,"gov-blur",7);this.govChange=t(this,"gov-change",7);this.identifier=undefined;this.placeholder=undefined;this.variant=undefined;this.size="m";this.name=undefined;this.required=false;this.disabled=undefined;this.invalid=undefined;this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.wcagOwns=undefined;this.focused=undefined;this.value=undefined;this.selectedOptions=[];this.selectId=h("GovSelect");this.listId=h("GovMultiList");this.h=l(this.host);this.f=n(this.h)}validateVariant(e){g(m,e,c.root)}validateSize(e){g(v,e,c.root)}emitChange(e){this.govChange.emit({component:c.root,value:e})}watchDisabled(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("disabled",s(this.disabled));this.f.passAttrToControl("invalid",s(this.invalid))}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size);this.watchDisabled()}getAvailableOptions(){return Array.from(this.selectRef.querySelectorAll("option")).filter((e=>!(e.disabled||e.selected))).map((e=>({name:e.textContent,value:e.value})))}initAutocomplete(){this.autocompleteRef.addEventListener("gov-select",this.onSelectHandler.bind(this));this.autocompleteRef.addEventListener("gov-input",this.onInputHandler.bind(this));this.autocompleteRef.addEventListener("gov-focus",this.onFocusHandler.bind(this));this.autocompleteRef.addEventListener("gov-blur",this.onBlurHandler.bind(this));this.autocompleteRef.setSearchCallback((e=>new Promise((t=>{const o=this.getAvailableOptions();if(String(e).length===0){return t(o)}t(o.filter((({name:t})=>{if(!t)return false;return p(t).toLowerCase().indexOf(p(e).toLowerCase())>-1})))})))).then()}getOptionIndex(e){return this.selectedOptions.findIndex((t=>t.value===e.value&&t.name===e.name))}getOptionElement(e){return this.selectRef.querySelector('option[value="'+e.value+'"]')}selectOption(e){const t=this.getOptionIndex(e);if(t===-1){this.selectedOptions=[...this.selectedOptions,e];const t=this.getOptionElement(e);if(t){t.selected=true}}}removeOption(e){const t=this.getOptionIndex(e);if(t!==-1){this.selectedOptions.splice(t,1);this.selectedOptions=[...this.selectedOptions];const o=this.getOptionElement(e);if(o){o.selected=false}}}async componentDidRender(){this.initAutocomplete();await z(0);this.selectRef.querySelectorAll("option").forEach((e=>{if(e.selected){this.selectOption({name:e.textContent,value:e.value})}}));if(d()){await z(500);await this.validateWcag()}}render(){return o(i,{class:c.root,size:this.size,variant:this.variant},o("div",{class:c.wrap},o("div",{class:"element"},o("gov-form-autocomplete",{value:this.value,disabled:this.disabled,identifier:this.identifier||this.selectId,required:false,size:this.size,variant:this.variant,invalid:this.invalid,placeholder:this.placeholder,ref:e=>this.autocompleteRef=e,minlength:0,wcagDescribedBy:this.wcagDescribedBy,wcagLabelledBy:this.wcagLabelledBy,wcagOwns:this.listId}),o("gov-icon",{slot:"right-icon",class:"icon-arrow",name:"chevron-down"}),o("select",{hidden:true,"aria-hidden":true,multiple:true,required:this.required,name:this.name,disabled:this.disabled,ref:e=>this.selectRef=e,"aria-disabled":a(this.disabled),"aria-required":a(this.required),"aria-invalid":a(this.invalid),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-owns":this.wcagOwns},o("slot",null)))),o("ul",{role:"listbox",id:this.listId,class:c.list},this.selectedOptions.map((e=>o("li",{class:c.item,role:"option"},e.name,o("gov-button",{wcagLabel:"Odebrat vybranou položku "+e.name,variant:"primary",type:"base",size:"s","on-gov-click":()=>this.onTagRemove(e)},o("gov-icon",{name:"x-lg"})))))))}onFocusHandler(e){e.stopPropagation();this.focused=true;this.govFocus.emit({component:c.root,originalEvent:e,value:this.selectedOptions})}onBlurHandler(e){e.stopPropagation();e.stopPropagation();this.focused=false;this.govBlur.emit({component:c.root,originalEvent:e,value:this.selectedOptions})}onInputHandler(e){this.value=e.detail.value;e.stopPropagation()}onSelectHandler(e){e.stopPropagation();const t=e.detail.selected;this.selectOption(t);this.value="";this.autocompleteRef.clearValue();this.autocompleteRef.focus()}onTagRemove(e){this.removeOption(e)}async setFocus(e){return this.selectRef.focus(e)}async setValue(e){this.value=e}async getRef(){return this.selectRef}async validateWcag(){f(this.wcagDescribedBy,"wcag-described-by",c.root);f(this.wcagLabelledBy,"wcag-labelled-by",c.root);f(this.wcagOwns,"wcag-owns",c.root);u(this.identifier||this.selectId,this.wcagLabelledBy,c.root)}get host(){return r(this)}static get watchers(){return{variant:["validateVariant"],size:["validateSize","watchDisabled"],selectedOptions:["emitChange"],disabled:["watchDisabled"],invalid:["watchDisabled"]}}};b.style=x;export{b as gov_form_multi_select};
2
+ //# sourceMappingURL=p-0574a26a.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.scss?tag=gov-form-multi-select","../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.tsx"],"names":["govFormMultiSelectCss","GovFormMultiSelect","[object Object]","hostRef","this","selectId","createID","listId","h","govHost","host","f","govForm","newValue","validateProp","FormMultiselectVariants","FormMultiSelectClass","root","FormMultiselectSizes","govChange","emit","component","value","passControlAttrs","passAttrToControl","size","toBoolAttr","disabled","invalid","validateVariant","variant","validateSize","watchDisabled","Array","from","selectRef","querySelectorAll","filter","option","selected","map","name","textContent","autocompleteRef","addEventListener","onSelectHandler","bind","onInputHandler","onFocusHandler","onBlurHandler","setSearchCallback","Promise","resolve","data","getAvailableOptions","String","length","removeDiacritics","toLowerCase","indexOf","then","selectedOptions","findIndex","querySelector","newOption","index","getOptionIndex","getOptionElement","removeOption","splice","initAutocomplete","delay","forEach","selectOption","canValidateWcagOnRender","validateWcag","Host","class","wrap","identifier","required","placeholder","ref","el","minlength","wcagDescribedBy","wcagLabelledBy","wcagOwns","slot","hidden","aria-hidden","multiple","aria-disabled","toBoolAttrIfDefined","aria-required","aria-invalid","aria-describedby","aria-labelledby","aria-owns","role","id","list","item","wcagLabel","type","on-gov-click","onTagRemove","e","stopPropagation","focused","govFocus","originalEvent","govBlur","detail","clearValue","focus","options","validateWcagRef","validateWcagLabelFor"],"mappings":"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","sourcesContent":["/*\n * Multiselect\n */\n\n@import \"../select/gov-form-select-core.scss\";\n$class: \".gov-form-multi-select\";\n\n#{$class} {\n\t@extend %form-select-core;\n\tflex-wrap: wrap;\n\t&__wrap {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8);\n\t\twidth: 100%;\n\t}\n\t&__list {\n\t\t@extend %reset-ul;\n\t\t@include typography($font-size-xs);\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8);\n\t\tflex-wrap: wrap;\n\t}\n\t&__list > &__item {\n\t\t@extend %reset-ul-li;\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex: 0 0 auto;\n\t\talign-items: center;\n\t\tpadding: rem-calc(0 0 0 8);\n\t\tbackground: $form-multiselect-bg;\n\t\ttransition: $t linear background-color;\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { govHost, toBoolAttr, toBoolAttrIfDefined } from \"../../../helpers/Dom/template\"\nimport {\n\tFormMultiSelectClass,\n\tFormMultiselectSizes,\n\tFormMultiselectSizesType,\n\tFormMultiselectVariants,\n\tFormMultiselectVariantType,\n} from \"./constants\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { validateWcagLabelFor, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { createID, removeDiacritics } from \"../../../utils/string.utils\"\nimport { delay } from \"../../../utils/utils\"\nimport { Nullable } from \"../../../types/interfaces\"\nimport { FormMultiselectEvent, GovFormMultiSelectItem } from \"./gov-form-multi-select.types\"\nimport { FormAutocompleteEvent } from \"../autocomplete/gov-form-autocomplete.types\"\nimport { GovForm } from \"../../../helpers/Dom/form.types\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { govForm } from \"../../../helpers/Dom/form\"\n\n@Component({\n\ttag: \"gov-form-multi-select\",\n\tstyleUrl: \"gov-form-multi-select.scss\",\n})\nexport class GovFormMultiSelect {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\n\tprivate selectRef?: HTMLSelectElement\n\tprivate autocompleteRef?: HTMLGovFormAutocompleteElement\n\n\tprivate readonly selectId: string\n\tprivate readonly listId: string\n\n\tconstructor() {\n\t\tthis.selectId = createID(\"GovSelect\")\n\t\tthis.listId = createID(\"GovMultiList\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormSelectElement\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Custom select placeholder.\n\t */\n\t@Prop({ attribute: \"placeholder\" }) readonly placeholder: string\n\t/**\n\t * Style variation of the form select.\n\t */\n\t@Prop() readonly variant?: FormMultiselectVariantType\n\t/**\n\t * Select’s size.\n\t */\n\t@Prop() readonly size?: FormMultiselectSizesType = \"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 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<FormMultiselectEvent>\n\t/**\n\t * Emitted when the select loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<FormMultiselectEvent>\n\t/**\n\t * Emitted when the select change value.\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<FormMultiselectEvent>\n\n\t@State() focused: boolean\n\t@State() value: string\n\t@State() selectedOptions: GovFormMultiSelectItem[] = []\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(FormMultiselectVariants, newValue, FormMultiSelectClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormMultiselectSizes, newValue, FormMultiSelectClass.root)\n\t}\n\n\t@Watch(\"selectedOptions\")\n\temitChange(newValue: GovFormMultiSelectItem[]) {\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\tvalue: newValue,\n\t\t})\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\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}\n\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t\tthis.watchDisabled()\n\t}\n\n\tprivate getAvailableOptions(): GovFormMultiSelectItem[] {\n\t\treturn Array.from(this.selectRef.querySelectorAll(\"option\"))\n\t\t\t.filter((option: HTMLOptionElement) => !(option.disabled || option.selected))\n\t\t\t.map((option: HTMLOptionElement) => ({ name: option.textContent, value: option.value }))\n\t}\n\n\tprivate initAutocomplete() {\n\t\tthis.autocompleteRef.addEventListener(\"gov-select\", this.onSelectHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener(\"gov-input\", this.onInputHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener(\"gov-focus\", this.onFocusHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener(\"gov-blur\", this.onBlurHandler.bind(this))\n\t\tthis.autocompleteRef\n\t\t\t.setSearchCallback(value => {\n\t\t\t\treturn new Promise(resolve => {\n\t\t\t\t\tconst data = this.getAvailableOptions()\n\t\t\t\t\tif (String(value).length === 0) {\n\t\t\t\t\t\treturn resolve(data)\n\t\t\t\t\t}\n\t\t\t\t\tresolve(\n\t\t\t\t\t\tdata.filter(({ name }) => {\n\t\t\t\t\t\t\tif (!name) return false\n\t\t\t\t\t\t\treturn removeDiacritics(name).toLowerCase().indexOf(removeDiacritics(value).toLowerCase()) > -1\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t})\n\t\t\t})\n\t\t\t.then()\n\t}\n\n\tprivate getOptionIndex(value: GovFormMultiSelectItem): number {\n\t\treturn this.selectedOptions.findIndex(option => option.value === value.value && option.name === value.name)\n\t}\n\n\tprivate getOptionElement(value: GovFormMultiSelectItem): Nullable<HTMLOptionElement> {\n\t\treturn this.selectRef.querySelector(\"option[value=\\\"\" + value.value + \"\\\"]\") as HTMLOptionElement\n\t}\n\n\tprivate selectOption(newOption: GovFormMultiSelectItem) {\n\t\tconst index = this.getOptionIndex(newOption)\n\t\tif (index === -1) {\n\t\t\tthis.selectedOptions = [...this.selectedOptions, newOption]\n\t\t\tconst option = this.getOptionElement(newOption)\n\t\t\tif (option) {\n\t\t\t\toption.selected = true\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate removeOption(removeOption: GovFormMultiSelectItem) {\n\t\tconst index = this.getOptionIndex(removeOption)\n\t\tif (index !== -1) {\n\t\t\tthis.selectedOptions.splice(index, 1)\n\t\t\tthis.selectedOptions = [...this.selectedOptions]\n\t\t\tconst option = this.getOptionElement(removeOption)\n\t\t\tif (option) {\n\t\t\t\toption.selected = false\n\t\t\t}\n\t\t}\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.initAutocomplete()\n\t\tawait delay(0)\n\t\tthis.selectRef.querySelectorAll(\"option\").forEach((option: HTMLOptionElement) => {\n\t\t\tif (option.selected) {\n\t\t\t\tthis.selectOption({\n\t\t\t\t\tname: option.textContent,\n\t\t\t\t\tvalue: option.value,\n\t\t\t\t})\n\t\t\t}\n\t\t})\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={FormMultiSelectClass.root} size={this.size} variant={this.variant}>\n\t\t\t\t<div class={FormMultiSelectClass.wrap}>\n\t\t\t\t\t<div class=\"element\">\n\t\t\t\t\t\t<gov-form-autocomplete\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tidentifier={this.identifier || this.selectId}\n\t\t\t\t\t\t\trequired={false}\n\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\t\tref={el => (this.autocompleteRef = el as HTMLGovFormAutocompleteElement)}\n\t\t\t\t\t\t\tminlength={0}\n\t\t\t\t\t\t\twcagDescribedBy={this.wcagDescribedBy}\n\t\t\t\t\t\t\twcagLabelledBy={this.wcagLabelledBy}\n\t\t\t\t\t\t\twcagOwns={this.listId}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" class=\"icon-arrow\" name=\"chevron-down\"></gov-icon>\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\taria-hidden={true}\n\t\t\t\t\t\t\tmultiple\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tref={el => (this.selectRef = el as HTMLSelectElement)}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\t\taria-owns={this.wcagOwns}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</select>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<ul role=\"listbox\" id={this.listId} class={FormMultiSelectClass.list}>\n\t\t\t\t\t{this.selectedOptions.map(option => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li class={FormMultiSelectClass.item} role=\"option\">\n\t\t\t\t\t\t\t\t{option.name}\n\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\twcagLabel={\"Odebrat vybranou položku \" + option.name}\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onTagRemove(option)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<gov-icon name=\"x-lg\"></gov-icon>\n\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t</ul>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.selectedOptions,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\te.stopPropagation()\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.selectedOptions,\n\t\t})\n\t}\n\n\tprivate onInputHandler(e: CustomEvent<FormAutocompleteEvent>) {\n\t\tthis.value = e.detail.value\n\t\te.stopPropagation()\n\t}\n\n\tprivate onSelectHandler(e: CustomEvent<FormAutocompleteEvent>) {\n\t\te.stopPropagation()\n\t\tconst value = e.detail.selected\n\t\tthis.selectOption(value as GovFormMultiSelectItem)\n\t\tthis.value = \"\"\n\t\tthis.autocompleteRef.clearValue()\n\t\tthis.autocompleteRef.focus()\n\t}\n\n\tprivate onTagRemove(removeOption: GovFormMultiSelectItem) {\n\t\tthis.removeOption(removeOption)\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.wcagDescribedBy, \"wcag-described-by\", FormMultiSelectClass.root)\n\t\tvalidateWcagRef(this.wcagLabelledBy, \"wcag-labelled-by\", FormMultiSelectClass.root)\n\t\tvalidateWcagRef(this.wcagOwns, \"wcag-owns\", FormMultiSelectClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.selectId, this.wcagLabelledBy, FormMultiSelectClass.root)\n\t}\n}\n"]}
1
+ {"version":3,"sources":["../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.scss?tag=gov-form-multi-select","../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.tsx"],"names":["govFormMultiSelectCss","GovFormMultiSelect","[object Object]","hostRef","this","selectId","createID","listId","h","govHost","host","f","govForm","newValue","validateProp","FormMultiselectVariants","FormMultiSelectClass","root","FormMultiselectSizes","govChange","emit","component","value","passControlAttrs","passAttrToControl","size","toBoolAttr","disabled","invalid","validateVariant","variant","validateSize","watchDisabled","Array","from","selectRef","querySelectorAll","filter","option","selected","map","name","textContent","autocompleteRef","addEventListener","onSelectHandler","bind","onInputHandler","onFocusHandler","onBlurHandler","setSearchCallback","Promise","resolve","data","getAvailableOptions","String","length","removeDiacritics","toLowerCase","indexOf","then","selectedOptions","findIndex","querySelector","newOption","index","getOptionIndex","getOptionElement","removeOption","splice","initAutocomplete","delay","forEach","selectOption","canValidateWcagOnRender","validateWcag","Host","class","wrap","identifier","required","placeholder","ref","el","minlength","wcagDescribedBy","wcagLabelledBy","wcagOwns","slot","hidden","aria-hidden","multiple","aria-disabled","toBoolAttrIfDefined","aria-required","aria-invalid","aria-describedby","aria-labelledby","aria-owns","role","id","list","item","wcagLabel","type","on-gov-click","onTagRemove","e","stopPropagation","focused","govFocus","originalEvent","govBlur","detail","clearValue","focus","options","validateWcagRef","validateWcagLabelFor"],"mappings":"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","sourcesContent":["/*\n * Multiselect\n */\n\n@import \"../select/gov-form-select-core.scss\";\n$class: \".gov-form-multi-select\";\n\n#{$class} {\n\t@extend %form-select-core;\n\tflex-wrap: wrap;\n\t&__wrap {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8);\n\t\twidth: 100%;\n\t}\n\t&__list {\n\t\t@extend %reset-ul;\n\t\t@include typography($font-size-xs);\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8);\n\t\tflex-wrap: wrap;\n\t}\n\t&__list > &__item {\n\t\t@extend %reset-ul-li;\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex: 0 0 auto;\n\t\talign-items: center;\n\t\tpadding: rem-calc(0 0 0 8);\n\t\tbackground: $form-multiselect-bg;\n\t\ttransition: $t linear background-color;\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { govHost, toBoolAttr, toBoolAttrIfDefined } from \"../../../helpers/Dom/template\"\nimport {\n\tFormMultiSelectClass,\n\tFormMultiselectSizes,\n\tFormMultiselectSizesType,\n\tFormMultiselectVariants,\n\tFormMultiselectVariantType,\n} from \"./constants\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { validateWcagLabelFor, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { createID, removeDiacritics } from \"../../../utils/string.utils\"\nimport { delay } from \"../../../utils/utils\"\nimport { Nullable } from \"../../../types/interfaces\"\nimport { FormMultiselectEvent, GovFormMultiSelectItem } from \"./gov-form-multi-select.types\"\nimport { FormAutocompleteEvent } from \"../autocomplete/gov-form-autocomplete.types\"\nimport { GovForm } from \"../../../helpers/Dom/form.types\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { govForm } from \"../../../helpers/Dom/form\"\n\n@Component({\n\ttag: \"gov-form-multi-select\",\n\tstyleUrl: \"gov-form-multi-select.scss\",\n})\nexport class GovFormMultiSelect {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\n\tprivate selectRef?: HTMLSelectElement\n\tprivate autocompleteRef?: HTMLGovFormAutocompleteElement\n\n\tprivate readonly selectId: string\n\tprivate readonly listId: string\n\n\tconstructor() {\n\t\tthis.selectId = createID(\"GovSelect\")\n\t\tthis.listId = createID(\"GovMultiList\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormSelectElement\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Custom select placeholder.\n\t */\n\t@Prop({ attribute: \"placeholder\" }) readonly placeholder: string\n\t/**\n\t * Style variation of the form select.\n\t */\n\t@Prop() readonly variant?: FormMultiselectVariantType\n\t/**\n\t * Select’s size.\n\t */\n\t@Prop() readonly size?: FormMultiselectSizesType = \"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 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<FormMultiselectEvent>\n\t/**\n\t * Emitted when the select loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<FormMultiselectEvent>\n\t/**\n\t * Emitted when the select change value.\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<FormMultiselectEvent>\n\n\t@State() focused: boolean\n\t@State() value: string\n\t@State() selectedOptions: GovFormMultiSelectItem[] = []\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(FormMultiselectVariants, newValue, FormMultiSelectClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormMultiselectSizes, newValue, FormMultiSelectClass.root)\n\t}\n\n\t@Watch(\"selectedOptions\")\n\temitChange(newValue: GovFormMultiSelectItem[]) {\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\tvalue: newValue,\n\t\t})\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\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}\n\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t\tthis.watchDisabled()\n\t}\n\n\tprivate getAvailableOptions(): GovFormMultiSelectItem[] {\n\t\treturn Array.from(this.selectRef.querySelectorAll(\"option\"))\n\t\t\t.filter((option: HTMLOptionElement) => !(option.disabled || option.selected))\n\t\t\t.map((option: HTMLOptionElement) => ({ name: option.textContent, value: option.value }))\n\t}\n\n\tprivate initAutocomplete() {\n\t\tthis.autocompleteRef.addEventListener(\"gov-select\", this.onSelectHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener(\"gov-input\", this.onInputHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener(\"gov-focus\", this.onFocusHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener(\"gov-blur\", this.onBlurHandler.bind(this))\n\t\tthis.autocompleteRef\n\t\t\t.setSearchCallback(value => {\n\t\t\t\treturn new Promise(resolve => {\n\t\t\t\t\tconst data = this.getAvailableOptions()\n\t\t\t\t\tif (String(value).length === 0) {\n\t\t\t\t\t\treturn resolve(data)\n\t\t\t\t\t}\n\t\t\t\t\tresolve(\n\t\t\t\t\t\tdata.filter(({ name }) => {\n\t\t\t\t\t\t\tif (!name) return false\n\t\t\t\t\t\t\treturn removeDiacritics(name).toLowerCase().indexOf(removeDiacritics(value).toLowerCase()) > -1\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t})\n\t\t\t})\n\t\t\t.then()\n\t}\n\n\tprivate getOptionIndex(value: GovFormMultiSelectItem): number {\n\t\treturn this.selectedOptions.findIndex(option => option.value === value.value && option.name === value.name)\n\t}\n\n\tprivate getOptionElement(value: GovFormMultiSelectItem): Nullable<HTMLOptionElement> {\n\t\treturn this.selectRef.querySelector(\"option[value=\\\"\" + value.value + \"\\\"]\") as HTMLOptionElement\n\t}\n\n\tprivate selectOption(newOption: GovFormMultiSelectItem) {\n\t\tconst index = this.getOptionIndex(newOption)\n\t\tif (index === -1) {\n\t\t\tthis.selectedOptions = [...this.selectedOptions, newOption]\n\t\t\tconst option = this.getOptionElement(newOption)\n\t\t\tif (option) {\n\t\t\t\toption.selected = true\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate removeOption(removeOption: GovFormMultiSelectItem) {\n\t\tconst index = this.getOptionIndex(removeOption)\n\t\tif (index !== -1) {\n\t\t\tthis.selectedOptions.splice(index, 1)\n\t\t\tthis.selectedOptions = [...this.selectedOptions]\n\t\t\tconst option = this.getOptionElement(removeOption)\n\t\t\tif (option) {\n\t\t\t\toption.selected = false\n\t\t\t}\n\t\t}\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.initAutocomplete()\n\t\tawait delay(0)\n\t\tthis.selectRef.querySelectorAll(\"option\").forEach((option: HTMLOptionElement) => {\n\t\t\tif (option.selected) {\n\t\t\t\tthis.selectOption({\n\t\t\t\t\tname: option.textContent,\n\t\t\t\t\tvalue: option.value,\n\t\t\t\t})\n\t\t\t}\n\t\t})\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={FormMultiSelectClass.root} size={this.size} variant={this.variant}>\n\t\t\t\t<div class={FormMultiSelectClass.wrap}>\n\t\t\t\t\t<div class=\"element\">\n\t\t\t\t\t\t<gov-form-autocomplete\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tidentifier={this.identifier || this.selectId}\n\t\t\t\t\t\t\trequired={false}\n\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\t\tref={el => (this.autocompleteRef = el as HTMLGovFormAutocompleteElement)}\n\t\t\t\t\t\t\tminlength={0}\n\t\t\t\t\t\t\twcagDescribedBy={this.wcagDescribedBy}\n\t\t\t\t\t\t\twcagLabelledBy={this.wcagLabelledBy}\n\t\t\t\t\t\t\twcagOwns={this.listId}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" class=\"icon-arrow\" name=\"chevron-down\"></gov-icon>\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\taria-hidden={true}\n\t\t\t\t\t\t\tmultiple\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tref={el => (this.selectRef = el as HTMLSelectElement)}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\t\taria-owns={this.wcagOwns}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</select>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<ul role=\"listbox\" id={this.listId} class={FormMultiSelectClass.list}>\n\t\t\t\t\t{this.selectedOptions.map(option => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li class={FormMultiSelectClass.item} role=\"option\">\n\t\t\t\t\t\t\t\t{option.name}\n\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\twcagLabel={\"Odebrat vybranou položku \" + option.name}\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onTagRemove(option)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<gov-icon name=\"x-lg\"></gov-icon>\n\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t</ul>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.selectedOptions,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\te.stopPropagation()\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormMultiSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.selectedOptions,\n\t\t})\n\t}\n\n\tprivate onInputHandler(e: CustomEvent<FormAutocompleteEvent>) {\n\t\tthis.value = e.detail.value\n\t\te.stopPropagation()\n\t}\n\n\tprivate onSelectHandler(e: CustomEvent<FormAutocompleteEvent>) {\n\t\te.stopPropagation()\n\t\tconst value = e.detail.selected\n\t\tthis.selectOption(value as GovFormMultiSelectItem)\n\t\tthis.value = \"\"\n\t\tthis.autocompleteRef.clearValue()\n\t\tthis.autocompleteRef.focus()\n\t}\n\n\tprivate onTagRemove(removeOption: GovFormMultiSelectItem) {\n\t\tthis.removeOption(removeOption)\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.wcagDescribedBy, \"wcag-described-by\", FormMultiSelectClass.root)\n\t\tvalidateWcagRef(this.wcagLabelledBy, \"wcag-labelled-by\", FormMultiSelectClass.root)\n\t\tvalidateWcagRef(this.wcagOwns, \"wcag-owns\", FormMultiSelectClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.selectId, this.wcagLabelledBy, FormMultiSelectClass.root)\n\t}\n}\n"]}
@@ -1,2 +1,2 @@
1
- import{r as o,c as a,h as r,H as e,g as i}from"./p-4af5e4f4.js";import{g as d,b as t}from"./p-3f37ddb6.js";import{c as s}from"./p-24636c53.js";import{a as c}from"./p-561fa17b.js";import{v as n}from"./p-670b4f93.js";import{c as l}from"./p-c20102ff.js";import{d as g}from"./p-03990da5.js";const v={root:"gov-card",header:"gov-card__header",title:"gov-card__title",inner:"gov-card__inner",img:"gov-card__img",main:"gov-card__main",content:"gov-card__content",icon:"gov-card__icon",btns:"gov-card__btns",footer:"gov-card__footer",arrow:"gov-card__arrow"};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-card{position:relative;display:flex;width:100%;flex-direction:column;border:var(--gov-card-border-width, 0.0625rem solid var(--gov-color-secondary-500));border-radius:var(--gov-border-radius, 0.1875rem);background:var(--gov-card-bg, var(--gov-color-neutral-white));overflow:hidden}.gov-card__header{gap:1.75rem;width:100%;padding:1.5rem;border-bottom:var(--gov-card-border-width, 0.0625rem solid var(--gov-color-secondary-500));border-radius:0;text-align:left;text-transform:none;transition:background-color 150ms ease-in-out}.gov-card__arrow{flex:0 0 auto;width:1rem;height:1rem;color:var(--gov-card-arrow-color, var(--gov-color-primary))}.gov-card__title{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);color:var(--gov-card-title-color, var(--gov-color-secondary-800));font-weight:700}.gov-card__img{width:100%;margin:0;line-height:1}.gov-card__img img{width:100%;height:auto}.gov-card__inner{display:flex;flex:1 1 auto;flex-direction:column}.gov-card__inner[aria-hidden=""],.gov-card__inner[aria-hidden=true i],.gov-card__inner[aria-hidden="1"]{display:none}.gov-card__main{display:flex;gap:16px 24px;flex:1 1 auto;flex-direction:column;padding:1.5rem}.gov-card__icon{flex:0 0 auto;width:2.5rem;height:2.5rem;color:var(--gov-card-icon-color, var(--gov-color-primary))}.gov-card__btns{display:flex;gap:1rem;flex:0 0 auto;flex-wrap:wrap}.gov-card__content>*:last-child{margin-bottom:0}.gov-card__footer{padding:1rem 1.5rem;background:var(--gov-card-footer-bg, var(--gov-color-primary-100))}.gov-card__footer>*:last-child{margin-bottom:0}.gov-card__footer p{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)}.gov-card[is-expanded=""],.gov-card[is-expanded=true i],.gov-card[is-expanded="1"]{height:100%}.gov-card[collapsible=""] .gov-card__header,.gov-card[collapsible=true i] .gov-card__header,.gov-card[collapsible="1"] .gov-card__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-content:space-between;text-align:left}.gov-card[collapsible=""] .gov-card__header:focus,.gov-card[collapsible=true i] .gov-card__header:focus,.gov-card[collapsible="1"] .gov-card__header:focus{outline:none}.gov-card[collapsible=""] .gov-card__header:focus,.gov-card[collapsible=true i] .gov-card__header:focus,.gov-card[collapsible="1"] .gov-card__header:focus{outline:none}.gov-card[collapsible=""] .gov-card__header:focus-visible,.gov-card[collapsible=true i] .gov-card__header:focus-visible,.gov-card[collapsible="1"] .gov-card__header: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.125rem}@media not all and (pointer: coarse){.gov-card[collapsible=""] .gov-card__header:hover,.gov-card[collapsible=true i] .gov-card__header:hover,.gov-card[collapsible="1"] .gov-card__header:hover{background:var(--gov-card-header-hover-bg, var(--gov-color-primary-100))}}.gov-card[collapsible=""][is-expanded=""] .gov-card__header,.gov-card[collapsible=""][is-expanded=true i] .gov-card__header,.gov-card[collapsible=""][is-expanded="1"] .gov-card__header,.gov-card[collapsible=true i][is-expanded=""] .gov-card__header,.gov-card[collapsible=true i][is-expanded=true i] .gov-card__header,.gov-card[collapsible=true i][is-expanded="1"] .gov-card__header,.gov-card[collapsible="1"][is-expanded=""] .gov-card__header,.gov-card[collapsible="1"][is-expanded=true i] .gov-card__header,.gov-card[collapsible="1"][is-expanded="1"] .gov-card__header{border-bottom:var(--gov-card-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-card[collapsible=""][is-expanded=""] .gov-card__arrow,.gov-card[collapsible=""][is-expanded=true i] .gov-card__arrow,.gov-card[collapsible=""][is-expanded="1"] .gov-card__arrow,.gov-card[collapsible=true i][is-expanded=""] .gov-card__arrow,.gov-card[collapsible=true i][is-expanded=true i] .gov-card__arrow,.gov-card[collapsible=true i][is-expanded="1"] .gov-card__arrow,.gov-card[collapsible="1"][is-expanded=""] .gov-card__arrow,.gov-card[collapsible="1"][is-expanded=true i] .gov-card__arrow,.gov-card[collapsible="1"][is-expanded="1"] .gov-card__arrow{transform:scale(-1)}@media (min-width: 30em){.gov-card[promotion=""] .gov-card__main,.gov-card[promotion=true i] .gov-card__main,.gov-card[promotion="1"] .gov-card__main{flex-direction:row;padding:2rem}.gov-card[promotion=""] .gov-card__icon,.gov-card[promotion=true i] .gov-card__icon,.gov-card[promotion="1"] .gov-card__icon{width:3rem;height:3rem}.gov-card[promotion=""] .gov-card__btns,.gov-card[promotion=true i] .gov-card__btns,.gov-card[promotion="1"] .gov-card__btns{flex-direction:column}}';const p=class{constructor(r){o(this,r);this.govToggle=a(this,"gov-toggle",7);this.promotion=false;this.label=undefined;this.collapsible=false;this.expanded=false;this.headlineTag="h3";this.wcagTriggerLabel=undefined;this.wcagTriggerLabelledBy=undefined;this.isExpanded=undefined;this.h=d(this.host);this.headlineId=s("GovCardHeadline");this.contentId=s("GovCardContent")}validateHeadlineTag(o){const a=["h1","h2","h3","h4","h5","h6","span"];if(o){if(!a.includes(o)){c(`[${v.root}]: Tag ${o} is not allowed.`)}}}componentWillLoad(){this.isExpanded=this.label?this.expanded:true;this.validateHeadlineTag(this.headlineTag)}async componentDidRender(){if(l()){await g(500);await this.validateWcag()}}emmitChange(){this.govToggle.emit({open:this.isExpanded,element:this.host})}render(){const o=this.headlineTag;return r(e,{class:this.h.classes(v.root),"is-expanded":this.isExpanded,collapsible:t(this.collapsible),promotion:this.promotion},this.label&&this.collapsible?r("button",{id:this.headlineId,class:v.header,"aria-label":this.wcagTriggerLabel,"aria-labelledby":this.wcagTriggerLabelledBy,"aria-expanded":t(this.isExpanded),"aria-controls":this.contentId,onClick:this.onClickHandler.bind(this)},r(o,{class:v.title},this.label),r("gov-icon",{class:v.arrow,name:"chevron-down"})):null,this.label&&!this.collapsible?r("div",{class:v.header},r(o,{class:v.title},this.label)):null,r("div",{class:v.inner,id:this.contentId,"aria-hidden":this.collapsible?t(!this.isExpanded):undefined,hidden:this.collapsible?!this.isExpanded:undefined,"aria-labelledby":this.collapsible?this.headlineId:undefined},this.h.hasSlot("img")&&r("p",{class:v.img},r("slot",{name:"img"})),r("div",{class:v.main},this.h.hasSlot("icon")&&this.promotion&&r("div",{class:v.icon},r("slot",{name:"icon"})),r("div",{class:v.content},r("slot",null)),this.h.hasSlot("btn")&&this.promotion&&r("div",{class:v.btns},r("slot",{name:"btn"}))),this.h.hasSlot("footer")&&r("div",{class:v.footer},r("slot",{name:"footer"}))))}onClickHandler(o){o.stopPropagation();if(this.collapsible){this.isExpanded=!this.isExpanded;this.emmitChange()}}async open(){if(this.collapsible){this.isExpanded=true;this.emmitChange()}}async close(){if(this.collapsible){this.isExpanded=false;this.emmitChange()}}async validateWcag(){if(this.collapsible){n(this.wcagTriggerLabel,this.wcagTriggerLabelledBy,v.root)}}get host(){return i(this)}static get watchers(){return{headlineTag:["validateHeadlineTag"]}}};p.style=h;export{p as gov_card};
2
- //# sourceMappingURL=p-a9c57f72.entry.js.map
1
+ import{r as o,c as a,h as r,H as e,g as i}from"./p-4af5e4f4.js";import{g as d,b as t}from"./p-3f37ddb6.js";import{c as s}from"./p-24636c53.js";import{a as c}from"./p-561fa17b.js";import{v as n}from"./p-0f5e2b0a.js";import{c as l}from"./p-34152b51.js";import{d as g}from"./p-03990da5.js";const v={root:"gov-card",header:"gov-card__header",title:"gov-card__title",inner:"gov-card__inner",img:"gov-card__img",main:"gov-card__main",content:"gov-card__content",icon:"gov-card__icon",btns:"gov-card__btns",footer:"gov-card__footer",arrow:"gov-card__arrow"};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-card{position:relative;display:flex;width:100%;flex-direction:column;border:var(--gov-card-border-width, 0.0625rem solid var(--gov-color-secondary-500));border-radius:var(--gov-border-radius, 0.1875rem);background:var(--gov-card-bg, var(--gov-color-neutral-white));overflow:hidden}.gov-card__header{gap:1.75rem;width:100%;padding:1.5rem;border-bottom:var(--gov-card-border-width, 0.0625rem solid var(--gov-color-secondary-500));border-radius:0;text-align:left;text-transform:none;transition:background-color 150ms ease-in-out}.gov-card__arrow{flex:0 0 auto;width:1rem;height:1rem;color:var(--gov-card-arrow-color, var(--gov-color-primary))}.gov-card__title{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);color:var(--gov-card-title-color, var(--gov-color-secondary-800));font-weight:700}.gov-card__img{width:100%;margin:0;line-height:1}.gov-card__img img{width:100%;height:auto}.gov-card__inner{display:flex;flex:1 1 auto;flex-direction:column}.gov-card__inner[aria-hidden=""],.gov-card__inner[aria-hidden=true i],.gov-card__inner[aria-hidden="1"]{display:none}.gov-card__main{display:flex;gap:16px 24px;flex:1 1 auto;flex-direction:column;padding:1.5rem}.gov-card__icon{flex:0 0 auto;width:2.5rem;height:2.5rem;color:var(--gov-card-icon-color, var(--gov-color-primary))}.gov-card__btns{display:flex;gap:1rem;flex:0 0 auto;flex-wrap:wrap}.gov-card__content>*:last-child{margin-bottom:0}.gov-card__footer{padding:1rem 1.5rem;background:var(--gov-card-footer-bg, var(--gov-color-primary-100))}.gov-card__footer>*:last-child{margin-bottom:0}.gov-card__footer p{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)}.gov-card[is-expanded=""],.gov-card[is-expanded=true i],.gov-card[is-expanded="1"]{height:100%}.gov-card[collapsible=""] .gov-card__header,.gov-card[collapsible=true i] .gov-card__header,.gov-card[collapsible="1"] .gov-card__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-content:space-between;text-align:left}.gov-card[collapsible=""] .gov-card__header:focus,.gov-card[collapsible=true i] .gov-card__header:focus,.gov-card[collapsible="1"] .gov-card__header:focus{outline:none}.gov-card[collapsible=""] .gov-card__header:focus,.gov-card[collapsible=true i] .gov-card__header:focus,.gov-card[collapsible="1"] .gov-card__header:focus{outline:none}.gov-card[collapsible=""] .gov-card__header:focus-visible,.gov-card[collapsible=true i] .gov-card__header:focus-visible,.gov-card[collapsible="1"] .gov-card__header: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.125rem}@media not all and (pointer: coarse){.gov-card[collapsible=""] .gov-card__header:hover,.gov-card[collapsible=true i] .gov-card__header:hover,.gov-card[collapsible="1"] .gov-card__header:hover{background:var(--gov-card-header-hover-bg, var(--gov-color-primary-100))}}.gov-card[collapsible=""][is-expanded=""] .gov-card__header,.gov-card[collapsible=""][is-expanded=true i] .gov-card__header,.gov-card[collapsible=""][is-expanded="1"] .gov-card__header,.gov-card[collapsible=true i][is-expanded=""] .gov-card__header,.gov-card[collapsible=true i][is-expanded=true i] .gov-card__header,.gov-card[collapsible=true i][is-expanded="1"] .gov-card__header,.gov-card[collapsible="1"][is-expanded=""] .gov-card__header,.gov-card[collapsible="1"][is-expanded=true i] .gov-card__header,.gov-card[collapsible="1"][is-expanded="1"] .gov-card__header{border-bottom:var(--gov-card-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-card[collapsible=""][is-expanded=""] .gov-card__arrow,.gov-card[collapsible=""][is-expanded=true i] .gov-card__arrow,.gov-card[collapsible=""][is-expanded="1"] .gov-card__arrow,.gov-card[collapsible=true i][is-expanded=""] .gov-card__arrow,.gov-card[collapsible=true i][is-expanded=true i] .gov-card__arrow,.gov-card[collapsible=true i][is-expanded="1"] .gov-card__arrow,.gov-card[collapsible="1"][is-expanded=""] .gov-card__arrow,.gov-card[collapsible="1"][is-expanded=true i] .gov-card__arrow,.gov-card[collapsible="1"][is-expanded="1"] .gov-card__arrow{transform:scale(-1)}@media (min-width: 30em){.gov-card[promotion=""] .gov-card__main,.gov-card[promotion=true i] .gov-card__main,.gov-card[promotion="1"] .gov-card__main{flex-direction:row;padding:2rem}.gov-card[promotion=""] .gov-card__icon,.gov-card[promotion=true i] .gov-card__icon,.gov-card[promotion="1"] .gov-card__icon{width:3rem;height:3rem}.gov-card[promotion=""] .gov-card__btns,.gov-card[promotion=true i] .gov-card__btns,.gov-card[promotion="1"] .gov-card__btns{flex-direction:column}}';const p=class{constructor(r){o(this,r);this.govToggle=a(this,"gov-toggle",7);this.promotion=false;this.label=undefined;this.collapsible=false;this.expanded=false;this.headlineTag="h3";this.wcagTriggerLabel=undefined;this.wcagTriggerLabelledBy=undefined;this.isExpanded=undefined;this.h=d(this.host);this.headlineId=s("GovCardHeadline");this.contentId=s("GovCardContent")}validateHeadlineTag(o){const a=["h1","h2","h3","h4","h5","h6","span"];if(o){if(!a.includes(o)){c(`[${v.root}]: Tag ${o} is not allowed.`)}}}componentWillLoad(){this.isExpanded=this.label?this.expanded:true;this.validateHeadlineTag(this.headlineTag)}async componentDidRender(){if(l()){await g(500);await this.validateWcag()}}emmitChange(){this.govToggle.emit({open:this.isExpanded,element:this.host})}render(){const o=this.headlineTag;return r(e,{class:this.h.classes(v.root),"is-expanded":this.isExpanded,collapsible:t(this.collapsible),promotion:this.promotion},this.label&&this.collapsible?r("button",{id:this.headlineId,class:v.header,"aria-label":this.wcagTriggerLabel,"aria-labelledby":this.wcagTriggerLabelledBy,"aria-expanded":t(this.isExpanded),"aria-controls":this.contentId,onClick:this.onClickHandler.bind(this)},r(o,{class:v.title},this.label),r("gov-icon",{class:v.arrow,name:"chevron-down"})):null,this.label&&!this.collapsible?r("div",{class:v.header},r(o,{class:v.title},this.label)):null,r("div",{class:v.inner,id:this.contentId,"aria-hidden":this.collapsible?t(!this.isExpanded):undefined,hidden:this.collapsible?!this.isExpanded:undefined,"aria-labelledby":this.collapsible?this.headlineId:undefined},this.h.hasSlot("img")&&r("p",{class:v.img},r("slot",{name:"img"})),r("div",{class:v.main},this.h.hasSlot("icon")&&this.promotion&&r("div",{class:v.icon},r("slot",{name:"icon"})),r("div",{class:v.content},r("slot",null)),this.h.hasSlot("btn")&&this.promotion&&r("div",{class:v.btns},r("slot",{name:"btn"}))),this.h.hasSlot("footer")&&r("div",{class:v.footer},r("slot",{name:"footer"}))))}onClickHandler(o){o.stopPropagation();if(this.collapsible){this.isExpanded=!this.isExpanded;this.emmitChange()}}async open(){if(this.collapsible){this.isExpanded=true;this.emmitChange()}}async close(){if(this.collapsible){this.isExpanded=false;this.emmitChange()}}async validateWcag(){if(this.collapsible){n(this.wcagTriggerLabel,this.wcagTriggerLabelledBy,v.root)}}get host(){return i(this)}static get watchers(){return{headlineTag:["validateHeadlineTag"]}}};p.style=h;export{p as gov_card};
2
+ //# sourceMappingURL=p-070f9684.entry.js.map
@@ -0,0 +1,2 @@
1
+ import{g as e}from"./p-561fa17b.js";import{s as t}from"./p-24636c53.js";import{d as r}from"./p-34152b51.js";const n=(t,r,n)=>{if(t===undefined||String(t).length===0){e(`[${n}]: The (${r}) attribute is important for correct accessibility.`)}};const i=(n,i,s)=>{if(typeof n==="undefined"||n===undefined){return true}if(String(n).length===0){e(`[${s}]: Attribute (${i}) is defined with an empty value.`);return false}let a=[];const f=t(n);if(Array.isArray(f)){a=f.filter((function(e){return e.trim().length>0}))}return!!a.filter((e=>{if(r().getElementById(e)===null){return false}else{return true}})).length};const s=(t,n,i)=>{const s=r().querySelector(`[for=${t}]`);if(s===null){const t=r().getElementById(n);if(t===null){e(`[${i}]: The form element has no defined wcag-label or wcag-labelled-by attribute.`);return false}}return true};const a=(t,n,i)=>{if(typeof t==="string"&&t.length>0){return true}if(typeof n==="string"&&n.length>0){const e=r().getElementById(n);if(e){return true}}e(`[${i}]: The element has no defined wcag-label or wcag-labelled-by attribute.`);return false};export{n as a,i as b,s as c,a as v};
2
+ //# sourceMappingURL=p-0f5e2b0a.js.map
@@ -1,2 +1,2 @@
1
- import{r as o,c as r,h as e,H as i,g as a}from"./p-4af5e4f4.js";import{c as t}from"./p-24636c53.js";import{v as s}from"./p-26acf964.js";import{g as c,f as n,h as v}from"./p-61af5a2c.js";import{g as d,a as m,t as l}from"./p-3f37ddb6.js";import{b as g,c as f}from"./p-670b4f93.js";import{c as h}from"./p-c20102ff.js";import{d as p}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 x='.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-radio{cursor:pointer}.gov-form-radio input{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-radio input+span{position:relative;display:block}.gov-form-radio input+span::before{content:"";position:absolute;display:block;top:0;left:0;border:var(--gov-form-checkbox-border-size, 0.125rem solid var(--gov-color-primary));background-color:var(--gov-form-checkbox-background-color, var(--gov-color-neutral-white));transition:150ms linear border-color, 150ms linear background-color, 150ms linear outline-color}.gov-form-radio .gov-form-label__label{position:relative;z-index:1;width:100%}.gov-form-radio input:focus-visible+span::before{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}[invalid=""].gov-form-radio .gov-form-label__label,[invalid=true i].gov-form-radio .gov-form-label__label,[invalid="1"].gov-form-radio .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=""].gov-form-radio input+span::before,[invalid=true i].gov-form-radio input+span::before,[invalid="1"].gov-form-radio input+span::before{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}[disabled=""].gov-form-radio,[disabled=true i].gov-form-radio,[disabled="1"].gov-form-radio{pointer-events:none}[disabled=""].gov-form-radio .gov-form-label__label,[disabled=true i].gov-form-radio .gov-form-label__label,[disabled="1"].gov-form-radio .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=""].gov-form-radio input+span::before,[disabled=true i].gov-form-radio input+span::before,[disabled="1"].gov-form-radio input+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}[size=xs].gov-form-radio{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);display:block;min-width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);min-height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=xs].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-text-xs-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) + var(--gov-form-checkbox-core-xs-gap, 0.75rem))}[size=xs].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=s].gov-form-radio{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:block;min-width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);min-height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=s].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-text-s-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) + var(--gov-form-checkbox-core-s-gap, 0.75rem))}[size=s].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=m].gov-form-radio{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);display:block;min-width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);min-height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=m].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-text-m-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) + var(--gov-form-checkbox-core-m-gap, 1rem))}[size=m].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=l].gov-form-radio{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);display:block;min-width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);min-height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}[size=l].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-text-l-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-l-indicator-size, 2rem) + var(--gov-form-checkbox-core-l-gap, 1rem))}[size=l].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}.gov-form-radio input+span::before{border-radius:50%}.gov-form-radio input+span::after{content:"";position:absolute;display:block;border-radius:50%;background:var(--gov-form-radio-indicator-bg, var(--gov-color-primary));opacity:0;transition:150ms linear opacity}.gov-form-radio input:checked+span::after{opacity:1}.gov-form-radio[invalid=""] input+span::after,.gov-form-radio[invalid=true i] input+span::after,.gov-form-radio[invalid="1"] input+span::after{background:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-radio[disabled=""] input:checked+span::after,.gov-form-radio[disabled=true i] input:checked+span::after,.gov-form-radio[disabled="1"] input:checked+span::after{background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-radio[size=xs] input+span::after{top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)) / 2);left:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)) / 2);width:var(--gov-form-checkbox-core-xs-dot-size, 0.625rem);height:var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)}.gov-form-radio[size=s] input+span::after{top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)) / 2);left:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)) / 2);width:var(--gov-form-checkbox-core-s-dot-size, 0.6875rem);height:var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)}.gov-form-radio[size=m] input+span::after{top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-dot-size, 0.75rem)) / 2);left:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-dot-size, 0.75rem)) / 2);width:var(--gov-form-checkbox-core-m-dot-size, 0.75rem);height:var(--gov-form-checkbox-core-m-dot-size, 0.75rem)}.gov-form-radio[size=l] input+span::after{top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-dot-size, 1rem)) / 2);left:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-dot-size, 1rem)) / 2);width:var(--gov-form-checkbox-core-l-dot-size, 1rem);height:var(--gov-form-checkbox-core-l-dot-size, 1rem)}';const u=class{constructor(e){o(this,e);this.govFocus=r(this,"gov-focus",7);this.govBlur=r(this,"gov-blur",7);this.govChange=r(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.radioId=t("GovRadio");this.h=d(this.host);this.f=c(this.h)}validateSize(o){s(v,o,n.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","radio")}componentWillLoad(){this.passControlAttrs()}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.radioId);this.f.passAttrToLabel("required",String(this.required));if(h()){await p(500);await this.validateWcag()}}render(){const o=o=>{if(this.noLabel){return e("label",null,o)}return o};return e(i,{class:n.root,checked:this.checked,size:this.size,invalid:l(this.invalid)},e("div",{class:n.holder},o(e(b,null,e("input",{class:n.input,id:this.identifier||this.radioId,type:"radio",value:this.value,name:this.name,checked:this.checked,disabled:this.disabled,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":l(this.required),"aria-invalid":l(this.invalid),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-disabled":l(this.disabled)}),e("span",null,e("slot",{name:"label"}))))))}onClickHandler(o){o.stopPropagation()}onFocusHandler(o){o.stopPropagation();this.govFocus.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:o})}onBlurHandler(o){o.stopPropagation();this.govBlur.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:o})}onChangeHandler(o){this.checked=o.target.checked;o.stopPropagation();this.govChange.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:o})}async getRef(){return this.inputRef}async validateWcag(){g(this.wcagDescribedBy,"wcag-described-by",n.root);g(this.wcagLabelledBy,"wcag-labelled-by",n.root);f(this.identifier||this.radioId,this.wcagLabelledBy,n.root)}get host(){return a(this)}static get watchers(){return{size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"]}}};u.style=x;export{u as gov_form_radio};
2
- //# sourceMappingURL=p-1bdec1f4.entry.js.map
1
+ import{r as o,c as r,h as e,H as i,g as a}from"./p-4af5e4f4.js";import{c as t}from"./p-24636c53.js";import{v as s}from"./p-26acf964.js";import{g as c,f as n,h as v}from"./p-34ed07f6.js";import{g as d,a as m,t as l}from"./p-3f37ddb6.js";import{b as g,c as f}from"./p-0f5e2b0a.js";import{c as h}from"./p-34152b51.js";import{d as p}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 x='.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-radio{cursor:pointer}.gov-form-radio input{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-radio input+span{position:relative;display:block}.gov-form-radio input+span::before{content:"";position:absolute;display:block;top:0;left:0;border:var(--gov-form-checkbox-border-size, 0.125rem solid var(--gov-color-primary));background-color:var(--gov-form-checkbox-background-color, var(--gov-color-neutral-white));transition:150ms linear border-color, 150ms linear background-color, 150ms linear outline-color}.gov-form-radio .gov-form-label__label{position:relative;z-index:1;width:100%}.gov-form-radio input:focus-visible+span::before{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}[invalid=""].gov-form-radio .gov-form-label__label,[invalid=true i].gov-form-radio .gov-form-label__label,[invalid="1"].gov-form-radio .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=""].gov-form-radio input+span::before,[invalid=true i].gov-form-radio input+span::before,[invalid="1"].gov-form-radio input+span::before{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}[disabled=""].gov-form-radio,[disabled=true i].gov-form-radio,[disabled="1"].gov-form-radio{pointer-events:none}[disabled=""].gov-form-radio .gov-form-label__label,[disabled=true i].gov-form-radio .gov-form-label__label,[disabled="1"].gov-form-radio .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=""].gov-form-radio input+span::before,[disabled=true i].gov-form-radio input+span::before,[disabled="1"].gov-form-radio input+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}[size=xs].gov-form-radio{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);display:block;min-width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);min-height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=xs].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-text-xs-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) + var(--gov-form-checkbox-core-xs-gap, 0.75rem))}[size=xs].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=s].gov-form-radio{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:block;min-width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);min-height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=s].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-text-s-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) + var(--gov-form-checkbox-core-s-gap, 0.75rem))}[size=s].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=m].gov-form-radio{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);display:block;min-width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);min-height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=m].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-text-m-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) + var(--gov-form-checkbox-core-m-gap, 1rem))}[size=m].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=l].gov-form-radio{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);display:block;min-width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);min-height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}[size=l].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-text-l-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-l-indicator-size, 2rem) + var(--gov-form-checkbox-core-l-gap, 1rem))}[size=l].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}.gov-form-radio input+span::before{border-radius:50%}.gov-form-radio input+span::after{content:"";position:absolute;display:block;border-radius:50%;background:var(--gov-form-radio-indicator-bg, var(--gov-color-primary));opacity:0;transition:150ms linear opacity}.gov-form-radio input:checked+span::after{opacity:1}.gov-form-radio[invalid=""] input+span::after,.gov-form-radio[invalid=true i] input+span::after,.gov-form-radio[invalid="1"] input+span::after{background:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-radio[disabled=""] input:checked+span::after,.gov-form-radio[disabled=true i] input:checked+span::after,.gov-form-radio[disabled="1"] input:checked+span::after{background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-radio[size=xs] input+span::after{top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)) / 2);left:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)) / 2);width:var(--gov-form-checkbox-core-xs-dot-size, 0.625rem);height:var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)}.gov-form-radio[size=s] input+span::after{top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)) / 2);left:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)) / 2);width:var(--gov-form-checkbox-core-s-dot-size, 0.6875rem);height:var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)}.gov-form-radio[size=m] input+span::after{top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-dot-size, 0.75rem)) / 2);left:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-dot-size, 0.75rem)) / 2);width:var(--gov-form-checkbox-core-m-dot-size, 0.75rem);height:var(--gov-form-checkbox-core-m-dot-size, 0.75rem)}.gov-form-radio[size=l] input+span::after{top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-dot-size, 1rem)) / 2);left:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-dot-size, 1rem)) / 2);width:var(--gov-form-checkbox-core-l-dot-size, 1rem);height:var(--gov-form-checkbox-core-l-dot-size, 1rem)}';const u=class{constructor(e){o(this,e);this.govFocus=r(this,"gov-focus",7);this.govBlur=r(this,"gov-blur",7);this.govChange=r(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.radioId=t("GovRadio");this.h=d(this.host);this.f=c(this.h)}validateSize(o){s(v,o,n.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","radio")}componentWillLoad(){this.passControlAttrs()}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.radioId);this.f.passAttrToLabel("required",String(this.required));if(h()){await p(500);await this.validateWcag()}}render(){const o=o=>{if(this.noLabel){return e("label",null,o)}return o};return e(i,{class:n.root,checked:this.checked,size:this.size,invalid:l(this.invalid)},e("div",{class:n.holder},o(e(b,null,e("input",{class:n.input,id:this.identifier||this.radioId,type:"radio",value:this.value,name:this.name,checked:this.checked,disabled:this.disabled,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":l(this.required),"aria-invalid":l(this.invalid),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-disabled":l(this.disabled)}),e("span",null,e("slot",{name:"label"}))))))}onClickHandler(o){o.stopPropagation()}onFocusHandler(o){o.stopPropagation();this.govFocus.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:o})}onBlurHandler(o){o.stopPropagation();this.govBlur.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:o})}onChangeHandler(o){this.checked=o.target.checked;o.stopPropagation();this.govChange.emit({component:n.root,value:this.value,checked:this.checked,originalEvent:o})}async getRef(){return this.inputRef}async validateWcag(){g(this.wcagDescribedBy,"wcag-described-by",n.root);g(this.wcagLabelledBy,"wcag-labelled-by",n.root);f(this.identifier||this.radioId,this.wcagLabelledBy,n.root)}get host(){return a(this)}static get watchers(){return{size:["validateSize","watchDisabled"],disabled:["watchDisabled"],invalid:["watchDisabled"]}}};u.style=x;export{u as gov_form_radio};
2
+ //# sourceMappingURL=p-14a475a8.entry.js.map