@noctuatech/uswds 0.0.18 → 0.0.20

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 (99) hide show
  1. package/assets/img/built-to-grow--alt.jpg +0 -0
  2. package/assets/uswds.min.js +1 -1
  3. package/package.json +1 -1
  4. package/src/lib/card/card-body/card-body.element.ts +23 -0
  5. package/src/lib/card/card-footer/card-footer.element.ts +21 -0
  6. package/src/lib/card/card-group/card-group.element.ts +30 -0
  7. package/src/lib/card/card-header/card-header.element.ts +31 -0
  8. package/src/lib/card/card-media/card-media.element.ts +50 -0
  9. package/src/lib/card/card.element.ts +53 -0
  10. package/src/lib/card/card.stories.ts +135 -0
  11. package/src/lib/card/card.test.ts +37 -0
  12. package/src/lib/define.ts +6 -0
  13. package/src/lib/side-nav/side-nav.element.ts +3 -2
  14. package/src/lib/step-indicator/step/step.element.ts +2 -1
  15. package/src/lib/step-indicator/step-indicator.element.ts +3 -2
  16. package/src/lib.ts +10 -0
  17. package/target/lib/accordion/accordion.element.js +26 -32
  18. package/target/lib/accordion/accordion.element.js.map +1 -1
  19. package/target/lib/alert/alert.element.js +16 -22
  20. package/target/lib/alert/alert.element.js.map +1 -1
  21. package/target/lib/button/button.element.js +60 -73
  22. package/target/lib/button/button.element.js.map +1 -1
  23. package/target/lib/card/card-body/card-body.element.d.ts +7 -0
  24. package/target/lib/card/card-body/card-body.element.js +35 -0
  25. package/target/lib/card/card-body/card-body.element.js.map +1 -0
  26. package/target/lib/card/card-footer/card-footer.element.d.ts +7 -0
  27. package/target/lib/card/card-footer/card-footer.element.js +33 -0
  28. package/target/lib/card/card-footer/card-footer.element.js.map +1 -0
  29. package/target/lib/card/card-group/card-group.element.d.ts +8 -0
  30. package/target/lib/card/card-group/card-group.element.js +51 -0
  31. package/target/lib/card/card-group/card-group.element.js.map +1 -0
  32. package/target/lib/card/card-header/card-header.element.d.ts +7 -0
  33. package/target/lib/card/card-header/card-header.element.js +43 -0
  34. package/target/lib/card/card-header/card-header.element.js.map +1 -0
  35. package/target/lib/card/card-media/card-media.element.d.ts +8 -0
  36. package/target/lib/card/card-media/card-media.element.js +71 -0
  37. package/target/lib/card/card-media/card-media.element.js.map +1 -0
  38. package/target/lib/card/card.element.d.ts +9 -0
  39. package/target/lib/card/card.element.js +79 -0
  40. package/target/lib/card/card.element.js.map +1 -0
  41. package/target/lib/card/card.stories.d.ts +12 -0
  42. package/target/lib/card/card.stories.js +126 -0
  43. package/target/lib/card/card.stories.js.map +1 -0
  44. package/target/lib/card/card.test.d.ts +6 -0
  45. package/target/lib/card/card.test.js +33 -0
  46. package/target/lib/card/card.test.js.map +1 -0
  47. package/target/lib/checkbox/checkbox.element.js +44 -54
  48. package/target/lib/checkbox/checkbox.element.js.map +1 -1
  49. package/target/lib/config/config.element.js +19 -27
  50. package/target/lib/config/config.element.js.map +1 -1
  51. package/target/lib/define.d.ts +6 -0
  52. package/target/lib/define.js +6 -0
  53. package/target/lib/define.js.map +1 -1
  54. package/target/lib/description/description.element.js +10 -10
  55. package/target/lib/description/description.element.js.map +1 -1
  56. package/target/lib/file-input/file-input-preview/file-input-preview.element.js +23 -30
  57. package/target/lib/file-input/file-input-preview/file-input-preview.element.js.map +1 -1
  58. package/target/lib/file-input/file-input.element.js +46 -58
  59. package/target/lib/file-input/file-input.element.js.map +1 -1
  60. package/target/lib/icon/icon.element.js +26 -36
  61. package/target/lib/icon/icon.element.js.map +1 -1
  62. package/target/lib/input/input.element.js +50 -60
  63. package/target/lib/input/input.element.js.map +1 -1
  64. package/target/lib/input-mask/input-mask.element.js +25 -29
  65. package/target/lib/input-mask/input-mask.element.js.map +1 -1
  66. package/target/lib/link/link.element.js +33 -42
  67. package/target/lib/link/link.element.js.map +1 -1
  68. package/target/lib/modal/modal-close/modal-close.element.js +17 -19
  69. package/target/lib/modal/modal-close/modal-close.element.js.map +1 -1
  70. package/target/lib/modal/modal-heading/modal-heading.element.js +10 -10
  71. package/target/lib/modal/modal-heading/modal-heading.element.js.map +1 -1
  72. package/target/lib/modal/modal.element.js +17 -22
  73. package/target/lib/modal/modal.element.js.map +1 -1
  74. package/target/lib/radio/radio-option/radio-option.element.js +34 -40
  75. package/target/lib/radio/radio-option/radio-option.element.js.map +1 -1
  76. package/target/lib/radio/radio.element.js +36 -44
  77. package/target/lib/radio/radio.element.js.map +1 -1
  78. package/target/lib/select/select-option/select-option.element.js +17 -22
  79. package/target/lib/select/select-option/select-option.element.js.map +1 -1
  80. package/target/lib/select/select.element.js +33 -41
  81. package/target/lib/select/select.element.js.map +1 -1
  82. package/target/lib/side-nav/side-nav-item/side-nav-item.element.js +17 -19
  83. package/target/lib/side-nav/side-nav-item/side-nav-item.element.js.map +1 -1
  84. package/target/lib/side-nav/side-nav.element.d.ts +1 -1
  85. package/target/lib/side-nav/side-nav.element.js +20 -12
  86. package/target/lib/side-nav/side-nav.element.js.map +1 -1
  87. package/target/lib/step-indicator/step/step.element.d.ts +1 -1
  88. package/target/lib/step-indicator/step/step.element.js +28 -22
  89. package/target/lib/step-indicator/step/step.element.js.map +1 -1
  90. package/target/lib/step-indicator/step-indicator.element.d.ts +1 -1
  91. package/target/lib/step-indicator/step-indicator.element.js +20 -12
  92. package/target/lib/step-indicator/step-indicator.element.js.map +1 -1
  93. package/target/lib/summary-box/summary-box.element.js +10 -10
  94. package/target/lib/summary-box/summary-box.element.js.map +1 -1
  95. package/target/lib/tag/tag.element.js +15 -17
  96. package/target/lib/tag/tag.element.js.map +1 -1
  97. package/target/lib.d.ts +10 -0
  98. package/target/lib.js +10 -0
  99. package/target/lib.js.map +1 -1
@@ -0,0 +1,135 @@
1
+ import type { Meta, StoryObj } from "@storybook/web-components";
2
+ import { html } from "lit";
3
+
4
+ import type { USACardElement } from "./card.element.js";
5
+
6
+ // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
7
+ const meta = {
8
+ title: "usa-card",
9
+ tags: ["autodocs"],
10
+
11
+ argTypes: {},
12
+ args: {},
13
+ } satisfies Meta<USACardElement>;
14
+
15
+ export default meta;
16
+
17
+ type Story = StoryObj<USACardElement>;
18
+
19
+ // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
20
+ export const Primary: Story = {
21
+ render() {
22
+ return html`
23
+ <usa-card-group>
24
+ <usa-card>
25
+ <usa-card-header>Card</usa-card-header>
26
+
27
+ <usa-card-body>
28
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
29
+ earum tenetur quo cupiditate, eaque qui officia recusandae.
30
+ </usa-card-body>
31
+
32
+ <usa-card-footer>
33
+ <usa-button>Visit Florida Keys</usa-button>
34
+ </usa-card-footer>
35
+ </usa-card>
36
+
37
+ <usa-card>
38
+ <usa-card-media>
39
+ <img src="/img/built-to-grow--alt.jpg" alt="A placeholder image" />
40
+ </usa-card-media>
41
+
42
+ <usa-card-header>Card with media</usa-card-header>
43
+
44
+ <usa-card-body>
45
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
46
+ earum tenetur quo cupiditate, eaque qui officia recusandae.
47
+ </usa-card-body>
48
+
49
+ <usa-card-footer>
50
+ <usa-button>Visit Florida Keys</usa-button>
51
+ </usa-card-footer>
52
+ </usa-card>
53
+
54
+ <usa-card>
55
+ <usa-card-header>Media with heaer first</usa-card-header>
56
+
57
+ <usa-card-media>
58
+ <img src="/img/built-to-grow--alt.jpg" alt="A placeholder image" />
59
+ </usa-card-media>
60
+
61
+ <usa-card-body>
62
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore
63
+ possimus similique nemo odit doloremque laudantium?
64
+ </usa-card-body>
65
+
66
+ <usa-card-footer>
67
+ <usa-button>Visit Florida Keys</usa-button>
68
+ </usa-card-footer>
69
+ </usa-card>
70
+
71
+ <usa-card>
72
+ <usa-card-media variant="inset">
73
+ <img src="/img/built-to-grow--alt.jpg" alt="A placeholder image" />
74
+ </usa-card-media>
75
+
76
+ <usa-card-header>Inset media</usa-card-header>
77
+
78
+ <usa-card-body>
79
+ Etiam vitae sodales metus. Fusce id orci dignissim, efficitur risus
80
+ eget, tempus odio. Donec lectus ante, auctor eget cursus sed,
81
+ convallis quis magna. Orci varius natoque penatibus et magnis dis
82
+ parturient montes, nascetur ridiculus mus. Mauris mattis tellus
83
+ bibendum aliquet malesuada.
84
+ </usa-card-body>
85
+
86
+ <usa-card-footer>
87
+ <usa-button>Visit Florida Keys</usa-button>
88
+ </usa-card-footer>
89
+ </usa-card>
90
+ </usa-card-group>
91
+ `;
92
+ },
93
+ };
94
+
95
+ export const Flag: Story = {
96
+ render() {
97
+ return html`
98
+ <usa-card-group variant="flag">
99
+ <usa-card variant="flag">
100
+ <usa-card-media>
101
+ <img src="/img/built-to-grow--alt.jpg" alt="A placeholder image" />
102
+ </usa-card-media>
103
+
104
+ <usa-card-header>Card with media</usa-card-header>
105
+
106
+ <usa-card-body>
107
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
108
+ earum tenetur quo cupiditate, eaque qui officia recusandae.
109
+ </usa-card-body>
110
+
111
+ <usa-card-footer>
112
+ <usa-button>Visit Florida Keys</usa-button>
113
+ </usa-card-footer>
114
+ </usa-card>
115
+
116
+ <usa-card variant="flag">
117
+ <usa-card-media variant="inset">
118
+ <img src="/img/built-to-grow--alt.jpg" alt="A placeholder image" />
119
+ </usa-card-media>
120
+
121
+ <usa-card-header>Card with media</usa-card-header>
122
+
123
+ <usa-card-body>
124
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
125
+ earum tenetur quo cupiditate, eaque qui officia recusandae.
126
+ </usa-card-body>
127
+
128
+ <usa-card-footer>
129
+ <usa-button>Visit Florida Keys</usa-button>
130
+ </usa-card-footer>
131
+ </usa-card>
132
+ </usa-card-group>
133
+ `;
134
+ },
135
+ };
@@ -0,0 +1,37 @@
1
+ import "./card.element.js";
2
+ import "./card-body/card-body.element.js";
3
+ import "./card-footer/card-footer.element.js";
4
+ import "./card-group/card-group.element.js";
5
+ import "./card-header/card-header.element.js";
6
+ import "./card-media/card-media.element.js";
7
+
8
+ import { fixture, html, assert } from "@open-wc/testing";
9
+
10
+ import { USACardElement } from "./card.element.js";
11
+
12
+ describe("usa-card", () => {
13
+ it("should be accessible", async () => {
14
+ const card = await fixture<USACardElement>(html`
15
+ <usa-card-group>
16
+ <usa-card>
17
+ <usa-card-media>
18
+ <img src="/img/built-to-grow--alt.jpg" alt="A placeholder image" />
19
+ </usa-card-media>
20
+
21
+ <usa-card-header>Card with media</usa-card-header>
22
+
23
+ <usa-card-body>
24
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
25
+ earum tenetur quo cupiditate, eaque qui officia recusandae.
26
+ </usa-card-body>
27
+
28
+ <usa-card-footer>
29
+ <usa-button>Visit Florida Keys</usa-button>
30
+ </usa-card-footer>
31
+ </usa-card>
32
+ </usa-card-group>
33
+ `);
34
+
35
+ return assert.isAccessible(card);
36
+ });
37
+ });
package/src/lib/define.ts CHANGED
@@ -23,3 +23,9 @@ import "./step-indicator/step/step.element.js";
23
23
  import "./modal/modal.element.js";
24
24
  import "./modal/modal-close/modal-close.element.js";
25
25
  import "./modal/modal-heading/modal-heading.element.js";
26
+ import "./card/card.element.js";
27
+ import "./card/card-header/card-header.element.js";
28
+ import "./card/card-body/card-body.element.js";
29
+ import "./card/card-footer/card-footer.element.js";
30
+ import "./card/card-media/card-media.element.js";
31
+ import "./card/card-group/card-group.element.js";
@@ -1,4 +1,4 @@
1
- import { css, element, html } from "@joist/element";
1
+ import { css, element, html, attr } from "@joist/element";
2
2
 
3
3
  declare global {
4
4
  interface HTMLElementTagNameMap {
@@ -21,5 +21,6 @@ declare global {
21
21
  ],
22
22
  })
23
23
  export class USASideNavElement extends HTMLElement {
24
- role = "navigation";
24
+ @attr()
25
+ accessor role = "navigation";
25
26
  }
@@ -113,7 +113,8 @@ export class USAStepIndicatorStepElement extends HTMLElement {
113
113
  @attr()
114
114
  accessor state: "complete" | "current" | "" = "";
115
115
 
116
- role = "listitem";
116
+ @attr()
117
+ accessor role = "listitem";
117
118
 
118
119
  @attrChanged("state")
119
120
  onStateAttrChanged() {
@@ -1,4 +1,4 @@
1
- import { css, element, html } from "@joist/element";
1
+ import { attr, css, element, html } from "@joist/element";
2
2
 
3
3
  declare global {
4
4
  interface HTMLElementTagNameMap {
@@ -22,5 +22,6 @@ declare global {
22
22
  ],
23
23
  })
24
24
  export class USAStepIndicatorElement extends HTMLElement {
25
- role = "list";
25
+ @attr()
26
+ accessor role = "list";
26
27
  }
package/src/lib.ts CHANGED
@@ -1,7 +1,10 @@
1
+ export { USAConfigElement, USAConfig } from "./lib/config/config.element.js";
1
2
  export { USAAlertElement } from "./lib/alert/alert.element.js";
2
3
  export { USAButtonElement } from "./lib/button/button.element.js";
3
4
  export { USACheckboxElement } from "./lib/checkbox/checkbox.element.js";
4
5
  export { USADescriptionElement } from "./lib/description/description.element.js";
6
+ export { USAFileInputElement } from "./lib/file-input/file-input.element.js";
7
+ export { USAFileInputPreviewElement } from "./lib/file-input/file-input-preview/file-input-preview.element.js";
5
8
  export { USAIconElement } from "./lib/icon/icon.element.js";
6
9
  export { USATextInputElement } from "./lib/input/input.element.js";
7
10
  export { USAInputMaskElement } from "./lib/input-mask/input-mask.element.js";
@@ -13,9 +16,16 @@ export { USASelecOptionElement } from "./lib/select/select-option/select-option.
13
16
  export { USATagElement } from "./lib/tag/tag.element.js";
14
17
  export { USAAccordionElement } from "./lib/accordion/accordion.element.js";
15
18
  export { USASideNavElement } from "./lib/side-nav/side-nav.element.js";
19
+ export { USASideNavItemElement } from "./lib/side-nav/side-nav-item/side-nav-item.element.js";
16
20
  export { USASummaryBoxElement } from "./lib/summary-box/summary-box.element.js";
17
21
  export { USAStepIndicatorElement } from "./lib/step-indicator/step-indicator.element.js";
18
22
  export { USAStepIndicatorStepElement } from "./lib/step-indicator/step/step.element.js";
19
23
  export { USAModalElement } from "./lib/modal/modal.element.js";
20
24
  export { USAModalCloseElement } from "./lib/modal/modal-close/modal-close.element.js";
21
25
  export { USAModalHeadingElement } from "./lib/modal/modal-heading/modal-heading.element.js";
26
+ export { USACardElement } from "./lib/card/card.element.js";
27
+ export { USACardHeaderElement } from "./lib/card/card-header/card-header.element.js";
28
+ export { USACardBodyElement } from "./lib/card/card-body/card-body.element.js";
29
+ export { USACardFooterElement } from "./lib/card/card-footer/card-footer.element.js";
30
+ export { USACardImgElement } from "./lib/card/card-media/card-media.element.js";
31
+ export { USACardGroupElement } from "./lib/card/card-group/card-group.element.js";
@@ -1,7 +1,6 @@
1
- import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers, __setFunctionName } from "tslib";
1
+ import { __esDecorate, __runInitializers } from "tslib";
2
2
  import { attr, css, element, html, listen, query } from "@joist/element";
3
3
  let USAAccordionElement = (() => {
4
- var _USAAccordionElement_details, _USAAccordionElement_name_accessor_storage, _USAAccordionElement_open_accessor_storage;
5
4
  let _classDecorators = [element({
6
5
  tagName: "usa-accordion",
7
6
  shadowDomOpts: {
@@ -110,19 +109,32 @@ let USAAccordionElement = (() => {
110
109
  let _open_extraInitializers = [];
111
110
  let _onClick_decorators;
112
111
  let _onAccordionToggle_decorators;
113
- var USAAccordionElement = _classThis = class extends _classSuper {
114
- constructor() {
115
- super(...arguments);
116
- _USAAccordionElement_name_accessor_storage.set(this, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _name_initializers, "")));
117
- _USAAccordionElement_open_accessor_storage.set(this, (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _open_initializers, false)));
118
- _USAAccordionElement_details.set(this, (__runInitializers(this, _open_extraInitializers), query("details")));
112
+ var USAAccordionElement = class extends _classSuper {
113
+ static { _classThis = this; }
114
+ static {
115
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
116
+ _name_decorators = [attr()];
117
+ _open_decorators = [attr()];
118
+ _onClick_decorators = [listen("click", "summary")];
119
+ _onAccordionToggle_decorators = [listen("usa::accordion::toggle", () => document.body)];
120
+ __esDecorate(this, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
121
+ __esDecorate(this, null, _open_decorators, { kind: "accessor", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
122
+ __esDecorate(this, null, _onClick_decorators, { kind: "method", name: "onClick", static: false, private: false, access: { has: obj => "onClick" in obj, get: obj => obj.onClick }, metadata: _metadata }, null, _instanceExtraInitializers);
123
+ __esDecorate(this, null, _onAccordionToggle_decorators, { kind: "method", name: "onAccordionToggle", static: false, private: false, access: { has: obj => "onAccordionToggle" in obj, get: obj => obj.onAccordionToggle }, metadata: _metadata }, null, _instanceExtraInitializers);
124
+ __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
125
+ USAAccordionElement = _classThis = _classDescriptor.value;
126
+ if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
127
+ __runInitializers(_classThis, _classExtraInitializers);
119
128
  }
120
- get name() { return __classPrivateFieldGet(this, _USAAccordionElement_name_accessor_storage, "f"); }
121
- set name(value) { __classPrivateFieldSet(this, _USAAccordionElement_name_accessor_storage, value, "f"); }
122
- get open() { return __classPrivateFieldGet(this, _USAAccordionElement_open_accessor_storage, "f"); }
123
- set open(value) { __classPrivateFieldSet(this, _USAAccordionElement_open_accessor_storage, value, "f"); }
129
+ #name_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _name_initializers, ""));
130
+ get name() { return this.#name_accessor_storage; }
131
+ set name(value) { this.#name_accessor_storage = value; }
132
+ #open_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _open_initializers, false));
133
+ get open() { return this.#open_accessor_storage; }
134
+ set open(value) { this.#open_accessor_storage = value; }
135
+ #details = (__runInitializers(this, _open_extraInitializers), query("details"));
124
136
  attributeChangedCallback() {
125
- const details = __classPrivateFieldGet(this, _USAAccordionElement_details, "f").call(this);
137
+ const details = this.#details();
126
138
  details.open = this.open;
127
139
  }
128
140
  onClick(e) {
@@ -138,29 +150,11 @@ let USAAccordionElement = (() => {
138
150
  }
139
151
  }
140
152
  };
141
- _USAAccordionElement_details = new WeakMap();
142
- _USAAccordionElement_name_accessor_storage = new WeakMap();
143
- _USAAccordionElement_open_accessor_storage = new WeakMap();
144
- __setFunctionName(_classThis, "USAAccordionElement");
145
- (() => {
146
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
147
- _name_decorators = [attr()];
148
- _open_decorators = [attr()];
149
- _onClick_decorators = [listen("click", "summary")];
150
- _onAccordionToggle_decorators = [listen("usa::accordion::toggle", () => document.body)];
151
- __esDecorate(_classThis, 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);
152
- __esDecorate(_classThis, null, _open_decorators, { kind: "accessor", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
153
- __esDecorate(_classThis, null, _onClick_decorators, { kind: "method", name: "onClick", static: false, private: false, access: { has: obj => "onClick" in obj, get: obj => obj.onClick }, metadata: _metadata }, null, _instanceExtraInitializers);
154
- __esDecorate(_classThis, null, _onAccordionToggle_decorators, { kind: "method", name: "onAccordionToggle", static: false, private: false, access: { has: obj => "onAccordionToggle" in obj, get: obj => obj.onAccordionToggle }, metadata: _metadata }, null, _instanceExtraInitializers);
155
- __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
156
- USAAccordionElement = _classThis = _classDescriptor.value;
157
- if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
158
- __runInitializers(_classThis, _classExtraInitializers);
159
- })();
160
153
  return USAAccordionElement = _classThis;
161
154
  })();
162
155
  export { USAAccordionElement };
163
156
  class USAAccordionToggleEvent extends Event {
157
+ open;
164
158
  get target() {
165
159
  return super.target;
166
160
  }
@@ -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;IAuG5D,mBAAmB;;4BA/F/B,OAAO,CAAC;YACP,OAAO,EAAE,eAAe;YACxB,aAAa,EAAE;gBACb,IAAI,EAAE,MAAM;gBACZ,cAAc,EAAE,IAAI;aACrB;YACD,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuEF;gBACD,IAAI,CAAA;;;;;;;;;;;;;KAaH;aACF;SACF,CAAC;;;;sBACuC,WAAW;;;;;;;;;;gDAAnB,SAAQ,WAAW;;;YAEzC,sDAFE,mDAAmB,8CAEd,EAAE,IAAC;YAGV,oJAAO,KAAK,IAAC;YAEtB,0FAAW,KAAK,CAAC,SAAS,CAAC,GAAC;QAsB9B,CAAC;QA3BC,IAAS,IAAI,4FAAM;QAAnB,IAAS,IAAI,iGAAM;QAGnB,IAAS,IAAI,4FAAS;QAAtB,IAAS,IAAI,iGAAS;QAItB,wBAAwB;YACtB,MAAM,OAAO,GAAG,uBAAA,IAAI,oCAAS,MAAb,IAAI,CAAW,CAAC;YAChC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAC3B,CAAC;QAGD,OAAO,CAAC,CAAQ;YACd,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,IAAI,CAAC,aAAa,CAAC,IAAI,uBAAuB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9D,CAAC;QAGD,iBAAiB,CAAC,CAA0B;YAC1C,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;gBAChC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC;YAC1C,CAAC;iBAAM,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;gBAC7B,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;YACrB,CAAC;QACH,CAAC;;;;;;;;4BA3BA,IAAI,EAAE;4BAGN,IAAI,EAAE;+BAUN,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC;yCAO1B,MAAM,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;QAnBtD,uKAAS,IAAI,6BAAJ,IAAI,mFAAM;QAGnB,uKAAS,IAAI,6BAAJ,IAAI,mFAAS;QAUtB,8KAAA,OAAO,6DAIN;QAGD,4MAAA,iBAAiB,6DAMhB;QA5BH,6KA6BC;;;QA7BY,uDAAmB;;;;SAAnB,mBAAmB;AA+BhC,MAAM,uBAAwB,SAAQ,KAAK;IAGzC,IAAI,MAAM;QACR,OAAO,KAAK,CAAC,MAA6B,CAAC;IAC7C,CAAC;IAED,YAAY,IAAa;QACvB,KAAK,CAAC,wBAAwB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAEnD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;CACF"}
1
+ {"version":3,"file":"accordion.element.js","sourceRoot":"","sources":["../../../src/lib/accordion/accordion.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;IAuG5D,mBAAmB;4BA/F/B,OAAO,CAAC;YACP,OAAO,EAAE,eAAe;YACxB,aAAa,EAAE;gBACb,IAAI,EAAE,MAAM;gBACZ,cAAc,EAAE,IAAI;aACrB;YACD,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuEF;gBACD,IAAI,CAAA;;;;;;;;;;;;;KAaH;aACF;SACF,CAAC;;;;sBACuC,WAAW;;;;;;;;;;mCAAnB,SAAQ,WAAW;;;;gCACjD,IAAI,EAAE;gCAGN,IAAI,EAAE;mCAUN,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC;6CAO1B,MAAM,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;YAnBtD,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,iKAAS,IAAI,6BAAJ,IAAI,mFAAS;YAUtB,wKAAA,OAAO,6DAIN;YAGD,sMAAA,iBAAiB,6DAMhB;YA5BH,6KA6BC;;;YA7BY,uDAAmB;;QAE9B,0BAFW,mDAAmB,8CAEd,EAAE,GAAC;QAAnB,IAAS,IAAI,0CAAM;QAAnB,IAAS,IAAI,gDAAM;QAGnB,wHAAgB,KAAK,GAAC;QAAtB,IAAS,IAAI,0CAAS;QAAtB,IAAS,IAAI,gDAAS;QAEtB,QAAQ,sDAAG,KAAK,CAAC,SAAS,CAAC,EAAC;QAE5B,wBAAwB;YACtB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAC3B,CAAC;QAGD,OAAO,CAAC,CAAQ;YACd,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,IAAI,CAAC,aAAa,CAAC,IAAI,uBAAuB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9D,CAAC;QAGD,iBAAiB,CAAC,CAA0B;YAC1C,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;gBAChC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,KAAK,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC;YAC1C,CAAC;iBAAM,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;gBAC7B,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;YACrB,CAAC;QACH,CAAC;;;;SA5BU,mBAAmB;AA+BhC,MAAM,uBAAwB,SAAQ,KAAK;IACzC,IAAI,CAAC;IAEL,IAAI,MAAM;QACR,OAAO,KAAK,CAAC,MAA6B,CAAC;IAC7C,CAAC;IAED,YAAY,IAAa;QACvB,KAAK,CAAC,wBAAwB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAEnD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;CACF"}
@@ -1,8 +1,7 @@
1
- import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers, __setFunctionName } from "tslib";
1
+ import { __esDecorate, __runInitializers } from "tslib";
2
2
  import { attr, css, element, html, query } from "@joist/element";
3
3
  import { USA_ALERT_CONFIG } from "./alert-types.js";
4
4
  let USAAlertElement = (() => {
5
- var _USAAlertElement_icon, _USAAlertElement_type_accessor_storage;
6
5
  let _classDecorators = [element({
7
6
  tagName: "usa-alert",
8
7
  shadowDom: [
@@ -93,31 +92,26 @@ let USAAlertElement = (() => {
93
92
  let _type_decorators;
94
93
  let _type_initializers = [];
95
94
  let _type_extraInitializers = [];
96
- var USAAlertElement = _classThis = class extends _classSuper {
97
- constructor() {
98
- super(...arguments);
99
- _USAAlertElement_type_accessor_storage.set(this, __runInitializers(this, _type_initializers, "info"));
100
- _USAAlertElement_icon.set(this, (__runInitializers(this, _type_extraInitializers), query("usa-icon")));
95
+ var USAAlertElement = class extends _classSuper {
96
+ static { _classThis = this; }
97
+ static {
98
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
99
+ _type_decorators = [attr()];
100
+ __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);
101
+ __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
102
+ USAAlertElement = _classThis = _classDescriptor.value;
103
+ if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
104
+ __runInitializers(_classThis, _classExtraInitializers);
101
105
  }
102
- get type() { return __classPrivateFieldGet(this, _USAAlertElement_type_accessor_storage, "f"); }
103
- set type(value) { __classPrivateFieldSet(this, _USAAlertElement_type_accessor_storage, value, "f"); }
106
+ #type_accessor_storage = __runInitializers(this, _type_initializers, "info");
107
+ get type() { return this.#type_accessor_storage; }
108
+ set type(value) { this.#type_accessor_storage = value; }
109
+ #icon = (__runInitializers(this, _type_extraInitializers), query("usa-icon"));
104
110
  attributeChangedCallback() {
105
- const icon = __classPrivateFieldGet(this, _USAAlertElement_icon, "f").call(this);
111
+ const icon = this.#icon();
106
112
  icon.icon = USA_ALERT_CONFIG[this.type].icon;
107
113
  }
108
114
  };
109
- _USAAlertElement_icon = new WeakMap();
110
- _USAAlertElement_type_accessor_storage = new WeakMap();
111
- __setFunctionName(_classThis, "USAAlertElement");
112
- (() => {
113
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
114
- _type_decorators = [attr()];
115
- __esDecorate(_classThis, 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);
116
- __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
117
- USAAlertElement = _classThis = _classDescriptor.value;
118
- if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
119
- __runInitializers(_classThis, _classExtraInitializers);
120
- })();
121
115
  return USAAlertElement = _classThis;
122
116
  })();
123
117
  export { USAAlertElement };
@@ -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,EAAE,gBAAgB,EAAgB,MAAM,kBAAkB,CAAC;IA2FrD,eAAe;;4BAnF3B,OAAO,CAAC;YACP,OAAO,EAAE,WAAW;YACpB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8DF;gBACD,IAAI,CAAA;;;;;;;;;;;;;;KAcH;aACF;SACF,CAAC;;;;sBACmC,WAAW;;;;4CAAnB,SAAQ,WAAW;;;YAErC,6FAAqB,MAAM,GAAC;YAErC,mFAAQ,KAAK,CAAC,UAAU,CAAC,GAAC;QAO5B,CAAC;QATC,IAAS,IAAI,wFAAwB;QAArC,IAAS,IAAI,6FAAwB;QAIrC,wBAAwB;YACtB,MAAM,IAAI,GAAG,uBAAA,IAAI,6BAAM,MAAV,IAAI,CAAQ,CAAC;YAE1B,IAAI,CAAC,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;QAC/C,CAAC;;;;;;;4BATA,IAAI,EAAE;QACP,uKAAS,IAAI,6BAAJ,IAAI,mFAAwB;QAFvC,6KAWC;;;QAXY,uDAAe;;;;SAAf,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,EAAE,gBAAgB,EAAgB,MAAM,kBAAkB,CAAC;IA2FrD,eAAe;4BAnF3B,OAAO,CAAC;YACP,OAAO,EAAE,WAAW;YACpB,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,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YAE1B,IAAI,CAAC,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;QAC/C,CAAC;;;;SAVU,eAAe"}
@@ -1,4 +1,4 @@
1
- import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers, __setFunctionName } from "tslib";
1
+ import { __esDecorate, __runInitializers } from "tslib";
2
2
  import { attr, css, element, html, listen, query, ready } from "@joist/element";
3
3
  export const BUTTON_VARIANTS = [
4
4
  "primary",
@@ -8,7 +8,6 @@ export const BUTTON_VARIANTS = [
8
8
  "outline",
9
9
  ];
10
10
  let USAButtonElement = (() => {
11
- var _USAButtonElement_instances, _USAButtonElement_internals, _USAButtonElement_button, _USAButtonElement_handleForm, _USAButtonElement_type_accessor_storage, _USAButtonElement_disabled_accessor_storage, _USAButtonElement_variant_accessor_storage, _USAButtonElement_value_accessor_storage, _USAButtonElement_tabIndex_accessor_storage;
12
11
  let _classDecorators = [element({
13
12
  tagName: "usa-button",
14
13
  shadowDomOpts: {
@@ -187,96 +186,84 @@ let USAButtonElement = (() => {
187
186
  let _onReady_decorators;
188
187
  let _onKeyDown_decorators;
189
188
  let _onInternalClick_decorators;
190
- var USAButtonElement = _classThis = class extends _classSuper {
191
- constructor() {
192
- super(...arguments);
193
- _USAButtonElement_instances.add(this);
194
- _USAButtonElement_type_accessor_storage.set(this, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _type_initializers, "button")));
195
- _USAButtonElement_disabled_accessor_storage.set(this, (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _disabled_initializers, false)));
196
- _USAButtonElement_variant_accessor_storage.set(this, (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _variant_initializers, "primary")));
197
- _USAButtonElement_value_accessor_storage.set(this, (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _value_initializers, "")));
198
- _USAButtonElement_tabIndex_accessor_storage.set(this, (__runInitializers(this, _value_extraInitializers), 0));
199
- _USAButtonElement_internals.set(this, this.attachInternals());
200
- _USAButtonElement_button.set(this, query("button"));
189
+ var USAButtonElement = class extends _classSuper {
190
+ static { _classThis = this; }
191
+ static {
192
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
193
+ _type_decorators = [attr()];
194
+ _disabled_decorators = [attr()];
195
+ _variant_decorators = [attr()];
196
+ _value_decorators = [attr()];
197
+ _onReady_decorators = [ready()];
198
+ _onKeyDown_decorators = [listen("keydown", () => document.body)];
199
+ _onInternalClick_decorators = [listen("click")];
200
+ __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);
201
+ __esDecorate(this, null, _disabled_decorators, { kind: "accessor", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
202
+ __esDecorate(this, null, _variant_decorators, { kind: "accessor", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
203
+ __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);
204
+ __esDecorate(this, null, _onReady_decorators, { kind: "method", name: "onReady", static: false, private: false, access: { has: obj => "onReady" in obj, get: obj => obj.onReady }, metadata: _metadata }, null, _instanceExtraInitializers);
205
+ __esDecorate(this, null, _onKeyDown_decorators, { kind: "method", name: "onKeyDown", static: false, private: false, access: { has: obj => "onKeyDown" in obj, get: obj => obj.onKeyDown }, metadata: _metadata }, null, _instanceExtraInitializers);
206
+ __esDecorate(this, null, _onInternalClick_decorators, { kind: "method", name: "onInternalClick", static: false, private: false, access: { has: obj => "onInternalClick" in obj, get: obj => obj.onInternalClick }, metadata: _metadata }, null, _instanceExtraInitializers);
207
+ __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
208
+ USAButtonElement = _classThis = _classDescriptor.value;
209
+ if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
201
210
  }
202
- get type() { return __classPrivateFieldGet(this, _USAButtonElement_type_accessor_storage, "f"); }
203
- set type(value) { __classPrivateFieldSet(this, _USAButtonElement_type_accessor_storage, value, "f"); }
204
- get disabled() { return __classPrivateFieldGet(this, _USAButtonElement_disabled_accessor_storage, "f"); }
205
- set disabled(value) { __classPrivateFieldSet(this, _USAButtonElement_disabled_accessor_storage, value, "f"); }
206
- get variant() { return __classPrivateFieldGet(this, _USAButtonElement_variant_accessor_storage, "f"); }
207
- set variant(value) { __classPrivateFieldSet(this, _USAButtonElement_variant_accessor_storage, value, "f"); }
208
- get value() { return __classPrivateFieldGet(this, _USAButtonElement_value_accessor_storage, "f"); }
209
- set value(value) { __classPrivateFieldSet(this, _USAButtonElement_value_accessor_storage, value, "f"); }
210
- get tabIndex() { return __classPrivateFieldGet(this, _USAButtonElement_tabIndex_accessor_storage, "f"); }
211
- set tabIndex(value) { __classPrivateFieldSet(this, _USAButtonElement_tabIndex_accessor_storage, value, "f"); }
211
+ static formAssociated = true;
212
+ #type_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _type_initializers, "button"));
213
+ get type() { return this.#type_accessor_storage; }
214
+ set type(value) { this.#type_accessor_storage = value; }
215
+ #disabled_accessor_storage = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _disabled_initializers, false));
216
+ get disabled() { return this.#disabled_accessor_storage; }
217
+ set disabled(value) { this.#disabled_accessor_storage = value; }
218
+ #variant_accessor_storage = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _variant_initializers, "primary"));
219
+ get variant() { return this.#variant_accessor_storage; }
220
+ set variant(value) { this.#variant_accessor_storage = value; }
221
+ #value_accessor_storage = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _value_initializers, ""));
222
+ get value() { return this.#value_accessor_storage; }
223
+ set value(value) { this.#value_accessor_storage = value; }
224
+ #tabIndex_accessor_storage = (__runInitializers(this, _value_extraInitializers), 0);
225
+ get tabIndex() { return this.#tabIndex_accessor_storage; }
226
+ set tabIndex(value) { this.#tabIndex_accessor_storage = value; }
227
+ #internals = this.attachInternals();
228
+ #button = query("button");
212
229
  onReady() {
213
- const input = __classPrivateFieldGet(this, _USAButtonElement_button, "f").call(this);
230
+ const input = this.#button();
214
231
  input.autofocus = this.autofocus;
215
232
  }
216
233
  onKeyDown(e) {
217
234
  if (this.type === "submit") {
218
235
  if (e.key.toUpperCase() === "ENTER") {
219
- __classPrivateFieldGet(this, _USAButtonElement_instances, "m", _USAButtonElement_handleForm).call(this);
236
+ this.#handleForm();
220
237
  }
221
238
  }
222
239
  }
223
240
  onInternalClick() {
224
- __classPrivateFieldGet(this, _USAButtonElement_instances, "m", _USAButtonElement_handleForm).call(this);
241
+ this.#handleForm();
225
242
  }
226
243
  attributeChangedCallback() {
227
- const button = __classPrivateFieldGet(this, _USAButtonElement_button, "f").call(this);
244
+ const button = this.#button();
228
245
  button.type = this.type;
229
246
  button.disabled = this.disabled;
230
247
  }
231
- };
232
- _USAButtonElement_internals = new WeakMap();
233
- _USAButtonElement_button = new WeakMap();
234
- _USAButtonElement_instances = new WeakSet();
235
- _USAButtonElement_type_accessor_storage = new WeakMap();
236
- _USAButtonElement_disabled_accessor_storage = new WeakMap();
237
- _USAButtonElement_variant_accessor_storage = new WeakMap();
238
- _USAButtonElement_value_accessor_storage = new WeakMap();
239
- _USAButtonElement_tabIndex_accessor_storage = new WeakMap();
240
- _USAButtonElement_handleForm = function _USAButtonElement_handleForm() {
241
- const { form } = __classPrivateFieldGet(this, _USAButtonElement_internals, "f");
242
- if (form) {
243
- if (this.type === "submit") {
244
- const btn = document.createElement("button");
245
- btn.type = "submit";
246
- form.append(btn);
247
- btn.click();
248
- btn.remove();
249
- }
250
- else if (this.type === "reset") {
251
- form.reset();
248
+ #handleForm() {
249
+ const { form } = this.#internals;
250
+ if (form) {
251
+ if (this.type === "submit") {
252
+ const btn = document.createElement("button");
253
+ btn.type = "submit";
254
+ form.append(btn);
255
+ btn.click();
256
+ btn.remove();
257
+ }
258
+ else if (this.type === "reset") {
259
+ form.reset();
260
+ }
252
261
  }
253
262
  }
263
+ static {
264
+ __runInitializers(_classThis, _classExtraInitializers);
265
+ }
254
266
  };
255
- __setFunctionName(_classThis, "USAButtonElement");
256
- (() => {
257
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
258
- _type_decorators = [attr()];
259
- _disabled_decorators = [attr()];
260
- _variant_decorators = [attr()];
261
- _value_decorators = [attr()];
262
- _onReady_decorators = [ready()];
263
- _onKeyDown_decorators = [listen("keydown", () => document.body)];
264
- _onInternalClick_decorators = [listen("click")];
265
- __esDecorate(_classThis, 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);
266
- __esDecorate(_classThis, null, _disabled_decorators, { kind: "accessor", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
267
- __esDecorate(_classThis, null, _variant_decorators, { kind: "accessor", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
268
- __esDecorate(_classThis, 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);
269
- __esDecorate(_classThis, null, _onReady_decorators, { kind: "method", name: "onReady", static: false, private: false, access: { has: obj => "onReady" in obj, get: obj => obj.onReady }, metadata: _metadata }, null, _instanceExtraInitializers);
270
- __esDecorate(_classThis, null, _onKeyDown_decorators, { kind: "method", name: "onKeyDown", static: false, private: false, access: { has: obj => "onKeyDown" in obj, get: obj => obj.onKeyDown }, metadata: _metadata }, null, _instanceExtraInitializers);
271
- __esDecorate(_classThis, null, _onInternalClick_decorators, { kind: "method", name: "onInternalClick", static: false, private: false, access: { has: obj => "onInternalClick" in obj, get: obj => obj.onInternalClick }, metadata: _metadata }, null, _instanceExtraInitializers);
272
- __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
273
- USAButtonElement = _classThis = _classDescriptor.value;
274
- if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
275
- })();
276
- _classThis.formAssociated = true;
277
- (() => {
278
- __runInitializers(_classThis, _classExtraInitializers);
279
- })();
280
267
  return USAButtonElement = _classThis;
281
268
  })();
282
269
  export { USAButtonElement };
@@ -1 +1 @@
1
- {"version":3,"file":"button.element.js","sourceRoot":"","sources":["../../../src/lib/button/button.element.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"button.element.js","sourceRoot":"","sources":["../../../src/lib/button/button.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAQhF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,SAAS;IACT,WAAW;IACX,MAAM;IACN,MAAM;IACN,SAAS;CACD,CAAC;IAkKE,gBAAgB;4BA9J5B,OAAO,CAAC;YACP,OAAO,EAAE,YAAY;YACrB,aAAa,EAAE;gBACb,IAAI,EAAE,MAAM;gBACZ,cAAc,EAAE,IAAI;aACrB;YACD,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+IF;gBACD,IAAI,CAAA;;;;KAIH;aACF;SACF,CAAC;;;;sBACoC,WAAW;;;;;;;;;;;;;;;;;gCAAnB,SAAQ,WAAW;;;;gCAG9C,IAAI,EAAE;oCAGN,IAAI,EAAE;mCAGN,IAAI,EAAE;iCAGN,IAAI,EAAE;mCAQN,KAAK,EAAE;qCAMP,MAAM,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;2CAStC,MAAM,CAAC,OAAO,CAAC;YA/BhB,iKAAS,IAAI,6BAAJ,IAAI,mFAA2C;YAGxD,6KAAS,QAAQ,6BAAR,QAAQ,2FAAS;YAG1B,0KAAS,OAAO,6BAAP,OAAO,yFAA4B;YAG5C,oKAAS,KAAK,6BAAL,KAAK,qFAAM;YAQpB,wKAAA,OAAO,6DAGN;YAGD,8KAAA,SAAS,6DAMR;YAGD,gMAAA,eAAe,6DAEd;YAtCH,6KA8DC;;;;QA7DC,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC;QAG7B,0BAJW,mDAAgB,8CAIoB,QAAQ,GAAC;QAAxD,IAAS,IAAI,0CAA2C;QAAxD,IAAS,IAAI,gDAA2C;QAGxD,gIAAoB,KAAK,GAAC;QAA1B,IAAS,QAAQ,8CAAS;QAA1B,IAAS,QAAQ,oDAAS;QAG1B,kIAAkC,SAAS,GAAC;QAA5C,IAAS,OAAO,6CAA4B;QAA5C,IAAS,OAAO,mDAA4B;QAG5C,6HAAiB,EAAE,GAAC;QAApB,IAAS,KAAK,2CAAM;QAApB,IAAS,KAAK,iDAAM;QAEpB,iFAAoB,CAAC,EAAC;QAAtB,IAAS,QAAQ,8CAAK;QAAtB,IAAS,QAAQ,oDAAK;QAEtB,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACpC,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;QAG1B,OAAO;YACL,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAC7B,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QACnC,CAAC;QAGD,SAAS,CAAC,CAAgB;YACxB,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBAC3B,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,OAAO,EAAE,CAAC;oBACpC,IAAI,CAAC,WAAW,EAAE,CAAC;gBACrB,CAAC;YACH,CAAC;QACH,CAAC;QAGD,eAAe;YACb,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC;QAED,wBAAwB;YACtB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAC9B,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACxB,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAClC,CAAC;QAED,WAAW;YACT,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC;YAEjC,IAAI,IAAI,EAAE,CAAC;gBACT,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;oBAC3B,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;oBAC7C,GAAG,CAAC,IAAI,GAAG,QAAQ,CAAC;oBACpB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;oBAEjB,GAAG,CAAC,KAAK,EAAE,CAAC;oBACZ,GAAG,CAAC,MAAM,EAAE,CAAC;gBACf,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;oBACjC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,CAAC;YACH,CAAC;QACH,CAAC;;YA7DU,uDAAgB;;;;;SAAhB,gBAAgB"}
@@ -0,0 +1,7 @@
1
+ declare global {
2
+ interface HTMLElementTagNameMap {
3
+ "usa-card-body": USACardBodyElement;
4
+ }
5
+ }
6
+ export declare class USACardBodyElement extends HTMLElement {
7
+ }