@noctuatech/uswds 0.0.9 → 0.0.10
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 +3 -3
- package/src/lib/file-input/file-input-preview/file-input-preview.test.ts +3 -3
- package/target/lib/define.d.ts +1 -1
- package/target/lib/define.js +1 -1
- package/target/lib/define.js.map +1 -1
- package/target/lib/file-input/{file-input-preview.element.js → file-input-preview/file-input-preview.element.js} +19 -15
- package/target/lib/file-input/file-input-preview/file-input-preview.element.js.map +1 -0
- package/target/lib/file-input/{file-input-preview.test.d.ts → file-input-preview/file-input-preview.test.d.ts} +1 -1
- package/target/lib/file-input/{file-input-preview.test.js → file-input-preview/file-input-preview.test.js} +3 -3
- package/target/lib/file-input/file-input-preview/file-input-preview.test.js.map +1 -0
- package/target/lib/file-input/file-input.element.d.ts +0 -2
- package/target/lib/file-input/file-input.element.js +2 -4
- package/target/lib/file-input/file-input.element.js.map +1 -1
- package/target/lib/file-input/file-input-preview.element.js.map +0 -1
- package/target/lib/file-input/file-input-preview.test.js.map +0 -1
- /package/target/lib/file-input/{file-input-preview.element.d.ts → file-input-preview/file-input-preview.element.d.ts} +0 -0
package/package.json
CHANGED
|
@@ -97,16 +97,16 @@ export class USAFileInputPreviewElement extends HTMLElement {
|
|
|
97
97
|
|
|
98
98
|
if (!this.#items.has(file.name)) {
|
|
99
99
|
const clone = template.content.cloneNode(true);
|
|
100
|
-
const item = clone.childNodes[1] as Element;
|
|
101
100
|
|
|
101
|
+
const item = clone.childNodes[1] as Element;
|
|
102
102
|
item.id = file.name;
|
|
103
|
+
item.append(document.createTextNode(file.name));
|
|
103
104
|
|
|
104
105
|
const img = item.querySelector("img")!;
|
|
105
106
|
img.src = URL.createObjectURL(file);
|
|
106
107
|
|
|
107
|
-
item.append(document.createTextNode(file.name));
|
|
108
|
-
|
|
109
108
|
this.shadowRoot!.append(item);
|
|
109
|
+
|
|
110
110
|
this.#items.set(file.name, item);
|
|
111
111
|
}
|
|
112
112
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "./file-input-preview.element.js";
|
|
2
|
-
import "
|
|
2
|
+
import "../../link/link.element.js";
|
|
3
3
|
|
|
4
4
|
import { assert, fixture, html } from "@open-wc/testing";
|
|
5
5
|
|
|
@@ -43,7 +43,7 @@ describe("usa-file-input-preview", () => {
|
|
|
43
43
|
|
|
44
44
|
const previewItems = Array.from(
|
|
45
45
|
shadowRoot!.querySelectorAll(".preview-item")
|
|
46
|
-
).map((item) => item.textContent);
|
|
46
|
+
).map((item) => item.textContent?.trim());
|
|
47
47
|
|
|
48
48
|
assert.deepEqual(previewItems, ["image1.jpg", "image2.jpg"]);
|
|
49
49
|
});
|
|
@@ -69,7 +69,7 @@ describe("usa-file-input-preview", () => {
|
|
|
69
69
|
|
|
70
70
|
const previewItems = Array.from(
|
|
71
71
|
fileInputPreview.shadowRoot!.querySelectorAll(".preview-item")
|
|
72
|
-
).map((item) => item.textContent);
|
|
72
|
+
).map((item) => item.textContent?.trim());
|
|
73
73
|
|
|
74
74
|
assert.deepEqual(previewItems, ["image1.jpg"]);
|
|
75
75
|
});
|
package/target/lib/define.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import "./button/button.element.js";
|
|
|
4
4
|
import "./checkbox/checkbox.element.js";
|
|
5
5
|
import "./description/description.element.js";
|
|
6
6
|
import "./file-input/file-input.element.js";
|
|
7
|
-
import "./file-input/file-input-preview.element.js";
|
|
7
|
+
import "./file-input/file-input-preview/file-input-preview.element.js";
|
|
8
8
|
import "./icon/icon.element.js";
|
|
9
9
|
import "./input/input.element.js";
|
|
10
10
|
import "./input-mask/input-mask.element.js";
|
package/target/lib/define.js
CHANGED
|
@@ -4,7 +4,7 @@ import "./button/button.element.js";
|
|
|
4
4
|
import "./checkbox/checkbox.element.js";
|
|
5
5
|
import "./description/description.element.js";
|
|
6
6
|
import "./file-input/file-input.element.js";
|
|
7
|
-
import "./file-input/file-input-preview.element.js";
|
|
7
|
+
import "./file-input/file-input-preview/file-input-preview.element.js";
|
|
8
8
|
import "./icon/icon.element.js";
|
|
9
9
|
import "./input/input.element.js";
|
|
10
10
|
import "./input-mask/input-mask.element.js";
|
package/target/lib/define.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"define.js","sourceRoot":"","sources":["../../src/lib/define.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,gCAAgC,CAAC;AACxC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,
|
|
1
|
+
{"version":3,"file":"define.js","sourceRoot":"","sources":["../../src/lib/define.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,gCAAgC,CAAC;AACxC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,+DAA+D,CAAC;AACvE,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAClC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAClC,OAAO,iCAAiC,CAAC;AACzC,OAAO,4BAA4B,CAAC;AACpC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AACxC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,4CAA4C,CAAC;AACpD,OAAO,sDAAsD,CAAC;AAC9D,OAAO,0BAA0B,CAAC;AAClC,OAAO,4CAA4C,CAAC;AACpD,OAAO,gDAAgD,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers, __setFunctionName } from "tslib";
|
|
2
|
-
import { css, element, html } from "@joist/element";
|
|
2
|
+
import { css, element, html, query } from "@joist/element";
|
|
3
3
|
import { effect, observe } from "@joist/observable";
|
|
4
4
|
let USAFileInputPreviewElement = (() => {
|
|
5
|
-
var _USAFileInputPreviewElement_items, _USAFileInputPreviewElement_files_accessor_storage;
|
|
5
|
+
var _USAFileInputPreviewElement_items, _USAFileInputPreviewElement_template, _USAFileInputPreviewElement_files_accessor_storage;
|
|
6
6
|
let _classDecorators = [element({
|
|
7
7
|
tagName: "usa-file-input-preview",
|
|
8
8
|
shadowDom: [
|
|
@@ -57,7 +57,15 @@ let USAFileInputPreviewElement = (() => {
|
|
|
57
57
|
margin-top: 1px;
|
|
58
58
|
}
|
|
59
59
|
`,
|
|
60
|
-
html
|
|
60
|
+
html `
|
|
61
|
+
<template>
|
|
62
|
+
<div class="preview-item">
|
|
63
|
+
<img height="40" width="40" aria-hidden="true" />
|
|
64
|
+
</div>
|
|
65
|
+
</template>
|
|
66
|
+
|
|
67
|
+
<slot class="preview-heading"></slot>
|
|
68
|
+
`,
|
|
61
69
|
],
|
|
62
70
|
})];
|
|
63
71
|
let _classDescriptor;
|
|
@@ -74,6 +82,7 @@ let USAFileInputPreviewElement = (() => {
|
|
|
74
82
|
super(...arguments);
|
|
75
83
|
_USAFileInputPreviewElement_files_accessor_storage.set(this, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _files_initializers, null)));
|
|
76
84
|
_USAFileInputPreviewElement_items.set(this, (__runInitializers(this, _files_extraInitializers), new Map()));
|
|
85
|
+
_USAFileInputPreviewElement_template.set(this, query("template"));
|
|
77
86
|
}
|
|
78
87
|
get files() { return __classPrivateFieldGet(this, _USAFileInputPreviewElement_files_accessor_storage, "f"); }
|
|
79
88
|
set files(value) { __classPrivateFieldSet(this, _USAFileInputPreviewElement_files_accessor_storage, value, "f"); }
|
|
@@ -81,17 +90,19 @@ let USAFileInputPreviewElement = (() => {
|
|
|
81
90
|
this.onChange();
|
|
82
91
|
}
|
|
83
92
|
onChange() {
|
|
93
|
+
const template = __classPrivateFieldGet(this, _USAFileInputPreviewElement_template, "f").call(this);
|
|
84
94
|
if (this.files && this.files.length) {
|
|
85
95
|
this.hidden = false;
|
|
86
96
|
let names = new Set();
|
|
87
97
|
for (let file of this.files) {
|
|
88
98
|
names.add(file.name);
|
|
89
99
|
if (!__classPrivateFieldGet(this, _USAFileInputPreviewElement_items, "f").has(file.name)) {
|
|
90
|
-
const
|
|
100
|
+
const clone = template.content.cloneNode(true);
|
|
101
|
+
const item = clone.childNodes[1];
|
|
91
102
|
item.id = file.name;
|
|
92
|
-
item.
|
|
93
|
-
const img =
|
|
94
|
-
|
|
103
|
+
item.append(document.createTextNode(file.name));
|
|
104
|
+
const img = item.querySelector("img");
|
|
105
|
+
img.src = URL.createObjectURL(file);
|
|
95
106
|
this.shadowRoot.append(item);
|
|
96
107
|
__classPrivateFieldGet(this, _USAFileInputPreviewElement_items, "f").set(file.name, item);
|
|
97
108
|
}
|
|
@@ -109,6 +120,7 @@ let USAFileInputPreviewElement = (() => {
|
|
|
109
120
|
}
|
|
110
121
|
};
|
|
111
122
|
_USAFileInputPreviewElement_items = new WeakMap();
|
|
123
|
+
_USAFileInputPreviewElement_template = new WeakMap();
|
|
112
124
|
_USAFileInputPreviewElement_files_accessor_storage = new WeakMap();
|
|
113
125
|
__setFunctionName(_classThis, "USAFileInputPreviewElement");
|
|
114
126
|
(() => {
|
|
@@ -125,12 +137,4 @@ let USAFileInputPreviewElement = (() => {
|
|
|
125
137
|
return USAFileInputPreviewElement = _classThis;
|
|
126
138
|
})();
|
|
127
139
|
export { USAFileInputPreviewElement };
|
|
128
|
-
function createImagePreview(file) {
|
|
129
|
-
const img = new Image();
|
|
130
|
-
img.height = 40;
|
|
131
|
-
img.width = 40;
|
|
132
|
-
img.src = URL.createObjectURL(file);
|
|
133
|
-
img.ariaHidden = "true";
|
|
134
|
-
return img;
|
|
135
|
-
}
|
|
136
140
|
//# sourceMappingURL=file-input-preview.element.js.map
|
|
@@ -0,0 +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,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;IAyEvC,0BAA0B;;4BAjEtC,OAAO,CAAC;YACP,OAAO,EAAE,wBAAwB;YACjC,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkDF;gBACD,IAAI,CAAA;;;;;;;;KAQH;aACF;SACF,CAAC;;;;sBAC8C,WAAW;;;;;;uDAAnB,SAAQ,WAAW;;;YAEhD,8DAFE,mDAA0B,+CAEH,IAAI,IAAC;YAEvC,gGAAS,IAAI,GAAG,EAAmB,GAAC;YACpC,+CAAY,KAAK,CAAC,UAAU,CAAC,EAAC;QA4ChC,CAAC;QA/CC,IAAS,KAAK,oGAAyB;QAAvC,IAAS,KAAK,yGAAyB;QAKvC,iBAAiB;YACf,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,CAAC;QAGD,QAAQ;YACN,MAAM,QAAQ,GAAG,uBAAA,IAAI,4CAAU,MAAd,IAAI,CAAY,CAAC;YAElC,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBACpC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;gBAEpB,IAAI,KAAK,GAAG,IAAI,GAAG,EAAU,CAAC;gBAE9B,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;oBAC5B,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBAErB,IAAI,CAAC,uBAAA,IAAI,yCAAO,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;wBAChC,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;wBAE/C,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAY,CAAC;wBAC5C,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC;wBACpB,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;wBAEhD,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAE,CAAC;wBACvC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;wBAEpC,IAAI,CAAC,UAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;wBAE9B,uBAAA,IAAI,yCAAO,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;oBACnC,CAAC;gBACH,CAAC;gBAED,KAAK,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,uBAAA,IAAI,yCAAO,EAAE,CAAC;oBACrC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;wBACrB,IAAI,CAAC,MAAM,EAAE,CAAC;wBACd,uBAAA,IAAI,yCAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;oBAC3B,CAAC;gBACH,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;YACrB,CAAC;QACH,CAAC;;;;;;;;6BA/CA,OAAO,EAAE;gCAUT,MAAM,EAAE;QATT,0KAAS,KAAK,6BAAL,KAAK,qFAAyB;QAUvC,iLAAA,QAAQ,6DAoCP;QAhDH,6KAiDC;;;QAjDY,uDAA0B;;;;SAA1B,0BAA0B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import "./file-input-preview.element.js";
|
|
2
|
-
import "
|
|
2
|
+
import "../../link/link.element.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "./file-input-preview.element.js";
|
|
2
|
-
import "
|
|
2
|
+
import "../../link/link.element.js";
|
|
3
3
|
import { assert, fixture, html } from "@open-wc/testing";
|
|
4
4
|
describe("usa-file-input-preview", () => {
|
|
5
5
|
it("should be accessible with no files", async () => {
|
|
@@ -30,7 +30,7 @@ describe("usa-file-input-preview", () => {
|
|
|
30
30
|
Selected file <usa-link>Change file</usa-link>
|
|
31
31
|
</usa-file-input-preview>
|
|
32
32
|
`);
|
|
33
|
-
const previewItems = Array.from(shadowRoot.querySelectorAll(".preview-item")).map((item) => item.textContent);
|
|
33
|
+
const previewItems = Array.from(shadowRoot.querySelectorAll(".preview-item")).map((item) => item.textContent?.trim());
|
|
34
34
|
assert.deepEqual(previewItems, ["image1.jpg", "image2.jpg"]);
|
|
35
35
|
});
|
|
36
36
|
it("should display fewer previews when the number of items decreases", async () => {
|
|
@@ -47,7 +47,7 @@ describe("usa-file-input-preview", () => {
|
|
|
47
47
|
fileInputPreview.files = data2.files;
|
|
48
48
|
// need this to wait for effects to resolve
|
|
49
49
|
await Promise.resolve();
|
|
50
|
-
const previewItems = Array.from(fileInputPreview.shadowRoot.querySelectorAll(".preview-item")).map((item) => item.textContent);
|
|
50
|
+
const previewItems = Array.from(fileInputPreview.shadowRoot.querySelectorAll(".preview-item")).map((item) => item.textContent?.trim());
|
|
51
51
|
assert.deepEqual(previewItems, ["image1.jpg"]);
|
|
52
52
|
});
|
|
53
53
|
it("should create preview images for each file", async () => {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-input-preview.test.js","sourceRoot":"","sources":["../../../../src/lib/file-input/file-input-preview/file-input-preview.test.ts"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,CAAC;AACzC,OAAO,4BAA4B,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,gBAAgB,GAAG,MAAM,OAAO,CAA6B,IAAI,CAAA;;;;KAItE,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,IAAI,YAAY,EAAE,CAAC;QAChC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC;QAC3C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC;QAE3C,MAAM,gBAAgB,GAAG,MAAM,OAAO,CAA6B,IAAI,CAAA;uCACpC,IAAI,CAAC,KAAK;;;KAG5C,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,IAAI,GAAG,IAAI,YAAY,EAAE,CAAC;QAChC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC;QAC3C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC;QAE3C,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,OAAO,CAA6B,IAAI,CAAA;uCAClC,IAAI,CAAC,KAAK;;;KAG5C,CAAC,CAAC;QAEH,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAC7B,UAAW,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAC9C,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;QAE1C,MAAM,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kEAAkE,EAAE,KAAK,IAAI,EAAE;QAChF,MAAM,IAAI,GAAG,IAAI,YAAY,EAAE,CAAC;QAChC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC;QAC3C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC;QAE3C,MAAM,gBAAgB,GAAG,MAAM,OAAO,CAA6B,IAAI,CAAA;uCACpC,IAAI,CAAC,KAAK;;;KAG5C,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,IAAI,YAAY,EAAE,CAAC;QACjC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC;QAE5C,gBAAgB,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QAErC,2CAA2C;QAC3C,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC;QAExB,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAC7B,gBAAgB,CAAC,UAAW,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAC/D,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;QAE1C,MAAM,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,IAAI,GAAG,IAAI,YAAY,EAAE,CAAC;QAChC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC;QACnD,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC;QAEnD,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,OAAO,CAA6B,IAAI,CAAA;uCAClC,IAAI,CAAC,KAAK;;;KAG5C,CAAC,CAAC;QAEH,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,CAChC,UAAW,CAAC,gBAAgB,CAAmB,mBAAmB,CAAC,CACpE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;QAExC,gEAAgE;QAChE,MAAM,CAAC,OAAO,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers, __setFunctionName } from "tslib";
|
|
2
|
-
import "./file-input-preview.element.js";
|
|
3
|
-
import "../link/link.element.js";
|
|
4
2
|
import { attr, css, element, html, listen, query } from "@joist/element";
|
|
5
3
|
import { effect, observe } from "@joist/observable";
|
|
6
4
|
let USAFileInputElement = (() => {
|
|
@@ -42,7 +40,7 @@ let USAFileInputElement = (() => {
|
|
|
42
40
|
outline-offset: 0;
|
|
43
41
|
}
|
|
44
42
|
|
|
45
|
-
label slot {
|
|
43
|
+
label slot.label {
|
|
46
44
|
font-size: 1.06rem;
|
|
47
45
|
line-height: 1.3;
|
|
48
46
|
display: block;
|
|
@@ -69,7 +67,7 @@ let USAFileInputElement = (() => {
|
|
|
69
67
|
`,
|
|
70
68
|
html `
|
|
71
69
|
<label>
|
|
72
|
-
<slot></slot>
|
|
70
|
+
<slot class="label"></slot>
|
|
73
71
|
|
|
74
72
|
<div class="container">
|
|
75
73
|
<input type="file" />
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-input.element.js","sourceRoot":"","sources":["../../../src/lib/file-input/file-input.element.ts"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"file-input.element.js","sourceRoot":"","sources":["../../../src/lib/file-input/file-input.element.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"file-input-preview.element.js","sourceRoot":"","sources":["../../../src/lib/file-input/file-input-preview.element.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"file-input-preview.test.js","sourceRoot":"","sources":["../../../src/lib/file-input/file-input-preview.test.ts"],"names":[],"mappings":"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"}
|