@noctuatech/uswds 1.5.3 → 1.5.5
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/package.json +1 -1
- package/src/lib/file-input/file-input.element.ts +34 -4
- package/src/lib/file-input/file-input.stories.ts +1 -5
- package/target/lib/file-input/file-input.element.d.ts +1 -0
- package/target/lib/file-input/file-input.element.js +12 -4
- package/target/lib/file-input/file-input.element.js.map +1 -1
- package/target/lib/file-input/file-input.stories.js +1 -1
- package/target/lib/file-input/file-input.stories.js.map +1 -1
package/package.json
CHANGED
|
@@ -66,6 +66,32 @@ declare global {
|
|
|
66
66
|
border-color: #2491ff;
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
+
:host([disabled]) {
|
|
70
|
+
opacity: 0.6;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
:host([disabled]) .box {
|
|
74
|
+
border-color: #c9c9c9;
|
|
75
|
+
background: #f5f5f5;
|
|
76
|
+
cursor: not-allowed;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
:host([disabled]) input,
|
|
80
|
+
:host([disabled]) .link {
|
|
81
|
+
cursor: not-allowed;
|
|
82
|
+
pointer-events: none;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.link {
|
|
86
|
+
color: #005ea2;
|
|
87
|
+
cursor: pointer;
|
|
88
|
+
text-decoration: underline;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.link:hover {
|
|
92
|
+
color: #1a4480;
|
|
93
|
+
}
|
|
94
|
+
|
|
69
95
|
.box {
|
|
70
96
|
border: 1px dashed #adadad;
|
|
71
97
|
border-radius: 0;
|
|
@@ -89,7 +115,7 @@ declare global {
|
|
|
89
115
|
</label>
|
|
90
116
|
|
|
91
117
|
<div class="container">
|
|
92
|
-
<usa-bind props="name,multiple,accept,required,files">
|
|
118
|
+
<usa-bind props="name,multiple,accept,required,files,disabled">
|
|
93
119
|
<input id="file-input" type="file" tabindex="0" />
|
|
94
120
|
</usa-bind>
|
|
95
121
|
|
|
@@ -97,14 +123,14 @@ declare global {
|
|
|
97
123
|
<template>
|
|
98
124
|
<usa-bind props="files">
|
|
99
125
|
<usa-file-input-preview part="preview" exportparts="heading, item">
|
|
100
|
-
Selected file
|
|
126
|
+
Selected file <span class="link">Change file</span>
|
|
101
127
|
</usa-file-input-preview>
|
|
102
128
|
</usa-bind>
|
|
103
129
|
</template>
|
|
104
130
|
|
|
105
131
|
<template else>
|
|
106
132
|
<div class="box" part="input">
|
|
107
|
-
<slot name="description"> Drag file here or
|
|
133
|
+
<slot name="description"> Drag file here or <span class="link">choose from folder</span> </slot>
|
|
108
134
|
</div>
|
|
109
135
|
</template>
|
|
110
136
|
</usa-if>
|
|
@@ -135,6 +161,10 @@ export class USAFileInputElement extends HTMLElement {
|
|
|
135
161
|
@bind()
|
|
136
162
|
accessor required = false;
|
|
137
163
|
|
|
164
|
+
@attr()
|
|
165
|
+
@bind()
|
|
166
|
+
accessor disabled = false;
|
|
167
|
+
|
|
138
168
|
@bind()
|
|
139
169
|
accessor files: FileList | null = null;
|
|
140
170
|
|
|
@@ -283,7 +313,7 @@ export class USAFileInputElement extends HTMLElement {
|
|
|
283
313
|
|
|
284
314
|
this.files = dataTransfer.files;
|
|
285
315
|
|
|
286
|
-
this.dispatchEvent(new Event('input'));
|
|
316
|
+
this.dispatchEvent(new Event('input', { bubbles: true }));
|
|
287
317
|
|
|
288
318
|
return void 0;
|
|
289
319
|
}
|
|
@@ -30,11 +30,7 @@ export const Single: Story = {
|
|
|
30
30
|
|
|
31
31
|
return html`
|
|
32
32
|
<form @submit=${onSubmit}>
|
|
33
|
-
<usa-file-input name="upload" required>
|
|
34
|
-
Input accepts a single file
|
|
35
|
-
|
|
36
|
-
<div slot="description">Drag file here or <usa-link>choose from folder</usa-link></div>
|
|
37
|
-
</usa-file-input>
|
|
33
|
+
<usa-file-input name="upload" required> Input accepts a single file </usa-file-input>
|
|
38
34
|
|
|
39
35
|
<usa-button type="submit">SUBMIT</usa-button>
|
|
40
36
|
</form>
|
|
@@ -13,6 +13,7 @@ export declare class USAFileInputElement extends HTMLElement {
|
|
|
13
13
|
accessor accept: string;
|
|
14
14
|
accessor url: string;
|
|
15
15
|
accessor required: boolean;
|
|
16
|
+
accessor disabled: boolean;
|
|
16
17
|
accessor files: FileList | null;
|
|
17
18
|
connectedCallback(): void;
|
|
18
19
|
onURLChanged(changes: Changes<this>): Promise<void>;
|
|
@@ -12,8 +12,8 @@ let USAFileInputElement = (() => {
|
|
|
12
12
|
}), element({
|
|
13
13
|
tagName: 'usa-file-input',
|
|
14
14
|
shadowDom: [
|
|
15
|
-
css `*{box-sizing:border-box}:host{display:block;max-width:30rem;position:relative;margin-bottom:1.5rem}label{display:block}input{cursor:pointer;left:0;margin:0;max-width:none;position:absolute;text-indent:-999em;width:100%;z-index:1;bottom:0;top:0}input:focus{outline:.25rem solid #2491ff;outline-offset:0}label slot.label{font-size:1.06rem;line-height:1.3;display:block;font-weight:400;margin-bottom:.5rem}:host(.dragenter) .box{border-color:#2491ff}.box{border:1px dashed #adadad;border-radius:0;display:flex;font-size:.93rem;position:relative;text-align:center;width:100%;height:5.2rem;align-items:center;justify-content:center}.container{position:relative}`,
|
|
16
|
-
html `<label for="file-input"><slot class="label"></slot></label><div class="container"><usa-bind props="name,multiple,accept,required,files"><input id="file-input" type="file" tabindex="0"></usa-bind><usa-if bind="files.length"><template><usa-bind props="files"><usa-file-input-preview part="preview" exportparts="heading, item">Selected file
|
|
15
|
+
css `*{box-sizing:border-box}:host{display:block;max-width:30rem;position:relative;margin-bottom:1.5rem}label{display:block}input{cursor:pointer;left:0;margin:0;max-width:none;position:absolute;text-indent:-999em;width:100%;z-index:1;bottom:0;top:0}input:focus{outline:.25rem solid #2491ff;outline-offset:0}label slot.label{font-size:1.06rem;line-height:1.3;display:block;font-weight:400;margin-bottom:.5rem}:host(.dragenter) .box{border-color:#2491ff}:host([disabled]){opacity:.6}:host([disabled]) .box{border-color:#c9c9c9;background:#f5f5f5;cursor:not-allowed}:host([disabled]) .link,:host([disabled]) input{cursor:not-allowed;pointer-events:none}.link{color:#005ea2;cursor:pointer;text-decoration:underline}.link:hover{color:#1a4480}.box{border:1px dashed #adadad;border-radius:0;display:flex;font-size:.93rem;position:relative;text-align:center;width:100%;height:5.2rem;align-items:center;justify-content:center}.container{position:relative}`,
|
|
16
|
+
html `<label for="file-input"><slot class="label"></slot></label><div class="container"><usa-bind props="name,multiple,accept,required,files,disabled"><input id="file-input" type="file" tabindex="0"></usa-bind><usa-if bind="files.length"><template><usa-bind props="files"><usa-file-input-preview part="preview" exportparts="heading, item">Selected file <span class="link">Change file</span></usa-file-input-preview></usa-bind></template><template else><div class="box" part="input"><slot name="description">Drag file here or <span class="link">choose from folder</span></slot></div></template></usa-if></div>`,
|
|
17
17
|
],
|
|
18
18
|
})];
|
|
19
19
|
let _classDescriptor;
|
|
@@ -36,6 +36,9 @@ let USAFileInputElement = (() => {
|
|
|
36
36
|
let _required_decorators;
|
|
37
37
|
let _required_initializers = [];
|
|
38
38
|
let _required_extraInitializers = [];
|
|
39
|
+
let _disabled_decorators;
|
|
40
|
+
let _disabled_initializers = [];
|
|
41
|
+
let _disabled_extraInitializers = [];
|
|
39
42
|
let _files_decorators;
|
|
40
43
|
let _files_initializers = [];
|
|
41
44
|
let _files_extraInitializers = [];
|
|
@@ -54,6 +57,7 @@ let USAFileInputElement = (() => {
|
|
|
54
57
|
_accept_decorators = [attr(), bind()];
|
|
55
58
|
_url_decorators = [attr(), bind()];
|
|
56
59
|
_required_decorators = [attr(), bind()];
|
|
60
|
+
_disabled_decorators = [attr(), bind()];
|
|
57
61
|
_files_decorators = [bind()];
|
|
58
62
|
_onURLChanged_decorators = [effect()];
|
|
59
63
|
_formValuesChange_decorators = [effect()];
|
|
@@ -66,6 +70,7 @@ let USAFileInputElement = (() => {
|
|
|
66
70
|
__esDecorate(this, null, _accept_decorators, { kind: "accessor", name: "accept", static: false, private: false, access: { has: obj => "accept" in obj, get: obj => obj.accept, set: (obj, value) => { obj.accept = value; } }, metadata: _metadata }, _accept_initializers, _accept_extraInitializers);
|
|
67
71
|
__esDecorate(this, null, _url_decorators, { kind: "accessor", name: "url", static: false, private: false, access: { has: obj => "url" in obj, get: obj => obj.url, set: (obj, value) => { obj.url = value; } }, metadata: _metadata }, _url_initializers, _url_extraInitializers);
|
|
68
72
|
__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);
|
|
73
|
+
__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);
|
|
69
74
|
__esDecorate(this, null, _files_decorators, { kind: "accessor", name: "files", static: false, private: false, access: { has: obj => "files" in obj, get: obj => obj.files, set: (obj, value) => { obj.files = value; } }, metadata: _metadata }, _files_initializers, _files_extraInitializers);
|
|
70
75
|
__esDecorate(this, null, _onURLChanged_decorators, { kind: "method", name: "onURLChanged", static: false, private: false, access: { has: obj => "onURLChanged" in obj, get: obj => obj.onURLChanged }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
71
76
|
__esDecorate(this, null, _formValuesChange_decorators, { kind: "method", name: "formValuesChange", static: false, private: false, access: { has: obj => "formValuesChange" in obj, get: obj => obj.formValuesChange }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
@@ -93,7 +98,10 @@ let USAFileInputElement = (() => {
|
|
|
93
98
|
#required_accessor_storage = (__runInitializers(this, _url_extraInitializers), __runInitializers(this, _required_initializers, false));
|
|
94
99
|
get required() { return this.#required_accessor_storage; }
|
|
95
100
|
set required(value) { this.#required_accessor_storage = value; }
|
|
96
|
-
#
|
|
101
|
+
#disabled_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _disabled_initializers, false));
|
|
102
|
+
get disabled() { return this.#disabled_accessor_storage; }
|
|
103
|
+
set disabled(value) { this.#disabled_accessor_storage = value; }
|
|
104
|
+
#files_accessor_storage = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _files_initializers, null));
|
|
97
105
|
get files() { return this.#files_accessor_storage; }
|
|
98
106
|
set files(value) { this.#files_accessor_storage = value; }
|
|
99
107
|
#http = (__runInitializers(this, _files_extraInitializers), inject(HttpService));
|
|
@@ -201,7 +209,7 @@ let USAFileInputElement = (() => {
|
|
|
201
209
|
const dataTransfer = new DataTransfer();
|
|
202
210
|
dataTransfer.items.add(file);
|
|
203
211
|
this.files = dataTransfer.files;
|
|
204
|
-
this.dispatchEvent(new Event('input'));
|
|
212
|
+
this.dispatchEvent(new Event('input', { bubbles: true }));
|
|
205
213
|
return void 0;
|
|
206
214
|
}
|
|
207
215
|
static {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-input.element.js","sourceRoot":"","sources":["../../../src/lib/file-input/file-input.element.ts"],"names":[],"mappings":";AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAW,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"file-input.element.js","sourceRoot":"","sources":["../../../src/lib/file-input/file-input.element.ts"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ export const Single = {
|
|
|
16
16
|
const data = new FormData(e.target);
|
|
17
17
|
console.log(data.getAll('upload'));
|
|
18
18
|
}
|
|
19
|
-
return html `<form @submit="${onSubmit}"><usa-file-input name="upload" required>Input accepts a single file
|
|
19
|
+
return html `<form @submit="${onSubmit}"><usa-file-input name="upload" required>Input accepts a single file</usa-file-input><usa-button type="submit">SUBMIT</usa-button></form>`;
|
|
20
20
|
},
|
|
21
21
|
};
|
|
22
22
|
export const Multiple = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-input.stories.js","sourceRoot":"","sources":["../../../src/lib/file-input/file-input.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,CAAC,UAAU,CAAC;IAElB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CAC2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE,EAAE;IACR,MAAM;QACJ,SAAS,QAAQ,CAAC,CAAQ;YACxB,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,MAAM,IAAI,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAyB,CAAC,CAAC;YAEvD,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;QACrC,CAAC;QAED,OAAO,IAAI,CAAA;sBACO,QAAQ
|
|
1
|
+
{"version":3,"file":"file-input.stories.js","sourceRoot":"","sources":["../../../src/lib/file-input/file-input.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,CAAC,UAAU,CAAC;IAElB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CAC2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE,EAAE;IACR,MAAM;QACJ,SAAS,QAAQ,CAAC,CAAQ;YACxB,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,MAAM,IAAI,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAyB,CAAC,CAAC;YAEvD,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;QACrC,CAAC;QAED,OAAO,IAAI,CAAA;sBACO,QAAQ;;;;;KAKzB,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,MAAM;QACJ,SAAS,QAAQ,CAAC,CAAQ;YACxB,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,MAAM,IAAI,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAyB,CAAC,CAAC;YAEvD,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;QACrC,CAAC;QAED,OAAO,IAAI,CAAA;sBACO,QAAQ;;;;;;;;;KASzB,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE,EAAE;IACR,MAAM;QACJ,SAAS,QAAQ,CAAC,CAAQ;YACxB,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,MAAM,IAAI,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAyB,CAAC,CAAC;YAEvD,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;QACrC,CAAC;QAED,OAAO,IAAI,CAAA;sBACO,QAAQ;;;;;;;;;;;;KAYzB,CAAC;IACJ,CAAC;CACF,CAAC"}
|