@noctuatech/uswds 0.0.22 → 0.0.23

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 (153) hide show
  1. package/assets/uswds.min.js +1 -1
  2. package/package.json +20 -50
  3. package/src/lib/accordion/accordion.test.ts +16 -16
  4. package/src/lib/alert/alert-types.ts +1 -1
  5. package/src/lib/alert/alert.element.ts +5 -1
  6. package/src/lib/alert/alert.test.ts +2 -2
  7. package/src/lib/button/button.element.ts +1 -8
  8. package/src/lib/button/button.stories.ts +3 -4
  9. package/src/lib/button/button.test.ts +3 -3
  10. package/src/lib/card/card.test.ts +2 -2
  11. package/src/lib/checkbox/checkbox.element.ts +27 -16
  12. package/src/lib/checkbox/checkbox.stories.ts +1 -1
  13. package/src/lib/checkbox/checkbox.test.ts +21 -4
  14. package/src/lib/config/config.element.ts +4 -8
  15. package/src/lib/config/config.test.ts +2 -2
  16. package/src/lib/description/description.test.ts +2 -2
  17. package/src/lib/file-input/file-input-preview/file-input-preview.element.ts +18 -7
  18. package/src/lib/file-input/file-input-preview/file-input-preview.test.ts +4 -4
  19. package/src/lib/file-input/file-input.element.ts +3 -3
  20. package/src/lib/file-input/file-input.test.ts +2 -2
  21. package/src/lib/icon/icon.element.ts +5 -7
  22. package/src/lib/icon/icon.stories.ts +3 -3
  23. package/src/lib/input/input.element.ts +69 -12
  24. package/src/lib/input/input.stories.ts +3 -1
  25. package/src/lib/input/input.test.ts +20 -5
  26. package/src/lib/input-mask/format.ts +1 -1
  27. package/src/lib/input-mask/input-mask.element.ts +7 -9
  28. package/src/lib/input-mask/input-mask.test.ts +17 -13
  29. package/src/lib/modal/modal-close/modal-close.test.ts +2 -2
  30. package/src/lib/modal/modal-heading/modal-heading.test.ts +2 -2
  31. package/src/lib/modal/modal.test.ts +2 -2
  32. package/src/lib/radio/context.ts +9 -0
  33. package/src/lib/radio/radio-option/radio-option.element.ts +45 -26
  34. package/src/lib/radio/radio-option/radio-option.test.ts +1 -1
  35. package/src/lib/radio/radio.element.ts +42 -31
  36. package/src/lib/radio/radio.stories.ts +2 -2
  37. package/src/lib/radio/radio.test.ts +16 -16
  38. package/src/lib/select/context.ts +10 -0
  39. package/src/lib/select/select-option/select-option.element.ts +26 -4
  40. package/src/lib/select/select.element.ts +37 -18
  41. package/src/lib/select/select.stories.ts +1 -1
  42. package/src/lib/select/select.test.ts +32 -13
  43. package/src/lib/services/icon.service.ts +11 -3
  44. package/src/lib/side-nav/side-nav.element.ts +1 -1
  45. package/src/lib/side-nav/side-nav.test.ts +6 -6
  46. package/src/lib/step-indicator/step-indicator.test.ts +2 -2
  47. package/src/lib/summary-box/summary-box.element.ts +0 -7
  48. package/src/lib/summary-box/summary-box.stories.ts +1 -1
  49. package/src/lib/summary-box/summary-box.test.ts +2 -2
  50. package/src/lib/tag/tag.element.ts +0 -7
  51. package/src/lib/tag/tag.test.ts +2 -2
  52. package/target/lib/accordion/accordion.test.js +5 -5
  53. package/target/lib/accordion/accordion.test.js.map +1 -1
  54. package/target/lib/alert/alert-types.d.ts +1 -1
  55. package/target/lib/alert/alert.element.d.ts +1 -1
  56. package/target/lib/alert/alert.element.js +4 -0
  57. package/target/lib/alert/alert.element.js.map +1 -1
  58. package/target/lib/alert/alert.test.js +2 -2
  59. package/target/lib/alert/alert.test.js.map +1 -1
  60. package/target/lib/button/button.element.js +1 -8
  61. package/target/lib/button/button.element.js.map +1 -1
  62. package/target/lib/button/button.stories.js +1 -4
  63. package/target/lib/button/button.stories.js.map +1 -1
  64. package/target/lib/button/button.test.js +2 -2
  65. package/target/lib/button/button.test.js.map +1 -1
  66. package/target/lib/card/card.test.js +1 -1
  67. package/target/lib/card/card.test.js.map +1 -1
  68. package/target/lib/checkbox/checkbox.element.d.ts +1 -0
  69. package/target/lib/checkbox/checkbox.element.js +24 -16
  70. package/target/lib/checkbox/checkbox.element.js.map +1 -1
  71. package/target/lib/checkbox/checkbox.test.js +17 -3
  72. package/target/lib/checkbox/checkbox.test.js.map +1 -1
  73. package/target/lib/config/config.element.d.ts +0 -2
  74. package/target/lib/config/config.element.js +4 -10
  75. package/target/lib/config/config.element.js.map +1 -1
  76. package/target/lib/config/config.test.js +1 -1
  77. package/target/lib/config/config.test.js.map +1 -1
  78. package/target/lib/description/description.test.js +1 -1
  79. package/target/lib/description/description.test.js.map +1 -1
  80. package/target/lib/file-input/file-input-preview/file-input-preview.element.d.ts +1 -0
  81. package/target/lib/file-input/file-input-preview/file-input-preview.element.js +14 -6
  82. package/target/lib/file-input/file-input-preview/file-input-preview.element.js.map +1 -1
  83. package/target/lib/file-input/file-input-preview/file-input-preview.test.js +3 -3
  84. package/target/lib/file-input/file-input-preview/file-input-preview.test.js.map +1 -1
  85. package/target/lib/file-input/file-input.element.js +3 -3
  86. package/target/lib/file-input/file-input.element.js.map +1 -1
  87. package/target/lib/file-input/file-input.test.js +1 -1
  88. package/target/lib/file-input/file-input.test.js.map +1 -1
  89. package/target/lib/icon/icon.element.d.ts +1 -1
  90. package/target/lib/icon/icon.element.js +4 -5
  91. package/target/lib/icon/icon.element.js.map +1 -1
  92. package/target/lib/icon/icon.stories.js.map +1 -1
  93. package/target/lib/input/input.element.d.ts +6 -2
  94. package/target/lib/input/input.element.js +73 -10
  95. package/target/lib/input/input.element.js.map +1 -1
  96. package/target/lib/input/input.stories.js +3 -1
  97. package/target/lib/input/input.stories.js.map +1 -1
  98. package/target/lib/input/input.test.js +16 -4
  99. package/target/lib/input/input.test.js.map +1 -1
  100. package/target/lib/input-mask/format.js +1 -1
  101. package/target/lib/input-mask/input-mask.element.d.ts +1 -1
  102. package/target/lib/input-mask/input-mask.element.js +6 -7
  103. package/target/lib/input-mask/input-mask.element.js.map +1 -1
  104. package/target/lib/input-mask/input-mask.test.js +12 -8
  105. package/target/lib/input-mask/input-mask.test.js.map +1 -1
  106. package/target/lib/modal/modal-close/modal-close.test.js +1 -1
  107. package/target/lib/modal/modal-close/modal-close.test.js.map +1 -1
  108. package/target/lib/modal/modal-heading/modal-heading.test.js +1 -1
  109. package/target/lib/modal/modal-heading/modal-heading.test.js.map +1 -1
  110. package/target/lib/modal/modal.test.js +1 -1
  111. package/target/lib/modal/modal.test.js.map +1 -1
  112. package/target/lib/radio/context.d.ts +7 -0
  113. package/target/lib/radio/context.js +3 -0
  114. package/target/lib/radio/context.js.map +1 -0
  115. package/target/lib/radio/radio-option/radio-option.element.d.ts +1 -5
  116. package/target/lib/radio/radio-option/radio-option.element.js +45 -35
  117. package/target/lib/radio/radio-option/radio-option.element.js.map +1 -1
  118. package/target/lib/radio/radio.element.d.ts +5 -5
  119. package/target/lib/radio/radio.element.js +39 -29
  120. package/target/lib/radio/radio.element.js.map +1 -1
  121. package/target/lib/radio/radio.stories.js.map +1 -1
  122. package/target/lib/radio/radio.test.js +9 -13
  123. package/target/lib/radio/radio.test.js.map +1 -1
  124. package/target/lib/select/context.d.ts +6 -0
  125. package/target/lib/select/context.js +3 -0
  126. package/target/lib/select/context.js.map +1 -0
  127. package/target/lib/select/select-option/select-option.element.d.ts +2 -1
  128. package/target/lib/select/select-option/select-option.element.js +20 -3
  129. package/target/lib/select/select-option/select-option.element.js.map +1 -1
  130. package/target/lib/select/select.element.d.ts +5 -2
  131. package/target/lib/select/select.element.js +33 -18
  132. package/target/lib/select/select.element.js.map +1 -1
  133. package/target/lib/select/select.stories.js +1 -1
  134. package/target/lib/select/select.test.js +24 -8
  135. package/target/lib/select/select.test.js.map +1 -1
  136. package/target/lib/services/icon.service.js +7 -1
  137. package/target/lib/services/icon.service.js.map +1 -1
  138. package/target/lib/side-nav/side-nav.element.js +1 -1
  139. package/target/lib/side-nav/side-nav.element.js.map +1 -1
  140. package/target/lib/side-nav/side-nav.test.js +1 -1
  141. package/target/lib/side-nav/side-nav.test.js.map +1 -1
  142. package/target/lib/step-indicator/step-indicator.test.js +1 -1
  143. package/target/lib/step-indicator/step-indicator.test.js.map +1 -1
  144. package/target/lib/summary-box/summary-box.element.js +0 -7
  145. package/target/lib/summary-box/summary-box.element.js.map +1 -1
  146. package/target/lib/summary-box/summary-box.stories.js +1 -1
  147. package/target/lib/summary-box/summary-box.stories.js.map +1 -1
  148. package/target/lib/summary-box/summary-box.test.js +1 -1
  149. package/target/lib/summary-box/summary-box.test.js.map +1 -1
  150. package/target/lib/tag/tag.element.js +0 -7
  151. package/target/lib/tag/tag.element.js.map +1 -1
  152. package/target/lib/tag/tag.test.js +1 -1
  153. package/target/lib/tag/tag.test.js.map +1 -1
@@ -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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"}
@@ -42,7 +42,7 @@ describe("usa-input-mask", () => {
42
42
  </usa-input-mask>
43
43
  `);
44
44
  const input = el.querySelector("input");
45
- assert.equal(input.value, "(123) 456-7890");
45
+ assert.equal(input?.value, "(123) 456-7890");
46
46
  });
47
47
  it("should update value when on input event", async () => {
48
48
  const el = await fixture(html `
@@ -51,9 +51,11 @@ describe("usa-input-mask", () => {
51
51
  </usa-input-mask>
52
52
  `);
53
53
  const input = el.querySelector("input");
54
- input.value = "8888888888";
55
- input.dispatchEvent(new Event("input", { bubbles: true }));
56
- assert.equal(input.value, "(888) 888-8888");
54
+ if (input) {
55
+ input.value = "8888888888";
56
+ input.dispatchEvent(new Event("input", { bubbles: true }));
57
+ }
58
+ assert.equal(input?.value, "(888) 888-8888");
57
59
  });
58
60
  });
59
61
  describe("usa-input-mask with usa-input", () => {
@@ -64,7 +66,7 @@ describe("usa-input-mask with usa-input", () => {
64
66
  </usa-input-mask>
65
67
  `);
66
68
  const input = el.querySelector("usa-input");
67
- assert.equal(input.value, "(123) 456-7890");
69
+ assert.equal(input?.value, "(123) 456-7890");
68
70
  });
69
71
  it("should update value when on input event", async () => {
70
72
  const el = await fixture(html `
@@ -77,9 +79,11 @@ describe("usa-input-mask with usa-input", () => {
77
79
  </usa-input-mask>
78
80
  `);
79
81
  const input = el.querySelector("usa-input");
80
- input.value = "8888888888";
81
- input.dispatchEvent(new Event("input", { bubbles: true }));
82
- assert.equal(input.value, "(888) 888-8888");
82
+ if (input) {
83
+ input.value = "8888888888";
84
+ input.dispatchEvent(new Event("input", { bubbles: true }));
85
+ }
86
+ assert.equal(input?.value, "(888) 888-8888");
83
87
  });
84
88
  });
85
89
  //# sourceMappingURL=input-mask.test.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"input-mask.test.js","sourceRoot":"","sources":["../../../src/lib/input-mask/input-mask.test.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"input-mask.test.js","sourceRoot":"","sources":["../../../src/lib/input-mask/input-mask.test.ts"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import "./modal-close.element.js";
2
- import { fixture, html, assert } from "@open-wc/testing";
2
+ import { assert, fixture, html } from "@open-wc/testing";
3
3
  describe("usa-modal-close", () => {
4
4
  it("should be accessible", async () => {
5
5
  const modalClose = await fixture(html `
@@ -1 +1 @@
1
- {"version":3,"file":"modal-close.test.js","sourceRoot":"","sources":["../../../../src/lib/modal/modal-close/modal-close.test.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAElC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,UAAU,GAAG,MAAM,OAAO,CAAuB,IAAI,CAAA;;KAE1D,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"modal-close.test.js","sourceRoot":"","sources":["../../../../src/lib/modal/modal-close/modal-close.test.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,UAAU,GAAG,MAAM,OAAO,CAAuB,IAAI,CAAA;;KAE1D,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import "./modal-heading.element.js";
2
- import { fixture, html, assert } from "@open-wc/testing";
2
+ import { assert, fixture, html } from "@open-wc/testing";
3
3
  describe("usa-modal-heading", () => {
4
4
  it("should be accessible", async () => {
5
5
  const modalHeading = await fixture(html `
@@ -1 +1 @@
1
- {"version":3,"file":"modal-heading.test.js","sourceRoot":"","sources":["../../../../src/lib/modal/modal-heading/modal-heading.test.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,YAAY,GAAG,MAAM,OAAO,CAAyB,IAAI,CAAA;;KAE9D,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"modal-heading.test.js","sourceRoot":"","sources":["../../../../src/lib/modal/modal-heading/modal-heading.test.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,YAAY,GAAG,MAAM,OAAO,CAAyB,IAAI,CAAA;;KAE9D,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import "./modal.element.js";
2
2
  import "./modal-heading/modal-heading.element.js";
3
3
  import "./modal-close/modal-close.element.js";
4
- import { fixture, html, assert } from "@open-wc/testing";
4
+ import { assert, fixture, html } from "@open-wc/testing";
5
5
  describe("usa-modal", () => {
6
6
  it("should be accessible", async () => {
7
7
  const modal = await fixture(html `
@@ -1 +1 @@
1
- {"version":3,"file":"modal.test.js","sourceRoot":"","sources":["../../../src/lib/modal/modal.test.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,0CAA0C,CAAC;AAClD,OAAO,sCAAsC,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,KAAK,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;;;;;;;;;KAUhD,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"modal.test.js","sourceRoot":"","sources":["../../../src/lib/modal/modal.test.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,0CAA0C,CAAC;AAClD,OAAO,sCAAsC,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,KAAK,GAAG,MAAM,OAAO,CAAkB,IAAI,CAAA;;;;;;;;;;KAUhD,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { StaticToken } from "@joist/di";
2
+ export interface RadioContainer extends Node {
3
+ name: string;
4
+ value: string;
5
+ addRadioOption(el: HTMLElement): void;
6
+ }
7
+ export declare const RADIO_CTX: StaticToken<RadioContainer>;
@@ -0,0 +1,3 @@
1
+ import { StaticToken } from "@joist/di";
2
+ export const RADIO_CTX = new StaticToken("RADIO_CTX");
3
+ //# sourceMappingURL=context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/lib/radio/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAQxC,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,WAAW,CAAiB,WAAW,CAAC,CAAC"}
@@ -6,11 +6,7 @@ declare global {
6
6
  export declare class USARadioOptionElement extends HTMLElement {
7
7
  #private;
8
8
  accessor value: string;
9
- accessor name: string;
10
- accessor checked: boolean;
11
- readonly radio: HTMLLabelElement;
12
- constructor();
13
9
  attributeChangedCallback(): void;
14
- connectedCallback(): void;
10
+ onInjected(): void;
15
11
  disconnectedCallback(): void;
16
12
  }
@@ -1,7 +1,11 @@
1
1
  import { __esDecorate, __runInitializers } from "tslib";
2
- import { attr, css, element, html } from "@joist/element";
2
+ import { attr, css, element, html, query } from "@joist/element";
3
+ import { inject, injectable, injected } from "@joist/di";
4
+ import { RADIO_CTX } from "../context.js";
3
5
  let USARadioOptionElement = (() => {
4
- let _classDecorators = [element({
6
+ let _classDecorators = [injectable({
7
+ name: "usa-radio-option-ctx",
8
+ }), element({
5
9
  tagName: "usa-radio-option",
6
10
  shadowDom: [
7
11
  css `
@@ -11,66 +15,72 @@ let USARadioOptionElement = (() => {
11
15
  margin-top: 0.05rem;
12
16
  }
13
17
  `,
14
- html `<slot></slot>`,
18
+ html `
19
+ <!-- This label will be moved to the shadow dom of its parent -->
20
+ <label>
21
+ <input type="radio" tabindex="0" />
22
+ <slot name="reserved"></slot>
23
+ </label>
24
+
25
+ <slot></slot>
26
+ `,
15
27
  ],
16
28
  })];
17
29
  let _classDescriptor;
18
30
  let _classExtraInitializers = [];
19
31
  let _classThis;
20
32
  let _classSuper = HTMLElement;
33
+ let _instanceExtraInitializers = [];
21
34
  let _value_decorators;
22
35
  let _value_initializers = [];
23
36
  let _value_extraInitializers = [];
24
- let _name_decorators;
25
- let _name_initializers = [];
26
- let _name_extraInitializers = [];
27
- let _checked_decorators;
28
- let _checked_initializers = [];
29
- let _checked_extraInitializers = [];
37
+ let _onInjected_decorators;
30
38
  var USARadioOptionElement = class extends _classSuper {
31
39
  static { _classThis = this; }
32
40
  static {
33
41
  const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
34
42
  _value_decorators = [attr()];
35
- _name_decorators = [attr()];
36
- _checked_decorators = [attr()];
43
+ _onInjected_decorators = [injected()];
37
44
  __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);
38
- __esDecorate(this, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
39
- __esDecorate(this, null, _checked_decorators, { kind: "accessor", name: "checked", static: false, private: false, access: { has: obj => "checked" in obj, get: obj => obj.checked, set: (obj, value) => { obj.checked = value; } }, metadata: _metadata }, _checked_initializers, _checked_extraInitializers);
45
+ __esDecorate(this, null, _onInjected_decorators, { kind: "method", name: "onInjected", static: false, private: false, access: { has: obj => "onInjected" in obj, get: obj => obj.onInjected }, metadata: _metadata }, null, _instanceExtraInitializers);
40
46
  __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
41
47
  USARadioOptionElement = _classThis = _classDescriptor.value;
42
48
  if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
43
49
  __runInitializers(_classThis, _classExtraInitializers);
44
50
  }
45
- #value_accessor_storage = __runInitializers(this, _value_initializers, "");
51
+ #value_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _value_initializers, ""));
46
52
  get value() { return this.#value_accessor_storage; }
47
53
  set value(value) { this.#value_accessor_storage = value; }
48
- #name_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _name_initializers, ""));
49
- get name() { return this.#name_accessor_storage; }
50
- set name(value) { this.#name_accessor_storage = value; }
51
- #checked_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _checked_initializers, false));
52
- get checked() { return this.#checked_accessor_storage; }
53
- set checked(value) { this.#checked_accessor_storage = value; }
54
- radio = (__runInitializers(this, _checked_extraInitializers), document.createElement("label"));
55
- #input = document.createElement("input");
56
- #slotEl = document.createElement("slot");
57
- constructor() {
58
- super();
59
- this.#input.type = "radio";
60
- this.radio.append(this.#input, this.#slotEl);
61
- }
54
+ #label = (__runInitializers(this, _value_extraInitializers), query("label"));
55
+ #input = query("input");
56
+ #slot = query("slot");
57
+ #radio = inject(RADIO_CTX);
58
+ #observer = new MutationObserver(() => {
59
+ const input = this.#input();
60
+ const radio = this.#radio();
61
+ input.name = radio.name;
62
+ input.checked = radio.value === this.value;
63
+ });
62
64
  attributeChangedCallback() {
65
+ const input = this.#input();
66
+ const slot = this.#slot();
63
67
  this.slot = this.value;
64
- this.#input.name = this.name;
65
- this.#input.value = this.value;
66
- this.#input.checked = this.checked;
67
- this.#slotEl.name = this.value;
68
+ slot.name = this.value;
69
+ input.value = this.value;
68
70
  }
69
- connectedCallback() {
70
- this.dispatchEvent(new Event("usa::radio::option::added", { bubbles: true }));
71
+ onInjected() {
72
+ const input = this.#input();
73
+ const radio = this.#radio();
74
+ radio.addRadioOption(this.#label());
75
+ input.name = radio.name;
76
+ input.checked = radio.value === this.value;
77
+ this.#observer.observe(radio, {
78
+ attributeFilter: ["value", "name"],
79
+ });
71
80
  }
72
81
  disconnectedCallback() {
73
- this.radio.remove();
82
+ this.#label().remove();
83
+ this.#observer.disconnect();
74
84
  }
75
85
  };
76
86
  return USARadioOptionElement = _classThis;
@@ -1 +1 @@
1
- {"version":3,"file":"radio-option.element.js","sourceRoot":"","sources":["../../../../src/lib/radio/radio-option/radio-option.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IAqB7C,qBAAqB;4BAbjC,OAAO,CAAC;YACP,OAAO,EAAE,kBAAkB;YAC3B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;KAMF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBACyC,WAAW;;;;;;;;;;qCAAnB,SAAQ,WAAW;;;;iCACnD,IAAI,EAAE;gCAGN,IAAI,EAAE;mCAGN,IAAI,EAAE;YALP,oKAAS,KAAK,6BAAL,KAAK,qFAAM;YAGpB,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,0KAAS,OAAO,6BAAP,OAAO,yFAAS;YAR3B,6KA0CC;;;YA1CY,uDAAqB;;QAEhC,uEAAiB,EAAE,EAAC;QAApB,IAAS,KAAK,2CAAM;QAApB,IAAS,KAAK,iDAAM;QAGpB,yHAAgB,EAAE,GAAC;QAAnB,IAAS,IAAI,0CAAM;QAAnB,IAAS,IAAI,gDAAM;QAGnB,8HAAmB,KAAK,GAAC;QAAzB,IAAS,OAAO,6CAAS;QAAzB,IAAS,OAAO,mDAAS;QAEhB,KAAK,yDAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,EAAC;QAExC,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACzC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAElD;YACE,KAAK,EAAE,CAAC;YAER,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,OAAO,CAAC;YAE3B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC/C,CAAC;QAED,wBAAwB;YACtB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;YAEvB,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YAC7B,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAC/B,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;YAEnC,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QACjC,CAAC;QAED,iBAAiB;YACf,IAAI,CAAC,aAAa,CAChB,IAAI,KAAK,CAAC,2BAA2B,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAC1D,CAAC;QACJ,CAAC;QAED,oBAAoB;YAClB,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QACtB,CAAC;;;;SAzCU,qBAAqB"}
1
+ {"version":3,"file":"radio-option.element.js","sourceRoot":"","sources":["../../../../src/lib/radio/radio-option/radio-option.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;IAgC7B,qBAAqB;4BAxBjC,UAAU,CAAC;YACV,IAAI,EAAE,sBAAsB;SAC7B,CAAC,EACD,OAAO,CAAC;YACP,OAAO,EAAE,kBAAkB;YAC3B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;KAMF;gBACD,IAAI,CAAA;;;;;;;;KAQH;aACF;SACF,CAAC;;;;sBACyC,WAAW;;;;;;qCAAnB,SAAQ,WAAW;;;;iCACnD,IAAI,EAAE;sCA0BN,QAAQ,EAAE;YAzBX,oKAAS,KAAK,6BAAL,KAAK,qFAAM;YA0BpB,iLAAA,UAAU,6DAYT;YAxCH,6KA+CC;;;YA/CY,uDAAqB;;QAEhC,2BAFW,mDAAqB,+CAEf,EAAE,GAAC;QAApB,IAAS,KAAK,2CAAM;QAApB,IAAS,KAAK,iDAAM;QAEpB,MAAM,uDAAG,KAAK,CAAC,OAAO,CAAC,EAAC;QACxB,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;QACxB,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;QACtB,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAE3B,SAAS,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACpC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAE5B,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;YACxB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,wBAAwB;YACtB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAC5B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YAE1B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;YAEvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;YACvB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3B,CAAC;QAGD,UAAU;YACR,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAE5B,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAEpC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;YACxB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;YAE3C,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE;gBAC5B,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;aACnC,CAAC,CAAC;QACL,CAAC;QAED,oBAAoB;YAClB,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC;YAEvB,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC;;;;SA9CU,qBAAqB"}
@@ -1,17 +1,17 @@
1
+ import { type RadioContainer } from "./context.js";
1
2
  declare global {
2
3
  interface HTMLElementTagNameMap {
3
4
  "usa-radio": USARadioElement;
4
5
  }
5
6
  }
6
- export declare class USARadioElement extends HTMLElement {
7
+ export declare class USARadioElement extends HTMLElement implements RadioContainer {
7
8
  #private;
8
9
  static formAssociated: boolean;
9
10
  accessor value: string;
10
11
  accessor name: string;
12
+ accessor required: boolean;
11
13
  accessor tiled: boolean;
12
- get shadow(): ShadowRoot;
13
- onChange(e: Event): void;
14
14
  connectedCallback(): void;
15
- attributeChangedCallback(): void;
16
- onOptionAdded(e: Event): void;
15
+ addRadioOption(el: HTMLElement): void;
16
+ onChange(e: Event): void;
17
17
  }
@@ -1,7 +1,12 @@
1
1
  import { __esDecorate, __runInitializers } from "tslib";
2
- import { attr, css, element, html, listen } from "@joist/element";
2
+ import { injectable } from "@joist/di";
3
+ import { attr, css, element, html, listen, query } from "@joist/element";
4
+ import { RADIO_CTX } from "./context.js";
3
5
  let USARadioElement = (() => {
4
- let _classDecorators = [element({
6
+ let _classDecorators = [injectable({
7
+ name: "usa-radio-ctx",
8
+ provideSelfAs: [RADIO_CTX],
9
+ }), element({
5
10
  tagName: "usa-radio",
6
11
  shadowDom: [
7
12
  css `
@@ -17,12 +22,11 @@ let USARadioElement = (() => {
17
22
  display: flex;
18
23
  cursor: pointer;
19
24
  gap: 0.5rem;
25
+ position: relative;
20
26
  }
21
27
 
22
28
  input {
23
29
  position: absolute;
24
- left: -999em;
25
- right: auto;
26
30
  }
27
31
 
28
32
  label::before {
@@ -35,6 +39,8 @@ let USARadioElement = (() => {
35
39
  background: #fff;
36
40
  box-shadow: 0 0 0 2px #1b1b1b;
37
41
  flex: 0 0 1.25rem;
42
+ position: relative;
43
+ z-index: 1000;
38
44
  }
39
45
 
40
46
  label:has(input:checked)::before {
@@ -70,7 +76,11 @@ let USARadioElement = (() => {
70
76
  display: flex;
71
77
  }
72
78
  `,
73
- html `<slot id="main"></slot>`,
79
+ html `
80
+ <slot name="legend" id="legend" tabindex="-1"></slot>
81
+
82
+ <slot></slot>
83
+ `,
74
84
  ],
75
85
  })];
76
86
  let _classDescriptor;
@@ -84,27 +94,29 @@ let USARadioElement = (() => {
84
94
  let _name_decorators;
85
95
  let _name_initializers = [];
86
96
  let _name_extraInitializers = [];
97
+ let _required_decorators;
98
+ let _required_initializers = [];
99
+ let _required_extraInitializers = [];
87
100
  let _tiled_decorators;
88
101
  let _tiled_initializers = [];
89
102
  let _tiled_extraInitializers = [];
90
103
  let _onChange_decorators;
91
- let _onOptionAdded_decorators;
92
104
  var USARadioElement = class extends _classSuper {
93
105
  static { _classThis = this; }
94
106
  static {
95
107
  const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
96
108
  _value_decorators = [attr()];
97
109
  _name_decorators = [attr()];
110
+ _required_decorators = [attr()];
98
111
  _tiled_decorators = [attr({
99
112
  observed: false,
100
113
  })];
101
114
  _onChange_decorators = [listen("change")];
102
- _onOptionAdded_decorators = [listen("usa::radio::option::added", (el) => el)];
103
115
  __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);
104
116
  __esDecorate(this, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
117
+ __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);
105
118
  __esDecorate(this, null, _tiled_decorators, { kind: "accessor", name: "tiled", static: false, private: false, access: { has: obj => "tiled" in obj, get: obj => obj.tiled, set: (obj, value) => { obj.tiled = value; } }, metadata: _metadata }, _tiled_initializers, _tiled_extraInitializers);
106
119
  __esDecorate(this, null, _onChange_decorators, { kind: "method", name: "onChange", static: false, private: false, access: { has: obj => "onChange" in obj, get: obj => obj.onChange }, metadata: _metadata }, null, _instanceExtraInitializers);
107
- __esDecorate(this, null, _onOptionAdded_decorators, { kind: "method", name: "onOptionAdded", static: false, private: false, access: { has: obj => "onOptionAdded" in obj, get: obj => obj.onOptionAdded }, metadata: _metadata }, null, _instanceExtraInitializers);
108
120
  __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
109
121
  USARadioElement = _classThis = _classDescriptor.value;
110
122
  if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
@@ -116,39 +128,37 @@ let USARadioElement = (() => {
116
128
  #name_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _name_initializers, ""));
117
129
  get name() { return this.#name_accessor_storage; }
118
130
  set name(value) { this.#name_accessor_storage = value; }
119
- #tiled_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _tiled_initializers, false));
131
+ #required_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _required_initializers, false));
132
+ get required() { return this.#required_accessor_storage; }
133
+ set required(value) { this.#required_accessor_storage = value; }
134
+ #tiled_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _tiled_initializers, false));
120
135
  get tiled() { return this.#tiled_accessor_storage; }
121
136
  set tiled(value) { this.#tiled_accessor_storage = value; }
122
- get shadow() {
123
- return this.shadowRoot;
124
- }
125
137
  #internals = (__runInitializers(this, _tiled_extraInitializers), this.attachInternals());
138
+ #legend = query("#legend");
139
+ connectedCallback() {
140
+ this.#syncFormState();
141
+ }
142
+ addRadioOption(el) {
143
+ this.shadowRoot?.append(el);
144
+ this.#syncFormState();
145
+ }
126
146
  onChange(e) {
127
147
  if (e.target instanceof HTMLInputElement) {
128
148
  if (e.target.checked) {
129
149
  this.value = e.target.value;
130
- this.#internals.setFormValue(e.target.value);
150
+ this.#syncFormState();
131
151
  }
132
152
  }
133
153
  }
134
- connectedCallback() {
135
- if (this.value) {
136
- this.#internals.setFormValue(this.value);
154
+ #syncFormState() {
155
+ this.#internals.setFormValue(this.value);
156
+ this.#internals.setValidity({});
157
+ if (this.required && !this.value) {
158
+ const input = this.shadowRoot?.querySelector("input");
159
+ this.#internals.setValidity({ valueMissing: true }, "Please select an option if you want to proceed", input ?? this.#legend());
137
160
  }
138
161
  }
139
- attributeChangedCallback() {
140
- for (let radio of this.shadow.querySelectorAll("usa-radio-option")) {
141
- radio.checked = radio.value === this.value;
142
- radio.name = this.name;
143
- }
144
- }
145
- onOptionAdded(e) {
146
- e.stopPropagation();
147
- const target = e.target;
148
- target.checked = target.value === this.value;
149
- target.name = this.name;
150
- this.shadow.append(target.radio);
151
- }
152
162
  static {
153
163
  __runInitializers(_classThis, _classExtraInitializers);
154
164
  }
@@ -1 +1 @@
1
- {"version":3,"file":"radio.element.js","sourceRoot":"","sources":["../../../src/lib/radio/radio.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;IAkFrD,eAAe;4BAxE3B,OAAO,CAAC;YACP,OAAO,EAAE,WAAW;YACpB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiEF;gBACD,IAAI,CAAA,yBAAyB;aAC9B;SACF,CAAC;;;;sBACmC,WAAW;;;;;;;;;;;;;+BAAnB,SAAQ,WAAW;;;;iCAG7C,IAAI,EAAE;gCAGN,IAAI,EAAE;iCAGN,IAAI,CAAC;oBACJ,QAAQ,EAAE,KAAK;iBAChB,CAAC;oCASD,MAAM,CAAC,QAAQ,CAAC;yCAuBhB,MAAM,CAAC,2BAA2B,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;YAvChD,oKAAS,KAAK,6BAAL,KAAK,qFAAM;YAGpB,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAKnB,oKAAS,KAAK,6BAAL,KAAK,qFAAS;YASvB,2KAAA,QAAQ,6DAOP;YAgBD,0LAAA,aAAa,6DASZ;YArDH,6KAsDC;;;;QArDC,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;QAKnB,0HAAiB,KAAK,GAAC;QAAvB,IAAS,KAAK,2CAAS;QAAvB,IAAS,KAAK,iDAAS;QAEvB,IAAI,MAAM;YACR,OAAO,IAAI,CAAC,UAAW,CAAC;QAC1B,CAAC;QAED,UAAU,uDAAG,IAAI,CAAC,eAAe,EAAE,EAAC;QAGpC,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;oBAC5B,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC/C,CAAC;YACH,CAAC;QACH,CAAC;QAED,iBAAiB;YACf,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC3C,CAAC;QACH,CAAC;QAED,wBAAwB;YACtB,KAAK,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;gBACnE,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;gBAC3C,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACzB,CAAC;QACH,CAAC;QAGD,aAAa,CAAC,CAAQ;YACpB,CAAC,CAAC,eAAe,EAAE,CAAC;YAEpB,MAAM,MAAM,GAAG,CAAC,CAAC,MAA+B,CAAC;YAEjD,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;YAC7C,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YAExB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;;YArDU,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 +1 @@
1
- {"version":3,"file":"radio.stories.js","sourceRoot":"","sources":["../../../src/lib/radio/radio.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA;;;;iBAIE,IAAI,CAAC,KAAK;;;;;;;;;;YAUf,IAAI,CACJ,IAAI,CAAC,WAAW,EAChB,GAAG,EAAE,CAAC,IAAI,CAAA,oBAAoB,IAAI,CAAC,WAAW,oBAAoB,CACnE;;;;;;;;;;;KAWN,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACJ,KAAK,EAAE,IAAI;QACX,WAAW,EACT,8EAA8E;KACjF;CACwD,CAAC;AAE5D,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
1
+ {"version":3,"file":"radio.stories.js","sourceRoot":"","sources":["../../../src/lib/radio/radio.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,CAAC,IAAI;QACT,OAAO,IAAI,CAAA;;;;iBAIE,IAAI,CAAC,KAAK;;;;;;;;;;YAUf,IAAI,CACJ,IAAI,CAAC,WAAW,EAChB,GAAG,EAAE,CAAC,IAAI,CAAA,oBAAoB,IAAI,CAAC,WAAW,oBAAoB,CACnE;;;;;;;;;;;KAWN,CAAC;IACJ,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACJ,KAAK,EAAE,IAAI;QACX,WAAW,EACT,8EAA8E;KACjF;CACwD,CAAC;AAE5D,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import "./radio.element.js";
2
2
  import "./radio-option/radio-option.element.js";
3
- import { fixture, html, assert } from "@open-wc/testing";
3
+ import { assert, fixture, html } from "@open-wc/testing";
4
4
  describe("usa-radio", () => {
5
5
  it("should be accessible", async () => {
6
6
  const radio = await fixture(html `
@@ -46,9 +46,8 @@ describe("usa-radio", () => {
46
46
  </usa-radio>
47
47
  </form>
48
48
  `);
49
- const nativeInputs = form
50
- .querySelector("usa-radio")
51
- .shadowRoot.querySelectorAll("input");
49
+ const nativeInputs = form.querySelector("usa-radio")?.shadowRoot?.querySelectorAll("input") ??
50
+ [];
52
51
  assert.deepEqual(Array.from(nativeInputs).map((input) => input.value), [
53
52
  "sojourner-truth",
54
53
  "frederick-douglass",
@@ -80,9 +79,8 @@ describe("usa-radio", () => {
80
79
  `);
81
80
  const options = form.querySelectorAll("usa-radio-option");
82
81
  options[2].remove();
83
- const nativeInputs = form
84
- .querySelector("usa-radio")
85
- .shadowRoot.querySelectorAll("input");
82
+ const nativeInputs = form.querySelector("usa-radio")?.shadowRoot?.querySelectorAll("input") ??
83
+ [];
86
84
  assert.deepEqual(Array.from(nativeInputs).map((input) => input.value), ["sojourner-truth", "frederick-douglass", "george-washington-carver"]);
87
85
  });
88
86
  it("should submit form with default values", async () => {
@@ -108,9 +106,8 @@ describe("usa-radio", () => {
108
106
  </form>
109
107
  `);
110
108
  const value = new FormData(form);
111
- const nativeInputs = form
112
- .querySelector("usa-radio")
113
- .shadowRoot.querySelectorAll("input");
109
+ const nativeInputs = form.querySelector("usa-radio")?.shadowRoot?.querySelectorAll("input") ??
110
+ [];
114
111
  assert.equal(nativeInputs[1].checked, true);
115
112
  assert.equal(value.get("historical-figures"), "frederick-douglass");
116
113
  });
@@ -136,9 +133,8 @@ describe("usa-radio", () => {
136
133
  </usa-radio>
137
134
  </form>
138
135
  `);
139
- const nativeInputs = form
140
- .querySelector("usa-radio")
141
- .shadowRoot.querySelectorAll("input");
136
+ const nativeInputs = form.querySelector("usa-radio")?.shadowRoot?.querySelectorAll("input") ??
137
+ [];
142
138
  nativeInputs[3].click();
143
139
  const value = new FormData(form);
144
140
  assert.equal(value.get("historical-figures"), "george-washington-carver");
@@ -1 +1 @@
1
- {"version":3,"file":"radio.test.js","sourceRoot":"","sources":["../../../src/lib/radio/radio.test.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"radio.test.js","sourceRoot":"","sources":["../../../src/lib/radio/radio.test.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ import { StaticToken } from "@joist/di";
2
+ export interface SelectContainer extends Node {
3
+ value: string;
4
+ addSelectOption: (el: HTMLOptionElement) => void;
5
+ }
6
+ export declare const SELECT_CONTEXT: StaticToken<SelectContainer>;
@@ -0,0 +1,3 @@
1
+ import { StaticToken } from "@joist/di";
2
+ export const SELECT_CONTEXT = new StaticToken("SELECT_CONTEXT");
3
+ //# sourceMappingURL=context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/lib/select/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAOxC,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,WAAW,CAC3C,gBAAgB,CACjB,CAAC"}
@@ -4,10 +4,11 @@ declare global {
4
4
  }
5
5
  }
6
6
  export declare class USASelecOptionElement extends HTMLElement {
7
+ #private;
7
8
  accessor value: string;
8
9
  readonly option: HTMLOptionElement;
9
10
  attributeChangedCallback(): void;
10
- connectedCallback(): void;
11
+ onInjected(): void;
11
12
  onSlotChange(): void;
12
13
  disconnectedCallback(): void;
13
14
  }