@noctuatech/uswds 1.1.5 → 1.1.7
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-preview/file-input-preview.element.ts +2 -8
- package/src/lib/file-input/file-input.element.ts +28 -19
- package/src/lib/link/link.element.ts +1 -1
- package/target/lib/file-input/file-input-preview/file-input-preview.element.js +2 -2
- package/target/lib/file-input/file-input-preview/file-input-preview.element.js.map +1 -1
- package/target/lib/file-input/file-input.element.d.ts +3 -1
- package/target/lib/file-input/file-input.element.js +20 -14
- package/target/lib/file-input/file-input.element.js.map +1 -1
- package/target/lib/link/link.element.js +1 -1
package/package.json
CHANGED
|
@@ -18,8 +18,6 @@ declare global {
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
:host {
|
|
21
|
-
--usa-input-bg-color: #d9e8f6;
|
|
22
|
-
|
|
23
21
|
display: block;
|
|
24
22
|
font-size: 0.87rem;
|
|
25
23
|
pointer-events: none;
|
|
@@ -66,12 +64,8 @@ declare global {
|
|
|
66
64
|
}
|
|
67
65
|
`,
|
|
68
66
|
html`
|
|
69
|
-
<
|
|
70
|
-
|
|
71
|
-
<slot class="preview-heading"></slot>
|
|
72
|
-
</template>
|
|
73
|
-
</j-if>
|
|
74
|
-
|
|
67
|
+
<slot class="preview-heading"></slot>
|
|
68
|
+
|
|
75
69
|
<j-for bind="fileEntries" key="src">
|
|
76
70
|
<template>
|
|
77
71
|
<div class="preview-item">
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
+
import "@joist/templating/define.js";
|
|
2
|
+
|
|
1
3
|
import { attr, css, element, html, listen, query } from "@joist/element";
|
|
2
|
-
import { effect
|
|
4
|
+
import { effect } from "@joist/observable";
|
|
5
|
+
import { bind } from "@joist/templating";
|
|
3
6
|
|
|
4
7
|
declare global {
|
|
5
8
|
interface HTMLElementTagNameMap {
|
|
@@ -17,6 +20,7 @@ declare global {
|
|
|
17
20
|
|
|
18
21
|
:host {
|
|
19
22
|
--usa-input-radius: 0;
|
|
23
|
+
--usa-input-bg-color: #d9e8f6;
|
|
20
24
|
|
|
21
25
|
display: block;
|
|
22
26
|
max-width: 30rem;
|
|
@@ -82,15 +86,23 @@ declare global {
|
|
|
82
86
|
<div class="container">
|
|
83
87
|
<input type="file" tabindex="0"/>
|
|
84
88
|
|
|
85
|
-
<
|
|
86
|
-
<
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
89
|
+
<j-if bind="!filesVisible">
|
|
90
|
+
<template>
|
|
91
|
+
<div class="box">
|
|
92
|
+
<slot name="description">
|
|
93
|
+
Drag file here or <usa-link>choose from folder</usa-link>
|
|
94
|
+
</slot>
|
|
95
|
+
</div>
|
|
96
|
+
</template>
|
|
97
|
+
|
|
98
|
+
<template else>
|
|
99
|
+
<j-props>
|
|
100
|
+
<usa-file-input-preview $.files="files">
|
|
101
|
+
Selected file <usa-link>Change file</usa-link>
|
|
102
|
+
</usa-file-input-preview>
|
|
103
|
+
</j-props>
|
|
104
|
+
</template>
|
|
105
|
+
</j-if>
|
|
94
106
|
</div>
|
|
95
107
|
</label>
|
|
96
108
|
`,
|
|
@@ -111,13 +123,14 @@ export class USAFileInputElement extends HTMLElement {
|
|
|
111
123
|
@attr()
|
|
112
124
|
accessor required = false;
|
|
113
125
|
|
|
114
|
-
@
|
|
126
|
+
@bind()
|
|
115
127
|
accessor files: FileList | null = null;
|
|
116
128
|
|
|
129
|
+
@bind()
|
|
130
|
+
accessor filesVisible = false;
|
|
131
|
+
|
|
117
132
|
#internals = this.attachInternals();
|
|
118
133
|
#input = query("input");
|
|
119
|
-
#box = query(".box");
|
|
120
|
-
#preview = query("usa-file-input-preview");
|
|
121
134
|
|
|
122
135
|
attributeChangedCallback() {
|
|
123
136
|
this.#input({
|
|
@@ -141,16 +154,11 @@ export class USAFileInputElement extends HTMLElement {
|
|
|
141
154
|
}
|
|
142
155
|
|
|
143
156
|
@effect()
|
|
144
|
-
|
|
157
|
+
syncFormValues() {
|
|
145
158
|
const input = this.#input({ files: this.files });
|
|
146
|
-
this.#preview({ files: this.files });
|
|
147
|
-
|
|
148
|
-
const box = this.#box();
|
|
149
159
|
|
|
150
160
|
const formData = new FormData();
|
|
151
161
|
|
|
152
|
-
box.style.display = this.files?.length ? "none" : "flex";
|
|
153
|
-
|
|
154
162
|
if (this.files?.length) {
|
|
155
163
|
for (const file of this.files) {
|
|
156
164
|
formData.append(this.name, file);
|
|
@@ -175,6 +183,7 @@ export class USAFileInputElement extends HTMLElement {
|
|
|
175
183
|
const input = this.#input();
|
|
176
184
|
|
|
177
185
|
this.files = input.files;
|
|
186
|
+
this.filesVisible = !!input.files?.length;
|
|
178
187
|
|
|
179
188
|
this.dispatchEvent(new Event("change"));
|
|
180
189
|
}
|
|
@@ -6,8 +6,8 @@ let USAFileInputPreviewElement = (() => {
|
|
|
6
6
|
let _classDecorators = [element({
|
|
7
7
|
tagName: "usa-file-input-preview",
|
|
8
8
|
shadowDom: [
|
|
9
|
-
css `*{box-sizing:border-box}:host{
|
|
10
|
-
html `<
|
|
9
|
+
css `*{box-sizing:border-box}:host{display:block;font-size:.87rem;pointer-events:none;position:relative;text-align:left;word-wrap:anywhere;z-index:3}:host([hidden]){display:none}img{border:0;display:block;height:2.5rem;margin-right:.5rem;-o-object-fit:contain;object-fit:contain;width:2.5rem}.preview-heading{align-items:center;background:var(--usa-input-bg-color);display:flex;pointer-events:none;position:relative;z-index:3;font-weight:700;justify-content:space-between;padding:.5rem;text-align:left}.preview-item{align-items:center;background:var(--usa-input-bg-color);display:flex;padding:.5rem;width:100%;margin-top:1px}`,
|
|
10
|
+
html `<slot class="preview-heading"></slot><j-for bind="fileEntries" key="src"><template><div class="preview-item"><j-if bind="each.value.isImage"><template><j-props><img height="40" width="40" aria-hidden="true" $.src="each.value.src"></j-props></template><template else><usa-icon icon="file_present"></usa-icon></template></j-if><j-value bind="each.value.file.name"></j-value></div></template></j-for>`,
|
|
11
11
|
],
|
|
12
12
|
})];
|
|
13
13
|
let _classDescriptor;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-input-preview.element.js","sourceRoot":"","sources":["../../../../src/lib/file-input/file-input-preview/file-input-preview.element.ts"],"names":[],"mappings":";AAAA,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"file-input-preview.element.js","sourceRoot":"","sources":["../../../../src/lib/file-input/file-input-preview/file-input-preview.element.ts"],"names":[],"mappings":";AAAA,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;IAuF5B,0BAA0B;4BA/EtC,OAAO,CAAC;YACP,OAAO,EAAE,wBAAwB;YACjC,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkDF;gBACD,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;KAsBH;aACF;SACF,CAAC;;;;sBAC8C,WAAW;;;;0CAAnB,SAAQ,WAAW;;;;uCACxD,IAAI,EAAE;YACP,sLAAS,WAAW,6BAAX,WAAW,iGAAmB;YAFzC,6KAmBC;;;YAnBY,uDAA0B;;QAErC,mFAAoC,EAAE,EAAC;QAAvC,IAAS,WAAW,iDAAmB;QAAvC,IAAS,WAAW,uDAAmB;QAEvC,MAAM,6DAAoB,IAAI,EAAC;QAE/B,IAAI,KAAK;YACP,OAAO,IAAI,CAAC,MAAM,CAAC;QACrB,CAAC;QAED,IAAI,KAAK,CAAC,KAAsB;YAC9B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YAEpB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBACxD,IAAI;gBACJ,GAAG,EAAE,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;gBAC9B,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;aACvC,CAAC,CAAC,CAAC;QACN,CAAC;;;;SAlBU,0BAA0B"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import "@joist/templating/define.js";
|
|
1
2
|
declare global {
|
|
2
3
|
interface HTMLElementTagNameMap {
|
|
3
4
|
"usa-file-input": USAFileInputElement;
|
|
@@ -11,9 +12,10 @@ export declare class USAFileInputElement extends HTMLElement {
|
|
|
11
12
|
accessor accept: string;
|
|
12
13
|
accessor required: boolean;
|
|
13
14
|
accessor files: FileList | null;
|
|
15
|
+
accessor filesVisible: boolean;
|
|
14
16
|
attributeChangedCallback(): void;
|
|
15
17
|
connectedCallback(): void;
|
|
16
|
-
|
|
18
|
+
syncFormValues(): void;
|
|
17
19
|
onInputChange(): void;
|
|
18
20
|
onDragEnter(): void;
|
|
19
21
|
onDragLeave(): void;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import "@joist/templating/define.js";
|
|
2
3
|
import { attr, css, element, html, listen, query } from "@joist/element";
|
|
3
|
-
import { effect
|
|
4
|
+
import { effect } from "@joist/observable";
|
|
5
|
+
import { bind } from "@joist/templating";
|
|
4
6
|
let USAFileInputElement = (() => {
|
|
5
7
|
let _classDecorators = [element({
|
|
6
8
|
tagName: "usa-file-input",
|
|
7
9
|
shadowDom: [
|
|
8
|
-
css `*{box-sizing:border-box}:host{--usa-input-radius:0;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:var(--usa-input-radius);display:flex;font-size:.93rem;position:relative;text-align:center;width:100%;height:5.2rem;align-items:center;justify-content:center}.container{position:relative}`,
|
|
9
|
-
html `<label><slot class="label"></slot><div class="container"><input type="file" tabindex="0"><div class="box"><slot name="description">Drag file here or<usa-link>choose from folder</usa-link></slot></div><usa-file-input-preview>Selected file<usa-link>Change file</usa-link></usa-file-input-preview></div></label>`,
|
|
10
|
+
css `*{box-sizing:border-box}:host{--usa-input-radius:0;--usa-input-bg-color:#d9e8f6;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:var(--usa-input-radius);display:flex;font-size:.93rem;position:relative;text-align:center;width:100%;height:5.2rem;align-items:center;justify-content:center}.container{position:relative}`,
|
|
11
|
+
html `<label><slot class="label"></slot><div class="container"><input type="file" tabindex="0"><j-if bind="!filesVisible"><template><div class="box"><slot name="description">Drag file here or<usa-link>choose from folder</usa-link></slot></div></template><template else><j-props><usa-file-input-preview $.files="files">Selected file<usa-link>Change file</usa-link></usa-file-input-preview></j-props></template></j-if></div></label>`,
|
|
10
12
|
],
|
|
11
13
|
})];
|
|
12
14
|
let _classDescriptor;
|
|
@@ -29,7 +31,10 @@ let USAFileInputElement = (() => {
|
|
|
29
31
|
let _files_decorators;
|
|
30
32
|
let _files_initializers = [];
|
|
31
33
|
let _files_extraInitializers = [];
|
|
32
|
-
let
|
|
34
|
+
let _filesVisible_decorators;
|
|
35
|
+
let _filesVisible_initializers = [];
|
|
36
|
+
let _filesVisible_extraInitializers = [];
|
|
37
|
+
let _syncFormValues_decorators;
|
|
33
38
|
let _onInputChange_decorators;
|
|
34
39
|
let _onDragEnter_decorators;
|
|
35
40
|
let _onDragLeave_decorators;
|
|
@@ -42,8 +47,9 @@ let USAFileInputElement = (() => {
|
|
|
42
47
|
_multiple_decorators = [attr()];
|
|
43
48
|
_accept_decorators = [attr()];
|
|
44
49
|
_required_decorators = [attr()];
|
|
45
|
-
_files_decorators = [
|
|
46
|
-
|
|
50
|
+
_files_decorators = [bind()];
|
|
51
|
+
_filesVisible_decorators = [bind()];
|
|
52
|
+
_syncFormValues_decorators = [effect()];
|
|
47
53
|
_onInputChange_decorators = [listen("change")];
|
|
48
54
|
_onDragEnter_decorators = [listen("dragenter")];
|
|
49
55
|
_onDragLeave_decorators = [listen("dragleave")];
|
|
@@ -53,7 +59,8 @@ let USAFileInputElement = (() => {
|
|
|
53
59
|
__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);
|
|
54
60
|
__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);
|
|
55
61
|
__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);
|
|
56
|
-
__esDecorate(this, null,
|
|
62
|
+
__esDecorate(this, null, _filesVisible_decorators, { kind: "accessor", name: "filesVisible", static: false, private: false, access: { has: obj => "filesVisible" in obj, get: obj => obj.filesVisible, set: (obj, value) => { obj.filesVisible = value; } }, metadata: _metadata }, _filesVisible_initializers, _filesVisible_extraInitializers);
|
|
63
|
+
__esDecorate(this, null, _syncFormValues_decorators, { kind: "method", name: "syncFormValues", static: false, private: false, access: { has: obj => "syncFormValues" in obj, get: obj => obj.syncFormValues }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
57
64
|
__esDecorate(this, null, _onInputChange_decorators, { kind: "method", name: "onInputChange", static: false, private: false, access: { has: obj => "onInputChange" in obj, get: obj => obj.onInputChange }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
58
65
|
__esDecorate(this, null, _onDragEnter_decorators, { kind: "method", name: "onDragEnter", static: false, private: false, access: { has: obj => "onDragEnter" in obj, get: obj => obj.onDragEnter }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
59
66
|
__esDecorate(this, null, _onDragLeave_decorators, { kind: "method", name: "onDragLeave", static: false, private: false, access: { has: obj => "onDragLeave" in obj, get: obj => obj.onDragLeave }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
@@ -78,10 +85,11 @@ let USAFileInputElement = (() => {
|
|
|
78
85
|
#files_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _files_initializers, null));
|
|
79
86
|
get files() { return this.#files_accessor_storage; }
|
|
80
87
|
set files(value) { this.#files_accessor_storage = value; }
|
|
81
|
-
#
|
|
88
|
+
#filesVisible_accessor_storage = (__runInitializers(this, _files_extraInitializers), __runInitializers(this, _filesVisible_initializers, false));
|
|
89
|
+
get filesVisible() { return this.#filesVisible_accessor_storage; }
|
|
90
|
+
set filesVisible(value) { this.#filesVisible_accessor_storage = value; }
|
|
91
|
+
#internals = (__runInitializers(this, _filesVisible_extraInitializers), this.attachInternals());
|
|
82
92
|
#input = query("input");
|
|
83
|
-
#box = query(".box");
|
|
84
|
-
#preview = query("usa-file-input-preview");
|
|
85
93
|
attributeChangedCallback() {
|
|
86
94
|
this.#input({
|
|
87
95
|
name: this.name,
|
|
@@ -96,12 +104,9 @@ let USAFileInputElement = (() => {
|
|
|
96
104
|
this.#internals.setValidity({ customError: true }, input.validationMessage, input);
|
|
97
105
|
}
|
|
98
106
|
}
|
|
99
|
-
|
|
107
|
+
syncFormValues() {
|
|
100
108
|
const input = this.#input({ files: this.files });
|
|
101
|
-
this.#preview({ files: this.files });
|
|
102
|
-
const box = this.#box();
|
|
103
109
|
const formData = new FormData();
|
|
104
|
-
box.style.display = this.files?.length ? "none" : "flex";
|
|
105
110
|
if (this.files?.length) {
|
|
106
111
|
for (const file of this.files) {
|
|
107
112
|
formData.append(this.name, file);
|
|
@@ -118,6 +123,7 @@ let USAFileInputElement = (() => {
|
|
|
118
123
|
onInputChange() {
|
|
119
124
|
const input = this.#input();
|
|
120
125
|
this.files = input.files;
|
|
126
|
+
this.filesVisible = !!input.files?.length;
|
|
121
127
|
this.dispatchEvent(new Event("change"));
|
|
122
128
|
}
|
|
123
129
|
onDragEnter() {
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"file-input.element.js","sourceRoot":"","sources":["../../../src/lib/file-input/file-input.element.ts"],"names":[],"mappings":";AAAA,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;IA0G5B,mBAAmB;4BAlG/B,OAAO,CAAC;YACP,OAAO,EAAE,gBAAgB;YACzB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiEF;gBACD,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;KA0BH;aACF;SACF,CAAC;;;;sBACuC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;mCAAnB,SAAQ,WAAW;;;;gCAGjD,IAAI,EAAE;oCAGN,IAAI,EAAE;kCAGN,IAAI,EAAE;oCAGN,IAAI,EAAE;iCAGN,IAAI,EAAE;wCAGN,IAAI,EAAE;0CA2BN,MAAM,EAAE;yCAyBR,MAAM,CAAC,QAAQ,CAAC;uCAUhB,MAAM,CAAC,WAAW,CAAC;uCAKnB,MAAM,CAAC,WAAW,CAAC;kCAKnB,MAAM,CAAC,MAAM,CAAC;YAtFf,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,6KAAS,QAAQ,6BAAR,QAAQ,2FAAQ;YAGzB,uKAAS,MAAM,6BAAN,MAAM,uFAAM;YAGrB,6KAAS,QAAQ,6BAAR,QAAQ,2FAAS;YAG1B,oKAAS,KAAK,6BAAL,KAAK,qFAAyB;YAGvC,yLAAS,YAAY,6BAAZ,YAAY,mGAAS;YA2B9B,6LAAA,cAAc,6DAsBb;YAGD,0LAAA,aAAa,6DAOZ;YAGD,oLAAA,WAAW,6DAEV;YAGD,oLAAA,WAAW,6DAEV;YAGD,qKAAA,MAAM,6DAoBL;YA/GH,6KAgHC;;;;QA/GC,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC;QAG7B,0BAJW,mDAAmB,8CAId,EAAE,GAAC;QAAnB,IAAS,IAAI,0CAAM;QAAnB,IAAS,IAAI,gDAAM;QAGnB,gIAAoB,IAAI,GAAC;QAAzB,IAAS,QAAQ,8CAAQ;QAAzB,IAAS,QAAQ,oDAAQ;QAGzB,gIAAkB,EAAE,GAAC;QAArB,IAAS,MAAM,4CAAM;QAArB,IAAS,MAAM,kDAAM;QAGrB,kIAAoB,KAAK,GAAC;QAA1B,IAAS,QAAQ,8CAAS;QAA1B,IAAS,QAAQ,oDAAS;QAG1B,8HAAkC,IAAI,GAAC;QAAvC,IAAS,KAAK,2CAAyB;QAAvC,IAAS,KAAK,iDAAyB;QAGvC,yIAAwB,KAAK,GAAC;QAA9B,IAAS,YAAY,kDAAS;QAA9B,IAAS,YAAY,wDAAS;QAE9B,UAAU,8DAAG,IAAI,CAAC,eAAe,EAAE,EAAC;QACpC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;QAExB,wBAAwB;YACtB,IAAI,CAAC,MAAM,CAAC;gBACV,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,CAAC,CAAC;QACL,CAAC;QAED,iBAAiB;YACf,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAE5B,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAC;gBAC5B,IAAI,CAAC,UAAU,CAAC,WAAW,CACzB,EAAE,WAAW,EAAE,IAAI,EAAE,EACrB,KAAK,CAAC,iBAAiB,EACvB,KAAK,CACN,CAAC;YACJ,CAAC;QACH,CAAC;QAGD,cAAc;YACZ,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;YAEjD,MAAM,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;YAEhC,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC;gBACvB,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;oBAC9B,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;gBACnC,CAAC;YACH,CAAC;YAED,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;YAEvC,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAC;gBAC5B,IAAI,CAAC,UAAU,CAAC,WAAW,CACzB,EAAE,WAAW,EAAE,IAAI,EAAE,EACrB,KAAK,CAAC,iBAAiB,EACvB,KAAK,CACN,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAClC,CAAC;QACH,CAAC;QAGD,aAAa;YACX,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAE5B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YACzB,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC;YAE1C,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC1C,CAAC;QAGD,WAAW;YACT,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAClC,CAAC;QAGD,WAAW;YACT,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QACrC,CAAC;QAGD,MAAM,CAAC,CAAY;YACjB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YAEnC,IAAI,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,CAAC;gBAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;gBAEnB,MAAM,IAAI,GAAG,IAAI,YAAY,EAAE,CAAC;gBAEhC,KAAK,MAAM,IAAI,IAAI,CAAC,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;oBACxC,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;wBACzB,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;wBAE9B,IAAI,IAAI,EAAE,CAAC;4BACT,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;wBACvB,CAAC;oBACH,CAAC;gBACH,CAAC;gBAED,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAC1B,CAAC;QACH,CAAC;;YA/GU,uDAAmB;;;;;SAAnB,mBAAmB"}
|
|
@@ -4,7 +4,7 @@ let USALinkElement = (() => {
|
|
|
4
4
|
let _classDecorators = [element({
|
|
5
5
|
tagName: "usa-link",
|
|
6
6
|
shadowDom: [
|
|
7
|
-
css `:host{display:
|
|
7
|
+
css `:host{display:inline;color:#005ea2;text-decoration:underline}a{color:inherit;text-decoration:inherit;display:inherit;text-overflow:inherit}`,
|
|
8
8
|
html `<a><slot></slot></a>`,
|
|
9
9
|
],
|
|
10
10
|
})];
|