@noctuatech/uswds 0.0.30 → 0.0.32
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.
- package/assets/uswds.min.js +1 -1
- package/package.json +8 -8
- package/src/lib/accordion/accordion.element.ts +2 -16
- package/src/lib/accordion/events.ts +15 -0
- package/src/lib/alert/alert.element.ts +3 -3
- package/src/lib/button/button.element.ts +12 -11
- package/src/lib/checkbox/checkbox.element.ts +2 -8
- package/src/lib/description/description.element.ts +1 -1
- package/src/lib/file-input/file-input.element.ts +10 -16
- package/src/lib/input/input.element.ts +20 -28
- package/src/lib/input/input.stories.ts +7 -1
- package/src/lib/input-mask/input-mask.element.ts +4 -2
- package/src/lib/link/link.element.ts +6 -16
- package/src/lib/radio/radio-option/radio-option.element.ts +10 -11
- package/src/lib/select/select.element.ts +2 -6
- package/src/lib/textarea/textarea.element.ts +10 -24
- package/target/lib/accordion/accordion.element.d.ts +1 -6
- package/target/lib/accordion/accordion.element.js +2 -12
- package/target/lib/accordion/accordion.element.js.map +1 -1
- package/target/lib/accordion/events.d.ts +6 -0
- package/target/lib/accordion/events.js +11 -0
- package/target/lib/accordion/events.js.map +1 -0
- package/target/lib/alert/alert.element.js +3 -2
- package/target/lib/alert/alert.element.js.map +1 -1
- package/target/lib/button/button.element.js +10 -10
- package/target/lib/button/button.element.js.map +1 -1
- package/target/lib/checkbox/checkbox.element.js +2 -6
- package/target/lib/checkbox/checkbox.element.js.map +1 -1
- package/target/lib/description/description.element.js +1 -1
- package/target/lib/description/description.element.js.map +1 -1
- package/target/lib/file-input/file-input.element.js +8 -14
- package/target/lib/file-input/file-input.element.js.map +1 -1
- package/target/lib/input/input.element.d.ts +1 -1
- package/target/lib/input/input.element.js +18 -24
- package/target/lib/input/input.element.js.map +1 -1
- package/target/lib/input/input.stories.js +5 -1
- package/target/lib/input/input.stories.js.map +1 -1
- package/target/lib/input-mask/input-mask.element.js +3 -6
- package/target/lib/input-mask/input-mask.element.js.map +1 -1
- package/target/lib/link/link.element.d.ts +1 -1
- package/target/lib/link/link.element.js +6 -13
- package/target/lib/link/link.element.js.map +1 -1
- package/target/lib/radio/radio-option/radio-option.element.js +10 -10
- package/target/lib/radio/radio-option/radio-option.element.js.map +1 -1
- package/target/lib/select/select.element.js +2 -6
- package/target/lib/select/select.element.js.map +1 -1
- package/target/lib/textarea/textarea.element.d.ts +1 -1
- package/target/lib/textarea/textarea.element.js +10 -19
- package/target/lib/textarea/textarea.element.js.map +1 -1
|
@@ -11,10 +11,6 @@ declare global {
|
|
|
11
11
|
|
|
12
12
|
@element({
|
|
13
13
|
tagName: "usa-input",
|
|
14
|
-
shadowDomOpts: {
|
|
15
|
-
mode: "open",
|
|
16
|
-
delegatesFocus: true,
|
|
17
|
-
},
|
|
18
14
|
shadowDom: [
|
|
19
15
|
css`
|
|
20
16
|
* {
|
|
@@ -131,26 +127,15 @@ export class USATextInputElement
|
|
|
131
127
|
|
|
132
128
|
@ready()
|
|
133
129
|
onReady() {
|
|
134
|
-
|
|
135
|
-
input.autofocus = this.autofocus;
|
|
130
|
+
this.#input({ autofocus: this.autofocus });
|
|
136
131
|
}
|
|
137
132
|
|
|
138
|
-
attributeChangedCallback(
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
break;
|
|
145
|
-
|
|
146
|
-
case "placeholder":
|
|
147
|
-
input.placeholder = this.placeholder;
|
|
148
|
-
break;
|
|
149
|
-
|
|
150
|
-
case "name":
|
|
151
|
-
input.name = this.name;
|
|
152
|
-
break;
|
|
153
|
-
}
|
|
133
|
+
attributeChangedCallback() {
|
|
134
|
+
this.#input({
|
|
135
|
+
autocomplete: this.autocomplete,
|
|
136
|
+
placeholder: this.placeholder,
|
|
137
|
+
name: this.name,
|
|
138
|
+
});
|
|
154
139
|
}
|
|
155
140
|
|
|
156
141
|
connectedCallback() {
|
|
@@ -159,11 +144,9 @@ export class USATextInputElement
|
|
|
159
144
|
|
|
160
145
|
@effect()
|
|
161
146
|
onChange(changes: Changes<this>) {
|
|
162
|
-
const input = this.#input(
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
input.value = this.value;
|
|
166
|
-
}
|
|
147
|
+
const input = this.#input({
|
|
148
|
+
value: this.value,
|
|
149
|
+
});
|
|
167
150
|
|
|
168
151
|
if (changes.has("selectionStart")) {
|
|
169
152
|
input.selectionStart = this.selectionStart;
|
|
@@ -187,7 +170,7 @@ export class USATextInputElement
|
|
|
187
170
|
// this makes sure that the user has a chance to cancel the event before submitting
|
|
188
171
|
setTimeout(() => {
|
|
189
172
|
if (!e.defaultPrevented && !e.isComposing) {
|
|
190
|
-
|
|
173
|
+
this.#submit(form);
|
|
191
174
|
}
|
|
192
175
|
});
|
|
193
176
|
}
|
|
@@ -214,4 +197,13 @@ export class USATextInputElement
|
|
|
214
197
|
this.#internals.setValidity({});
|
|
215
198
|
}
|
|
216
199
|
}
|
|
200
|
+
|
|
201
|
+
#submit(form: HTMLFormElement) {
|
|
202
|
+
const btn = document.createElement("button");
|
|
203
|
+
btn.type = "submit";
|
|
204
|
+
form.append(btn);
|
|
205
|
+
|
|
206
|
+
btn.click();
|
|
207
|
+
btn.remove();
|
|
208
|
+
}
|
|
217
209
|
}
|
|
@@ -9,7 +9,13 @@ const meta = {
|
|
|
9
9
|
tags: ["autodocs"],
|
|
10
10
|
render() {
|
|
11
11
|
return html`
|
|
12
|
-
<form @submit=${(e: Event) =>
|
|
12
|
+
<form @submit=${(e: Event) => {
|
|
13
|
+
e.preventDefault();
|
|
14
|
+
|
|
15
|
+
const data = new FormData(e.target as HTMLFormElement);
|
|
16
|
+
|
|
17
|
+
console.log(Array.from(data.entries()));
|
|
18
|
+
}}>
|
|
13
19
|
<usa-input name="fname" value="Danny" autocomplete="off" detail="pfx">
|
|
14
20
|
<usa-icon icon="credit_card" slot="detail"></usa-icon>
|
|
15
21
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { attr, css, element, html, listen } from "@joist/element";
|
|
1
|
+
import { attr, css, element, html, listen, queryAll } from "@joist/element";
|
|
2
2
|
|
|
3
3
|
import { PATTERN_CHARS, PatternChar, REG_EXPS, format } from "./format.js";
|
|
4
4
|
import type { MaskableElement } from "./maskable.element.js";
|
|
@@ -24,8 +24,10 @@ export class USAInputMaskElement extends HTMLElement {
|
|
|
24
24
|
@attr()
|
|
25
25
|
accessor mask = "";
|
|
26
26
|
|
|
27
|
+
#maskables = queryAll<MaskableElement>("[mask]", this);
|
|
28
|
+
|
|
27
29
|
connectedCallback() {
|
|
28
|
-
for (const input of this
|
|
30
|
+
for (const input of this.#maskables()) {
|
|
29
31
|
const { formatted } = format(input.value, this.#getMaskFor(input));
|
|
30
32
|
|
|
31
33
|
if (formatted) {
|
|
@@ -46,21 +46,11 @@ export class USALinkElement extends HTMLElement {
|
|
|
46
46
|
|
|
47
47
|
#anchor = query("a");
|
|
48
48
|
|
|
49
|
-
attributeChangedCallback(
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
break;
|
|
56
|
-
|
|
57
|
-
case "target":
|
|
58
|
-
anchor.target = this.target;
|
|
59
|
-
break;
|
|
60
|
-
|
|
61
|
-
case "title":
|
|
62
|
-
anchor.target = this.title;
|
|
63
|
-
break;
|
|
64
|
-
}
|
|
49
|
+
attributeChangedCallback() {
|
|
50
|
+
this.#anchor({
|
|
51
|
+
href: this.href,
|
|
52
|
+
target: this.target,
|
|
53
|
+
title: this.title,
|
|
54
|
+
});
|
|
65
55
|
}
|
|
66
56
|
}
|
|
@@ -43,32 +43,31 @@ export class USARadioOptionElement extends HTMLElement {
|
|
|
43
43
|
#radio = inject(RADIO_CTX);
|
|
44
44
|
|
|
45
45
|
#observer = new MutationObserver(() => {
|
|
46
|
-
const input = this.#input();
|
|
47
46
|
const radio = this.#radio();
|
|
48
47
|
|
|
49
|
-
input
|
|
50
|
-
|
|
48
|
+
this.#input({
|
|
49
|
+
name: radio.name,
|
|
50
|
+
checked: radio.value === this.value,
|
|
51
|
+
});
|
|
51
52
|
});
|
|
52
53
|
|
|
53
54
|
attributeChangedCallback() {
|
|
54
|
-
|
|
55
|
-
|
|
55
|
+
this.#input({ value: this.value });
|
|
56
|
+
this.#slot({ name: this.value });
|
|
56
57
|
|
|
57
58
|
this.slot = this.value;
|
|
58
|
-
|
|
59
|
-
slot.name = this.value;
|
|
60
|
-
input.value = this.value;
|
|
61
59
|
}
|
|
62
60
|
|
|
63
61
|
@injected()
|
|
64
62
|
onInjected() {
|
|
65
|
-
const input = this.#input();
|
|
66
63
|
const radio = this.#radio();
|
|
67
64
|
|
|
68
65
|
radio.addRadioOption(this.#label());
|
|
69
66
|
|
|
70
|
-
input
|
|
71
|
-
|
|
67
|
+
this.#input({
|
|
68
|
+
name: radio.name,
|
|
69
|
+
checked: radio.value === this.value,
|
|
70
|
+
});
|
|
72
71
|
|
|
73
72
|
this.#observer.observe(radio, {
|
|
74
73
|
attributeFilter: ["value", "name"],
|
|
@@ -83,17 +83,13 @@ export class USASelectElement extends HTMLElement implements SelectContainer {
|
|
|
83
83
|
#internals = this.attachInternals();
|
|
84
84
|
|
|
85
85
|
connectedCallback() {
|
|
86
|
-
|
|
87
|
-
select.value = this.value;
|
|
88
|
-
select.name = this.name;
|
|
86
|
+
this.#select({ value: this.value, name: this.name });
|
|
89
87
|
|
|
90
88
|
this.#syncFormState();
|
|
91
89
|
}
|
|
92
90
|
|
|
93
91
|
attributeChangedCallback() {
|
|
94
|
-
|
|
95
|
-
select.value = this.value;
|
|
96
|
-
select.name = this.name;
|
|
92
|
+
this.#select({ value: this.value, name: this.name });
|
|
97
93
|
|
|
98
94
|
this.#syncFormState();
|
|
99
95
|
}
|
|
@@ -96,38 +96,24 @@ export class USATextareaElement extends HTMLElement {
|
|
|
96
96
|
|
|
97
97
|
@effect()
|
|
98
98
|
onChange() {
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
input.value = this.value;
|
|
103
|
-
}
|
|
99
|
+
this.#input({
|
|
100
|
+
value: this.value,
|
|
101
|
+
});
|
|
104
102
|
|
|
105
103
|
this.#syncFormState();
|
|
106
104
|
}
|
|
107
105
|
|
|
108
106
|
@listen("input")
|
|
109
107
|
onInputChange() {
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
this.value = input.value;
|
|
108
|
+
this.value = this.#input().value;
|
|
113
109
|
}
|
|
114
110
|
|
|
115
|
-
attributeChangedCallback(
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
break;
|
|
122
|
-
|
|
123
|
-
case "placeholder":
|
|
124
|
-
input.placeholder = this.placeholder;
|
|
125
|
-
break;
|
|
126
|
-
|
|
127
|
-
case "name":
|
|
128
|
-
input.name = this.name;
|
|
129
|
-
break;
|
|
130
|
-
}
|
|
111
|
+
attributeChangedCallback() {
|
|
112
|
+
this.#input({
|
|
113
|
+
name: this.name,
|
|
114
|
+
placeholder: this.placeholder,
|
|
115
|
+
autocomplete: this.autocomplete,
|
|
116
|
+
});
|
|
131
117
|
}
|
|
132
118
|
|
|
133
119
|
#syncFormState() {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { USAAccordionToggleEvent } from "./events.js";
|
|
1
2
|
declare global {
|
|
2
3
|
interface HTMLElementTagNameMap {
|
|
3
4
|
"usa-accordion": USAAccordionElement;
|
|
@@ -11,9 +12,3 @@ export declare class USAAccordionElement extends HTMLElement {
|
|
|
11
12
|
onClick(e: Event): void;
|
|
12
13
|
onAccordionToggle(e: USAAccordionToggleEvent): void;
|
|
13
14
|
}
|
|
14
|
-
declare class USAAccordionToggleEvent extends Event {
|
|
15
|
-
open: boolean;
|
|
16
|
-
get target(): USAAccordionElement;
|
|
17
|
-
constructor(open: boolean);
|
|
18
|
-
}
|
|
19
|
-
export {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
2
|
import { attr, css, element, html, listen, query } from "@joist/element";
|
|
3
|
+
import { USAAccordionToggleEvent } from "./events.js";
|
|
3
4
|
let USAAccordionElement = (() => {
|
|
4
5
|
let _classDecorators = [element({
|
|
5
6
|
tagName: "usa-accordion",
|
|
@@ -134,8 +135,7 @@ let USAAccordionElement = (() => {
|
|
|
134
135
|
set open(value) { this.#open_accessor_storage = value; }
|
|
135
136
|
#details = (__runInitializers(this, _open_extraInitializers), query("details"));
|
|
136
137
|
attributeChangedCallback() {
|
|
137
|
-
|
|
138
|
-
details.open = this.open;
|
|
138
|
+
this.#details({ open: this.open });
|
|
139
139
|
}
|
|
140
140
|
onClick(e) {
|
|
141
141
|
e.preventDefault();
|
|
@@ -153,14 +153,4 @@ let USAAccordionElement = (() => {
|
|
|
153
153
|
return USAAccordionElement = _classThis;
|
|
154
154
|
})();
|
|
155
155
|
export { USAAccordionElement };
|
|
156
|
-
class USAAccordionToggleEvent extends Event {
|
|
157
|
-
open;
|
|
158
|
-
get target() {
|
|
159
|
-
return super.target;
|
|
160
|
-
}
|
|
161
|
-
constructor(open) {
|
|
162
|
-
super("usa::accordion::toggle", { bubbles: true });
|
|
163
|
-
this.open = open;
|
|
164
|
-
}
|
|
165
|
-
}
|
|
166
156
|
//# sourceMappingURL=accordion.element.js.map
|
|
@@ -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;
|
|
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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"events.js","sourceRoot":"","sources":["../../../src/lib/accordion/events.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,uBAAwB,SAAQ,KAAK;IAChD,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"}
|
|
@@ -112,8 +112,9 @@ let USAAlertElement = (() => {
|
|
|
112
112
|
set type(value) { this.#type_accessor_storage = value; }
|
|
113
113
|
#icon = (__runInitializers(this, _type_extraInitializers), query("usa-icon"));
|
|
114
114
|
attributeChangedCallback() {
|
|
115
|
-
|
|
116
|
-
|
|
115
|
+
this.#icon({
|
|
116
|
+
icon: USA_ALERT_CONFIG[this.type].icon,
|
|
117
|
+
});
|
|
117
118
|
}
|
|
118
119
|
};
|
|
119
120
|
return USAAlertElement = _classThis;
|
|
@@ -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,
|
|
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"}
|
|
@@ -217,32 +217,32 @@ let USAButtonElement = (() => {
|
|
|
217
217
|
#internals = this.attachInternals();
|
|
218
218
|
#button = query("button");
|
|
219
219
|
onReady() {
|
|
220
|
-
|
|
221
|
-
input.autofocus = this.autofocus;
|
|
220
|
+
this.#button({ autofocus: this.autofocus });
|
|
222
221
|
}
|
|
223
222
|
onInternalClick() {
|
|
224
223
|
this.#handleForm();
|
|
225
224
|
}
|
|
226
225
|
attributeChangedCallback() {
|
|
227
|
-
|
|
228
|
-
button.type = this.type;
|
|
229
|
-
button.disabled = this.disabled;
|
|
226
|
+
this.#button({ type: this.type, disabled: this.disabled });
|
|
230
227
|
}
|
|
231
228
|
#handleForm() {
|
|
232
229
|
const { form } = this.#internals;
|
|
233
230
|
if (form) {
|
|
234
231
|
if (this.type === "submit") {
|
|
235
|
-
|
|
236
|
-
btn.type = "submit";
|
|
237
|
-
form.append(btn);
|
|
238
|
-
btn.click();
|
|
239
|
-
btn.remove();
|
|
232
|
+
this.#submit(form);
|
|
240
233
|
}
|
|
241
234
|
else if (this.type === "reset") {
|
|
242
235
|
form.reset();
|
|
243
236
|
}
|
|
244
237
|
}
|
|
245
238
|
}
|
|
239
|
+
#submit(form) {
|
|
240
|
+
const btn = document.createElement("button");
|
|
241
|
+
btn.type = "submit";
|
|
242
|
+
form.append(btn);
|
|
243
|
+
btn.click();
|
|
244
|
+
btn.remove();
|
|
245
|
+
}
|
|
246
246
|
static {
|
|
247
247
|
__runInitializers(_classThis, _classExtraInitializers);
|
|
248
248
|
}
|
|
@@ -1 +1 @@
|
|
|
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;IA2JE,gBAAgB;4BAvJ5B,OAAO,CAAC;YACP,OAAO,EAAE,YAAY;YACrB,aAAa,EAAE;gBACb,IAAI,EAAE,MAAM;gBACZ,cAAc,EAAE,IAAI;aACrB;YACD,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwIF;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;
|
|
1
|
+
{"version":3,"file":"button.element.js","sourceRoot":"","sources":["../../../src/lib/button/button.element.ts"],"names":[],"mappings":"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"}
|
|
@@ -165,15 +165,11 @@ let USACheckboxElement = (() => {
|
|
|
165
165
|
#checkbox = (__runInitializers(this, _tiled_extraInitializers), query("input"));
|
|
166
166
|
#internals = this.attachInternals();
|
|
167
167
|
connectedCallback() {
|
|
168
|
-
|
|
169
|
-
checkbox.checked = this.checked;
|
|
170
|
-
checkbox.name = this.name;
|
|
168
|
+
this.#checkbox({ checked: this.checked, name: this.name });
|
|
171
169
|
this.#syncFormState();
|
|
172
170
|
}
|
|
173
171
|
attributeChangedCallback() {
|
|
174
|
-
|
|
175
|
-
checkbox.checked = this.checked;
|
|
176
|
-
checkbox.name = this.name;
|
|
172
|
+
this.#checkbox({ checked: this.checked, name: this.name });
|
|
177
173
|
this.#syncFormState();
|
|
178
174
|
}
|
|
179
175
|
onCheckboxChange() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.element.js","sourceRoot":"","sources":["../../../src/lib/checkbox/checkbox.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;IA8G5D,kBAAkB;4BAtG9B,OAAO,CAAC;YACP,OAAO,EAAE,cAAc;YACvB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqFF;gBACD,IAAI,CAAA;;;;;;;;;;KAUH;aACF;SACF,CAAC;;;;sBACsC,WAAW;;;;;;;;;;;;;;;;;;kCAAnB,SAAQ,WAAW;;;;mCAGhD,IAAI,EAAE;gCAGN,IAAI,EAAE;iCAGN,IAAI,EAAE;oCAGN,IAAI,EAAE;iCAGN,IAAI,CAAC;oBACJ,QAAQ,EAAE,KAAK;iBAChB,CAAC;
|
|
1
|
+
{"version":3,"file":"checkbox.element.js","sourceRoot":"","sources":["../../../src/lib/checkbox/checkbox.element.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"description.element.js","sourceRoot":"","sources":["../../../src/lib/description/description.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IAqBvC,qBAAqB;4BAbjC,OAAO,CAAC;YACP,OAAO,EAAE,iBAAiB;YAC1B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;KAMF;gBACD,IAAI,CAAA,
|
|
1
|
+
{"version":3,"file":"description.element.js","sourceRoot":"","sources":["../../../src/lib/description/description.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;IAqBvC,qBAAqB;4BAbjC,OAAO,CAAC;YACP,OAAO,EAAE,iBAAiB;YAC1B,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;KAMF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBACyC,WAAW;qCAAnB,SAAQ,WAAW;;;;YAAtD,6KAAyD;;;YAA5C,uDAAqB;;;;;SAArB,qBAAqB"}
|
|
@@ -155,29 +155,23 @@ let USAFileInputElement = (() => {
|
|
|
155
155
|
#box = query(".box");
|
|
156
156
|
#preview = query("usa-file-input-preview");
|
|
157
157
|
attributeChangedCallback() {
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
158
|
+
this.#input({
|
|
159
|
+
name: this.name,
|
|
160
|
+
multiple: this.multiple,
|
|
161
|
+
accept: this.accept,
|
|
162
|
+
});
|
|
162
163
|
}
|
|
163
164
|
onChange() {
|
|
164
|
-
|
|
165
|
+
this.#input({ files: this.files });
|
|
166
|
+
this.#preview({ files: this.files });
|
|
165
167
|
const box = this.#box();
|
|
166
|
-
const preview = this.#preview();
|
|
167
|
-
if (input.files !== this.files) {
|
|
168
|
-
input.files = this.files;
|
|
169
|
-
}
|
|
170
|
-
preview.files = this.files;
|
|
171
168
|
const formData = new FormData();
|
|
169
|
+
box.style.display = this.files?.length ? "none" : "flex";
|
|
172
170
|
if (this.files?.length) {
|
|
173
|
-
box.style.display = "none";
|
|
174
171
|
for (const file of this.files) {
|
|
175
172
|
formData.append(this.name, file);
|
|
176
173
|
}
|
|
177
174
|
}
|
|
178
|
-
else {
|
|
179
|
-
box.style.display = "flex";
|
|
180
|
-
}
|
|
181
175
|
this.#internals.setFormValue(formData);
|
|
182
176
|
}
|
|
183
177
|
onInputChange() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-input.element.js","sourceRoot":"","sources":["../../../src/lib/file-input/file-input.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,MAAM,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;IA+FvC,mBAAmB;4BAvF/B,OAAO,CAAC;YACP,OAAO,EAAE,gBAAgB;YACzB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8DF;gBACD,IAAI,CAAA;;;;;;;;;;;;;;;;;;KAkBH;aACF;SACF,CAAC;;;;sBACuC,WAAW;;;;;;;;;;;;;;;;;;;mCAAnB,SAAQ,WAAW;;;;gCAGjD,IAAI,EAAE;oCAGN,IAAI,EAAE;kCAGN,IAAI,EAAE;iCAGN,OAAO,EAAE;
|
|
1
|
+
{"version":3,"file":"file-input.element.js","sourceRoot":"","sources":["../../../src/lib/file-input/file-input.element.ts"],"names":[],"mappings":"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"}
|
|
@@ -17,7 +17,7 @@ export declare class USATextInputElement extends HTMLElement implements Maskable
|
|
|
17
17
|
accessor selectionStart: number | null;
|
|
18
18
|
accessor selectionEnd: number | null;
|
|
19
19
|
onReady(): void;
|
|
20
|
-
attributeChangedCallback(
|
|
20
|
+
attributeChangedCallback(): void;
|
|
21
21
|
connectedCallback(): void;
|
|
22
22
|
onChange(changes: Changes<this>): void;
|
|
23
23
|
onKeyDown(e: KeyboardEvent): void;
|
|
@@ -4,10 +4,6 @@ import { effect, observe } from "@joist/observable";
|
|
|
4
4
|
let USATextInputElement = (() => {
|
|
5
5
|
let _classDecorators = [element({
|
|
6
6
|
tagName: "usa-input",
|
|
7
|
-
shadowDomOpts: {
|
|
8
|
-
mode: "open",
|
|
9
|
-
delegatesFocus: true,
|
|
10
|
-
},
|
|
11
7
|
shadowDom: [
|
|
12
8
|
css `
|
|
13
9
|
* {
|
|
@@ -181,31 +177,22 @@ let USATextInputElement = (() => {
|
|
|
181
177
|
#internals = (__runInitializers(this, _selectionEnd_extraInitializers), this.attachInternals());
|
|
182
178
|
#input = query("input");
|
|
183
179
|
onReady() {
|
|
184
|
-
|
|
185
|
-
input.autofocus = this.autofocus;
|
|
180
|
+
this.#input({ autofocus: this.autofocus });
|
|
186
181
|
}
|
|
187
|
-
attributeChangedCallback(
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
case "placeholder":
|
|
194
|
-
input.placeholder = this.placeholder;
|
|
195
|
-
break;
|
|
196
|
-
case "name":
|
|
197
|
-
input.name = this.name;
|
|
198
|
-
break;
|
|
199
|
-
}
|
|
182
|
+
attributeChangedCallback() {
|
|
183
|
+
this.#input({
|
|
184
|
+
autocomplete: this.autocomplete,
|
|
185
|
+
placeholder: this.placeholder,
|
|
186
|
+
name: this.name,
|
|
187
|
+
});
|
|
200
188
|
}
|
|
201
189
|
connectedCallback() {
|
|
202
190
|
this.#syncFormState();
|
|
203
191
|
}
|
|
204
192
|
onChange(changes) {
|
|
205
|
-
const input = this.#input(
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
}
|
|
193
|
+
const input = this.#input({
|
|
194
|
+
value: this.value,
|
|
195
|
+
});
|
|
209
196
|
if (changes.has("selectionStart")) {
|
|
210
197
|
input.selectionStart = this.selectionStart;
|
|
211
198
|
}
|
|
@@ -222,7 +209,7 @@ let USATextInputElement = (() => {
|
|
|
222
209
|
// this makes sure that the user has a chance to cancel the event before submitting
|
|
223
210
|
setTimeout(() => {
|
|
224
211
|
if (!e.defaultPrevented && !e.isComposing) {
|
|
225
|
-
|
|
212
|
+
this.#submit(form);
|
|
226
213
|
}
|
|
227
214
|
});
|
|
228
215
|
}
|
|
@@ -244,6 +231,13 @@ let USATextInputElement = (() => {
|
|
|
244
231
|
this.#internals.setValidity({});
|
|
245
232
|
}
|
|
246
233
|
}
|
|
234
|
+
#submit(form) {
|
|
235
|
+
const btn = document.createElement("button");
|
|
236
|
+
btn.type = "submit";
|
|
237
|
+
form.append(btn);
|
|
238
|
+
btn.click();
|
|
239
|
+
btn.remove();
|
|
240
|
+
}
|
|
247
241
|
static {
|
|
248
242
|
__runInitializers(_classThis, _classExtraInitializers);
|
|
249
243
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.element.js","sourceRoot":"","sources":["../../../src/lib/input/input.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAChF,OAAO,EAAgB,MAAM,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"input.element.js","sourceRoot":"","sources":["../../../src/lib/input/input.element.ts"],"names":[],"mappings":"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"}
|