@noctuatech/uswds 0.0.27 → 0.0.28

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 (253) hide show
  1. package/package.json +5 -5
  2. package/src/lib/file-input/file-input-preview/file-input-preview.element.ts +11 -2
  3. package/src/lib/file-input/file-input.element.ts +9 -7
  4. package/assets/uswds.min.js +0 -1
  5. package/target/lib/accordion/accordion.element.d.ts +0 -19
  6. package/target/lib/accordion/accordion.element.js +0 -166
  7. package/target/lib/accordion/accordion.element.js.map +0 -1
  8. package/target/lib/accordion/accordion.stories.d.ts +0 -12
  9. package/target/lib/accordion/accordion.stories.js +0 -42
  10. package/target/lib/accordion/accordion.stories.js.map +0 -1
  11. package/target/lib/accordion/accordion.test.d.ts +0 -1
  12. package/target/lib/accordion/accordion.test.js +0 -113
  13. package/target/lib/accordion/accordion.test.js.map +0 -1
  14. package/target/lib/alert/alert-types.d.ts +0 -7
  15. package/target/lib/alert/alert-types.js +0 -25
  16. package/target/lib/alert/alert-types.js.map +0 -1
  17. package/target/lib/alert/alert.element.d.ts +0 -11
  18. package/target/lib/alert/alert.element.js +0 -122
  19. package/target/lib/alert/alert.element.js.map +0 -1
  20. package/target/lib/alert/alert.stories.d.ts +0 -11
  21. package/target/lib/alert/alert.stories.js +0 -56
  22. package/target/lib/alert/alert.stories.js.map +0 -1
  23. package/target/lib/alert/alert.test.d.ts +0 -1
  24. package/target/lib/alert/alert.test.js +0 -20
  25. package/target/lib/alert/alert.test.js.map +0 -1
  26. package/target/lib/button/button.element.d.ts +0 -20
  27. package/target/lib/button/button.element.js +0 -263
  28. package/target/lib/button/button.element.js.map +0 -1
  29. package/target/lib/button/button.stories.d.ts +0 -12
  30. package/target/lib/button/button.stories.js +0 -22
  31. package/target/lib/button/button.stories.js.map +0 -1
  32. package/target/lib/button/button.test.d.ts +0 -1
  33. package/target/lib/button/button.test.js +0 -14
  34. package/target/lib/button/button.test.js.map +0 -1
  35. package/target/lib/card/card-body/card-body.element.d.ts +0 -7
  36. package/target/lib/card/card-body/card-body.element.js +0 -35
  37. package/target/lib/card/card-body/card-body.element.js.map +0 -1
  38. package/target/lib/card/card-footer/card-footer.element.d.ts +0 -7
  39. package/target/lib/card/card-footer/card-footer.element.js +0 -33
  40. package/target/lib/card/card-footer/card-footer.element.js.map +0 -1
  41. package/target/lib/card/card-group/card-group.element.d.ts +0 -8
  42. package/target/lib/card/card-group/card-group.element.js +0 -51
  43. package/target/lib/card/card-group/card-group.element.js.map +0 -1
  44. package/target/lib/card/card-header/card-header.element.d.ts +0 -7
  45. package/target/lib/card/card-header/card-header.element.js +0 -43
  46. package/target/lib/card/card-header/card-header.element.js.map +0 -1
  47. package/target/lib/card/card-media/card-media.element.d.ts +0 -8
  48. package/target/lib/card/card-media/card-media.element.js +0 -71
  49. package/target/lib/card/card-media/card-media.element.js.map +0 -1
  50. package/target/lib/card/card.element.d.ts +0 -9
  51. package/target/lib/card/card.element.js +0 -79
  52. package/target/lib/card/card.element.js.map +0 -1
  53. package/target/lib/card/card.stories.d.ts +0 -12
  54. package/target/lib/card/card.stories.js +0 -126
  55. package/target/lib/card/card.stories.js.map +0 -1
  56. package/target/lib/card/card.test.d.ts +0 -6
  57. package/target/lib/card/card.test.js +0 -33
  58. package/target/lib/card/card.test.js.map +0 -1
  59. package/target/lib/checkbox/checkbox.element.d.ts +0 -17
  60. package/target/lib/checkbox/checkbox.element.js +0 -206
  61. package/target/lib/checkbox/checkbox.element.js.map +0 -1
  62. package/target/lib/checkbox/checkbox.stories.d.ts +0 -31
  63. package/target/lib/checkbox/checkbox.stories.js +0 -46
  64. package/target/lib/checkbox/checkbox.stories.js.map +0 -1
  65. package/target/lib/checkbox/checkbox.test.d.ts +0 -1
  66. package/target/lib/checkbox/checkbox.test.js +0 -52
  67. package/target/lib/checkbox/checkbox.test.js.map +0 -1
  68. package/target/lib/config/config.element.d.ts +0 -6
  69. package/target/lib/config/config.element.js +0 -53
  70. package/target/lib/config/config.element.js.map +0 -1
  71. package/target/lib/config/config.test.d.ts +0 -1
  72. package/target/lib/config/config.test.js +0 -11
  73. package/target/lib/config/config.test.js.map +0 -1
  74. package/target/lib/define.d.ts +0 -32
  75. package/target/lib/define.js +0 -33
  76. package/target/lib/define.js.map +0 -1
  77. package/target/lib/description/description.element.d.ts +0 -7
  78. package/target/lib/description/description.element.js +0 -34
  79. package/target/lib/description/description.element.js.map +0 -1
  80. package/target/lib/description/description.test.d.ts +0 -1
  81. package/target/lib/description/description.test.js +0 -11
  82. package/target/lib/description/description.test.js.map +0 -1
  83. package/target/lib/file-input/file-input-preview/file-input-preview.element.d.ts +0 -12
  84. package/target/lib/file-input/file-input-preview/file-input-preview.element.js +0 -144
  85. package/target/lib/file-input/file-input-preview/file-input-preview.element.js.map +0 -1
  86. package/target/lib/file-input/file-input-preview/file-input-preview.test.d.ts +0 -2
  87. package/target/lib/file-input/file-input-preview/file-input-preview.test.js +0 -67
  88. package/target/lib/file-input/file-input-preview/file-input-preview.test.js.map +0 -1
  89. package/target/lib/file-input/file-input.element.d.ts +0 -16
  90. package/target/lib/file-input/file-input.element.js +0 -172
  91. package/target/lib/file-input/file-input.element.js.map +0 -1
  92. package/target/lib/file-input/file-input.stories.d.ts +0 -12
  93. package/target/lib/file-input/file-input.stories.js +0 -34
  94. package/target/lib/file-input/file-input.stories.js.map +0 -1
  95. package/target/lib/file-input/file-input.test.d.ts +0 -1
  96. package/target/lib/file-input/file-input.test.js +0 -37
  97. package/target/lib/file-input/file-input.test.js.map +0 -1
  98. package/target/lib/icon/icon-types.d.ts +0 -2
  99. package/target/lib/icon/icon-types.js +0 -262
  100. package/target/lib/icon/icon-types.js.map +0 -1
  101. package/target/lib/icon/icon.element.d.ts +0 -13
  102. package/target/lib/icon/icon.element.js +0 -72
  103. package/target/lib/icon/icon.element.js.map +0 -1
  104. package/target/lib/icon/icon.stories.d.ts +0 -12
  105. package/target/lib/icon/icon.stories.js +0 -39
  106. package/target/lib/icon/icon.stories.js.map +0 -1
  107. package/target/lib/input/input.element.d.ts +0 -24
  108. package/target/lib/input/input.element.js +0 -235
  109. package/target/lib/input/input.element.js.map +0 -1
  110. package/target/lib/input/input.stories.d.ts +0 -12
  111. package/target/lib/input/input.stories.js +0 -25
  112. package/target/lib/input/input.stories.js.map +0 -1
  113. package/target/lib/input/input.test.d.ts +0 -1
  114. package/target/lib/input/input.test.js +0 -50
  115. package/target/lib/input/input.test.js.map +0 -1
  116. package/target/lib/input-mask/format.d.ts +0 -15
  117. package/target/lib/input-mask/format.js +0 -47
  118. package/target/lib/input-mask/format.js.map +0 -1
  119. package/target/lib/input-mask/input-mask.element.d.ts +0 -12
  120. package/target/lib/input-mask/input-mask.element.js +0 -106
  121. package/target/lib/input-mask/input-mask.element.js.map +0 -1
  122. package/target/lib/input-mask/input-mask.stories.d.ts +0 -14
  123. package/target/lib/input-mask/input-mask.stories.js +0 -30
  124. package/target/lib/input-mask/input-mask.stories.js.map +0 -1
  125. package/target/lib/input-mask/input-mask.test.d.ts +0 -2
  126. package/target/lib/input-mask/input-mask.test.js +0 -89
  127. package/target/lib/input-mask/input-mask.test.js.map +0 -1
  128. package/target/lib/input-mask/maskable.element.d.ts +0 -5
  129. package/target/lib/input-mask/maskable.element.js +0 -2
  130. package/target/lib/input-mask/maskable.element.js.map +0 -1
  131. package/target/lib/link/link.element.d.ts +0 -13
  132. package/target/lib/link/link.element.js +0 -93
  133. package/target/lib/link/link.element.js.map +0 -1
  134. package/target/lib/link/link.stories.d.ts +0 -16
  135. package/target/lib/link/link.stories.js +0 -23
  136. package/target/lib/link/link.stories.js.map +0 -1
  137. package/target/lib/modal/modal-close/modal-close.element.d.ts +0 -8
  138. package/target/lib/modal/modal-close/modal-close.element.js +0 -76
  139. package/target/lib/modal/modal-close/modal-close.element.js.map +0 -1
  140. package/target/lib/modal/modal-close/modal-close.test.d.ts +0 -1
  141. package/target/lib/modal/modal-close/modal-close.test.js +0 -11
  142. package/target/lib/modal/modal-close/modal-close.test.js.map +0 -1
  143. package/target/lib/modal/modal-heading/modal-heading.element.d.ts +0 -7
  144. package/target/lib/modal/modal-heading/modal-heading.element.js +0 -50
  145. package/target/lib/modal/modal-heading/modal-heading.element.js.map +0 -1
  146. package/target/lib/modal/modal-heading/modal-heading.test.d.ts +0 -1
  147. package/target/lib/modal/modal-heading/modal-heading.test.js +0 -11
  148. package/target/lib/modal/modal-heading/modal-heading.test.js.map +0 -1
  149. package/target/lib/modal/modal.element.d.ts +0 -13
  150. package/target/lib/modal/modal.element.js +0 -91
  151. package/target/lib/modal/modal.element.js.map +0 -1
  152. package/target/lib/modal/modal.stories.d.ts +0 -12
  153. package/target/lib/modal/modal.stories.js +0 -34
  154. package/target/lib/modal/modal.stories.js.map +0 -1
  155. package/target/lib/modal/modal.test.d.ts +0 -3
  156. package/target/lib/modal/modal.test.js +0 -21
  157. package/target/lib/modal/modal.test.js.map +0 -1
  158. package/target/lib/radio/context.d.ts +0 -7
  159. package/target/lib/radio/context.js +0 -3
  160. package/target/lib/radio/context.js.map +0 -1
  161. package/target/lib/radio/radio-option/radio-option.element.d.ts +0 -12
  162. package/target/lib/radio/radio-option/radio-option.element.js +0 -89
  163. package/target/lib/radio/radio-option/radio-option.element.js.map +0 -1
  164. package/target/lib/radio/radio-option/radio-option.test.d.ts +0 -2
  165. package/target/lib/radio/radio-option/radio-option.test.js +0 -15
  166. package/target/lib/radio/radio-option/radio-option.test.js.map +0 -1
  167. package/target/lib/radio/radio.element.d.ts +0 -17
  168. package/target/lib/radio/radio.element.js +0 -169
  169. package/target/lib/radio/radio.element.js.map +0 -1
  170. package/target/lib/radio/radio.stories.d.ts +0 -17
  171. package/target/lib/radio/radio.stories.js +0 -46
  172. package/target/lib/radio/radio.stories.js.map +0 -1
  173. package/target/lib/radio/radio.test.d.ts +0 -2
  174. package/target/lib/radio/radio.test.js +0 -143
  175. package/target/lib/radio/radio.test.js.map +0 -1
  176. package/target/lib/select/context.d.ts +0 -6
  177. package/target/lib/select/context.js +0 -3
  178. package/target/lib/select/context.js.map +0 -1
  179. package/target/lib/select/select-option/select-option.element.d.ts +0 -14
  180. package/target/lib/select/select-option/select-option.element.js +0 -74
  181. package/target/lib/select/select-option/select-option.element.js.map +0 -1
  182. package/target/lib/select/select.element.d.ts +0 -17
  183. package/target/lib/select/select.element.js +0 -141
  184. package/target/lib/select/select.element.js.map +0 -1
  185. package/target/lib/select/select.stories.d.ts +0 -12
  186. package/target/lib/select/select.stories.js +0 -26
  187. package/target/lib/select/select.stories.js.map +0 -1
  188. package/target/lib/select/select.test.d.ts +0 -2
  189. package/target/lib/select/select.test.js +0 -105
  190. package/target/lib/select/select.test.js.map +0 -1
  191. package/target/lib/services/http.service.d.ts +0 -3
  192. package/target/lib/services/http.service.js +0 -24
  193. package/target/lib/services/http.service.js.map +0 -1
  194. package/target/lib/services/icon.service.d.ts +0 -4
  195. package/target/lib/services/icon.service.js +0 -60
  196. package/target/lib/services/icon.service.js.map +0 -1
  197. package/target/lib/services/icon.service.test.d.ts +0 -1
  198. package/target/lib/services/icon.service.test.js +0 -52
  199. package/target/lib/services/icon.service.test.js.map +0 -1
  200. package/target/lib/side-nav/side-nav-item/side-nav-item.element.d.ts +0 -8
  201. package/target/lib/side-nav/side-nav-item/side-nav-item.element.js +0 -107
  202. package/target/lib/side-nav/side-nav-item/side-nav-item.element.js.map +0 -1
  203. package/target/lib/side-nav/side-nav.element.d.ts +0 -8
  204. package/target/lib/side-nav/side-nav.element.js +0 -47
  205. package/target/lib/side-nav/side-nav.element.js.map +0 -1
  206. package/target/lib/side-nav/side-nav.stories.d.ts +0 -12
  207. package/target/lib/side-nav/side-nav.stories.js +0 -55
  208. package/target/lib/side-nav/side-nav.stories.js.map +0 -1
  209. package/target/lib/side-nav/side-nav.test.d.ts +0 -3
  210. package/target/lib/side-nav/side-nav.test.js +0 -93
  211. package/target/lib/side-nav/side-nav.test.js.map +0 -1
  212. package/target/lib/step-indicator/step/step.element.d.ts +0 -10
  213. package/target/lib/step-indicator/step/step.element.js +0 -151
  214. package/target/lib/step-indicator/step/step.element.js.map +0 -1
  215. package/target/lib/step-indicator/step-indicator.element.d.ts +0 -8
  216. package/target/lib/step-indicator/step-indicator.element.js +0 -48
  217. package/target/lib/step-indicator/step-indicator.element.js.map +0 -1
  218. package/target/lib/step-indicator/step-indicator.stories.d.ts +0 -21
  219. package/target/lib/step-indicator/step-indicator.stories.js +0 -45
  220. package/target/lib/step-indicator/step-indicator.stories.js.map +0 -1
  221. package/target/lib/step-indicator/step-indicator.test.d.ts +0 -2
  222. package/target/lib/step-indicator/step-indicator.test.js +0 -18
  223. package/target/lib/step-indicator/step-indicator.test.js.map +0 -1
  224. package/target/lib/summary-box/summary-box.element.d.ts +0 -7
  225. package/target/lib/summary-box/summary-box.element.js +0 -40
  226. package/target/lib/summary-box/summary-box.element.js.map +0 -1
  227. package/target/lib/summary-box/summary-box.stories.d.ts +0 -12
  228. package/target/lib/summary-box/summary-box.stories.js +0 -17
  229. package/target/lib/summary-box/summary-box.stories.js.map +0 -1
  230. package/target/lib/summary-box/summary-box.test.d.ts +0 -1
  231. package/target/lib/summary-box/summary-box.test.js +0 -11
  232. package/target/lib/summary-box/summary-box.test.js.map +0 -1
  233. package/target/lib/tag/tag.element.d.ts +0 -10
  234. package/target/lib/tag/tag.element.js +0 -57
  235. package/target/lib/tag/tag.element.js.map +0 -1
  236. package/target/lib/tag/tag.stories.d.ts +0 -19
  237. package/target/lib/tag/tag.stories.js +0 -25
  238. package/target/lib/tag/tag.stories.js.map +0 -1
  239. package/target/lib/tag/tag.test.d.ts +0 -1
  240. package/target/lib/tag/tag.test.js +0 -11
  241. package/target/lib/tag/tag.test.js.map +0 -1
  242. package/target/lib/textarea/textarea.element.d.ts +0 -19
  243. package/target/lib/textarea/textarea.element.js +0 -171
  244. package/target/lib/textarea/textarea.element.js.map +0 -1
  245. package/target/lib/textarea/textarea.stories.d.ts +0 -12
  246. package/target/lib/textarea/textarea.stories.js +0 -17
  247. package/target/lib/textarea/textarea.stories.js.map +0 -1
  248. package/target/lib/textarea/textarea.test.d.ts +0 -1
  249. package/target/lib/textarea/textarea.test.js +0 -50
  250. package/target/lib/textarea/textarea.test.js.map +0 -1
  251. package/target/lib.d.ts +0 -32
  252. package/target/lib.js +0 -33
  253. package/target/lib.js.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@noctuatech/uswds",
3
- "version": "0.0.27",
3
+ "version": "0.0.28",
4
4
  "type": "module",
5
5
  "workspaces": ["packages/**"],
6
6
  "main": "./target/lib.js",
@@ -82,9 +82,9 @@
82
82
  "@open-wc/testing": "^4.0.0",
83
83
  "@rollup/plugin-node-resolve": "^16.0.0",
84
84
  "@rollup/plugin-terser": "^0.4.4",
85
- "@storybook/addon-essentials": "~8.4.4",
86
- "@storybook/web-components": "~8.4.4",
87
- "@storybook/web-components-vite": "~8.4.4",
85
+ "@storybook/addon-essentials": "^8.5.0",
86
+ "@storybook/web-components": "^8.5.0",
87
+ "@storybook/web-components-vite": "^8.5.0",
88
88
  "@types/mocha": "^10.0.7",
89
89
  "@types/node": "^22.0.0",
90
90
  "@uswds/uswds": "^3.10.0",
@@ -98,7 +98,7 @@
98
98
  "mocha": "^11.0.0",
99
99
  "plop": "^4.0.1",
100
100
  "rollup": "^4.28.0",
101
- "storybook": "~8.4.4",
101
+ "storybook": "^8.5.0",
102
102
  "typescript": "^5.6.3",
103
103
  "wireit": "^0.14.9"
104
104
  },
@@ -64,7 +64,8 @@ declare global {
64
64
  html`
65
65
  <template>
66
66
  <div class="preview-item">
67
- <img height="40" width="40" aria-hidden="true" />
67
+ <img height="40" width="40" aria-hidden="true" style="display: none" />
68
+ <usa-icon icon="file_present" style="display: none"></usa-icon>
68
69
  </div>
69
70
  </template>
70
71
 
@@ -116,9 +117,17 @@ export class USAFileInputPreviewElement extends HTMLElement {
116
117
  item.append(document.createTextNode(file.name));
117
118
 
118
119
  const img = item.querySelector("img");
120
+ const icon = item.querySelector("usa-icon");
119
121
 
120
- if (img) {
122
+ if (!img || !icon) {
123
+ throw Error("Something went very wrong");
124
+ }
125
+
126
+ if (file.type.startsWith("image")) {
127
+ img.style.display = "block";
121
128
  img.src = URL.createObjectURL(file);
129
+ } else {
130
+ icon.style.display = "block";
122
131
  }
123
132
 
124
133
  this.shadow.append(item);
@@ -102,15 +102,13 @@ export class USAFileInputElement extends HTMLElement {
102
102
  accessor accept = "";
103
103
 
104
104
  get files() {
105
- const input = this.#input();
106
- return input.files;
105
+ return this.#input().files;
107
106
  }
108
107
 
109
108
  set files(list: FileList | null) {
110
- const input = this.#input();
111
- input.files = list;
109
+ this.#input().files = list;
112
110
 
113
- this.onInputChange();
111
+ this.#syncFormState();
114
112
  }
115
113
 
116
114
  #internals = this.attachInternals();
@@ -127,6 +125,12 @@ export class USAFileInputElement extends HTMLElement {
127
125
 
128
126
  @listen("change")
129
127
  onInputChange() {
128
+ this.#syncFormState();
129
+
130
+ this.dispatchEvent(new Event("change"));
131
+ }
132
+
133
+ #syncFormState() {
130
134
  const input = this.#input();
131
135
  const box = this.#box();
132
136
  const preview = this.#preview();
@@ -146,7 +150,5 @@ export class USAFileInputElement extends HTMLElement {
146
150
  }
147
151
 
148
152
  this.#internals.setFormValue(formData);
149
-
150
- this.dispatchEvent(new Event("change"));
151
153
  }
152
154
  }
@@ -1 +0,0 @@
1
- !function(){"use strict";function e(e,t,a,s,o,n){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var r,l=s.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?s.static?e:e.prototype:null,h=t||(d?Object.getOwnPropertyDescriptor(d,s.name):{}),u=!1,m=a.length-1;m>=0;m--){var b={};for(var g in s)b[g]="access"===g?{}:s[g];for(var g in s.access)b.access[g]=s.access[g];b.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");n.push(i(e||null))};var p=(0,a[m])("accessor"===l?{get:h.get,set:h.set}:h[c],b);if("accessor"===l){if(void 0===p)continue;if(null===p||"object"!=typeof p)throw new TypeError("Object expected");(r=i(p.get))&&(h.get=r),(r=i(p.set))&&(h.set=r),(r=i(p.init))&&o.unshift(r)}else(r=i(p))&&("field"===l?o.unshift(r):h[c]=r)}d&&Object.defineProperty(d,s.name,h),u=!0}function t(e,t,a){for(var s=arguments.length>2,o=0;o<t.length;o++)a=s?t[o].call(e,a):t[o].call(e);return s?a:void 0}function a(e,t,a){if(a)for(let s of a)s.call(e,t)}function s(e){return e[Symbol.metadata]}"function"==typeof SuppressedError&&SuppressedError,Symbol.metadata??=Symbol("Symbol.metadata");class o{#e;#t;[Symbol.metadata]={};get name(){return this.#e}get factory(){return this.#t}constructor(e,t){this.#e=e,this.#t=t}}const n=new WeakMap;class i{#a=new WeakMap;name;parent;providers;constructor(e){this.parent=e?.parent,this.providers=new Map(e?.providers)}inject(e){if(this.#a.has(e)){const t=this.#a.get(e),o=s(e);return o&&a(t,n.get(t)??this,o.onInjected),t}const t=this.providers.get(e);if(t){if("use"in t)return this.#s(e,(()=>new t.use));if("factory"in t)return this.#s(e,t.factory);throw new Error(`Provider for ${e.name} found but is missing either 'use' or 'factory'`)}if(this.parent)return this.parent.inject(e);if(e instanceof o){if(!e.factory)throw new Error(`Provider not found for "${e.name}"`);return this.#s(e,e.factory)}return this.#s(e,(()=>new e))}setParent(e){this.parent=e}clear(){this.#a=new WeakMap}#s(e,t){const o=t(this);if(this.#a.set(e,o),"object"==typeof o&&null!==o){const t=n.get(o);t&&t!==this&&t.setParent(this);const i=s(e);i&&(a(o,t??this,i.onCreated),a(o,t??this,i.onInjected))}return o}}class r extends Event{context;callback;subscribe;constructor(e,t,a){super("context-request",{bubbles:!0,composed:!0}),this.context=e,this.callback=t,this.subscribe=a}}const l="injector";function c(e){return function(t,s){const o={[t.name]:class extends t{constructor(...t){super(...t);const a=new i(e);if(a.providers.set(i,{factory:()=>a}),e?.provideSelfAs)for(const t of e.provideSelfAs)a.providers.set(t,{factory:()=>this});n.set(this,a)}}};return"HTMLElement"in globalThis&&HTMLElement.prototype.isPrototypeOf(t.prototype)?function(e,t){const s=t.metadata,o={[e.name]:class extends e{constructor(...e){super();const t=n.get(this);this.addEventListener("context-request",(e=>{e.target!==this&&e.context===l&&(e.stopPropagation(),t&&e.callback(t))})),t&&a(this,t,s?.onCreated)}connectedCallback(){const e=n.get(this);e&&(this.dispatchEvent(new r(l,(t=>{e.setParent(t)}))),a(this,e,s?.onInjected)),super.connectedCallback&&super.connectedCallback()}disconnectedCallback(){n.get(this)?.setParent(void 0),super.disconnectedCallback&&super.disconnectedCallback()}}};return o[e.name]}(o[t.name],s):o[t.name]}}function d(e){return function(){const t=n.get(this);if(void 0===t){const e=this.constructor.name;throw new Error(`${e} is either not injectable or a service is being called in the constructor. \n Either add the @injectable() to your class or use the @injected callback method.`)}return t.inject(e)}}Symbol.metadata??=Symbol("Symbol.metadata");class h{#o;constructor(e,...t){this.#o=document.createElement("template"),this.#o.innerHTML=g(e)}apply(e){e.shadowRoot&&e.shadowRoot.append(this.#o.content.cloneNode(!0))}}function u(e,...t){return new h(e,...t)}class m{#n;constructor(e,...t){this.#n=new CSSStyleSheet,this.#n.replaceSync(g(e))}apply(e){e.shadowRoot&&(e.shadowRoot.adoptedStyleSheets=[...e.shadowRoot.adoptedStyleSheets,this.#n])}}function b(e){return new m(e)}function g(e){let t="";for(let a=0;a<e.length;a++)t+=e[a];return t}Symbol.metadata??=Symbol("Symbol.metadata");class p extends Map{}class f extends Map{}class v{attrs=new p;attrChanges=new f;listeners=[];onReady=new Set}class y extends WeakMap{read(e){return this.has(e)||this.set(e,new v),this.get(e)}}const _=new y;function k(e){return function({get:t,set:a},s){const o=e?.name??function(e){let t;if("symbol"==typeof e){if(!e.description)throw new Error("Cannot handle Symbol property without description");t=e.description}else t=e;return t.toLowerCase().replaceAll(" ","-")}(s.name),n=_.read(s.metadata),i=e?.reflect??!0;return n.attrs.set(o,{propName:s.name,observe:e?.observed??!0,reflect:i,getPropValue:t,setPropValue:a}),{set(e){if(i)if(!0===e)this.hasAttribute(o)||this.setAttribute(o,"");else if(!1===e)this.hasAttribute(o)&&this.removeAttribute(o);else{const t=String(e);this.getAttribute(o)!==t&&this.setAttribute(o,t)}a.call(this,e)}}}}function w(e,t){return function(a,s){const o=_.read(s.metadata);let n=e=>e.shadowRoot??e;t&&(n="string"==typeof t?e=>e.shadowRoot?e.shadowRoot.querySelector(t):e.querySelector(t):t),o.listeners.push({event:e,cb:a,selector:n})}}function S(e){return function(t,a){const s=_.read(a.metadata);a.addInitializer((function(){e?.tagName&&(customElements.get(e.tagName)||customElements.define(e.tagName,this))}));const o={[t.name]:class extends t{static observedAttributes=Array.from(s.attrs.keys());#i=null;constructor(...t){if(super(...t),e?.shadowDom){this.shadowRoot||this.attachShadow(e.shadowDomOpts??{mode:"open"});for(let t of e.shadowDom)t.apply(this)}for(let e of s.onReady)e.call(this)}attributeChangedCallback(e,t,a){const o=s.attrs.get(e),n=s.attrChanges.get(e);if(o){if(t!==a){const e=o.getPropValue.call(this);""===a?o.setPropValue.call(this,!0):"number"==typeof e?o.setPropValue.call(this,Number(a)):o.setPropValue.call(this,a)}if(n)for(let e of n)e.call(this,t,a);o.observe&&super.attributeChangedCallback&&super.attributeChangedCallback(e,t,a)}}connectedCallback(){if(this.isConnected){for(let{event:e,cb:t,selector:a}of s.listeners){const s=a(this);if(!s)throw new Error(`could not add listener to ${s}`);this.#i=new AbortController,s.addEventListener(e,t.bind(this),{signal:this.#i.signal})}!function(e,t){for(let[a,{getPropValue:s,reflect:o}]of t)if(o){const t=s.call(e);if(null!=t&&""!==t)if("boolean"==typeof t)!0===t&&(e.hasAttribute(a)||e.setAttribute(a,""));else{const s=String(t);e.getAttribute(a)!==s&&e.setAttribute(a,s)}}}(this,s.attrs),super.connectedCallback&&super.connectedCallback()}}disconnectedCallback(){this.#i&&(this.#i.abort(),this.#i=null),super.disconnectedCallback&&super.disconnectedCallback()}}};return o[t.name]}}function x(e){let t=null;return function(){if(t)return t;if(t=this.shadowRoot?this.shadowRoot.querySelector(e):this.querySelector(e),!t)throw new Error("could not find element");return t}}function C(){return function(e,t){_.read(t.metadata).onReady.add(e)}}class j{iconPath=""}(()=>{let a,s,o,n=[c({name:"usa-config-ctx",provideSelfAs:[j]}),S({tagName:"usa-config",shadowDom:[b`:host{display:contents}`,u`<slot></slot>`]})],i=[],r=HTMLElement,l=[],d=[];(class extends r{static{s=this}static{const c="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[k({name:"icon-path"})],e(this,null,o,{kind:"accessor",name:"iconPath",static:!1,private:!1,access:{has:e=>"iconPath"in e,get:e=>e.iconPath,set:(e,t)=>{e.iconPath=t}},metadata:c},l,d),e(null,a={value:s},n,{kind:"class",name:s.name,metadata:c},null,i),s=a.value,c&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:c}),t(s,i)}#r=t(this,l,"/assets/usa-icons/");get iconPath(){return this.#r}set iconPath(e){this.#r=e}constructor(){super(...arguments),t(this,d)}})})();const E={info:{icon:"info"},warning:{icon:"warning"},success:{icon:"check_circle"},error:{icon:"error"},emergency:{icon:"error"}};(()=>{let a,s,o,n=[S({tagName:"usa-alert",shadowDomOpts:{mode:"open",delegatesFocus:!0},shadowDom:[b`:host{display:block;border-left:.5rem solid #adadad;padding:1rem 1.2rem;color:#1b1b1b;margin-bottom:1rem}:host([type=info]){border-left-color:#00bde3;background-color:#e7f6f8}:host([type=warning]){background-color:#faf3d1;border-left-color:#ffbe2e}:host([type=success]){background-color:#ecf3ec;border-left-color:#00a91c}:host([type=error]){background-color:#f4e3db;border-left-color:#d54309}:host([type=emergency]){background-color:#9c3d10;border-left-color:#9c3d10;color:#fff}:host([type=emergency]) ::slotted(*){color:#fff}.alert-heading{display:grid;grid-template-columns:auto 1fr;align-items:center}usa-icon{margin:-.28rem .75rem 0 0}#heading::slotted(*){font-family:Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-size:1.33rem;line-height:.9;margin-top:0;margin-bottom:.5rem}`,u`<div class="alert-heading"><usa-icon icon="check_circle"></usa-icon><div><slot id="heading" name="heading"></slot></div><div class="spacer"></div><div><slot></slot></div></div>`]})],i=[],r=HTMLElement,l=[],c=[];(class extends r{static{s=this}static{const d="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[k()],e(this,null,o,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:d},l,c),e(null,a={value:s},n,{kind:"class",name:s.name,metadata:d},null,i),s=a.value,d&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:d}),t(s,i)}#l=t(this,l,"info");get type(){return this.#l}set type(e){this.#l=e}#c=(t(this,c),x("usa-icon"));attributeChangedCallback(){this.#c().icon=E[this.type].icon}})})(),(()=>{let a,s,o,n,i,r,l,c,d,h=[S({tagName:"usa-button",shadowDomOpts:{mode:"open",delegatesFocus:!0},shadowDom:[b`:host{display:contents}.usa-button{box-sizing:border-box;font-size:1.06rem;line-height:.9;color:#fff;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;border:0;border-radius:.25rem;cursor:pointer;-moz-column-gap:.5rem;column-gap:.5rem;display:inline-flex;font-weight:700;justify-content:center;padding:.75rem 1.25rem;text-align:center;text-decoration:none;width:100%;cursor:pointer}@media all and (min-width:30em){.usa-button{width:auto}}.usa-button:visited{color:#fff}.usa-button:hover{color:#fff;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active{color:#fff;background-color:#162e51}.usa-button:not([disabled]):focus{outline-offset:.25rem}.usa-button:disabled{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled:hover{color:#454545;background-color:#c9c9c9}.usa-button:focus{outline:.25rem solid #2491ff;outline-offset:0}:host([variant=secondary]) .usa-button{color:#fff;background-color:#d83933}:host([variant=secondary]) .usa-button:hover{background-color:#b50909}:host([variant=secondary]) .usa-button:active{background-color:#8b0a03}:host([variant=cool]) .usa-button{color:#1b1b1b;background-color:#00bde3}:host([variant=cool]) .usa-button:hover{background-color:#28a0cb}:host([variant=cool]) .usa-button:active{color:#fff;background-color:#07648d}:host([variant=warm]) .usa-button{color:#1b1b1b;background-color:#fa9441}:host([variant=warm]) .usa-button:hover{color:#fff;background-color:#c05600}:host([variant=warm]) .usa-button:active{color:#fff;background-color:#775540}:host([variant=outline]) .usa-button{background-color:transparent;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}:host([variant=outline]) .usa-button:hover{box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}:host([variant=outline]) .usa-button:active{box-shadow:inset 0 0 0 2px #162e51;color:#162e51}`,u`<button class="usa-button" tabindex="0"><slot></slot></button>`]})],m=[],g=HTMLElement,p=[],f=[],v=[],y=[],_=[],j=[],E=[],O=[],M=[];(class extends g{static{s=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(g[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[k()],r=[k()],l=[C()],c=[w("keydown",(()=>document.body))],d=[w("click")],e(this,null,o,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:t},f,v),e(this,null,n,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:t},y,_),e(this,null,i,{kind:"accessor",name:"variant",static:!1,private:!1,access:{has:e=>"variant"in e,get:e=>e.variant,set:(e,t)=>{e.variant=t}},metadata:t},j,E),e(this,null,r,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:t},O,M),e(this,null,l,{kind:"method",name:"onReady",static:!1,private:!1,access:{has:e=>"onReady"in e,get:e=>e.onReady},metadata:t},null,p),e(this,null,c,{kind:"method",name:"onKeyDown",static:!1,private:!1,access:{has:e=>"onKeyDown"in e,get:e=>e.onKeyDown},metadata:t},null,p),e(this,null,d,{kind:"method",name:"onInternalClick",static:!1,private:!1,access:{has:e=>"onInternalClick"in e,get:e=>e.onInternalClick},metadata:t},null,p),e(null,a={value:s},h,{kind:"class",name:s.name,metadata:t},null,m),s=a.value,t&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static formAssociated=!0;#l=(t(this,p),t(this,f,"button"));get type(){return this.#l}set type(e){this.#l=e}#d=(t(this,v),t(this,y,!1));get disabled(){return this.#d}set disabled(e){this.#d=e}#h=(t(this,_),t(this,j,"primary"));get variant(){return this.#h}set variant(e){this.#h=e}#u=(t(this,E),t(this,O,""));get value(){return this.#u}set value(e){this.#u=e}#m=(t(this,M),0);get tabIndex(){return this.#m}set tabIndex(e){this.#m=e}#b=this.attachInternals();#g=x("button");onReady(){this.#g().autofocus=this.autofocus}onKeyDown(e){"submit"===this.type&&"ENTER"===e.key.toUpperCase()&&this.#p()}onInternalClick(){this.#p()}attributeChangedCallback(){const e=this.#g();e.type=this.type,e.disabled=this.disabled}#p(){const{form:e}=this.#b;if(e)if("submit"===this.type){const t=document.createElement("button");t.type="submit",e.append(t),t.click(),t.remove()}else"reset"===this.type&&e.reset()}static{t(s,m)}})})(),(()=>{let a,s,o,n,i,r,l,c,d=[S({tagName:"usa-checkbox",shadowDom:[b`*{box-sizing:border-box}:host{display:inline-block;max-width:30rem;position:relative}:host([tiled]) label{background-color:#fff;border:2px solid #c9c9c9;border-radius:.25rem;color:#1b1b1b;padding:.75rem 1rem .75rem .75rem}label{display:inline-flex;cursor:pointer;font-size:1.06rem;line-height:1.3;flex-wrap:wrap}.checkbox{background:#fff;box-shadow:0 0 0 2px #1b1b1b;display:flex;align-items:center;justify-content:center;height:1.25rem;width:1.25rem;border-radius:2px;position:relative;margin-right:.75rem}input:checked+.checkbox{background-color:#005ea2;box-shadow:0 0 0 2px #005ea2}input:checked+.checkbox::after{content:" ";display:block;height:1rem;width:.5rem;border-right:4px solid #fff;border-bottom:4px solid #fff;transform:rotate(45deg) scale(.65)}input{position:absolute}input:focus+.checkbox{outline:.25rem solid #2491ff;outline-offset:.25rem}.description{display:block;font-size:.93rem;margin-top:.5rem}.break{flex-basis:100%;height:0}.spacer{height:1.25rem;width:1.25rem;margin-right:.75rem}:host([tiled]) label:has(input:checked){background-color:rgba(0,94,162,.1);border-color:#005ea2}`,u`<label><input type="checkbox" tabindex="0"><div class="checkbox"></div><div class="title"><slot></slot></div></label>`]})],h=[],m=HTMLElement,g=[],p=[],f=[],v=[],y=[],_=[],C=[],j=[],E=[],O=[],M=[];(class extends m{static{s=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[k()],r=[k()],l=[k({observed:!1})],c=[w("change","input[type=checkbox]")],e(this,null,o,{kind:"accessor",name:"checked",static:!1,private:!1,access:{has:e=>"checked"in e,get:e=>e.checked,set:(e,t)=>{e.checked=t}},metadata:t},p,f),e(this,null,n,{kind:"accessor",name:"name",static:!1,private:!1,access:{has:e=>"name"in e,get:e=>e.name,set:(e,t)=>{e.name=t}},metadata:t},v,y),e(this,null,i,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:t},_,C),e(this,null,r,{kind:"accessor",name:"required",static:!1,private:!1,access:{has:e=>"required"in e,get:e=>e.required,set:(e,t)=>{e.required=t}},metadata:t},j,E),e(this,null,l,{kind:"accessor",name:"tiled",static:!1,private:!1,access:{has:e=>"tiled"in e,get:e=>e.tiled,set:(e,t)=>{e.tiled=t}},metadata:t},O,M),e(this,null,c,{kind:"method",name:"onCheckboxChange",static:!1,private:!1,access:{has:e=>"onCheckboxChange"in e,get:e=>e.onCheckboxChange},metadata:t},null,g),e(null,a={value:s},d,{kind:"class",name:s.name,metadata:t},null,h),s=a.value,t&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static formAssociated=!0;#f=(t(this,g),t(this,p,!1));get checked(){return this.#f}set checked(e){this.#f=e}#v=(t(this,f),t(this,v,""));get name(){return this.#v}set name(e){this.#v=e}#u=(t(this,y),t(this,_,""));get value(){return this.#u}set value(e){this.#u=e}#y=(t(this,C),t(this,j,!1));get required(){return this.#y}set required(e){this.#y=e}#_=(t(this,E),t(this,O,!1));get tiled(){return this.#_}set tiled(e){this.#_=e}#k=(t(this,M),x("input"));#b=this.attachInternals();connectedCallback(){const e=this.#k();e.checked=this.checked,e.name=this.name,this.#w()}attributeChangedCallback(){const e=this.#k();e.checked=this.checked,e.name=this.name,this.#w()}onCheckboxChange(){const e=this.#k();this.checked=e.checked,this.#w()}#w(){const e=this.#k();e.checked?this.#b.setFormValue(this.value):this.#b.setFormValue(null),this.required&&!e.checked?this.#b.setValidity({valueMissing:!0},"Please check this box if you want to proceed",this.#k()):this.#b.setValidity({})}static{t(s,h)}})})(),(()=>{let a,s,o=[S({tagName:"usa-description",shadowDom:[b`:host{display:block;font-size:.93rem;margin-top:.5rem}`,u`<slot></slot>`]})],n=[],i=HTMLElement;(class extends i{static{s=this}static{const r="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;e(null,a={value:s},o,{kind:"class",name:s.name,metadata:r},null,n),s=a.value,r&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:r}),t(s,n)}})})(),(()=>{let a,s,o,n,i,r,l=[S({tagName:"usa-file-input",shadowDom:[b`*{box-sizing:border-box}:host{display:block;max-width:30rem;position:relative;margin-bottom:1.5rem}label{display:block}input{cursor:pointer;left:0;margin:0;max-width:none;position:absolute;text-indent:-999em;width:100%;z-index:1;bottom:0;top:0}input:focus{outline:.25rem solid #2491ff;outline-offset:0}label slot.label{font-size:1.06rem;line-height:1.3;display:block;font-weight:400;margin-bottom:.5rem}.box{border:1px dashed #adadad;display:flex;font-size:.93rem;position:relative;text-align:center;width:100%;max-width:30rem;height:5.2rem;align-items:center;justify-content:center}.container{position:relative}`,u`<label><slot class="label"></slot><div class="container"><input type="file" tabindex="0"><div class="box"><slot name="description">Drag file here or<usa-link>choose from folder</usa-link></slot></div><usa-file-input-preview>Selected file<usa-link>Change file</usa-link></usa-file-input-preview></div></label>`]})],c=[],d=HTMLElement,h=[],m=[],g=[],p=[],f=[],v=[],y=[];(class extends d{static{s=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[k()],r=[w("change")],e(this,null,o,{kind:"accessor",name:"name",static:!1,private:!1,access:{has:e=>"name"in e,get:e=>e.name,set:(e,t)=>{e.name=t}},metadata:t},m,g),e(this,null,n,{kind:"accessor",name:"multiple",static:!1,private:!1,access:{has:e=>"multiple"in e,get:e=>e.multiple,set:(e,t)=>{e.multiple=t}},metadata:t},p,f),e(this,null,i,{kind:"accessor",name:"accept",static:!1,private:!1,access:{has:e=>"accept"in e,get:e=>e.accept,set:(e,t)=>{e.accept=t}},metadata:t},v,y),e(this,null,r,{kind:"method",name:"onInputChange",static:!1,private:!1,access:{has:e=>"onInputChange"in e,get:e=>e.onInputChange},metadata:t},null,h),e(null,a={value:s},l,{kind:"class",name:s.name,metadata:t},null,c),s=a.value,t&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static formAssociated=!0;#v=(t(this,h),t(this,m,""));get name(){return this.#v}set name(e){this.#v=e}#S=(t(this,g),t(this,p,!0));get multiple(){return this.#S}set multiple(e){this.#S=e}#x=(t(this,f),t(this,v,""));get accept(){return this.#x}set accept(e){this.#x=e}get files(){return this.#C().files}set files(e){this.#C().files=e,this.onInputChange()}#b=(t(this,y),this.attachInternals());#C=x("input");#j=x(".box");#E=x("usa-file-input-preview");attributeChangedCallback(){const e=this.#C();e.name=this.name,e.multiple=this.multiple,e.accept=this.accept}onInputChange(){const e=this.#C(),t=this.#j();this.#E().files=e.files;const a=new FormData;if(e.files?.length){t.style.display="none";for(const t of e.files)a.append(this.name,t)}else t.style.display="flex";this.#b.setFormValue(a),this.dispatchEvent(new Event("change"))}static{t(s,c)}})})(),Symbol.metadata??=Symbol("Symbol.metadata");class O extends Map{}class M{scheduler=null;changes=new O}class A extends WeakMap{read(e){let t=this.get(e);return t||(t=new M,this.set(e,t)),t}}class P{effects=new Set}class I extends WeakMap{read(e){let t=this.get(e);return t||(t=new P,this.set(e,t)),t}}const q=new A,N=new I;function T(){return function(e,t){const a=N.read(t.metadata);return{init(e){let a=null;try{a=t.access.get(this)}catch{}return a?(Reflect.deleteProperty(this,t.name),a):e},set(s){const o=q.read(this);null===o.scheduler&&(o.scheduler=Promise.resolve().then((()=>{for(let e of a.effects)e.call(this,o.changes);o.scheduler=null,o.changes.clear()}))),o.changes.set(t.name,{oldValue:e.get.call(this),newValue:s}),e.set.call(this,s)}}}}function D(){return function(e,t){N.read(t.metadata).effects.add(e)}}(()=>{let a,s,o,n,i=[S({tagName:"usa-file-input-preview",shadowDom:[b`*{box-sizing:border-box}:host{display:block;font-size:.87rem;pointer-events:none;position:relative;text-align:left;word-wrap:anywhere;z-index:3}:host([hidden]){display:none}img{border:0;display:block;height:2.5rem;margin-right:.5rem;-o-object-fit:contain;object-fit:contain;width:2.5rem}.preview-heading{align-items:center;background:#d9e8f6;display:flex;pointer-events:none;position:relative;z-index:3;font-weight:700;justify-content:space-between;padding:.5rem;text-align:left}.preview-item{align-items:center;background:#d9e8f6;display:flex;padding:.5rem;width:100%;margin-top:1px}`,u`<template><div class="preview-item"><img height="40" width="40" aria-hidden="true"></div></template><slot class="preview-heading"></slot>`]})],r=[],l=HTMLElement,c=[],d=[],h=[];(class extends l{static{s=this}static{const u="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;o=[T()],n=[D()],e(this,null,o,{kind:"accessor",name:"files",static:!1,private:!1,access:{has:e=>"files"in e,get:e=>e.files,set:(e,t)=>{e.files=t}},metadata:u},d,h),e(this,null,n,{kind:"method",name:"onChange",static:!1,private:!1,access:{has:e=>"onChange"in e,get:e=>e.onChange},metadata:u},null,c),e(null,a={value:s},i,{kind:"class",name:s.name,metadata:u},null,r),s=a.value,u&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:u}),t(s,r)}#O=(t(this,c),t(this,d,null));get files(){return this.#O}set files(e){this.#O=e}#M=(t(this,h),new Map);#o=x("template");connectedCallback(){this.onChange()}get shadow(){if(!this.shadowRoot)throw new Error("no shadow root");return this.shadowRoot}onChange(){const e=this.#o();if(this.files?.length){this.hidden=!1;const t=new Set;for(const a of this.files)if(t.add(a.name),!this.#M.has(a.name)){const t=e.content.cloneNode(!0).firstElementChild;if(!t)throw new Error("SOMETHING HAS GONE VERY WRONG");t.id=a.name,t.append(document.createTextNode(a.name));const s=t.querySelector("img");s&&(s.src=URL.createObjectURL(a)),this.shadow.append(t),this.#M.set(a.name,t)}for(const[e,a]of this.#M)t.has(e)||(a.remove(),this.#M.delete(e))}else this.hidden=!0}})})();let z=(()=>{let a,s,o=[c()],n=[];return class{static{s=this}static{const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null):void 0;e(null,a={value:s},o,{kind:"class",name:s.name,metadata:i},null,n),s=a.value,i&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i}),t(s,n)}fetch(e,t){return fetch(e,t)}},s})(),L=(()=>{let a,s,o=[c()],n=[];return class{static{s=this}static{const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null):void 0;e(null,a={value:s},o,{kind:"class",name:s.name,metadata:i},null,n),s=a.value,i&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i}),t(s,n)}#A=d(j);#P=d(z);#I=new Map;async getIcon(e){const t=this.#A(),a=this.#P(),s=this.#I.get(e);if(s)return s.then((e=>{if(!e.content.firstElementChild)throw Error("cached value is not valid");return e.content.firstElementChild.cloneNode(!0)}));const o=a.fetch(`${t.iconPath}${e}.svg`).then((e=>200===e.status?e.text():"")).then((e=>{const t=document.createElement("template");return t.innerHTML=e,t}));return this.#I.set(e,o),o.then((e=>{if(!e.content.firstElementChild)throw Error("ICON is not valid");return e.content.firstElementChild.cloneNode(!0)}))}},s})();var R;(()=>{let a,s,o,n,i=[S({tagName:"usa-icon",shadowDom:[b`:host{display:inline-block;height:2rem;position:relative;width:2rem}svg{fill:currentColor;height:100%;width:100%}`]}),c()],r=[],l=HTMLElement,h=[],u=[],m=[];(class extends l{static{s=this}static{const c="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;o=[k()],n=[function(e,t){const a=t.metadata;a.onInjected??=[],a.onInjected.push(e)}],e(this,null,o,{kind:"accessor",name:"icon",static:!1,private:!1,access:{has:e=>"icon"in e,get:e=>e.icon,set:(e,t)=>{e.icon=t}},metadata:c},u,m),e(this,null,n,{kind:"method",name:"onInjected",static:!1,private:!1,access:{has:e=>"onInjected"in e,get:e=>e.onInjected},metadata:c},null,h),e(null,a={value:s},i,{kind:"class",name:s.name,metadata:c},null,r),s=a.value,c&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:c}),t(s,r)}#q=(t(this,h),t(this,u,"accessibility_new"));get icon(){return this.#q}set icon(e){this.#q=e}ariaHidden=(t(this,m),"true");#c=d(L);#N=!1;onInjected(){this.#N=!0,this.#T()}attributeChangedCallback(){this.#N&&this.#T()}async#T(){const e=this.#c();this.shadowRoot&&this.shadowRoot.append(await e.getIcon(this.icon))}})})(),(()=>{let a,s,o,n,i,r,l,c,d,h,m,g,p,f=[S({tagName:"usa-input",shadowDomOpts:{mode:"open",delegatesFocus:!0},shadowDom:[b`*{box-sizing:border-box}:host{font-size:1.06rem;line-height:1.3;display:block;font-weight:400;max-width:30rem;margin-bottom:1.5rem;position:relative}input{border-width:1px;border-color:#5c5c5c;border-style:solid;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;line-height:1.3;font-size:1.06rem;margin-top:.5rem;padding:.5rem;width:100%}input:not(:disabled):focus{outline:.25rem solid #2491ff;outline-offset:0}slot[name=detail]::slotted(*){color:#757575}slot[name=detail]::slotted(usa-icon){width:1.5rem;height:1.5rem}slot[name=detail]{display:block;position:absolute;bottom:.21rem;left:.5rem}:host([detail=pfx]) input{padding-left:2.5rem}:host([detail=sfx]) input{padding-right:2.5rem}:host([detail=sfx]) slot[name=detail]{right:.5rem;left:auto}`,u`<label><slot name="detail"></slot><slot></slot><input tabindex="0"></label>`]})],v=[],y=HTMLElement,_=[],j=[],E=[],O=[],M=[],A=[],P=[],I=[],q=[],N=[],z=[],L=[],R=[],H=[],F=[],V=[],W=[];(class extends y{static{s=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[k()],r=[k()],l=[k({observed:!1})],c=[k({reflect:!1}),T()],d=[T()],h=[T()],m=[C()],g=[D()],p=[w("input")],e(this,null,o,{kind:"accessor",name:"name",static:!1,private:!1,access:{has:e=>"name"in e,get:e=>e.name,set:(e,t)=>{e.name=t}},metadata:t},j,E),e(this,null,n,{kind:"accessor",name:"autocomplete",static:!1,private:!1,access:{has:e=>"autocomplete"in e,get:e=>e.autocomplete,set:(e,t)=>{e.autocomplete=t}},metadata:t},O,M),e(this,null,i,{kind:"accessor",name:"placeholder",static:!1,private:!1,access:{has:e=>"placeholder"in e,get:e=>e.placeholder,set:(e,t)=>{e.placeholder=t}},metadata:t},A,P),e(this,null,r,{kind:"accessor",name:"required",static:!1,private:!1,access:{has:e=>"required"in e,get:e=>e.required,set:(e,t)=>{e.required=t}},metadata:t},I,q),e(this,null,l,{kind:"accessor",name:"detail",static:!1,private:!1,access:{has:e=>"detail"in e,get:e=>e.detail,set:(e,t)=>{e.detail=t}},metadata:t},N,z),e(this,null,c,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:t},L,R),e(this,null,d,{kind:"accessor",name:"selectionStart",static:!1,private:!1,access:{has:e=>"selectionStart"in e,get:e=>e.selectionStart,set:(e,t)=>{e.selectionStart=t}},metadata:t},H,F),e(this,null,h,{kind:"accessor",name:"selectionEnd",static:!1,private:!1,access:{has:e=>"selectionEnd"in e,get:e=>e.selectionEnd,set:(e,t)=>{e.selectionEnd=t}},metadata:t},V,W),e(this,null,m,{kind:"method",name:"onReady",static:!1,private:!1,access:{has:e=>"onReady"in e,get:e=>e.onReady},metadata:t},null,_),e(this,null,g,{kind:"method",name:"onChange",static:!1,private:!1,access:{has:e=>"onChange"in e,get:e=>e.onChange},metadata:t},null,_),e(this,null,p,{kind:"method",name:"onInputChange",static:!1,private:!1,access:{has:e=>"onInputChange"in e,get:e=>e.onInputChange},metadata:t},null,_),e(null,a={value:s},f,{kind:"class",name:s.name,metadata:t},null,v),s=a.value,t&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static formAssociated=!0;#v=(t(this,_),t(this,j,""));get name(){return this.#v}set name(e){this.#v=e}#D=(t(this,E),t(this,O,"on"));get autocomplete(){return this.#D}set autocomplete(e){this.#D=e}#z=(t(this,M),t(this,A,""));get placeholder(){return this.#z}set placeholder(e){this.#z=e}#y=(t(this,P),t(this,I,!1));get required(){return this.#y}set required(e){this.#y=e}#L=(t(this,q),t(this,N,""));get detail(){return this.#L}set detail(e){this.#L=e}#u=(t(this,z),t(this,L,""));get value(){return this.#u}set value(e){this.#u=e}#R=(t(this,R),t(this,H,null));get selectionStart(){return this.#R}set selectionStart(e){this.#R=e}#H=(t(this,F),t(this,V,null));get selectionEnd(){return this.#H}set selectionEnd(e){this.#H=e}#b=(t(this,W),this.attachInternals());#C=x("input");onReady(){this.#C().autofocus=this.autofocus}connectedCallback(){this.#w()}onChange(e){const t=this.#C();t.value=this.value,e.has("selectionStart")&&(t.selectionStart=this.selectionStart),e.has("selectionEnd")&&(t.selectionEnd=this.selectionEnd),this.#w()}onInputChange(){const e=this.#C();this.value=e.value,this.selectionStart=e.selectionStart,this.selectionEnd=e.selectionEnd}attributeChangedCallback(e){const t=this.#C();switch(e){case"autocomplete":t.autocomplete=this.autocomplete;break;case"placeholder":t.placeholder=this.placeholder;break;case"name":t.name=this.name}}#w(){const e=this.#C();this.#b.setFormValue(e.value),this.required&&!e.value?this.#b.setValidity({valueMissing:!0},"Required",e):this.#b.setValidity({})}static{t(s,v)}})})(),function(e){e.Any="*",e.Number="9",e.Letter="A"}(R||(R={}));const H=Object.values(R),F={Letters:/^[a-z]/i,Numbers:/^[0-9]/i};function V(e,t){const a=e.replace(/[^a-z0-9]/gi,""),s=a.split("");let o=0,n="";for(let e=0;e<t.length;e++){const a=t[e],i=s[o];i&&a&&(a===R.Any?(n+=i,o++):a===R.Number?(/^[0-9]/i.test(i)&&(n+=i),o++):a===R.Letter?(/^[a-z]/i.test(i)&&(n+=i),o++):n+=a)}return{raw:a,formatted:n}}(()=>{let a,s,o,n,i,r=[S({tagName:"usa-input-mask",shadowDom:[b`:host{display:contents}`,u`<slot></slot>`]})],l=[],c=HTMLElement,d=[],h=[],m=[];(class extends c{static{s=this}static{const u="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;o=[k()],n=[w("input")],i=[w("keydown")],e(this,null,o,{kind:"accessor",name:"mask",static:!1,private:!1,access:{has:e=>"mask"in e,get:e=>e.mask,set:(e,t)=>{e.mask=t}},metadata:u},h,m),e(this,null,n,{kind:"method",name:"onInput",static:!1,private:!1,access:{has:e=>"onInput"in e,get:e=>e.onInput},metadata:u},null,d),e(this,null,i,{kind:"method",name:"onKeyDown",static:!1,private:!1,access:{has:e=>"onKeyDown"in e,get:e=>e.onKeyDown},metadata:u},null,d),e(null,a={value:s},r,{kind:"class",name:s.name,metadata:u},null,l),s=a.value,u&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:u}),t(s,l)}#F=(t(this,d),t(this,h,""));get mask(){return this.#F}set mask(e){this.#F=e}connectedCallback(){for(const e of this.querySelectorAll("[mask]")){const{formatted:t}=V(e.value,this.#V(e));t&&(e.value=t)}}onInput(e){const t=e.target,a=t.selectionStart||0,s=t.value,o=this.#V(t),{formatted:n}=V(t.value,o);t.value=n;const i=t.value.length-s.length,r=o[a-1];r&&!H.includes(r)&&i>0?(t.selectionStart=a+i,t.selectionEnd=a+i):(t.selectionStart=a,t.selectionEnd=a)}onKeyDown(e){const t=e.target,a=this.#V(t),s=a[t.selectionStart||0];1===e.key.length&&/^[a-z0-9]/i.test(e.key)&&(t.value.length>=a.length?e.preventDefault():s===R.Number?F.Numbers.test(e.key)||e.preventDefault():s===R.Letter&&(F.Letters.test(e.key)||e.preventDefault()))}#V(e){return this.mask||e.getAttribute("mask")||""}constructor(){super(...arguments),t(this,m)}})})(),(()=>{let a,s,o,n,i,r,l=[S({tagName:"usa-link",shadowDom:[b`:host{display:inline-flex;color:#005ea2;text-decoration:underline}a{color:inherit;text-decoration:inherit;display:inherit}`,u`<a><slot></slot></a>`]})],c=[],d=HTMLElement,h=[],m=[],g=[],p=[],f=[],v=[],y=[],_=[];(class extends d{static{s=this}static{const u="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[k()],r=[k({observed:!1})],e(this,null,o,{kind:"accessor",name:"href",static:!1,private:!1,access:{has:e=>"href"in e,get:e=>e.href,set:(e,t)=>{e.href=t}},metadata:u},h,m),e(this,null,n,{kind:"accessor",name:"target",static:!1,private:!1,access:{has:e=>"target"in e,get:e=>e.target,set:(e,t)=>{e.target=t}},metadata:u},g,p),e(this,null,i,{kind:"accessor",name:"title",static:!1,private:!1,access:{has:e=>"title"in e,get:e=>e.title,set:(e,t)=>{e.title=t}},metadata:u},f,v),e(this,null,r,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:u},y,_),e(null,a={value:s},l,{kind:"class",name:s.name,metadata:u},null,c),s=a.value,u&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:u}),t(s,c)}#W=t(this,h,"");get href(){return this.#W}set href(e){this.#W=e}#G=(t(this,m),t(this,g,""));get target(){return this.#G}set target(e){this.#G=e}#K=(t(this,p),t(this,f,""));get title(){return this.#K}set title(e){this.#K=e}#d=(t(this,v),t(this,y,!1));get disabled(){return this.#d}set disabled(e){this.#d=e}#$=(t(this,_),x("a"));attributeChangedCallback(e){const t=this.#$();switch(e){case"href":t.href=this.href;break;case"target":t.target=this.target;break;case"title":t.target=this.title}}})})();const W=new o("RADIO_CTX");(()=>{let a,s,o,n,i,r,l,d=[c({name:"usa-radio-ctx",provideSelfAs:[W]}),S({tagName:"usa-radio",shadowDom:[b`:host{display:flex;flex-direction:column;gap:1rem;max-width:30rem;margin-bottom:1.5rem}label{display:flex;cursor:pointer;gap:.5rem;position:relative}input{position:absolute}label::before{content:" ";display:block;left:0;height:1.25rem;border-radius:99rem;width:1.25rem;background:#fff;box-shadow:0 0 0 2px #1b1b1b;flex:0 0 1.25rem;position:relative;z-index:1000}label:has(input:checked)::before{background-color:#005ea2;box-shadow:0 0 0 2px #005ea2,inset 0 0 0 2px #fff}label:has(input:focus)::before{outline:.25rem solid #2491ff;outline-offset:.25rem}:host([tiled]){gap:.5rem}:host([tiled]) label{background-color:#fff;border:2px solid #c9c9c9;color:#1b1b1b;border-radius:.25rem;padding:.75rem 1rem .75rem .75rem}:host([tiled]) label:has(input:checked){background-color:rgba(0,94,162,.1);border-color:#005ea2}slot{display:flex}`,u`<slot name="legend" id="legend" tabindex="-1"></slot><slot></slot>`]})],h=[],m=HTMLElement,g=[],p=[],f=[],v=[],y=[],_=[],C=[],j=[],E=[];(class extends m{static{s=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[k()],r=[k({observed:!1})],l=[w("change")],e(this,null,o,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:t},p,f),e(this,null,n,{kind:"accessor",name:"name",static:!1,private:!1,access:{has:e=>"name"in e,get:e=>e.name,set:(e,t)=>{e.name=t}},metadata:t},v,y),e(this,null,i,{kind:"accessor",name:"required",static:!1,private:!1,access:{has:e=>"required"in e,get:e=>e.required,set:(e,t)=>{e.required=t}},metadata:t},_,C),e(this,null,r,{kind:"accessor",name:"tiled",static:!1,private:!1,access:{has:e=>"tiled"in e,get:e=>e.tiled,set:(e,t)=>{e.tiled=t}},metadata:t},j,E),e(this,null,l,{kind:"method",name:"onChange",static:!1,private:!1,access:{has:e=>"onChange"in e,get:e=>e.onChange},metadata:t},null,g),e(null,a={value:s},d,{kind:"class",name:s.name,metadata:t},null,h),s=a.value,t&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static formAssociated=!0;#u=(t(this,g),t(this,p,""));get value(){return this.#u}set value(e){this.#u=e}#v=(t(this,f),t(this,v,""));get name(){return this.#v}set name(e){this.#v=e}#y=(t(this,y),t(this,_,!1));get required(){return this.#y}set required(e){this.#y=e}#_=(t(this,C),t(this,j,!1));get tiled(){return this.#_}set tiled(e){this.#_=e}#b=(t(this,E),this.attachInternals());#U=x("#legend");connectedCallback(){this.#w()}addRadioOption(e){this.shadowRoot?.append(e),this.#w()}onChange(e){e.target instanceof HTMLInputElement&&e.target.checked&&(this.value=e.target.value,this.#w())}#w(){if(this.#b.setFormValue(this.value),this.#b.setValidity({}),this.required&&!this.value){const e=this.shadowRoot?.querySelector("input");this.#b.setValidity({valueMissing:!0},"Please select an option if you want to proceed",e??this.#U())}}static{t(s,h)}})})(),(()=>{let a,s,o,n,i=[c({name:"usa-radio-option-ctx"}),S({tagName:"usa-radio-option",shadowDom:[b`:host{display:flex;flex-direction:column;margin-top:.05rem}`,u`<label><input type="radio" tabindex="0"><slot name="reserved"></slot></label><slot></slot>`]})],r=[],l=HTMLElement,h=[],m=[],g=[];(class extends l{static{s=this}static{const c="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;o=[k()],n=[function(e,t){const a=t.metadata;a.onInjected??=[],a.onInjected.push(e)}],e(this,null,o,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:c},m,g),e(this,null,n,{kind:"method",name:"onInjected",static:!1,private:!1,access:{has:e=>"onInjected"in e,get:e=>e.onInjected},metadata:c},null,h),e(null,a={value:s},i,{kind:"class",name:s.name,metadata:c},null,r),s=a.value,c&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:c}),t(s,r)}#u=(t(this,h),t(this,m,""));get value(){return this.#u}set value(e){this.#u=e}#X=(t(this,g),x("label"));#C=x("input");#Y=x("slot");#B=d(W);#J=new MutationObserver((()=>{const e=this.#C(),t=this.#B();e.name=t.name,e.checked=t.value===this.value}));attributeChangedCallback(){const e=this.#C(),t=this.#Y();this.slot=this.value,t.name=this.value,e.value=this.value}onInjected(){const e=this.#C(),t=this.#B();t.addRadioOption(this.#X()),e.name=t.name,e.checked=t.value===this.value,this.#J.observe(t,{attributeFilter:["value","name"]})}disconnectedCallback(){this.#X().remove(),this.#J.disconnect()}})})();const G=new o("SELECT_CONTEXT");(()=>{let a,s,o,n,i,r,l=[c({name:"usa-select-ctx",provideSelfAs:[G]}),S({tagName:"usa-select",shadowDom:[b`:host{display:block;line-height:1.3;position:relative;width:100%;max-width:30rem;margin-bottom:1.5rem}select{font-size:1.06rem;appearance:none;border-width:1px;border-color:#5c5c5c;border-style:solid;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:.5rem;padding:.5rem;width:100%}select:not(:disabled):focus{outline:.25rem solid #2491ff;outline-offset:0}usa-icon{position:absolute;right:.5rem;bottom:12%;height:1.5rem;width:1.5rem}`,u`<usa-icon icon="unfold_more"></usa-icon><label><div class="label"><slot></slot></div><select></select></label>`]})],d=[],h=HTMLElement,m=[],g=[],p=[],f=[],v=[],y=[],_=[];(class extends h{static{s=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[k()],r=[w("change")],e(this,null,o,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:t},g,p),e(this,null,n,{kind:"accessor",name:"name",static:!1,private:!1,access:{has:e=>"name"in e,get:e=>e.name,set:(e,t)=>{e.name=t}},metadata:t},f,v),e(this,null,i,{kind:"accessor",name:"required",static:!1,private:!1,access:{has:e=>"required"in e,get:e=>e.required,set:(e,t)=>{e.required=t}},metadata:t},y,_),e(this,null,r,{kind:"method",name:"onSelectChange",static:!1,private:!1,access:{has:e=>"onSelectChange"in e,get:e=>e.onSelectChange},metadata:t},null,m),e(null,a={value:s},l,{kind:"class",name:s.name,metadata:t},null,d),s=a.value,t&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static formAssociated=!0;#u=(t(this,m),t(this,g,""));get value(){return this.#u}set value(e){this.#u=e}#v=(t(this,p),t(this,f,""));get name(){return this.#v}set name(e){this.#v=e}#y=(t(this,v),t(this,y,!1));get required(){return this.#y}set required(e){this.#y=e}#Q=(t(this,_),x("select"));#b=this.attachInternals();connectedCallback(){const e=this.#Q();e.value=this.value,e.name=this.name,this.#w()}attributeChangedCallback(){const e=this.#Q();e.value=this.value,e.name=this.name,this.#w()}onSelectChange(){const e=this.#Q();this.value=e.value,this.#w()}addSelectOption(e){this.#Q().append(e)}#w(){this.#b.setFormValue(this.value),this.#b.setValidity({}),this.required&&!this.value&&this.#b.setValidity({valueMissing:!0},"Please select an option",this.#Q())}static{t(s,d)}})})(),(()=>{let a,s,o,n,i,r=[S({tagName:"usa-select-option",shadowDom:[b`:host{display:none}`,u`<slot></slot>`]}),c()],l=[],h=HTMLElement,m=[],g=[],p=[];(class extends h{static{s=this}static{const c="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;o=[k()],n=[function(e,t){const a=t.metadata;a.onInjected??=[],a.onInjected.push(e)}],i=[w("slotchange")],e(this,null,o,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:c},g,p),e(this,null,n,{kind:"method",name:"onInjected",static:!1,private:!1,access:{has:e=>"onInjected"in e,get:e=>e.onInjected},metadata:c},null,m),e(this,null,i,{kind:"method",name:"onSlotChange",static:!1,private:!1,access:{has:e=>"onSlotChange"in e,get:e=>e.onSlotChange},metadata:c},null,m),e(null,a={value:s},r,{kind:"class",name:s.name,metadata:c},null,l),s=a.value,c&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:c}),t(s,l)}#u=(t(this,m),t(this,g,""));get value(){return this.#u}set value(e){this.#u=e}option=(t(this,p),document.createElement("option"));#Q=d(G);#J=new MutationObserver((()=>{const{value:e}=this.#Q();this.option.selected=e===this.value}));attributeChangedCallback(){this.option.value=this.value}onInjected(){const e=this.#Q();this.option.selected=e.value===this.value,e.addSelectOption(this.option),this.#J.observe(e,{attributes:!0,attributeFilter:["value"]})}onSlotChange(){this.option.textContent=this.textContent}disconnectedCallback(){this.#J.disconnect(),this.option.remove()}})})(),(()=>{let a,s,o,n=[S({tagName:"usa-tag",shadowDom:[b`:host{font-size:.93rem;color:#fff;text-transform:uppercase;background-color:#5c5c5c;border-radius:2px;margin-right:.25rem;padding:1px .5rem}:host([variant=big]){padding-left:.5rem;padding-right:.5rem;font-size:1.06rem}`,u`<slot></slot>`]})],i=[],r=HTMLElement,l=[],c=[];(class extends r{static{s=this}static{const d="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[k()],e(this,null,o,{kind:"accessor",name:"variant",static:!1,private:!1,access:{has:e=>"variant"in e,get:e=>e.variant,set:(e,t)=>{e.variant=t}},metadata:d},l,c),e(null,a={value:s},n,{kind:"class",name:s.name,metadata:d},null,i),s=a.value,d&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:d}),t(s,i)}#h=t(this,l,"default");get variant(){return this.#h}set variant(e){this.#h=e}constructor(){super(...arguments),t(this,c)}})})(),(()=>{let a,s,o,n,i,r,l=[S({tagName:"usa-accordion",shadowDomOpts:{mode:"open",delegatesFocus:!0},shadowDom:[b`*{box-sizing:border-box}:host{display:block}:host(:not(:first-child)) summary{margin-top:.5rem}summary{align-items:center;border:0;border-radius:0;box-shadow:none;justify-content:normal;text-align:left;padding:0;color:#1b1b1b;background-color:#f0f0f0;cursor:pointer;display:flex;font-weight:700;margin:0;padding:1rem 1.25rem 1rem 1.25rem;text-decoration:none;width:100%}summary::-webkit-details-marker{display:none}slot[name=heading]{display:block;flex:1 1 auto}slot[name=heading]::slotted(*){margin:0}.content{padding-bottom:1.5rem;padding-left:1rem;padding-top:1.5rem}usa-icon[icon=remove]{display:none}details[open] usa-icon[icon=add]{display:none}details[open] usa-icon[icon=remove]{display:block}summary:hover{background-color:#e6e6e6}summary:focus{outline:.25rem solid #2491ff;outline-offset:0}`,u`<details><summary><slot name="heading"></slot><usa-icon icon="add"></usa-icon><usa-icon icon="remove"></usa-icon></summary><div class="content"><slot></slot></div></details>`]})],c=[],d=HTMLElement,h=[],m=[],g=[],p=[],f=[];(class extends d{static{s=this}static{const u="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[w("click","summary")],r=[w("usa::accordion::toggle",(()=>document.body))],e(this,null,o,{kind:"accessor",name:"name",static:!1,private:!1,access:{has:e=>"name"in e,get:e=>e.name,set:(e,t)=>{e.name=t}},metadata:u},m,g),e(this,null,n,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:e=>"open"in e,get:e=>e.open,set:(e,t)=>{e.open=t}},metadata:u},p,f),e(this,null,i,{kind:"method",name:"onClick",static:!1,private:!1,access:{has:e=>"onClick"in e,get:e=>e.onClick},metadata:u},null,h),e(this,null,r,{kind:"method",name:"onAccordionToggle",static:!1,private:!1,access:{has:e=>"onAccordionToggle"in e,get:e=>e.onAccordionToggle},metadata:u},null,h),e(null,a={value:s},l,{kind:"class",name:s.name,metadata:u},null,c),s=a.value,u&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:u}),t(s,c)}#v=(t(this,h),t(this,m,""));get name(){return this.#v}set name(e){this.#v=e}#Z=(t(this,g),t(this,p,!1));get open(){return this.#Z}set open(e){this.#Z=e}#ee=(t(this,f),x("details"));attributeChangedCallback(){this.#ee().open=this.open}onClick(e){e.preventDefault(),this.dispatchEvent(new K(!this.open))}onAccordionToggle(e){e.target.name===this.name?this.open=e.target===this&&e.open:e.target===this&&(this.open=e.open)}})})();class K extends Event{open;get target(){return super.target}constructor(e){super("usa::accordion::toggle",{bubbles:!0}),this.open=e}}(()=>{let a,s,o,n=[S({tagName:"usa-side-nav",shadowDom:[b`:host{display:block;font-size:1.06rem;line-height:1.3;border-bottom:1px solid #e6e6e6}`,u`<slot></slot>`]})],i=[],r=HTMLElement,l=[],c=[];(class extends r{static{s=this}static{const d="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[k()],e(this,null,o,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:e=>"role"in e,get:e=>e.role,set:(e,t)=>{e.role=t}},metadata:d},l,c),e(null,a={value:s},n,{kind:"class",name:s.name,metadata:d},null,i),s=a.value,d&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:d}),t(s,i)}#te=t(this,l,"navigation");get role(){return this.#te}set role(e){this.#te=e}constructor(){super(...arguments),t(this,c)}})})(),(()=>{let a,s,o,n=[S({tagName:"usa-side-nav-item",shadowDom:[b`:host{--usa-nav-item-padding-left:2rem;display:block;border-top:1px solid #e6e6e6}.side-nav-item{display:flex;padding:.5rem 1rem;text-decoration:none;position:relative}.side-nav-item:hover{background-color:#f0f0f0;color:#005ea2}::slotted(*){color:#5c5c5c;text-decoration:none;display:block;width:100%}:host(:hover) ::slotted(*){color:#005ea2}:host([current]) ::slotted(:not(usa-side-nav-item)){color:#005ea2;font-weight:700}:host([current]) .side-nav-item::after{background-color:#005ea2;border-radius:99rem;content:"";display:block;position:absolute;bottom:.25rem;top:.25rem;width:.25rem;left:0}:host([slot=children]) .side-nav-item{padding-left:var(--usa-nav-item-padding-left)}:host([slot=children]) ::slotted(usa-side-nav-item){--usa-nav-item-padding-left:3rem}:host([slot=children]) .side-nav-item::after{display:none}`,u`<div class="side-nav-item"><slot></slot></div><slot name="children"></slot>`]})],i=[],r=HTMLElement,l=[],c=[];(class extends r{static{s=this}static{const d="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[k({observed:!1})],e(this,null,o,{kind:"accessor",name:"current",static:!1,private:!1,access:{has:e=>"current"in e,get:e=>e.current,set:(e,t)=>{e.current=t}},metadata:d},l,c),e(null,a={value:s},n,{kind:"class",name:s.name,metadata:d},null,i),s=a.value,d&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:d}),t(s,i)}#ae=t(this,l,!1);get current(){return this.#ae}set current(e){this.#ae=e}constructor(){super(...arguments),t(this,c)}})})(),(()=>{let a,s,o=[S({tagName:"usa-summary-box",shadowDom:[b`:host{font-size:1.06rem;line-height:1.5;color:#1b1b1b;background-color:#e7f6f8;border-radius:.25rem;border:1px #99deea solid;padding:1.5rem;position:relative;display:block}`,u`<slot></slot>`]})],n=[],i=HTMLElement;(class extends i{static{s=this}static{const r="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;e(null,a={value:s},o,{kind:"class",name:s.name,metadata:r},null,n),s=a.value,r&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:r}),t(s,n)}})})(),(()=>{let a,s,o,n=[S({tagName:"usa-step-indicator",shadowDom:[b`:host{display:flex;gap:2px;counter-reset:usa-step-indicator 0;padding-top:1rem;margin-bottom:1rem}`,u`<slot></slot>`]})],i=[],r=HTMLElement,l=[],c=[];(class extends r{static{s=this}static{const d="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[k()],e(this,null,o,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:e=>"role"in e,get:e=>e.role,set:(e,t)=>{e.role=t}},metadata:d},l,c),e(null,a={value:s},n,{kind:"class",name:s.name,metadata:d},null,i),s=a.value,d&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:d}),t(s,i)}#te=t(this,l,"list");get role(){return this.#te}set role(e){this.#te=e}constructor(){super(...arguments),t(this,c)}})})(),(()=>{let a,s,o,n,i,r=[S({tagName:"usa-step",shadowDom:[b`:host{color:#5c5c5c;display:block;flex:1 1 0%;position:relative;counter-increment:usa-step-indicator}:host([counter]):after{content:counter(usa-step-indicator);height:2.5rem;border-radius:99rem;width:2.5rem;background-color:#fff;box-shadow:inset 0 0 0 .25rem #919191,0 0 0 .25rem #fff;color:#5c5c5c;display:flex;align-items:center;justify-content:center;font-weight:700;left:0;line-height:.9;padding:calc((2.5rem - 2ex * .9) * .5);position:absolute;z-index:100;top:0;transform:translateY(-40%);box-sizing:border-box}:host([state=complete]){color:#162e51}:host([state=complete])::before{background-color:#162e51}:host([state=current]){color:#005ea2;font-weight:700}:host([state=current])::before{background-color:#005ea2}:host:before{background-color:#919191;content:"";display:block;height:.5rem}.label{display:block;font-size:1.06rem;margin-top:.5rem;padding-right:2rem;text-align:left}:host([counter]) .label{margin-top:1.5rem}:host([counter][state=complete]):after{background-color:#162e51;box-shadow:0 0 0 .25rem #fff;color:#fff}:host([counter][state=current]):after{background-color:#005ea2;box-shadow:0 0 0 .25rem #fff;color:#fff}:host([counter=small]):after{height:1.5rem;width:1.5rem;font-size:.93rem}:host([counter]:last-child):before{width:0}`,u`<div class="label"><slot></slot></div>`]})],l=[],c=HTMLElement,d=[],h=[],m=[],g=[],p=[];(class extends c{static{s=this}static{const u="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;var b;o=[k()],n=[k()],i=[(b="state",function(e,t){const a=_.read(t.metadata),s=a.attrChanges.get(b)??new Set;s.add(e),a.attrChanges.set(b,s)})],e(this,null,o,{kind:"accessor",name:"state",static:!1,private:!1,access:{has:e=>"state"in e,get:e=>e.state,set:(e,t)=>{e.state=t}},metadata:u},h,m),e(this,null,n,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:e=>"role"in e,get:e=>e.role,set:(e,t)=>{e.role=t}},metadata:u},g,p),e(this,null,i,{kind:"method",name:"onStateAttrChanged",static:!1,private:!1,access:{has:e=>"onStateAttrChanged"in e,get:e=>e.onStateAttrChanged},metadata:u},null,d),e(null,a={value:s},r,{kind:"class",name:s.name,metadata:u},null,l),s=a.value,u&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:u}),t(s,l)}#se=(t(this,d),t(this,h,""));get state(){return this.#se}set state(e){this.#se=e}#te=(t(this,m),t(this,g,"listitem"));get role(){return this.#te}set role(e){this.#te=e}onStateAttrChanged(){"current"===this.state&&(this.ariaCurrent="step")}constructor(){super(...arguments),t(this,p)}})})(),(()=>{let a,s,o,n,i=[S({tagName:"usa-modal",shadowDom:[b`*{box-sizing:border-box}:host{display:contents}dialog{border:none;font-size:1.06rem;line-height:1.5;border-radius:.5rem;background:#fff;color:#1b1b1b;max-width:30rem;padding-top:4rem;padding-left:4rem;padding-right:4rem;padding-bottom:2rem;width:100%}::backdrop{background:rgba(0,0,0,.7)}`,u`<dialog><slot></slot></dialog>`]})],r=[],l=HTMLElement,c=[];(class extends l{static{s=this}static{const d="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;o=[w("click",(()=>document.body))],n=[w("click",(e=>e))],e(this,null,o,{kind:"method",name:"onGlobalModalAction",static:!1,private:!1,access:{has:e=>"onGlobalModalAction"in e,get:e=>e.onGlobalModalAction},metadata:d},null,c),e(this,null,n,{kind:"method",name:"onModalAction",static:!1,private:!1,access:{has:e=>"onModalAction"in e,get:e=>e.onModalAction},metadata:d},null,c),e(null,a={value:s},i,{kind:"class",name:s.name,metadata:d},null,r),s=a.value,d&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:d}),t(s,r)}modalAction=(t(this,c),null);#oe=x("dialog");openModal(){this.#oe().showModal()}closeModal(){this.#oe().close()}onGlobalModalAction(e){if(e.target instanceof Element){e.target.getAttribute("modal-target")===this.id&&this.openModal()}}onModalAction(e){e.target instanceof Element&&(this.modalAction=e.target.getAttribute("modal-action"),this.closeModal(),this.dispatchEvent(new Event("usa::modal::close")))}})})(),(()=>{let a,s,o,n=[S({tagName:"usa-modal-close",shadowDom:[b`*{box-sizing:border-box}:host{display:block;position:absolute;top:1rem;right:1rem}button{display:flex;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;height:100%;width:100%;border-radius:100%;padding:0;margin:0}button:focus{outline:.25rem solid #2491ff;outline-offset:0}`,u`<button aria-label="close modal"><usa-icon icon="close"></usa-icon></button>`]})],i=[],r=HTMLElement,l=[],c=[];(class extends r{static{s=this}static{const d="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[k({name:"modal-action"})],e(this,null,o,{kind:"accessor",name:"modalAction",static:!1,private:!1,access:{has:e=>"modalAction"in e,get:e=>e.modalAction,set:(e,t)=>{e.modalAction=t}},metadata:d},l,c),e(null,a={value:s},n,{kind:"class",name:s.name,metadata:d},null,i),s=a.value,d&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:d}),t(s,i)}#ne=t(this,l,"close");get modalAction(){return this.#ne}set modalAction(e){this.#ne=e}constructor(){super(...arguments),t(this,c)}})})(),(()=>{let a,s,o=[S({tagName:"usa-modal-heading",shadowDom:[b`:host{font-family:Merriweather Web,Georgia,Cambria,Times New Roman,Times,serif!important;font-size:1.22rem}h2{margin-top:0;line-height:1.4;font-size:1.45rem}`,u`<h2><slot></slot></h2>`]})],n=[],i=HTMLElement;(class extends i{static{s=this}static{const r="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;e(null,a={value:s},o,{kind:"class",name:s.name,metadata:r},null,n),s=a.value,r&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:r}),t(s,n)}})})(),(()=>{let a,s,o,n,i=[S({tagName:"usa-card",shadowDom:[b`:host{color:#1b1b1b;background-color:#fff;font-size:1.06rem;line-height:1.5;border-width:2px;border-color:#e6e6e6;border-style:solid;display:flex;flex-direction:column;position:relative;border-radius:.25rem}:host([variant=flag]){padding-left:15rem}:host([variant=flag]) ::slotted(usa-card-media){position:absolute;bottom:0;top:0;left:0;width:15rem}:host([variant=flag]) ::slotted(usa-card-media[variant=inset]){padding-bottom:1.5rem;padding-right:0}`,u`<slot></slot>`]})],r=[],l=HTMLElement,c=[],d=[],h=[],m=[];(class extends l{static{s=this}static{const u="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;o=[k()],n=[k()],e(this,null,o,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:e=>"role"in e,get:e=>e.role,set:(e,t)=>{e.role=t}},metadata:u},c,d),e(this,null,n,{kind:"accessor",name:"variant",static:!1,private:!1,access:{has:e=>"variant"in e,get:e=>e.variant,set:(e,t)=>{e.variant=t}},metadata:u},h,m),e(null,a={value:s},i,{kind:"class",name:s.name,metadata:u},null,r),s=a.value,u&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:u}),t(s,r)}#te=t(this,c,"listitem");get role(){return this.#te}set role(e){this.#te=e}#h=(t(this,d),t(this,h,"default"));get variant(){return this.#h}set variant(e){this.#h=e}constructor(){super(...arguments),t(this,m)}})})(),(()=>{let a,s,o=[S({tagName:"usa-card-header",shadowDom:[b`:host{font-family:Merriweather Web,Georgia,Cambria,Times New Roman,Times,serif!important;display:flex;padding:1.5rem 1.5rem .5rem;font-size:1.22rem;font-weight:700;line-height:1.2}`,u`<slot></slot>`]})],n=[],i=HTMLElement;(class extends i{static{s=this}static{const r="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;e(null,a={value:s},o,{kind:"class",name:s.name,metadata:r},null,n),s=a.value,r&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:r}),t(s,n)}})})(),(()=>{let a,s,o=[S({tagName:"usa-card-body",shadowDom:[b`:host{display:flex;flex:1 1 0%;padding:.5rem 1.5rem;flex-basis:auto}`,u`<slot></slot>`]})],n=[],i=HTMLElement;(class extends i{static{s=this}static{const r="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;e(null,a={value:s},o,{kind:"class",name:s.name,metadata:r},null,n),s=a.value,r&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:r}),t(s,n)}})})(),(()=>{let a,s,o=[S({tagName:"usa-card-footer",shadowDom:[b`:host{display:flex;padding:.5rem 1.5rem 1.5rem}`,u`<slot></slot>`]})],n=[],i=HTMLElement;(class extends i{static{s=this}static{const r="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;e(null,a={value:s},o,{kind:"class",name:s.name,metadata:r},null,n),s=a.value,r&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:r}),t(s,n)}})})(),(()=>{let a,s,o,n=[S({tagName:"usa-card-media",shadowDom:[b`:host{display:block;border-top-left-radius:calc(.25rem - 2px);border-top-right-radius:calc(.25rem - 2px);background-color:#f0f0f0;position:relative;overflow:hidden;box-sizing:border-box}:host([variant=inset]){background-color:#fff;padding-top:1.5rem;padding-left:1.5rem;padding-right:1.5rem}::slotted(img){display:block;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}:host(:not(:first-child)){margin-top:.5rem;border-top-left-radius:0;border-top-right-radius:0}`,u`<slot></slot>`]})],i=[],r=HTMLElement,l=[],c=[];(class extends r{static{s=this}static{const d="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[k()],e(this,null,o,{kind:"accessor",name:"varint",static:!1,private:!1,access:{has:e=>"varint"in e,get:e=>e.varint,set:(e,t)=>{e.varint=t}},metadata:d},l,c),e(null,a={value:s},n,{kind:"class",name:s.name,metadata:d},null,i),s=a.value,d&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:d}),t(s,i)}#ie=t(this,l,"standard");get varint(){return this.#ie}set varint(e){this.#ie=e}constructor(){super(...arguments),t(this,c)}})})(),(()=>{let a,s,o,n=[S({tagName:"usa-card-group",shadowDom:[b`:host{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}:host([variant=flag]){grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}`,u`<slot></slot>`]})],i=[],r=HTMLElement,l=[],c=[];(class extends r{static{s=this}static{const d="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[k()],e(this,null,o,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:e=>"role"in e,get:e=>e.role,set:(e,t)=>{e.role=t}},metadata:d},l,c),e(null,a={value:s},n,{kind:"class",name:s.name,metadata:d},null,i),s=a.value,d&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:d}),t(s,i)}#te=t(this,l,"list");get role(){return this.#te}set role(e){this.#te=e}constructor(){super(...arguments),t(this,c)}})})(),(()=>{let a,s,o,n,i,r,l,c,d,h,m=[S({tagName:"usa-textarea",shadowDom:[b`*{box-sizing:border-box}:host{font-size:1.06rem;line-height:1.3;display:block;font-weight:400;max-width:30rem;margin-bottom:1.5rem;position:relative;height:calc(6lh + .5rem)}textarea{font-family:inherit;font-size:inherit;border-radius:0;color:#1b1b1b;display:block;margin-top:.5rem;max-width:30rem;padding:.5rem;border-width:1px;border-color:#5c5c5c;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%}textarea:not(:disabled):focus{outline:.25rem solid #2491ff;outline-offset:0}`,u`<label><slot></slot><textarea></textarea></label>`]})],g=[],p=HTMLElement,f=[],v=[],y=[],_=[],j=[],E=[],O=[],M=[],A=[],P=[],I=[];(class extends p{static{s=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[k()],r=[k()],l=[k({reflect:!1}),T()],c=[C()],d=[D()],h=[w("input")],e(this,null,o,{kind:"accessor",name:"name",static:!1,private:!1,access:{has:e=>"name"in e,get:e=>e.name,set:(e,t)=>{e.name=t}},metadata:t},v,y),e(this,null,n,{kind:"accessor",name:"autocomplete",static:!1,private:!1,access:{has:e=>"autocomplete"in e,get:e=>e.autocomplete,set:(e,t)=>{e.autocomplete=t}},metadata:t},_,j),e(this,null,i,{kind:"accessor",name:"placeholder",static:!1,private:!1,access:{has:e=>"placeholder"in e,get:e=>e.placeholder,set:(e,t)=>{e.placeholder=t}},metadata:t},E,O),e(this,null,r,{kind:"accessor",name:"required",static:!1,private:!1,access:{has:e=>"required"in e,get:e=>e.required,set:(e,t)=>{e.required=t}},metadata:t},M,A),e(this,null,l,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:t},P,I),e(this,null,c,{kind:"method",name:"onReady",static:!1,private:!1,access:{has:e=>"onReady"in e,get:e=>e.onReady},metadata:t},null,f),e(this,null,d,{kind:"method",name:"onChange",static:!1,private:!1,access:{has:e=>"onChange"in e,get:e=>e.onChange},metadata:t},null,f),e(this,null,h,{kind:"method",name:"onInputChange",static:!1,private:!1,access:{has:e=>"onInputChange"in e,get:e=>e.onInputChange},metadata:t},null,f),e(null,a={value:s},m,{kind:"class",name:s.name,metadata:t},null,g),s=a.value,t&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static formAssociated=!0;#v=(t(this,f),t(this,v,""));get name(){return this.#v}set name(e){this.#v=e}#D=(t(this,y),t(this,_,"on"));get autocomplete(){return this.#D}set autocomplete(e){this.#D=e}#z=(t(this,j),t(this,E,""));get placeholder(){return this.#z}set placeholder(e){this.#z=e}#y=(t(this,O),t(this,M,!1));get required(){return this.#y}set required(e){this.#y=e}#u=(t(this,A),t(this,P,""));get value(){return this.#u}set value(e){this.#u=e}#b=(t(this,I),this.attachInternals());#C=x("textarea");onReady(){this.#C().autofocus=this.autofocus}connectedCallback(){this.#w()}onChange(){this.#C().value=this.value,this.#w()}onInputChange(){const e=this.#C();this.value=e.value}attributeChangedCallback(e){const t=this.#C();switch(e){case"autocomplete":t.autocomplete=this.autocomplete;break;case"placeholder":t.placeholder=this.placeholder;break;case"name":t.name=this.name}}#w(){const e=this.#C();this.#b.setFormValue(e.value),this.required&&!e.value?this.#b.setValidity({valueMissing:!0},"Required",e):this.#b.setValidity({})}static{t(s,g)}})})()}();
@@ -1,19 +0,0 @@
1
- declare global {
2
- interface HTMLElementTagNameMap {
3
- "usa-accordion": USAAccordionElement;
4
- }
5
- }
6
- export declare class USAAccordionElement extends HTMLElement {
7
- #private;
8
- accessor name: string;
9
- accessor open: boolean;
10
- attributeChangedCallback(): void;
11
- onClick(e: Event): void;
12
- onAccordionToggle(e: USAAccordionToggleEvent): void;
13
- }
14
- declare class USAAccordionToggleEvent extends Event {
15
- open: boolean;
16
- get target(): USAAccordionElement;
17
- constructor(open: boolean);
18
- }
19
- export {};
@@ -1,166 +0,0 @@
1
- import { __esDecorate, __runInitializers } from "tslib";
2
- import { attr, css, element, html, listen, query } from "@joist/element";
3
- let USAAccordionElement = (() => {
4
- let _classDecorators = [element({
5
- tagName: "usa-accordion",
6
- shadowDomOpts: {
7
- mode: "open",
8
- delegatesFocus: true,
9
- },
10
- shadowDom: [
11
- css `
12
- * {
13
- box-sizing: border-box;
14
- }
15
-
16
- :host {
17
- display: block;
18
- }
19
-
20
- :host(:not(:first-child)) summary {
21
- margin-top: 0.5rem;
22
- }
23
-
24
- summary {
25
- align-items: center;
26
- border: 0;
27
- border-radius: 0;
28
- box-shadow: none;
29
- justify-content: normal;
30
- text-align: left;
31
- padding: 0;
32
- color: #1b1b1b;
33
- background-color: #f0f0f0;
34
- cursor: pointer;
35
- display: flex;
36
- font-weight: 700;
37
- margin: 0;
38
- padding: 1rem 1.25rem 1rem 1.25rem;
39
- text-decoration: none;
40
- width: 100%;
41
- }
42
-
43
- summary::-webkit-details-marker {
44
- display: none;
45
- }
46
-
47
- slot[name="heading"] {
48
- display: block;
49
- flex: 1 1 auto;
50
- }
51
-
52
- slot[name="heading"]::slotted(*) {
53
- margin: 0;
54
- }
55
-
56
- .content {
57
- padding-bottom: 1.5rem;
58
- padding-left: 1rem;
59
- padding-top: 1.5rem;
60
- }
61
-
62
- usa-icon[icon="remove"] {
63
- display: none;
64
- }
65
-
66
- details[open] usa-icon[icon="add"] {
67
- display: none;
68
- }
69
-
70
- details[open] usa-icon[icon="remove"] {
71
- display: block;
72
- }
73
-
74
- summary:hover {
75
- background-color: #e6e6e6;
76
- }
77
-
78
- summary:focus {
79
- outline: 0.25rem solid #2491ff;
80
- outline-offset: 0;
81
- }
82
- `,
83
- html `
84
- <details>
85
- <summary>
86
- <slot name="heading"></slot>
87
-
88
- <usa-icon icon="add"></usa-icon>
89
- <usa-icon icon="remove"></usa-icon>
90
- </summary>
91
-
92
- <div class="content">
93
- <slot></slot>
94
- </div>
95
- </details>
96
- `,
97
- ],
98
- })];
99
- let _classDescriptor;
100
- let _classExtraInitializers = [];
101
- let _classThis;
102
- let _classSuper = HTMLElement;
103
- let _instanceExtraInitializers = [];
104
- let _name_decorators;
105
- let _name_initializers = [];
106
- let _name_extraInitializers = [];
107
- let _open_decorators;
108
- let _open_initializers = [];
109
- let _open_extraInitializers = [];
110
- let _onClick_decorators;
111
- let _onAccordionToggle_decorators;
112
- var USAAccordionElement = class extends _classSuper {
113
- static { _classThis = this; }
114
- static {
115
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
116
- _name_decorators = [attr()];
117
- _open_decorators = [attr()];
118
- _onClick_decorators = [listen("click", "summary")];
119
- _onAccordionToggle_decorators = [listen("usa::accordion::toggle", () => document.body)];
120
- __esDecorate(this, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
121
- __esDecorate(this, null, _open_decorators, { kind: "accessor", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
122
- __esDecorate(this, null, _onClick_decorators, { kind: "method", name: "onClick", static: false, private: false, access: { has: obj => "onClick" in obj, get: obj => obj.onClick }, metadata: _metadata }, null, _instanceExtraInitializers);
123
- __esDecorate(this, null, _onAccordionToggle_decorators, { kind: "method", name: "onAccordionToggle", static: false, private: false, access: { has: obj => "onAccordionToggle" in obj, get: obj => obj.onAccordionToggle }, metadata: _metadata }, null, _instanceExtraInitializers);
124
- __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
125
- USAAccordionElement = _classThis = _classDescriptor.value;
126
- if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
127
- __runInitializers(_classThis, _classExtraInitializers);
128
- }
129
- #name_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _name_initializers, ""));
130
- get name() { return this.#name_accessor_storage; }
131
- set name(value) { this.#name_accessor_storage = value; }
132
- #open_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _open_initializers, false));
133
- get open() { return this.#open_accessor_storage; }
134
- set open(value) { this.#open_accessor_storage = value; }
135
- #details = (__runInitializers(this, _open_extraInitializers), query("details"));
136
- attributeChangedCallback() {
137
- const details = this.#details();
138
- details.open = this.open;
139
- }
140
- onClick(e) {
141
- e.preventDefault();
142
- this.dispatchEvent(new USAAccordionToggleEvent(!this.open));
143
- }
144
- onAccordionToggle(e) {
145
- if (e.target.name === this.name) {
146
- this.open = e.target === this && e.open;
147
- }
148
- else if (e.target === this) {
149
- this.open = e.open;
150
- }
151
- }
152
- };
153
- return USAAccordionElement = _classThis;
154
- })();
155
- export { USAAccordionElement };
156
- class USAAccordionToggleEvent extends Event {
157
- open;
158
- get target() {
159
- return super.target;
160
- }
161
- constructor(open) {
162
- super("usa::accordion::toggle", { bubbles: true });
163
- this.open = open;
164
- }
165
- }
166
- //# sourceMappingURL=accordion.element.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"accordion.element.js","sourceRoot":"","sources":["../../../src/lib/accordion/accordion.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;IAuG5D,mBAAmB;4BA/F/B,OAAO,CAAC;YACP,OAAO,EAAE,eAAe;YACxB,aAAa,EAAE;gBACb,IAAI,EAAE,MAAM;gBACZ,cAAc,EAAE,IAAI;aACrB;YACD,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuEF;gBACD,IAAI,CAAA;;;;;;;;;;;;;KAaH;aACF;SACF,CAAC;;;;sBACuC,WAAW;;;;;;;;;;mCAAnB,SAAQ,WAAW;;;;gCACjD,IAAI,EAAE;gCAGN,IAAI,EAAE;mCAUN,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC;6CAO1B,MAAM,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;YAnBtD,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,iKAAS,IAAI,6BAAJ,IAAI,mFAAS;YAUtB,wKAAA,OAAO,6DAIN;YAGD,sMAAA,iBAAiB,6DAMhB;YA5BH,6KA6BC;;;YA7BY,uDAAmB;;QAE9B,0BAFW,mDAAmB,8CAEd,EAAE,GAAC;QAAnB,IAAS,IAAI,0CAAM;QAAnB,IAAS,IAAI,gDAAM;QAGnB,wHAAgB,KAAK,GAAC;QAAtB,IAAS,IAAI,0CAAS;QAAtB,IAAS,IAAI,gDAAS;QAEtB,QAAQ,sDAAG,KAAK,CAAC,SAAS,CAAC,EAAC;QAE5B,wBAAwB;YACtB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAC3B,CAAC;QAGD,OAAO,CAAC,CAAQ;YACd,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,IAAI,CAAC,aAAa,CAAC,IAAI,uBAAuB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9D,CAAC;QAGD,iBAAiB,CAAC,CAA0B;YAC1C,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;gBAChC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC;YAC1C,CAAC;iBAAM,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;gBAC7B,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;YACrB,CAAC;QACH,CAAC;;;;SA5BU,mBAAmB;AA+BhC,MAAM,uBAAwB,SAAQ,KAAK;IACzC,IAAI,CAAC;IAEL,IAAI,MAAM;QACR,OAAO,KAAK,CAAC,MAA6B,CAAC;IAC7C,CAAC;IAED,YAAY,IAAa;QACvB,KAAK,CAAC,wBAAwB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAEnD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;CACF"}
@@ -1,12 +0,0 @@
1
- import type { StoryObj } from "@storybook/web-components";
2
- import type { USAAccordionElement } from "./accordion.element.js";
3
- declare const meta: {
4
- title: string;
5
- tags: string[];
6
- render(args: USAAccordionElement): import("lit-html").TemplateResult<1>;
7
- argTypes: {};
8
- args: {};
9
- };
10
- export default meta;
11
- type Story = StoryObj<USAAccordionElement>;
12
- export declare const Primary: Story;
@@ -1,42 +0,0 @@
1
- import { html } from "lit";
2
- // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
3
- const meta = {
4
- title: "usa-accordion",
5
- tags: ["autodocs"],
6
- render(args) {
7
- return html `
8
- <usa-accordion id="first" name="ammendment">
9
- <h4 slot="heading">First Ammendment</h4>
10
-
11
- Congress shall make no law respecting an establishment of religion, or
12
- prohibiting the free exercise thereof; or abridging the freedom of
13
- speech, or of the press; or the right of the people peaceably to
14
- assemble, and to petition the Government for a redress of grievances.
15
- </usa-accordion>
16
-
17
- <usa-accordion id="second" name="ammendment">
18
- <h4 slot="heading">Second Ammendment</h4>
19
-
20
- A well regulated Militia, being necessary to the security of a free
21
- State, the right of the people to keep and bear Arms, shall not be
22
- infringed.
23
- </usa-accordion>
24
-
25
- <usa-accordion id="third" name="ammendment">
26
- <h4 slot="heading">Third Ammendment</h4>
27
-
28
- No Soldier shall, in time of peace be quartered in any house, without
29
- the consent of the Owner, nor in time of war, but in a manner to be
30
- prescribed by law.
31
- </usa-accordion>
32
- `;
33
- },
34
- argTypes: {},
35
- args: {},
36
- };
37
- export default meta;
38
- // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
39
- export const Primary = {
40
- args: {},
41
- };
42
- //# sourceMappingURL=accordion.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"accordion.stories.js","sourceRoot":"","sources":["../../../src/lib/accordion/accordion.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;KAyBV,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CAC2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
@@ -1 +0,0 @@
1
- import "./accordion.element.js";
@@ -1,113 +0,0 @@
1
- import "./accordion.element.js";
2
- import { assert, fixture, html } from "@open-wc/testing";
3
- describe("usa-accordion", () => {
4
- it("should be accessible", async () => {
5
- const accordion = await fixture(html `
6
- <usa-accordion id="first" name="ammendment">
7
- <h4 slot="heading">First Ammendment</h4>
8
-
9
- <div class="content">
10
- Congress shall make no law respecting an establishment of religion, or
11
- prohibiting the free exercise thereof; or abridging the freedom of
12
- speech, or of the press; or the right of the people peaceably to
13
- assemble, and to petition the Government for a redress of grievances.
14
- </div>
15
- </usa-accordion>
16
- `);
17
- return assert.isAccessible(accordion);
18
- });
19
- it("should toggle the open state when clicked", async () => {
20
- const accordion = await fixture(html `
21
- <usa-accordion id="first" name="ammendment">
22
- <h4 slot="heading">First Ammendment</h4>
23
-
24
- <div class="content">
25
- Congress shall make no law respecting an establishment of religion, or
26
- prohibiting the free exercise thereof; or abridging the freedom of
27
- speech, or of the press; or the right of the people peaceably to
28
- assemble, and to petition the Government for a redress of grievances.
29
- </div>
30
- </usa-accordion>
31
- `);
32
- const heading = accordion.querySelector("h4");
33
- const content = accordion.querySelector(".content");
34
- heading?.click();
35
- assert.isTrue(content?.checkVisibility());
36
- });
37
- it("should toggle the open state when clicked", async () => {
38
- const accordion = await fixture(html `
39
- <usa-accordion id="first" name="ammendment">
40
- <h4 slot="heading">First Ammendment</h4>
41
-
42
- <div class="content">
43
- Congress shall make no law respecting an establishment of religion, or
44
- prohibiting the free exercise thereof; or abridging the freedom of
45
- speech, or of the press; or the right of the people peaceably to
46
- assemble, and to petition the Government for a redress of grievances.
47
- </div>
48
- </usa-accordion>
49
- `);
50
- const heading = accordion.querySelector("h4");
51
- const content = accordion.querySelector(".content");
52
- assert.isFalse(content?.checkVisibility());
53
- heading?.click();
54
- assert.isTrue(content.checkVisibility());
55
- });
56
- it("should only allow a single accordion in a group to be open", async () => {
57
- const el = await fixture(html `
58
- <section>
59
- <usa-accordion name="ammendment">
60
- <h4 slot="heading">First Ammendment</h4>
61
- <div class="content">Content for First</div>
62
- </usa-accordion>
63
-
64
- <usa-accordion name="ammendment">
65
- <h4 slot="heading">Second Ammendment</h4>
66
- <div class="content">Content for Second</div>
67
- </usa-accordion>
68
-
69
- <usa-accordion name="ammendment">
70
- <h4 slot="heading">Third Ammendment</h4>
71
- <div class="content">Content for Third</div>
72
- </usa-accordion>
73
- </section>
74
- `);
75
- const headings = el.querySelectorAll("h4");
76
- const content = Array.from(el.querySelectorAll(".content"));
77
- headings[0].click();
78
- assert.deepEqual(content.map((el) => el.checkVisibility()), [true, false, false]);
79
- headings[1].click();
80
- assert.deepEqual(content.map((el) => el.checkVisibility()), [false, true, false]);
81
- headings[2].click();
82
- assert.deepEqual(content.map((el) => el.checkVisibility()), [false, false, true]);
83
- });
84
- it("should not close accordion not in the same group", async () => {
85
- const el = await fixture(html `
86
- <section>
87
- <usa-accordion name="ammendment">
88
- <h4 slot="heading">First Ammendment</h4>
89
- <div class="content">Content for First</div>
90
- </usa-accordion>
91
-
92
- <usa-accordion name="ammendment">
93
- <h4 slot="heading">Second Ammendment</h4>
94
- <div class="content">Content for Second</div>
95
- </usa-accordion>
96
-
97
- <usa-accordion name="different">
98
- <h4 slot="heading">Third Ammendment</h4>
99
- <div class="content">Content for Third</div>
100
- </usa-accordion>
101
- </section>
102
- `);
103
- const headings = el.querySelectorAll("h4");
104
- const content = Array.from(el.querySelectorAll(".content"));
105
- headings[0].click();
106
- assert.deepEqual(content.map((el) => el.checkVisibility()), [true, false, false]);
107
- headings[1].click();
108
- assert.deepEqual(content.map((el) => el.checkVisibility()), [false, true, false]);
109
- headings[2].click();
110
- assert.deepEqual(content.map((el) => el.checkVisibility()), [false, true, true]);
111
- });
112
- });
113
- //# sourceMappingURL=accordion.test.js.map