@noctuatech/uswds 0.0.32 → 0.0.33

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 (34) hide show
  1. package/README.md +13 -1
  2. package/package.json +11 -24
  3. package/src/lib/accordion/accordion.element.ts +1 -0
  4. package/src/lib/alert/alert.element.ts +0 -7
  5. package/src/lib/icon/icon-types.ts +0 -8
  6. package/src/lib/input/input.element.ts +10 -17
  7. package/src/lib/input/input.stories.ts +1 -1
  8. package/src/lib/input-mask/format.ts +24 -22
  9. package/src/lib/input-mask/input-mask.element.ts +4 -4
  10. package/src/lib/radio/radio.element.ts +9 -5
  11. package/src/lib/select/select-option/select-option.element.ts +4 -2
  12. package/src/lib/textarea/textarea.element.ts +13 -16
  13. package/target/lib/accordion/accordion.element.js.map +1 -1
  14. package/target/lib/alert/alert.element.js +0 -7
  15. package/target/lib/alert/alert.element.js.map +1 -1
  16. package/target/lib/icon/icon-types.d.ts +1 -1
  17. package/target/lib/icon/icon-types.js +0 -8
  18. package/target/lib/icon/icon-types.js.map +1 -1
  19. package/target/lib/input/input.element.d.ts +2 -2
  20. package/target/lib/input/input.element.js +14 -16
  21. package/target/lib/input/input.element.js.map +1 -1
  22. package/target/lib/input/input.stories.js +1 -1
  23. package/target/lib/input-mask/format.d.ts +3 -6
  24. package/target/lib/input-mask/format.js +21 -22
  25. package/target/lib/input-mask/format.js.map +1 -1
  26. package/target/lib/input-mask/input-mask.element.js +3 -3
  27. package/target/lib/input-mask/input-mask.element.js.map +1 -1
  28. package/target/lib/radio/radio.element.js +9 -5
  29. package/target/lib/radio/radio.element.js.map +1 -1
  30. package/target/lib/select/select-option/select-option.element.js +4 -2
  31. package/target/lib/select/select-option/select-option.element.js.map +1 -1
  32. package/target/lib/textarea/textarea.element.js +12 -16
  33. package/target/lib/textarea/textarea.element.js.map +1 -1
  34. package/assets/uswds.min.js +0 -1
package/README.md CHANGED
@@ -23,7 +23,7 @@ npm i @noctuatech/uswds
23
23
  }
24
24
  </style>
25
25
 
26
- <script src="/node_modules/@noctuatech/uswds/assets/uswds.min.js"></script>
26
+ <script type="module" src="https://esm.sh/@noctuatech/uswds@latest"></script>
27
27
 
28
28
  <usa-config icon-path="/node_modules/@noctuatech/uswds/assets/usa-icons/">
29
29
  <usa-alert type="info">
@@ -33,6 +33,18 @@ npm i @noctuatech/uswds
33
33
  <usa-link href="#">consectetur adipiscing</usa-link>&nbsp;elit, sed do
34
34
  eiusmod.
35
35
  </usa-alert>
36
+
37
+ <form>
38
+ <usa-input name="username">
39
+ First name
40
+ </usa-input>
41
+
42
+ <usa-input name="password">
43
+ Last name
44
+ </usa-input>
45
+
46
+ <usa-button type="submit">Submit</usa-button>
47
+ </form>
36
48
  </usa-config>
37
49
  ```
38
50
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@noctuatech/uswds",
3
- "version": "0.0.32",
3
+ "version": "0.0.33",
4
4
  "type": "module",
5
5
  "workspaces": ["packages/**"],
6
6
  "main": "./target/lib.js",
@@ -29,7 +29,7 @@
29
29
  "dependencies": ["tsc"]
30
30
  },
31
31
  "build": {
32
- "dependencies": ["tsc", "build-storybook", "rollup", "copy_icons"]
32
+ "dependencies": ["tsc", "build-storybook", "copy_icons"]
33
33
  },
34
34
  "preview": {
35
35
  "command": "browser-sync start --server --files \"target/**\" \"index.html\"",
@@ -51,17 +51,6 @@
51
51
  "output": ["target/**", "tsconfig.tsbuildinfo"],
52
52
  "dependencies": ["./packages/testing:build"]
53
53
  },
54
- "rollup": {
55
- "command": "rollup -c rollup.config.js",
56
- "files": ["target/**", "rollup.config.js"],
57
- "output": ["assets/uswds.min.js"],
58
- "dependencies": [
59
- {
60
- "script": "tsc",
61
- "cascade": false
62
- }
63
- ]
64
- },
65
54
  "copy_icons": {
66
55
  "command": "cp -a node_modules/@uswds/uswds/dist/img/usa-icons/. assets/usa-icons/",
67
56
  "files": ["node_modules/@uswds/uswds/dist/img/usa-icons/**"],
@@ -72,9 +61,9 @@
72
61
  "license": "ISC",
73
62
  "description": "",
74
63
  "dependencies": {
75
- "@joist/di": "^4.0.0-next.51",
76
- "@joist/element": "^4.0.0-next.51",
77
- "@joist/observable": "^4.0.0-next.51",
64
+ "@joist/di": "^4.0.0",
65
+ "@joist/element": "^4.0.0",
66
+ "@joist/observable": "^4.0.0",
78
67
  "tslib": "2.8.1"
79
68
  },
80
69
  "devDependencies": {
@@ -82,24 +71,22 @@
82
71
  "@open-wc/testing": "^4.0.0",
83
72
  "@rollup/plugin-node-resolve": "^16.0.0",
84
73
  "@rollup/plugin-terser": "^0.4.4",
85
- "@storybook/addon-essentials": "^8.5.1",
86
- "@storybook/web-components": "^8.5.1",
87
- "@storybook/web-components-vite": "^8.5.1",
74
+ "@storybook/addon-essentials": "^8.6.0",
75
+ "@storybook/web-components": "^8.6.0",
76
+ "@storybook/web-components-vite": "^8.6.0",
88
77
  "@types/mocha": "^10.0.7",
89
78
  "@types/node": "^22.0.0",
90
79
  "@uswds/uswds": "^3.10.0",
91
- "@web/test-runner": "^0.19.0",
80
+ "@web/test-runner": "^0.20.0",
92
81
  "browser-sync": "^3.0.3",
93
82
  "husky": "^9.0.11",
94
83
  "js-beautify": "^1.15.1",
95
84
  "lint-staged": "^15.2.2",
96
85
  "lit": "^3.2.1",
97
- "minify-html-literals": "^1.3.5",
98
86
  "mocha": "^11.0.0",
99
87
  "plop": "^4.0.1",
100
- "rollup": "^4.28.0",
101
- "storybook": "^8.5.1",
102
- "typescript": "^5.6.3",
88
+ "storybook": "^8.6.0",
89
+ "typescript": "^5.8.0-beta",
103
90
  "wireit": "^0.14.9"
104
91
  },
105
92
  "lint-staged": {
@@ -1,4 +1,5 @@
1
1
  import { attr, css, element, html, listen, query } from "@joist/element";
2
+
2
3
  import { USAAccordionToggleEvent } from "./events.js";
3
4
 
4
5
  declare global {
@@ -65,13 +65,6 @@ declare global {
65
65
  }
66
66
 
67
67
  #heading::slotted(*) {
68
- font-family:
69
- Source Sans Pro Web,
70
- Helvetica Neue,
71
- Helvetica,
72
- Roboto,
73
- Arial,
74
- sans-serif;
75
68
  font-size: 1.33rem;
76
69
  line-height: 0.9;
77
70
  margin-top: 0;
@@ -71,7 +71,6 @@ export const ICON_TYPES = [
71
71
  "event",
72
72
  "expand_less",
73
73
  "expand_more",
74
- "facebook",
75
74
  "fast_forward",
76
75
  "fast_rewind",
77
76
  "favorite",
@@ -85,7 +84,6 @@ export const ICON_TYPES = [
85
84
  "fingerprint",
86
85
  "first_page",
87
86
  "flag",
88
- "flickr",
89
87
  "flight",
90
88
  "flooding",
91
89
  "folder",
@@ -93,7 +91,6 @@ export const ICON_TYPES = [
93
91
  "format_quote",
94
92
  "format_size",
95
93
  "forum",
96
- "github",
97
94
  "grid_view",
98
95
  "group_add",
99
96
  "groups",
@@ -112,7 +109,6 @@ export const ICON_TYPES = [
112
109
  "info",
113
110
  "info_outline",
114
111
  "insights",
115
- "instagram",
116
112
  "keyboard",
117
113
  "label",
118
114
  "language",
@@ -122,7 +118,6 @@ export const ICON_TYPES = [
122
118
  "lightbulb_outline",
123
119
  "link",
124
120
  "link_off",
125
- "linkedin",
126
121
  "list",
127
122
  "local_cafe",
128
123
  "local_fire_department",
@@ -222,7 +217,6 @@ export const ICON_TYPES = [
222
217
  "translate",
223
218
  "trending_down",
224
219
  "trending_up",
225
- "twitter",
226
220
  "undo",
227
221
  "unfold_less",
228
222
  "unfold_more",
@@ -237,8 +231,6 @@ export const ICON_TYPES = [
237
231
  "wash",
238
232
  "wifi",
239
233
  "work",
240
- "x",
241
- "youtube",
242
234
  "zoom_in",
243
235
  "zoom_out_map",
244
236
  "zoom_out",
@@ -1,5 +1,5 @@
1
1
  import { attr, css, element, html, listen, query, ready } from "@joist/element";
2
- import { type Changes, effect, observe } from "@joist/observable";
2
+ import { effect, observe } from "@joist/observable";
3
3
 
4
4
  import type { MaskableElement } from "../input-mask/maskable.element.js";
5
5
 
@@ -105,6 +105,9 @@ export class USATextInputElement
105
105
  @attr()
106
106
  accessor required = false;
107
107
 
108
+ @attr()
109
+ accessor type: "text" | "password" | "number" = "text";
110
+
108
111
  @attr({
109
112
  observed: false,
110
113
  })
@@ -131,11 +134,9 @@ export class USATextInputElement
131
134
  }
132
135
 
133
136
  attributeChangedCallback() {
134
- this.#input({
135
- autocomplete: this.autocomplete,
136
- placeholder: this.placeholder,
137
- name: this.name,
138
- });
137
+ const { autocomplete, placeholder, name, type } = this;
138
+
139
+ this.#input({ autocomplete, placeholder, name, type });
139
140
  }
140
141
 
141
142
  connectedCallback() {
@@ -143,18 +144,10 @@ export class USATextInputElement
143
144
  }
144
145
 
145
146
  @effect()
146
- onChange(changes: Changes<this>) {
147
- const input = this.#input({
148
- value: this.value,
149
- });
147
+ onChange() {
148
+ const { value, selectionStart, selectionEnd } = this;
150
149
 
151
- if (changes.has("selectionStart")) {
152
- input.selectionStart = this.selectionStart;
153
- }
154
-
155
- if (changes.has("selectionEnd")) {
156
- input.selectionEnd = this.selectionEnd;
157
- }
150
+ this.#input({ value, selectionStart, selectionEnd });
158
151
 
159
152
  this.#syncFormState();
160
153
  }
@@ -16,7 +16,7 @@ const meta = {
16
16
 
17
17
  console.log(Array.from(data.entries()));
18
18
  }}>
19
- <usa-input name="fname" value="Danny" autocomplete="off" detail="pfx">
19
+ <usa-input name="fname" autocomplete="off" detail="pfx">
20
20
  <usa-icon icon="credit_card" slot="detail"></usa-icon>
21
21
 
22
22
  First name
@@ -1,10 +1,6 @@
1
- export enum PatternChar {
2
- Any = "*",
3
- Number = "9",
4
- Letter = "A",
5
- }
1
+ export const PATTERN_CHARS = ["*", "9", "A"] as const;
6
2
 
7
- export const PATTERN_CHARS = Object.values(PatternChar);
3
+ export type PatternChar = (typeof PATTERN_CHARS)[number];
8
4
 
9
5
  export const REG_EXPS = {
10
6
  Letters: /^[a-z]/i,
@@ -28,24 +24,26 @@ export function format(value: string, pattern: string): FormattedResult {
28
24
  const char = chars[count];
29
25
 
30
26
  if (char && patternChar) {
31
- if (patternChar === PatternChar.Any) {
32
- // Any letter or number
33
- formatted += char;
34
- count++;
35
- } else if (patternChar === PatternChar.Number) {
36
- // Numbers only
37
- if (/^[0-9]/i.test(char)) {
38
- formatted += char;
39
- }
40
-
41
- count++;
42
- } else if (patternChar === PatternChar.Letter) {
43
- // Letters only
44
- if (/^[a-z]/i.test(char)) {
27
+ if (isPatternChar(patternChar)) {
28
+ if (patternChar === "*") {
29
+ // Any letter or number
45
30
  formatted += char;
31
+ count++;
32
+ } else if (patternChar === "9") {
33
+ // Numbers only
34
+ if (/^[0-9]/i.test(char)) {
35
+ formatted += char;
36
+ }
37
+
38
+ count++;
39
+ } else if (patternChar === "A") {
40
+ // Letters only
41
+ if (/^[a-z]/i.test(char)) {
42
+ formatted += char;
43
+ }
44
+
45
+ count++;
46
46
  }
47
-
48
- count++;
49
47
  } else {
50
48
  formatted += patternChar;
51
49
  }
@@ -54,3 +52,7 @@ export function format(value: string, pattern: string): FormattedResult {
54
52
 
55
53
  return { raw, formatted };
56
54
  }
55
+
56
+ export function isPatternChar(char: unknown): char is PatternChar {
57
+ return PATTERN_CHARS.some((c) => char === c);
58
+ }
@@ -1,6 +1,6 @@
1
1
  import { attr, css, element, html, listen, queryAll } from "@joist/element";
2
2
 
3
- import { PATTERN_CHARS, PatternChar, REG_EXPS, format } from "./format.js";
3
+ import { PATTERN_CHARS, type PatternChar, REG_EXPS, format } from "./format.js";
4
4
  import type { MaskableElement } from "./maskable.element.js";
5
5
 
6
6
  declare global {
@@ -64,7 +64,7 @@ export class USAInputMaskElement extends HTMLElement {
64
64
  onKeyDown(e: KeyboardEvent) {
65
65
  const input = e.target as MaskableElement;
66
66
  const mask = this.#getMaskFor(input);
67
- const patternChar = mask[input.selectionStart || 0];
67
+ const patternChar = mask[input.selectionStart || 0] as PatternChar;
68
68
 
69
69
  if (e.key.length === 1 && /^[a-z0-9]/i.test(e.key)) {
70
70
  // check that the key is a single character and that it is a letter or number
@@ -72,12 +72,12 @@ export class USAInputMaskElement extends HTMLElement {
72
72
  if (input.value.length >= mask.length) {
73
73
  // prevent default once value is the same as the mask length
74
74
  e.preventDefault();
75
- } else if (patternChar === PatternChar.Number) {
75
+ } else if (patternChar === "9") {
76
76
  if (!REG_EXPS.Numbers.test(e.key)) {
77
77
  // if pattern char specifies number and is not
78
78
  e.preventDefault();
79
79
  }
80
- } else if (patternChar === PatternChar.Letter) {
80
+ } else if (patternChar === "A") {
81
81
  if (!REG_EXPS.Letters.test(e.key)) {
82
82
  // if pattern char specifies letter and is not
83
83
  e.preventDefault();
@@ -18,6 +18,10 @@ declare global {
18
18
  shadowDom: [
19
19
  css`
20
20
  :host {
21
+ --usa-radio-active-color: #005ea2;
22
+ --usa-radio-tiled-bg: rgba(0, 94, 162, 0.1);
23
+ --usa-radio-focus-color: #2491ff;
24
+
21
25
  display: flex;
22
26
  flex-direction: column;
23
27
  gap: 1rem;
@@ -51,14 +55,14 @@ declare global {
51
55
  }
52
56
 
53
57
  label:has(input:checked)::before {
54
- background-color: #005ea2;
58
+ background-color: var(--usa-radio-active-color);
55
59
  box-shadow:
56
- 0 0 0 2px #005ea2,
60
+ 0 0 0 2px var(--usa-radio-active-color),
57
61
  inset 0 0 0 2px #fff;
58
62
  }
59
63
 
60
64
  label:has(input:focus)::before {
61
- outline: 0.25rem solid #2491ff;
65
+ outline: 0.25rem solid var(--usa-radio-focus-color);
62
66
  outline-offset: 0.25rem;
63
67
  }
64
68
 
@@ -75,8 +79,8 @@ declare global {
75
79
  }
76
80
 
77
81
  :host([tiled]) label:has(input:checked) {
78
- background-color: rgba(0, 94, 162, 0.1);
79
- border-color: #005ea2;
82
+ background-color: var(--usa-radio-tiled-bg);
83
+ border-color: var(--usa-radio-active-color);
80
84
  }
81
85
 
82
86
  slot {
@@ -1,6 +1,6 @@
1
+ import { inject, injectable, injected } from "@joist/di";
1
2
  import { attr, css, element, html, listen } from "@joist/element";
2
3
 
3
- import { inject, injectable, injected } from "@joist/di";
4
4
  import { SELECT_CONTEXT } from "../context.js";
5
5
 
6
6
  declare global {
@@ -20,7 +20,9 @@ declare global {
20
20
  html`<slot></slot>`,
21
21
  ],
22
22
  })
23
- @injectable()
23
+ @injectable({
24
+ name: "usa-select-option-ctx",
25
+ })
24
26
  export class USASelecOptionElement extends HTMLElement {
25
27
  @attr()
26
28
  accessor value = "";
@@ -18,12 +18,14 @@ declare global {
18
18
  :host {
19
19
  font-size: 1.06rem;
20
20
  line-height: 1.3;
21
- display: block;
21
+ display: flex;
22
+ flex-direction: column;
22
23
  font-weight: 400;
23
- max-width: 30rem;
24
24
  margin-bottom: 1.5rem;
25
+ max-width: 30rem;
25
26
  position: relative;
26
- height: calc(6lh + .5rem);
27
+ height: 9lh;
28
+ gap: 0.5rem;
27
29
  }
28
30
 
29
31
  textarea {
@@ -32,7 +34,6 @@ declare global {
32
34
  border-radius: 0;
33
35
  color: #1b1b1b;
34
36
  display: block;
35
- margin-top: .5rem;
36
37
  max-width: 30rem;
37
38
  padding: .5rem;
38
39
  border-width: 1px;
@@ -42,8 +43,8 @@ declare global {
42
43
  -moz-appearance: none;
43
44
  appearance: none;
44
45
  width: 100%;
45
- height: 100%;
46
46
  resize: none;
47
+ flex-grow: 1;
47
48
  }
48
49
 
49
50
  textarea:not(:disabled):focus {
@@ -52,11 +53,11 @@ declare global {
52
53
  }
53
54
  `,
54
55
  html`
55
- <label>
56
+ <label for="textarea">
56
57
  <slot></slot>
57
-
58
- <textarea></textarea>
59
58
  </label>
59
+
60
+ <textarea id="textarea"></textarea>
60
61
  `,
61
62
  ],
62
63
  })
@@ -96,9 +97,7 @@ export class USATextareaElement extends HTMLElement {
96
97
 
97
98
  @effect()
98
99
  onChange() {
99
- this.#input({
100
- value: this.value,
101
- });
100
+ this.#input({ value: this.value });
102
101
 
103
102
  this.#syncFormState();
104
103
  }
@@ -109,11 +108,9 @@ export class USATextareaElement extends HTMLElement {
109
108
  }
110
109
 
111
110
  attributeChangedCallback() {
112
- this.#input({
113
- name: this.name,
114
- placeholder: this.placeholder,
115
- autocomplete: this.autocomplete,
116
- });
111
+ const { name, placeholder, autocomplete } = this;
112
+
113
+ this.#input({ name, placeholder, autocomplete });
117
114
  }
118
115
 
119
116
  #syncFormState() {
@@ -1 +1 @@
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;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;IAuGzC,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;mCASN,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC;6CAO1B,MAAM,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;YAlBtD,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,iKAAS,IAAI,6BAAJ,IAAI,mFAAS;YAStB,wKAAA,OAAO,6DAIN;YAGD,sMAAA,iBAAiB,6DAMhB;YA3BH,6KA4BC;;;YA5BY,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,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACrC,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;;;;SA3BU,mBAAmB"}
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;AAEzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;IAuGzC,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;mCASN,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC;6CAO1B,MAAM,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;YAlBtD,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,iKAAS,IAAI,6BAAJ,IAAI,mFAAS;YAStB,wKAAA,OAAO,6DAIN;YAGD,sMAAA,iBAAiB,6DAMhB;YA3BH,6KA4BC;;;YA5BY,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,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACrC,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;;;;SA3BU,mBAAmB"}
@@ -59,13 +59,6 @@ let USAAlertElement = (() => {
59
59
  }
60
60
 
61
61
  #heading::slotted(*) {
62
- font-family:
63
- Source Sans Pro Web,
64
- Helvetica Neue,
65
- Helvetica,
66
- Roboto,
67
- Arial,
68
- sans-serif;
69
62
  font-size: 1.33rem;
70
63
  line-height: 0.9;
71
64
  margin-top: 0;
@@ -1 +1 @@
1
- {"version":3,"file":"alert.element.js","sourceRoot":"","sources":["../../../src/lib/alert/alert.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAqB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;IA+F1D,eAAe;4BAvF3B,OAAO,CAAC;YACP,OAAO,EAAE,WAAW;YACpB,aAAa,EAAE;gBACb,IAAI,EAAE,MAAM;gBACZ,cAAc,EAAE,IAAI;aACrB;YACD,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8DF;gBACD,IAAI,CAAA;;;;;;;;;;;;;;KAcH;aACF;SACF,CAAC;;;;sBACmC,WAAW;;;;+BAAnB,SAAQ,WAAW;;;;gCAC7C,IAAI,EAAE;YACP,iKAAS,IAAI,6BAAJ,IAAI,mFAAwB;YAFvC,6KAWC;;;YAXY,uDAAe;;QAE1B,qEAA8B,MAAM,EAAC;QAArC,IAAS,IAAI,0CAAwB;QAArC,IAAS,IAAI,gDAAwB;QAErC,KAAK,sDAAG,KAAK,CAAC,UAAU,CAAC,EAAC;QAE1B,wBAAwB;YACtB,IAAI,CAAC,KAAK,CAAC;gBACT,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI;aACvC,CAAC,CAAC;QACL,CAAC;;;;SAVU,eAAe"}
1
+ {"version":3,"file":"alert.element.js","sourceRoot":"","sources":["../../../src/lib/alert/alert.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAqB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;IAwF1D,eAAe;4BAhF3B,OAAO,CAAC;YACP,OAAO,EAAE,WAAW;YACpB,aAAa,EAAE;gBACb,IAAI,EAAE,MAAM;gBACZ,cAAc,EAAE,IAAI;aACrB;YACD,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuDF;gBACD,IAAI,CAAA;;;;;;;;;;;;;;KAcH;aACF;SACF,CAAC;;;;sBACmC,WAAW;;;;+BAAnB,SAAQ,WAAW;;;;gCAC7C,IAAI,EAAE;YACP,iKAAS,IAAI,6BAAJ,IAAI,mFAAwB;YAFvC,6KAWC;;;YAXY,uDAAe;;QAE1B,qEAA8B,MAAM,EAAC;QAArC,IAAS,IAAI,0CAAwB;QAArC,IAAS,IAAI,gDAAwB;QAErC,KAAK,sDAAG,KAAK,CAAC,UAAU,CAAC,EAAC;QAE1B,wBAAwB;YACtB,IAAI,CAAC,KAAK,CAAC;gBACT,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI;aACvC,CAAC,CAAC;QACL,CAAC;;;;SAVU,eAAe"}
@@ -1,2 +1,2 @@
1
- export declare const ICON_TYPES: readonly ["accessibility_new", "accessible_forward", "account_balance", "account_box", "account_circle", "add", "add_circle", "add_circle_outline", "alarm", "alternate_email", "announcement", "arrow_back", "arrow_downward", "arrow_drop_down", "arrow_drop_up", "arrow_forward", "arrow_upward", "api", "assessment", "attach_file", "attach_money", "autorenew", "backpack", "bathtub", "bedding", "bookmark", "bug_report", "build", "calendar_today", "campaign", "camping", "cancel", "chat", "check", "check_box_outline_blank", "check_circle", "check_circle_outline", "checkroom", "clean_hands", "clothes", "close", "closed_caption", "cloud", "code", "comment", "connect_without_contact", "construction", "construction_worker", "contact_page", "content_copy", "coronavirus", "credit_card", "deck", "delete", "device_thermostat", "directions", "directions_bike", "directions_bus", "directions_car", "directions_walk", "do_not_disturb", "do_not_touch", "drag_handle", "eco", "edit", "electrical_services", "emoji_events", "error", "error_outline", "event", "expand_less", "expand_more", "facebook", "fast_forward", "fast_rewind", "favorite", "favorite_border", "fax", "file_download", "file_present", "file_upload", "filter_alt", "filter_list", "fingerprint", "first_page", "flag", "flickr", "flight", "flooding", "folder", "folder_open", "format_quote", "format_size", "forum", "github", "grid_view", "group_add", "groups", "hearing", "help", "help_outline", "highlight_off", "history", "home", "hospital", "hotel", "hourglass_empty", "hurricane", "identification", "image", "info", "info_outline", "insights", "instagram", "keyboard", "label", "language", "last_page", "launch", "lightbulb", "lightbulb_outline", "link", "link_off", "linkedin", "list", "local_cafe", "local_fire_department", "local_gas_station", "local_grocery_store", "local_hospital", "local_laundry_service", "local_library", "local_offer", "local_parking", "local_pharmacy", "local_police", "local_taxi", "location_city", "location_on", "lock", "lock_open", "lock_outline", "login", "logout", "loop", "mail", "mail_outline", "map", "masks", "medical_services", "menu", "military_tech", "more_horiz", "more_vert", "my_location", "navigate_before", "navigate_next", "navigate_far_before", "navigate_far_next", "near_me", "notifications", "notifications_active", "notifications_none", "notifications_off", "park", "people", "person", "pets", "phone", "photo_camera", "print", "priority_high", "public", "push_pin", "radio_button_unchecked", "rain", "reduce_capacity", "remove", "remove_circle", "report", "restaurant", "rss_feed", "safety_divider", "sanitizer", "severe_weather", "save_alt", "schedule", "school", "science", "search", "security", "send", "sentiment_dissatisfied", "sentiment_neutral", "sentiment_satisfied", "sentiment_satisfied_alt", "sentiment_very_dissatisfied", "settings", "share", "shield", "shopping_basket", "snow", "soap", "social_distance", "sort_arrow", "spellcheck", "star", "star_half", "star_outline", "store", "support", "support_agent", "text_fields", "thumb_down_alt", "thumb_up_alt", "timer", "toggle_off", "toggle_on", "topic", "tornado", "translate", "trending_down", "trending_up", "twitter", "undo", "unfold_less", "unfold_more", "update", "upload_file", "verified", "verified_user", "visibility", "visibility_off", "volume_off", "warning", "wash", "wifi", "work", "x", "youtube", "zoom_in", "zoom_out_map", "zoom_out", "visibility", "home", "print", "search", "check_circle", "warning", "info", "cancel", "check_circle", "warning", "info", "cancel", "help", "people", "mail", "support"];
1
+ export declare const ICON_TYPES: readonly ["accessibility_new", "accessible_forward", "account_balance", "account_box", "account_circle", "add", "add_circle", "add_circle_outline", "alarm", "alternate_email", "announcement", "arrow_back", "arrow_downward", "arrow_drop_down", "arrow_drop_up", "arrow_forward", "arrow_upward", "api", "assessment", "attach_file", "attach_money", "autorenew", "backpack", "bathtub", "bedding", "bookmark", "bug_report", "build", "calendar_today", "campaign", "camping", "cancel", "chat", "check", "check_box_outline_blank", "check_circle", "check_circle_outline", "checkroom", "clean_hands", "clothes", "close", "closed_caption", "cloud", "code", "comment", "connect_without_contact", "construction", "construction_worker", "contact_page", "content_copy", "coronavirus", "credit_card", "deck", "delete", "device_thermostat", "directions", "directions_bike", "directions_bus", "directions_car", "directions_walk", "do_not_disturb", "do_not_touch", "drag_handle", "eco", "edit", "electrical_services", "emoji_events", "error", "error_outline", "event", "expand_less", "expand_more", "fast_forward", "fast_rewind", "favorite", "favorite_border", "fax", "file_download", "file_present", "file_upload", "filter_alt", "filter_list", "fingerprint", "first_page", "flag", "flight", "flooding", "folder", "folder_open", "format_quote", "format_size", "forum", "grid_view", "group_add", "groups", "hearing", "help", "help_outline", "highlight_off", "history", "home", "hospital", "hotel", "hourglass_empty", "hurricane", "identification", "image", "info", "info_outline", "insights", "keyboard", "label", "language", "last_page", "launch", "lightbulb", "lightbulb_outline", "link", "link_off", "list", "local_cafe", "local_fire_department", "local_gas_station", "local_grocery_store", "local_hospital", "local_laundry_service", "local_library", "local_offer", "local_parking", "local_pharmacy", "local_police", "local_taxi", "location_city", "location_on", "lock", "lock_open", "lock_outline", "login", "logout", "loop", "mail", "mail_outline", "map", "masks", "medical_services", "menu", "military_tech", "more_horiz", "more_vert", "my_location", "navigate_before", "navigate_next", "navigate_far_before", "navigate_far_next", "near_me", "notifications", "notifications_active", "notifications_none", "notifications_off", "park", "people", "person", "pets", "phone", "photo_camera", "print", "priority_high", "public", "push_pin", "radio_button_unchecked", "rain", "reduce_capacity", "remove", "remove_circle", "report", "restaurant", "rss_feed", "safety_divider", "sanitizer", "severe_weather", "save_alt", "schedule", "school", "science", "search", "security", "send", "sentiment_dissatisfied", "sentiment_neutral", "sentiment_satisfied", "sentiment_satisfied_alt", "sentiment_very_dissatisfied", "settings", "share", "shield", "shopping_basket", "snow", "soap", "social_distance", "sort_arrow", "spellcheck", "star", "star_half", "star_outline", "store", "support", "support_agent", "text_fields", "thumb_down_alt", "thumb_up_alt", "timer", "toggle_off", "toggle_on", "topic", "tornado", "translate", "trending_down", "trending_up", "undo", "unfold_less", "unfold_more", "update", "upload_file", "verified", "verified_user", "visibility", "visibility_off", "volume_off", "warning", "wash", "wifi", "work", "zoom_in", "zoom_out_map", "zoom_out", "visibility", "home", "print", "search", "check_circle", "warning", "info", "cancel", "check_circle", "warning", "info", "cancel", "help", "people", "mail", "support"];
2
2
  export type USAIcon = (typeof ICON_TYPES)[number];
@@ -71,7 +71,6 @@ export const ICON_TYPES = [
71
71
  "event",
72
72
  "expand_less",
73
73
  "expand_more",
74
- "facebook",
75
74
  "fast_forward",
76
75
  "fast_rewind",
77
76
  "favorite",
@@ -85,7 +84,6 @@ export const ICON_TYPES = [
85
84
  "fingerprint",
86
85
  "first_page",
87
86
  "flag",
88
- "flickr",
89
87
  "flight",
90
88
  "flooding",
91
89
  "folder",
@@ -93,7 +91,6 @@ export const ICON_TYPES = [
93
91
  "format_quote",
94
92
  "format_size",
95
93
  "forum",
96
- "github",
97
94
  "grid_view",
98
95
  "group_add",
99
96
  "groups",
@@ -112,7 +109,6 @@ export const ICON_TYPES = [
112
109
  "info",
113
110
  "info_outline",
114
111
  "insights",
115
- "instagram",
116
112
  "keyboard",
117
113
  "label",
118
114
  "language",
@@ -122,7 +118,6 @@ export const ICON_TYPES = [
122
118
  "lightbulb_outline",
123
119
  "link",
124
120
  "link_off",
125
- "linkedin",
126
121
  "list",
127
122
  "local_cafe",
128
123
  "local_fire_department",
@@ -222,7 +217,6 @@ export const ICON_TYPES = [
222
217
  "translate",
223
218
  "trending_down",
224
219
  "trending_up",
225
- "twitter",
226
220
  "undo",
227
221
  "unfold_less",
228
222
  "unfold_more",
@@ -237,8 +231,6 @@ export const ICON_TYPES = [
237
231
  "wash",
238
232
  "wifi",
239
233
  "work",
240
- "x",
241
- "youtube",
242
234
  "zoom_in",
243
235
  "zoom_out_map",
244
236
  "zoom_out",
@@ -1 +1 @@
1
- {"version":3,"file":"icon-types.js","sourceRoot":"","sources":["../../../src/lib/icon/icon-types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"icon-types.js","sourceRoot":"","sources":["../../../src/lib/icon/icon-types.ts"],"names":[],"mappings":"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"}
@@ -1,4 +1,3 @@
1
- import { type Changes } from "@joist/observable";
2
1
  import type { MaskableElement } from "../input-mask/maskable.element.js";
3
2
  declare global {
4
3
  interface HTMLElementTagNameMap {
@@ -12,6 +11,7 @@ export declare class USATextInputElement extends HTMLElement implements Maskable
12
11
  accessor autocomplete: AutoFill;
13
12
  accessor placeholder: string;
14
13
  accessor required: boolean;
14
+ accessor type: "text" | "password" | "number";
15
15
  accessor detail: "pfx" | "sfx" | "";
16
16
  accessor value: string;
17
17
  accessor selectionStart: number | null;
@@ -19,7 +19,7 @@ export declare class USATextInputElement extends HTMLElement implements Maskable
19
19
  onReady(): void;
20
20
  attributeChangedCallback(): void;
21
21
  connectedCallback(): void;
22
- onChange(changes: Changes<this>): void;
22
+ onChange(): void;
23
23
  onKeyDown(e: KeyboardEvent): void;
24
24
  onInputChange(): void;
25
25
  }
@@ -97,6 +97,9 @@ let USATextInputElement = (() => {
97
97
  let _required_decorators;
98
98
  let _required_initializers = [];
99
99
  let _required_extraInitializers = [];
100
+ let _type_decorators;
101
+ let _type_initializers = [];
102
+ let _type_extraInitializers = [];
100
103
  let _detail_decorators;
101
104
  let _detail_initializers = [];
102
105
  let _detail_extraInitializers = [];
@@ -121,6 +124,7 @@ let USATextInputElement = (() => {
121
124
  _autocomplete_decorators = [attr()];
122
125
  _placeholder_decorators = [attr()];
123
126
  _required_decorators = [attr()];
127
+ _type_decorators = [attr()];
124
128
  _detail_decorators = [attr({
125
129
  observed: false,
126
130
  })];
@@ -137,6 +141,7 @@ let USATextInputElement = (() => {
137
141
  __esDecorate(this, null, _autocomplete_decorators, { kind: "accessor", name: "autocomplete", static: false, private: false, access: { has: obj => "autocomplete" in obj, get: obj => obj.autocomplete, set: (obj, value) => { obj.autocomplete = value; } }, metadata: _metadata }, _autocomplete_initializers, _autocomplete_extraInitializers);
138
142
  __esDecorate(this, null, _placeholder_decorators, { kind: "accessor", name: "placeholder", static: false, private: false, access: { has: obj => "placeholder" in obj, get: obj => obj.placeholder, set: (obj, value) => { obj.placeholder = value; } }, metadata: _metadata }, _placeholder_initializers, _placeholder_extraInitializers);
139
143
  __esDecorate(this, null, _required_decorators, { kind: "accessor", name: "required", static: false, private: false, access: { has: obj => "required" in obj, get: obj => obj.required, set: (obj, value) => { obj.required = value; } }, metadata: _metadata }, _required_initializers, _required_extraInitializers);
144
+ __esDecorate(this, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
140
145
  __esDecorate(this, null, _detail_decorators, { kind: "accessor", name: "detail", static: false, private: false, access: { has: obj => "detail" in obj, get: obj => obj.detail, set: (obj, value) => { obj.detail = value; } }, metadata: _metadata }, _detail_initializers, _detail_extraInitializers);
141
146
  __esDecorate(this, null, _value_decorators, { kind: "accessor", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
142
147
  __esDecorate(this, null, _selectionStart_decorators, { kind: "accessor", name: "selectionStart", static: false, private: false, access: { has: obj => "selectionStart" in obj, get: obj => obj.selectionStart, set: (obj, value) => { obj.selectionStart = value; } }, metadata: _metadata }, _selectionStart_initializers, _selectionStart_extraInitializers);
@@ -162,7 +167,10 @@ let USATextInputElement = (() => {
162
167
  #required_accessor_storage = (__runInitializers(this, _placeholder_extraInitializers), __runInitializers(this, _required_initializers, false));
163
168
  get required() { return this.#required_accessor_storage; }
164
169
  set required(value) { this.#required_accessor_storage = value; }
165
- #detail_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _detail_initializers, ""));
170
+ #type_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _type_initializers, "text"));
171
+ get type() { return this.#type_accessor_storage; }
172
+ set type(value) { this.#type_accessor_storage = value; }
173
+ #detail_accessor_storage = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _detail_initializers, ""));
166
174
  get detail() { return this.#detail_accessor_storage; }
167
175
  set detail(value) { this.#detail_accessor_storage = value; }
168
176
  #value_accessor_storage = (__runInitializers(this, _detail_extraInitializers), __runInitializers(this, _value_initializers, ""));
@@ -180,25 +188,15 @@ let USATextInputElement = (() => {
180
188
  this.#input({ autofocus: this.autofocus });
181
189
  }
182
190
  attributeChangedCallback() {
183
- this.#input({
184
- autocomplete: this.autocomplete,
185
- placeholder: this.placeholder,
186
- name: this.name,
187
- });
191
+ const { autocomplete, placeholder, name, type } = this;
192
+ this.#input({ autocomplete, placeholder, name, type });
188
193
  }
189
194
  connectedCallback() {
190
195
  this.#syncFormState();
191
196
  }
192
- onChange(changes) {
193
- const input = this.#input({
194
- value: this.value,
195
- });
196
- if (changes.has("selectionStart")) {
197
- input.selectionStart = this.selectionStart;
198
- }
199
- if (changes.has("selectionEnd")) {
200
- input.selectionEnd = this.selectionEnd;
201
- }
197
+ onChange() {
198
+ const { value, selectionStart, selectionEnd } = this;
199
+ this.#input({ value, selectionStart, selectionEnd });
202
200
  this.#syncFormState();
203
201
  }
204
202
  onKeyDown(e) {
@@ -1 +1 @@
1
- {"version":3,"file":"input.element.js","sourceRoot":"","sources":["../../../src/lib/input/input.element.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"input.element.js","sourceRoot":"","sources":["../../../src/lib/input/input.element.ts"],"names":[],"mappings":"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"}
@@ -10,7 +10,7 @@ const meta = {
10
10
  const data = new FormData(e.target);
11
11
  console.log(Array.from(data.entries()));
12
12
  }}>
13
- <usa-input name="fname" value="Danny" autocomplete="off" detail="pfx">
13
+ <usa-input name="fname" autocomplete="off" detail="pfx">
14
14
  <usa-icon icon="credit_card" slot="detail"></usa-icon>
15
15
 
16
16
  First name
@@ -1,9 +1,5 @@
1
- export declare enum PatternChar {
2
- Any = "*",
3
- Number = "9",
4
- Letter = "A"
5
- }
6
- export declare const PATTERN_CHARS: PatternChar[];
1
+ export declare const PATTERN_CHARS: readonly ["*", "9", "A"];
2
+ export type PatternChar = (typeof PATTERN_CHARS)[number];
7
3
  export declare const REG_EXPS: {
8
4
  Letters: RegExp;
9
5
  Numbers: RegExp;
@@ -13,3 +9,4 @@ export interface FormattedResult {
13
9
  formatted: string;
14
10
  }
15
11
  export declare function format(value: string, pattern: string): FormattedResult;
12
+ export declare function isPatternChar(char: unknown): char is PatternChar;
@@ -1,10 +1,4 @@
1
- export var PatternChar;
2
- (function (PatternChar) {
3
- PatternChar["Any"] = "*";
4
- PatternChar["Number"] = "9";
5
- PatternChar["Letter"] = "A";
6
- })(PatternChar || (PatternChar = {}));
7
- export const PATTERN_CHARS = Object.values(PatternChar);
1
+ export const PATTERN_CHARS = ["*", "9", "A"];
8
2
  export const REG_EXPS = {
9
3
  Letters: /^[a-z]/i,
10
4
  Numbers: /^[0-9]/i,
@@ -18,24 +12,26 @@ export function format(value, pattern) {
18
12
  const patternChar = pattern[i];
19
13
  const char = chars[count];
20
14
  if (char && patternChar) {
21
- if (patternChar === PatternChar.Any) {
22
- // Any letter or number
23
- formatted += char;
24
- count++;
25
- }
26
- else if (patternChar === PatternChar.Number) {
27
- // Numbers only
28
- if (/^[0-9]/i.test(char)) {
15
+ if (isPatternChar(patternChar)) {
16
+ if (patternChar === "*") {
17
+ // Any letter or number
29
18
  formatted += char;
19
+ count++;
30
20
  }
31
- count++;
32
- }
33
- else if (patternChar === PatternChar.Letter) {
34
- // Letters only
35
- if (/^[a-z]/i.test(char)) {
36
- formatted += char;
21
+ else if (patternChar === "9") {
22
+ // Numbers only
23
+ if (/^[0-9]/i.test(char)) {
24
+ formatted += char;
25
+ }
26
+ count++;
27
+ }
28
+ else if (patternChar === "A") {
29
+ // Letters only
30
+ if (/^[a-z]/i.test(char)) {
31
+ formatted += char;
32
+ }
33
+ count++;
37
34
  }
38
- count++;
39
35
  }
40
36
  else {
41
37
  formatted += patternChar;
@@ -44,4 +40,7 @@ export function format(value, pattern) {
44
40
  }
45
41
  return { raw, formatted };
46
42
  }
43
+ export function isPatternChar(char) {
44
+ return PATTERN_CHARS.some((c) => char === c);
45
+ }
47
46
  //# sourceMappingURL=format.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"format.js","sourceRoot":"","sources":["../../../src/lib/input-mask/format.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,wBAAS,CAAA;IACT,2BAAY,CAAA;IACZ,2BAAY,CAAA;AACd,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;AAExD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAC;AAOF,MAAM,UAAU,MAAM,CAAC,KAAa,EAAE,OAAe;IACnD,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,CAAC,2BAA2B;IACzE,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAE5B,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,SAAS,GAAG,EAAE,CAAC;IAEnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACxC,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QAC/B,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;QAE1B,IAAI,IAAI,IAAI,WAAW,EAAE,CAAC;YACxB,IAAI,WAAW,KAAK,WAAW,CAAC,GAAG,EAAE,CAAC;gBACpC,uBAAuB;gBACvB,SAAS,IAAI,IAAI,CAAC;gBAClB,KAAK,EAAE,CAAC;YACV,CAAC;iBAAM,IAAI,WAAW,KAAK,WAAW,CAAC,MAAM,EAAE,CAAC;gBAC9C,eAAe;gBACf,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;oBACzB,SAAS,IAAI,IAAI,CAAC;gBACpB,CAAC;gBAED,KAAK,EAAE,CAAC;YACV,CAAC;iBAAM,IAAI,WAAW,KAAK,WAAW,CAAC,MAAM,EAAE,CAAC;gBAC9C,eAAe;gBACf,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;oBACzB,SAAS,IAAI,IAAI,CAAC;gBACpB,CAAC;gBAED,KAAK,EAAE,CAAC;YACV,CAAC;iBAAM,CAAC;gBACN,SAAS,IAAI,WAAW,CAAC;YAC3B,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;AAC5B,CAAC"}
1
+ {"version":3,"file":"format.js","sourceRoot":"","sources":["../../../src/lib/input-mask/format.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAItD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAC;AAOF,MAAM,UAAU,MAAM,CAAC,KAAa,EAAE,OAAe;IACnD,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,CAAC,2BAA2B;IACzE,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAE5B,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,SAAS,GAAG,EAAE,CAAC;IAEnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACxC,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QAC/B,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;QAE1B,IAAI,IAAI,IAAI,WAAW,EAAE,CAAC;YACxB,IAAI,aAAa,CAAC,WAAW,CAAC,EAAE,CAAC;gBAC/B,IAAI,WAAW,KAAK,GAAG,EAAE,CAAC;oBACxB,uBAAuB;oBACvB,SAAS,IAAI,IAAI,CAAC;oBAClB,KAAK,EAAE,CAAC;gBACV,CAAC;qBAAM,IAAI,WAAW,KAAK,GAAG,EAAE,CAAC;oBAC/B,eAAe;oBACf,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;wBACzB,SAAS,IAAI,IAAI,CAAC;oBACpB,CAAC;oBAED,KAAK,EAAE,CAAC;gBACV,CAAC;qBAAM,IAAI,WAAW,KAAK,GAAG,EAAE,CAAC;oBAC/B,eAAe;oBACf,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;wBACzB,SAAS,IAAI,IAAI,CAAC;oBACpB,CAAC;oBAED,KAAK,EAAE,CAAC;gBACV,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,SAAS,IAAI,WAAW,CAAC;YAC3B,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAa;IACzC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;AAC/C,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { __esDecorate, __runInitializers } from "tslib";
2
2
  import { attr, css, element, html, listen, queryAll } from "@joist/element";
3
- import { PATTERN_CHARS, PatternChar, REG_EXPS, format } from "./format.js";
3
+ import { PATTERN_CHARS, REG_EXPS, format } from "./format.js";
4
4
  let USAInputMaskElement = (() => {
5
5
  let _classDecorators = [element({
6
6
  tagName: "usa-input-mask",
@@ -79,13 +79,13 @@ let USAInputMaskElement = (() => {
79
79
  // prevent default once value is the same as the mask length
80
80
  e.preventDefault();
81
81
  }
82
- else if (patternChar === PatternChar.Number) {
82
+ else if (patternChar === "9") {
83
83
  if (!REG_EXPS.Numbers.test(e.key)) {
84
84
  // if pattern char specifies number and is not
85
85
  e.preventDefault();
86
86
  }
87
87
  }
88
- else if (patternChar === PatternChar.Letter) {
88
+ else if (patternChar === "A") {
89
89
  if (!REG_EXPS.Letters.test(e.key)) {
90
90
  // if pattern char specifies letter and is not
91
91
  e.preventDefault();
@@ -1 +1 @@
1
- {"version":3,"file":"input-mask.element.js","sourceRoot":"","sources":["../../../src/lib/input-mask/input-mask.element.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"input-mask.element.js","sourceRoot":"","sources":["../../../src/lib/input-mask/input-mask.element.ts"],"names":[],"mappings":"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"}
@@ -11,6 +11,10 @@ let USARadioElement = (() => {
11
11
  shadowDom: [
12
12
  css `
13
13
  :host {
14
+ --usa-radio-active-color: #005ea2;
15
+ --usa-radio-tiled-bg: rgba(0, 94, 162, 0.1);
16
+ --usa-radio-focus-color: #2491ff;
17
+
14
18
  display: flex;
15
19
  flex-direction: column;
16
20
  gap: 1rem;
@@ -44,14 +48,14 @@ let USARadioElement = (() => {
44
48
  }
45
49
 
46
50
  label:has(input:checked)::before {
47
- background-color: #005ea2;
51
+ background-color: var(--usa-radio-active-color);
48
52
  box-shadow:
49
- 0 0 0 2px #005ea2,
53
+ 0 0 0 2px var(--usa-radio-active-color),
50
54
  inset 0 0 0 2px #fff;
51
55
  }
52
56
 
53
57
  label:has(input:focus)::before {
54
- outline: 0.25rem solid #2491ff;
58
+ outline: 0.25rem solid var(--usa-radio-focus-color);
55
59
  outline-offset: 0.25rem;
56
60
  }
57
61
 
@@ -68,8 +72,8 @@ let USARadioElement = (() => {
68
72
  }
69
73
 
70
74
  :host([tiled]) label:has(input:checked) {
71
- background-color: rgba(0, 94, 162, 0.1);
72
- border-color: #005ea2;
75
+ background-color: var(--usa-radio-tiled-bg);
76
+ border-color: var(--usa-radio-active-color);
73
77
  }
74
78
 
75
79
  slot {
@@ -1 +1 @@
1
- {"version":3,"file":"radio.element.js","sourceRoot":"","sources":["../../../src/lib/radio/radio.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAAE,SAAS,EAAuB,MAAM,cAAc,CAAC;IAyFjD,eAAe;4BAjF3B,UAAU,CAAC;YACV,IAAI,EAAE,eAAe;YACrB,aAAa,EAAE,CAAC,SAAS,CAAC;SAC3B,CAAC,EACD,OAAO,CAAC;YACP,OAAO,EAAE,WAAW;YACpB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkEF;gBACD,IAAI,CAAA;;;;KAIH;aACF;SACF,CAAC;;;;sBACmC,WAAW;;;;;;;;;;;;;;;+BAAnB,SAAQ,WAAW;;;;iCAG7C,IAAI,EAAE;gCAGN,IAAI,EAAE;oCAGN,IAAI,EAAE;iCAGN,IAAI,CAAC;oBACJ,QAAQ,EAAE,KAAK;iBAChB,CAAC;oCAgBD,MAAM,CAAC,QAAQ,CAAC;YA1BjB,oKAAS,KAAK,6BAAL,KAAK,qFAAM;YAGpB,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,6KAAS,QAAQ,6BAAR,QAAQ,2FAAS;YAK1B,oKAAS,KAAK,6BAAL,KAAK,qFAAS;YAgBvB,2KAAA,QAAQ,6DAQP;YAvCH,6KAuDC;;;;QAtDC,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC;QAG7B,2BAJW,mDAAe,+CAIT,EAAE,GAAC;QAApB,IAAS,KAAK,2CAAM;QAApB,IAAS,KAAK,iDAAM;QAGpB,yHAAgB,EAAE,GAAC;QAAnB,IAAS,IAAI,0CAAM;QAAnB,IAAS,IAAI,gDAAM;QAGnB,gIAAoB,KAAK,GAAC;QAA1B,IAAS,QAAQ,8CAAS;QAA1B,IAAS,QAAQ,oDAAS;QAK1B,8HAAiB,KAAK,GAAC;QAAvB,IAAS,KAAK,2CAAS;QAAvB,IAAS,KAAK,iDAAS;QAEvB,UAAU,uDAAG,IAAI,CAAC,eAAe,EAAE,EAAC;QACpC,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;QAE3B,iBAAiB;YACf,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;QAED,cAAc,CAAC,EAAe;YAC5B,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;YAE5B,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;QAGD,QAAQ,CAAC,CAAQ;YACf,IAAI,CAAC,CAAC,MAAM,YAAY,gBAAgB,EAAE,CAAC;gBACzC,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;oBACrB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;oBAE5B,IAAI,CAAC,cAAc,EAAE,CAAC;gBACxB,CAAC;YACH,CAAC;QACH,CAAC;QAED,cAAc;YACZ,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACzC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAEhC,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACjC,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;gBAEtD,IAAI,CAAC,UAAU,CAAC,WAAW,CACzB,EAAE,YAAY,EAAE,IAAI,EAAE,EACtB,gDAAgD,EAChD,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE,CACxB,CAAC;YACJ,CAAC;QACH,CAAC;;YAtDU,uDAAe;;;;;SAAf,eAAe"}
1
+ {"version":3,"file":"radio.element.js","sourceRoot":"","sources":["../../../src/lib/radio/radio.element.ts"],"names":[],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import { __esDecorate, __runInitializers } from "tslib";
2
- import { attr, css, element, html, listen } from "@joist/element";
3
2
  import { inject, injectable, injected } from "@joist/di";
3
+ import { attr, css, element, html, listen } from "@joist/element";
4
4
  import { SELECT_CONTEXT } from "../context.js";
5
5
  let USASelecOptionElement = (() => {
6
6
  let _classDecorators = [element({
@@ -13,7 +13,9 @@ let USASelecOptionElement = (() => {
13
13
  `,
14
14
  html `<slot></slot>`,
15
15
  ],
16
- }), injectable()];
16
+ }), injectable({
17
+ name: "usa-select-option-ctx",
18
+ })];
17
19
  let _classDescriptor;
18
20
  let _classExtraInitializers = [];
19
21
  let _classThis;
@@ -1 +1 @@
1
- {"version":3,"file":"select-option.element.js","sourceRoot":"","sources":["../../../../src/lib/select/select-option/select-option.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAElE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;IAoBlC,qBAAqB;4BAZjC,OAAO,CAAC;YACP,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;KAIF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC,EACD,UAAU,EAAE;;;;sBAC8B,WAAW;;;;;;;qCAAnB,SAAQ,WAAW;;;;iCACnD,IAAI,EAAE;sCAiBN,QAAQ,EAAE;wCAcV,MAAM,CAAC,YAAY,CAAC;YA9BrB,oKAAS,KAAK,6BAAL,KAAK,qFAAM;YAiBpB,iLAAA,UAAU,6DAWT;YAGD,uLAAA,YAAY,6DAEX;YAnCH,6KA0CC;;;YA1CY,uDAAqB;;QAEhC,2BAFW,mDAAqB,+CAEf,EAAE,GAAC;QAApB,IAAS,KAAK,2CAAM;QAApB,IAAS,KAAK,iDAAM;QAEX,MAAM,uDAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAC;QAEnD,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;QAEjC,SAAS,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACpC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAEjC,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;QAC9C,CAAC,CAAC,CAAC;QAEH,wBAAwB;YACtB,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACjC,CAAC;QAGD,UAAU;YACR,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAE9B,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;YAEnD,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAEpC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE;gBAC7B,UAAU,EAAE,IAAI;gBAChB,eAAe,EAAE,CAAC,OAAO,CAAC;aAC3B,CAAC,CAAC;QACL,CAAC;QAGD,YAAY;YACV,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QAC7C,CAAC;QAED,oBAAoB;YAClB,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC;YAE5B,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACvB,CAAC;;;;SAzCU,qBAAqB"}
1
+ {"version":3,"file":"select-option.element.js","sourceRoot":"","sources":["../../../../src/lib/select/select-option/select-option.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAElE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;IAsBlC,qBAAqB;4BAdjC,OAAO,CAAC;YACP,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;KAIF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC,EACD,UAAU,CAAC;YACV,IAAI,EAAE,uBAAuB;SAC9B,CAAC;;;;sBACyC,WAAW;;;;;;;qCAAnB,SAAQ,WAAW;;;;iCACnD,IAAI,EAAE;sCAiBN,QAAQ,EAAE;wCAcV,MAAM,CAAC,YAAY,CAAC;YA9BrB,oKAAS,KAAK,6BAAL,KAAK,qFAAM;YAiBpB,iLAAA,UAAU,6DAWT;YAGD,uLAAA,YAAY,6DAEX;YAnCH,6KA0CC;;;YA1CY,uDAAqB;;QAEhC,2BAFW,mDAAqB,+CAEf,EAAE,GAAC;QAApB,IAAS,KAAK,2CAAM;QAApB,IAAS,KAAK,iDAAM;QAEX,MAAM,uDAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAC;QAEnD,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;QAEjC,SAAS,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACpC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAEjC,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;QAC9C,CAAC,CAAC,CAAC;QAEH,wBAAwB;YACtB,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACjC,CAAC;QAGD,UAAU;YACR,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAE9B,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;YAEnD,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAEpC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE;gBAC7B,UAAU,EAAE,IAAI;gBAChB,eAAe,EAAE,CAAC,OAAO,CAAC;aAC3B,CAAC,CAAC;QACL,CAAC;QAGD,YAAY;YACV,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QAC7C,CAAC;QAED,oBAAoB;YAClB,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC;YAE5B,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACvB,CAAC;;;;SAzCU,qBAAqB"}
@@ -13,12 +13,14 @@ let USATextareaElement = (() => {
13
13
  :host {
14
14
  font-size: 1.06rem;
15
15
  line-height: 1.3;
16
- display: block;
16
+ display: flex;
17
+ flex-direction: column;
17
18
  font-weight: 400;
18
- max-width: 30rem;
19
19
  margin-bottom: 1.5rem;
20
+ max-width: 30rem;
20
21
  position: relative;
21
- height: calc(6lh + .5rem);
22
+ height: 9lh;
23
+ gap: 0.5rem;
22
24
  }
23
25
 
24
26
  textarea {
@@ -27,7 +29,6 @@ let USATextareaElement = (() => {
27
29
  border-radius: 0;
28
30
  color: #1b1b1b;
29
31
  display: block;
30
- margin-top: .5rem;
31
32
  max-width: 30rem;
32
33
  padding: .5rem;
33
34
  border-width: 1px;
@@ -37,8 +38,8 @@ let USATextareaElement = (() => {
37
38
  -moz-appearance: none;
38
39
  appearance: none;
39
40
  width: 100%;
40
- height: 100%;
41
41
  resize: none;
42
+ flex-grow: 1;
42
43
  }
43
44
 
44
45
  textarea:not(:disabled):focus {
@@ -47,11 +48,11 @@ let USATextareaElement = (() => {
47
48
  }
48
49
  `,
49
50
  html `
50
- <label>
51
+ <label for="textarea">
51
52
  <slot></slot>
52
-
53
- <textarea></textarea>
54
53
  </label>
54
+
55
+ <textarea id="textarea"></textarea>
55
56
  `,
56
57
  ],
57
58
  })];
@@ -130,20 +131,15 @@ let USATextareaElement = (() => {
130
131
  this.#syncFormState();
131
132
  }
132
133
  onChange() {
133
- this.#input({
134
- value: this.value,
135
- });
134
+ this.#input({ value: this.value });
136
135
  this.#syncFormState();
137
136
  }
138
137
  onInputChange() {
139
138
  this.value = this.#input().value;
140
139
  }
141
140
  attributeChangedCallback() {
142
- this.#input({
143
- name: this.name,
144
- placeholder: this.placeholder,
145
- autocomplete: this.autocomplete,
146
- });
141
+ const { name, placeholder, autocomplete } = this;
142
+ this.#input({ name, placeholder, autocomplete });
147
143
  }
148
144
  #syncFormState() {
149
145
  const input = this.#input();
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.element.js","sourceRoot":"","sources":["../../../src/lib/textarea/textarea.element.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"textarea.element.js","sourceRoot":"","sources":["../../../src/lib/textarea/textarea.element.ts"],"names":[],"mappings":"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"}
@@ -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):{}),m=!1,u=a.length-1;u>=0;u--){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(m)throw new TypeError("Cannot add initializers after decoration has completed");n.push(i(e||null))};var p=(0,a[u])("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),m=!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(const 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]=null;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))}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.parent=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&&Object.prototype.isPrototypeOf.call(HTMLElement.prototype,t.prototype)?function(e,t){const s=t.metadata,o={[e.name]:class extends e{constructor(...e){super();const t=n.get(this);t&&(this.addEventListener("context-request",(e=>{e.target!==this&&e.context===l&&(e.stopPropagation(),e.callback(t))})),a(this,t,s?.onCreated))}connectedCallback(){const e=n.get(this);e&&(this.dispatchEvent(new r(l,(t=>{e.parent=t}))),a(this,e,s?.onInjected)),super.connectedCallback&&super.connectedCallback()}disconnectedCallback(){const e=n.get(this);e&&(e.parent=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)throw new Error(`${this.constructor.name} 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"),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 m(e,...t){return new h(e,...t)}class u{#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 u(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(const t of e.shadowDom)t.apply(this)}for(const 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(const e of n)e.call(this,t,a);o.observe&&super.attributeChangedCallback&&super.attributeChangedCallback(e,t,a)}}connectedCallback(){if(this.isConnected){for(const{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(const[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,t){let a=null;return function(t){if(a)return C(a,t);if(a=this.shadowRoot?this.shadowRoot.querySelector(e):this.querySelector(e),!a)throw new Error(`could not find ${e}`);return C(a,t)}}function C(e,t){if(!t)return e;const a="function"==typeof t?t(e):t;for(const t in a){const s=a[t];s!==e[t]&&Reflect.set(e,t,s)}return e}function j(e,t){if(!t)return e;for(const a of e){const e="function"==typeof t?t(a):t;if(e)for(const t in e){const s=e[t];s!==a[t]&&Reflect.set(a,t,s)}}return e}function E(){return function(e,t){_.read(t.metadata).onReady.add(e)}}class O{iconPath=""}(()=>{let a,s,o,n=[c({name:"usa-config-ctx",provideSelfAs:[O]}),S({tagName:"usa-config",shadowDom:[b`:host{display:contents}`,m`<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 M={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}`,m`<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:M[this.type].icon})}})})(),(()=>{let a,s,o,n,i,r,l,c,d=[S({tagName:"usa-button",shadowDomOpts:{mode:"open",delegatesFocus:!0},shadowDom:[b`:host{display:contents}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){button{width:auto}}button:visited{color:#fff}button:hover{color:#fff;background-color:#1a4480;border-bottom:0;text-decoration:none}button:active{color:#fff;background-color:#162e51}button:not([disabled]):focus{outline-offset:.25rem}button:disabled{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}button:disabled:active,button:disabled:focus,button:disabled:hover{color:#454545;background-color:#c9c9c9}button:focus{outline:.25rem solid #2491ff;outline-offset:0}:host([variant=secondary]) button{color:#fff;background-color:#d83933}:host([variant=secondary]) button:hover{background-color:#b50909}:host([variant=secondary]) button:active{background-color:#8b0a03}:host([variant=cool]) button{color:#1b1b1b;background-color:#00bde3}:host([variant=cool]) button:hover{background-color:#28a0cb}:host([variant=cool]) button:active{color:#fff;background-color:#07648d}:host([variant=warm]) button{color:#1b1b1b;background-color:#fa9441}:host([variant=warm]) button:hover{color:#fff;background-color:#c05600}:host([variant=warm]) button:active{color:#fff;background-color:#775540}:host([variant=outline]) button{background-color:transparent;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}:host([variant=outline]) button:hover{box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}:host([variant=outline]) button:active{box-shadow:inset 0 0 0 2px #162e51;color:#162e51}`,m`<button tabindex="0"><slot></slot></button>`]})],h=[],u=HTMLElement,g=[],p=[],f=[],v=[],y=[],_=[],C=[],j=[],O=[];(class extends u{static{s=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[k()],r=[k()],l=[E()],c=[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},p,f),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},v,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},_,C),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},j,O),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,g),e(this,null,c,{kind:"method",name:"onInternalClick",static:!1,private:!1,access:{has:e=>"onInternalClick"in e,get:e=>e.onInternalClick},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;#l=(t(this,g),t(this,p,"button"));get type(){return this.#l}set type(e){this.#l=e}#d=(t(this,f),t(this,v,!1));get disabled(){return this.#d}set disabled(e){this.#d=e}#h=(t(this,y),t(this,_,"primary"));get variant(){return this.#h}set variant(e){this.#h=e}#m=(t(this,C),t(this,j,""));get value(){return this.#m}set value(e){this.#m=e}#u=(t(this,O),0);get tabIndex(){return this.#u}set tabIndex(e){this.#u=e}#b=this.attachInternals();#g=x("button");onReady(){this.#g({autofocus:this.autofocus})}onInternalClick(){this.#p()}attributeChangedCallback(){this.#g({type:this.type,disabled:this.disabled})}#p(){const{form:e}=this.#b;e&&("submit"===this.type?this.#f(e):"reset"===this.type&&e.reset())}#f(e){const t=document.createElement("button");t.type="submit",e.append(t),t.click(),t.remove()}static{t(s,h)}})})(),(()=>{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}`,m`<label><input type="checkbox" tabindex="0"><div class="checkbox"></div><div class="title"><slot></slot></div></label>`]})],h=[],u=HTMLElement,g=[],p=[],f=[],v=[],y=[],_=[],C=[],j=[],E=[],O=[],M=[];(class extends u{static{s=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(u[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;#v=(t(this,g),t(this,p,!1));get checked(){return this.#v}set checked(e){this.#v=e}#y=(t(this,f),t(this,v,""));get name(){return this.#y}set name(e){this.#y=e}#m=(t(this,y),t(this,_,""));get value(){return this.#m}set value(e){this.#m=e}#_=(t(this,C),t(this,j,!1));get required(){return this.#_}set required(e){this.#_=e}#k=(t(this,E),t(this,O,!1));get tiled(){return this.#k}set tiled(e){this.#k=e}#w=(t(this,M),x("input"));#b=this.attachInternals();connectedCallback(){this.#w({checked:this.checked,name:this.name}),this.#S()}attributeChangedCallback(){this.#w({checked:this.checked,name:this.name}),this.#S()}onCheckboxChange(){const e=this.#w();this.checked=e.checked,this.#S()}#S(){const e=this.#w();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.#w()):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}`,m`<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)}})})(),Symbol.metadata??=Symbol("Symbol.metadata");class A extends Map{}class D{scheduler=null;changes=new A}class P extends WeakMap{read(e){let t=this.get(e);return t||(t=new D,this.set(e,t)),t}}class q{effects=new Set}class I extends WeakMap{read(e){let t=this.get(e);return t||(t=new q,this.set(e,t)),t}}const T=new P,N=new I;function L(){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=e.get.call(this);if(s!==o){const n=T.read(this);null===n.scheduler&&(n.scheduler=Promise.resolve().then((()=>{for(const e of a.effects)e.call(this,n.changes);n.scheduler=null,n.changes.clear()}))),n.changes.set(t.name,{oldValue:o,newValue:s}),e.set.call(this,s)}}}}}function z(){return function(e,t){N.read(t.metadata).effects.add(e)}}(()=>{let a,s,o,n,i,r,l,c,d,h,u,g=[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}:host(.dragenter) .box{border-color:#2491ff}.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}`,m`<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>`]})],p=[],f=HTMLElement,v=[],y=[],_=[],C=[],j=[],E=[],O=[],M=[],A=[];(class extends f{static{s=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[k()],r=[L()],l=[z()],c=[w("change")],d=[w("dragenter")],h=[w("dragleave")],u=[w("drop")],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},y,_),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},C,j),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},E,O),e(this,null,r,{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:t},M,A),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,v),e(this,null,c,{kind:"method",name:"onInputChange",static:!1,private:!1,access:{has:e=>"onInputChange"in e,get:e=>e.onInputChange},metadata:t},null,v),e(this,null,d,{kind:"method",name:"onDragEnter",static:!1,private:!1,access:{has:e=>"onDragEnter"in e,get:e=>e.onDragEnter},metadata:t},null,v),e(this,null,h,{kind:"method",name:"onDragLeave",static:!1,private:!1,access:{has:e=>"onDragLeave"in e,get:e=>e.onDragLeave},metadata:t},null,v),e(this,null,u,{kind:"method",name:"onDrop",static:!1,private:!1,access:{has:e=>"onDrop"in e,get:e=>e.onDrop},metadata:t},null,v),e(null,a={value:s},g,{kind:"class",name:s.name,metadata:t},null,p),s=a.value,t&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static formAssociated=!0;#y=(t(this,v),t(this,y,""));get name(){return this.#y}set name(e){this.#y=e}#x=(t(this,_),t(this,C,!0));get multiple(){return this.#x}set multiple(e){this.#x=e}#C=(t(this,j),t(this,E,""));get accept(){return this.#C}set accept(e){this.#C=e}#j=(t(this,O),t(this,M,null));get files(){return this.#j}set files(e){this.#j=e}#b=(t(this,A),this.attachInternals());#E=x("input");#O=x(".box");#M=x("usa-file-input-preview");attributeChangedCallback(){this.#E({name:this.name,multiple:this.multiple,accept:this.accept})}onChange(){this.#E({files:this.files}),this.#M({files:this.files});const e=this.#O(),t=new FormData;if(e.style.display=this.files?.length?"none":"flex",this.files?.length)for(const e of this.files)t.append(this.name,e);this.#b.setFormValue(t)}onInputChange(){const e=this.#E();this.files=e.files,this.dispatchEvent(new Event("change"))}onDragEnter(){this.classList.add("dragenter")}onDragLeave(){this.classList.remove("dragenter")}onDrop(e){if(this.classList.remove("dragenter"),e.dataTransfer?.items){e.preventDefault();const t=new DataTransfer;for(const a of e.dataTransfer.items)if("file"===a.kind){const e=a.getAsFile();e&&t.items.add(e)}this.files=t.files}}static{t(s,p)}})})(),(()=>{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}`,m`<template><div class="preview-item"><img height="40" width="40" aria-hidden="true" style="display:none"><usa-icon icon="file_present" style="display:none"></usa-icon></div></template><slot class="preview-heading"></slot>`]})],r=[],l=HTMLElement,c=[],d=[],h=[];(class extends l{static{s=this}static{const m="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;o=[L()],n=[z()],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:m},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:m},null,c),e(null,a={value:s},i,{kind:"class",name:s.name,metadata:m},null,r),s=a.value,m&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:m}),t(s,r)}#j=(t(this,c),t(this,d,null));get files(){return this.#j}set files(e){this.#j=e}#A=(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.#A.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"),o=t.querySelector("usa-icon");if(!s||!o)throw Error("Something went very wrong");a.type.startsWith("image")?(s.style.display="block",s.src=URL.createObjectURL(a)):o.style.display="block",this.shadow.append(t),this.#A.set(a.name,t)}for(const[e,a]of this.#A)t.has(e)||(a.remove(),this.#A.delete(e))}else this.hidden=!0}})})();let R=(()=>{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})(),H=(()=>{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)}#D=d(O);#P=d(R);#q=new Map;async getIcon(e){const t=this.#D(),a=this.#P(),s=this.#q.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.#q.set(e,o),o.then((e=>{if(!e.content.firstElementChild)throw Error("ICON is not valid");return e.content.firstElementChild.cloneNode(!0)}))}},s})();var F;(()=>{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=[],m=[],u=[];(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},m,u),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)}#I=(t(this,h),t(this,m,"accessibility_new"));get icon(){return this.#I}set icon(e){this.#I=e}ariaHidden=(t(this,u),"true");#c=d(H);#T=!1;onInjected(){this.#T=!0,this.#N()}attributeChangedCallback(){this.#T&&this.#N()}async#N(){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,u,g,p,f,v=[S({tagName:"usa-input",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}`,m`<label><slot name="detail"></slot><slot></slot><input tabindex="0"></label>`]})],y=[],_=HTMLElement,C=[],j=[],O=[],M=[],A=[],D=[],P=[],q=[],I=[],T=[],N=[],R=[],H=[],F=[],V=[],K=[],W=[];(class extends _{static{s=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(_[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[k()],r=[k()],l=[k({observed:!1})],c=[k({reflect:!1}),L()],d=[L()],h=[L()],u=[E()],g=[z()],p=[w("keydown")],f=[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,O),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},M,A),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},D,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},q,I),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},T,N),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},R,H),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},F,V),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},K,W),e(this,null,u,{kind:"method",name:"onReady",static:!1,private:!1,access:{has:e=>"onReady"in e,get:e=>e.onReady},metadata:t},null,C),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,C),e(this,null,p,{kind:"method",name:"onKeyDown",static:!1,private:!1,access:{has:e=>"onKeyDown"in e,get:e=>e.onKeyDown},metadata:t},null,C),e(this,null,f,{kind:"method",name:"onInputChange",static:!1,private:!1,access:{has:e=>"onInputChange"in e,get:e=>e.onInputChange},metadata:t},null,C),e(null,a={value:s},v,{kind:"class",name:s.name,metadata:t},null,y),s=a.value,t&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static formAssociated=!0;#y=(t(this,C),t(this,j,""));get name(){return this.#y}set name(e){this.#y=e}#L=(t(this,O),t(this,M,"on"));get autocomplete(){return this.#L}set autocomplete(e){this.#L=e}#z=(t(this,A),t(this,D,""));get placeholder(){return this.#z}set placeholder(e){this.#z=e}#_=(t(this,P),t(this,q,!1));get required(){return this.#_}set required(e){this.#_=e}#R=(t(this,I),t(this,T,""));get detail(){return this.#R}set detail(e){this.#R=e}#m=(t(this,N),t(this,R,""));get value(){return this.#m}set value(e){this.#m=e}#H=(t(this,H),t(this,F,null));get selectionStart(){return this.#H}set selectionStart(e){this.#H=e}#F=(t(this,V),t(this,K,null));get selectionEnd(){return this.#F}set selectionEnd(e){this.#F=e}#b=(t(this,W),this.attachInternals());#E=x("input");onReady(){this.#E({autofocus:this.autofocus})}attributeChangedCallback(){this.#E({autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name})}connectedCallback(){this.#S()}onChange(e){const t=this.#E({value:this.value});e.has("selectionStart")&&(t.selectionStart=this.selectionStart),e.has("selectionEnd")&&(t.selectionEnd=this.selectionEnd),this.#S()}onKeyDown(e){const t=this.#b.form;if(t){const a=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;"ENTER"!==e.key.toUpperCase()||a||setTimeout((()=>{e.defaultPrevented||e.isComposing||this.#f(t)}))}}onInputChange(){const e=this.#E();this.value=e.value,this.selectionStart=e.selectionStart,this.selectionEnd=e.selectionEnd}#S(){const e=this.#E();this.#b.setFormValue(e.value),this.required&&!e.value?this.#b.setValidity({valueMissing:!0},"Required",e):this.#b.setValidity({})}#f(e){const t=document.createElement("button");t.type="submit",e.append(t),t.click(),t.remove()}static{t(s,y)}})})(),function(e){e.Any="*",e.Number="9",e.Letter="A"}(F||(F={}));const V=Object.values(F),K={Letters:/^[a-z]/i,Numbers:/^[0-9]/i};function W(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===F.Any?(n+=i,o++):a===F.Number?(/^[0-9]/i.test(i)&&(n+=i),o++):a===F.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}`,m`<slot></slot>`]})],l=[],c=HTMLElement,d=[],h=[],u=[];(class extends c{static{s=this}static{const m="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:m},h,u),e(this,null,n,{kind:"method",name:"onInput",static:!1,private:!1,access:{has:e=>"onInput"in e,get:e=>e.onInput},metadata:m},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:m},null,d),e(null,a={value:s},r,{kind:"class",name:s.name,metadata:m},null,l),s=a.value,m&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:m}),t(s,l)}#V=(t(this,d),t(this,h,""));get mask(){return this.#V}set mask(e){this.#V=e}#K=(t(this,u),function(e,t){let a=null;return function(s){if(a)return j(a,s);if(a=t?t.querySelectorAll(e):this.shadowRoot?this.shadowRoot.querySelectorAll(e):this.querySelectorAll(e),!a)throw new Error(`could not find ${e}`);return j(a,s)}}("[mask]",this));connectedCallback(){for(const e of this.#K()){const{formatted:t}=W(e.value,this.#W(e));t&&(e.value=t)}}onInput(e){const t=e.target,a=t.selectionStart||0,s=t.value,o=this.#W(t),{formatted:n}=W(t.value,o);t.value=n;const i=t.value.length-s.length,r=o[a-1];r&&!V.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.#W(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===F.Number?K.Numbers.test(e.key)||e.preventDefault():s===F.Letter&&(K.Letters.test(e.key)||e.preventDefault()))}#W(e){return this.mask||e.getAttribute("mask")||""}})})(),(()=>{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}`,m`<a><slot></slot></a>`]})],c=[],d=HTMLElement,h=[],u=[],g=[],p=[],f=[],v=[],y=[],_=[];(class extends d{static{s=this}static{const m="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:m},h,u),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:m},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:m},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:m},y,_),e(null,a={value:s},l,{kind:"class",name:s.name,metadata:m},null,c),s=a.value,m&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:m}),t(s,c)}#G=t(this,h,"");get href(){return this.#G}set href(e){this.#G=e}#$=(t(this,u),t(this,g,""));get target(){return this.#$}set target(e){this.#$=e}#U=(t(this,p),t(this,f,""));get title(){return this.#U}set title(e){this.#U=e}#d=(t(this,v),t(this,y,!1));get disabled(){return this.#d}set disabled(e){this.#d=e}#X=(t(this,_),x("a"));attributeChangedCallback(){this.#X({href:this.href,target:this.target,title:this.title})}})})();const G=new o("RADIO_CTX");(()=>{let a,s,o,n,i,r,l,d=[c({name:"usa-radio-ctx",provideSelfAs:[G]}),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}`,m`<slot name="legend" id="legend" tabindex="-1"></slot><slot></slot>`]})],h=[],u=HTMLElement,g=[],p=[],f=[],v=[],y=[],_=[],C=[],j=[],E=[];(class extends u{static{s=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(u[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;#m=(t(this,g),t(this,p,""));get value(){return this.#m}set value(e){this.#m=e}#y=(t(this,f),t(this,v,""));get name(){return this.#y}set name(e){this.#y=e}#_=(t(this,y),t(this,_,!1));get required(){return this.#_}set required(e){this.#_=e}#k=(t(this,C),t(this,j,!1));get tiled(){return this.#k}set tiled(e){this.#k=e}#b=(t(this,E),this.attachInternals());#Y=x("#legend");connectedCallback(){this.#S()}addRadioOption(e){this.shadowRoot?.append(e),this.#S()}onChange(e){e.target instanceof HTMLInputElement&&e.target.checked&&(this.value=e.target.value,this.#S())}#S(){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.#Y())}}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}`,m`<label><input type="radio" tabindex="0"><slot name="reserved"></slot></label><slot></slot>`]})],r=[],l=HTMLElement,h=[],u=[],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},u,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)}#m=(t(this,h),t(this,u,""));get value(){return this.#m}set value(e){this.#m=e}#B=(t(this,g),x("label"));#E=x("input");#J=x("slot");#Q=d(G);#Z=new MutationObserver((()=>{const e=this.#Q();this.#E({name:e.name,checked:e.value===this.value})}));attributeChangedCallback(){this.#E({value:this.value}),this.#J({name:this.value}),this.slot=this.value}onInjected(){const e=this.#Q();e.addRadioOption(this.#B()),this.#E({name:e.name,checked:e.value===this.value}),this.#Z.observe(e,{attributeFilter:["value","name"]})}disconnectedCallback(){this.#B().remove(),this.#Z.disconnect()}})})();const $=new o("SELECT_CONTEXT");(()=>{let a,s,o,n,i,r,l=[c({name:"usa-select-ctx",provideSelfAs:[$]}),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}`,m`<usa-icon icon="unfold_more"></usa-icon><label><div class="label"><slot></slot></div><select></select></label>`]})],d=[],h=HTMLElement,u=[],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,u),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;#m=(t(this,u),t(this,g,""));get value(){return this.#m}set value(e){this.#m=e}#y=(t(this,p),t(this,f,""));get name(){return this.#y}set name(e){this.#y=e}#_=(t(this,v),t(this,y,!1));get required(){return this.#_}set required(e){this.#_=e}#ee=(t(this,_),x("select"));#b=this.attachInternals();connectedCallback(){this.#ee({value:this.value,name:this.name}),this.#S()}attributeChangedCallback(){this.#ee({value:this.value,name:this.name}),this.#S()}onSelectChange(){const e=this.#ee();this.value=e.value,this.#S()}addSelectOption(e){this.#ee().append(e)}#S(){this.#b.setFormValue(this.value),this.#b.setValidity({}),this.required&&!this.value&&this.#b.setValidity({valueMissing:!0},"Please select an option",this.#ee())}static{t(s,d)}})})(),(()=>{let a,s,o,n,i,r=[S({tagName:"usa-select-option",shadowDom:[b`:host{display:none}`,m`<slot></slot>`]}),c()],l=[],h=HTMLElement,u=[],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,u),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,u),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)}#m=(t(this,u),t(this,g,""));get value(){return this.#m}set value(e){this.#m=e}option=(t(this,p),document.createElement("option"));#ee=d($);#Z=new MutationObserver((()=>{const{value:e}=this.#ee();this.option.selected=e===this.value}));attributeChangedCallback(){this.option.value=this.value}onInjected(){const e=this.#ee();this.option.selected=e.value===this.value,e.addSelectOption(this.option),this.#Z.observe(e,{attributes:!0,attributeFilter:["value"]})}onSlotChange(){this.option.textContent=this.textContent}disconnectedCallback(){this.#Z.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}`,m`<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)}})})();class U extends Event{open;get target(){return super.target}constructor(e){super("usa::accordion::toggle",{bubbles:!0}),this.open=e}}(()=>{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}`,m`<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=[],u=[],g=[],p=[],f=[];(class extends d{static{s=this}static{const m="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:m},u,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:m},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:m},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:m},null,h),e(null,a={value:s},l,{kind:"class",name:s.name,metadata:m},null,c),s=a.value,m&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:m}),t(s,c)}#y=(t(this,h),t(this,u,""));get name(){return this.#y}set name(e){this.#y=e}#te=(t(this,g),t(this,p,!1));get open(){return this.#te}set open(e){this.#te=e}#ae=(t(this,f),x("details"));attributeChangedCallback(){this.#ae({open:this.open})}onClick(e){e.preventDefault(),this.dispatchEvent(new U(!this.open))}onAccordionToggle(e){e.target.name===this.name?this.open=e.target===this&&e.open:e.target===this&&(this.open=e.open)}})})(),(()=>{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}`,m`<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)}#se=t(this,l,"navigation");get role(){return this.#se}set role(e){this.#se=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}`,m`<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)}#oe=t(this,l,!1);get current(){return this.#oe}set current(e){this.#oe=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}`,m`<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}`,m`<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)}#se=t(this,l,"list");get role(){return this.#se}set role(e){this.#se=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}`,m`<div class="label"><slot></slot></div>`]})],l=[],c=HTMLElement,d=[],h=[],u=[],g=[],p=[];(class extends c{static{s=this}static{const m="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:m},h,u),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:m},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:m},null,d),e(null,a={value:s},r,{kind:"class",name:s.name,metadata:m},null,l),s=a.value,m&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:m}),t(s,l)}#ne=(t(this,d),t(this,h,""));get state(){return this.#ne}set state(e){this.#ne=e}#se=(t(this,u),t(this,g,"listitem"));get role(){return this.#se}set role(e){this.#se=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)}`,m`<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);#ie=x("dialog");openModal(){this.#ie().showModal()}closeModal(){this.#ie().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}`,m`<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)}#re=t(this,l,"close");get modalAction(){return this.#re}set modalAction(e){this.#re=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}`,m`<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}`,m`<slot></slot>`]})],r=[],l=HTMLElement,c=[],d=[],h=[],u=[];(class extends l{static{s=this}static{const m="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:m},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:m},h,u),e(null,a={value:s},i,{kind:"class",name:s.name,metadata:m},null,r),s=a.value,m&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:m}),t(s,r)}#se=t(this,c,"listitem");get role(){return this.#se}set role(e){this.#se=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,u)}})})(),(()=>{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}`,m`<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}`,m`<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}`,m`<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}`,m`<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)}#le=t(this,l,"standard");get varint(){return this.#le}set varint(e){this.#le=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))}`,m`<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)}#se=t(this,l,"list");get role(){return this.#se}set role(e){this.#se=e}constructor(){super(...arguments),t(this,c)}})})(),(()=>{let a,s,o,n,i,r,l,c,d,h,u=[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%;resize:none}textarea:not(:disabled):focus{outline:.25rem solid #2491ff;outline-offset:0}`,m`<label><slot></slot><textarea></textarea></label>`]})],g=[],p=HTMLElement,f=[],v=[],y=[],_=[],C=[],j=[],O=[],M=[],A=[],D=[],P=[];(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}),L()],c=[E()],d=[z()],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},_,C),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},j,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},D,P),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},u,{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;#y=(t(this,f),t(this,v,""));get name(){return this.#y}set name(e){this.#y=e}#L=(t(this,y),t(this,_,"on"));get autocomplete(){return this.#L}set autocomplete(e){this.#L=e}#z=(t(this,C),t(this,j,""));get placeholder(){return this.#z}set placeholder(e){this.#z=e}#_=(t(this,O),t(this,M,!1));get required(){return this.#_}set required(e){this.#_=e}#m=(t(this,A),t(this,D,""));get value(){return this.#m}set value(e){this.#m=e}#b=(t(this,P),this.attachInternals());#E=x("textarea");onReady(){this.#E().autofocus=this.autofocus}connectedCallback(){this.#S()}onChange(){this.#E({value:this.value}),this.#S()}onInputChange(){this.value=this.#E().value}attributeChangedCallback(){this.#E({name:this.name,placeholder:this.placeholder,autocomplete:this.autocomplete})}#S(){const e=this.#E();this.#b.setFormValue(e.value),this.required&&!e.value?this.#b.setValidity({valueMissing:!0},"Required",e):this.#b.setValidity({})}static{t(s,g)}})})()}();