@noctuatech/uswds 1.1.4 → 1.1.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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@noctuatech/uswds",
3
- "version": "1.1.4",
3
+ "version": "1.1.5",
4
4
  "type": "module",
5
5
  "workspaces": ["packages/**"],
6
6
  "main": "./target/lib.js",
@@ -73,6 +73,7 @@
73
73
  "@joist/di": "^4.2.3-next.7",
74
74
  "@joist/element": "^4.2.3-next.7",
75
75
  "@joist/observable": "^4.2.3-next.7",
76
+ "@joist/templating": "^4.2.3-next.7",
76
77
  "tslib": "2.8.1"
77
78
  },
78
79
  "devDependencies": {
@@ -1,5 +1,7 @@
1
- import { css, element, html, query } from "@joist/element";
2
- import { effect, observe } from "@joist/observable";
1
+ import "@joist/templating/define.js";
2
+
3
+ import { css, element, html } from "@joist/element";
4
+ import { bind } from "@joist/templating";
3
5
 
4
6
  declare global {
5
7
  interface HTMLElementTagNameMap {
@@ -16,6 +18,8 @@ declare global {
16
18
  }
17
19
 
18
20
  :host {
21
+ --usa-input-bg-color: #d9e8f6;
22
+
19
23
  display: block;
20
24
  font-size: 0.87rem;
21
25
  pointer-events: none;
@@ -41,7 +45,7 @@ declare global {
41
45
 
42
46
  .preview-heading {
43
47
  align-items: center;
44
- background: #d9e8f6;
48
+ background: var(--usa-input-bg-color);
45
49
  display: flex;
46
50
  pointer-events: none;
47
51
  position: relative;
@@ -54,7 +58,7 @@ declare global {
54
58
 
55
59
  .preview-item {
56
60
  align-items: center;
57
- background: #d9e8f6;
61
+ background: var(--usa-input-bg-color);
58
62
  display: flex;
59
63
  padding: 0.5rem;
60
64
  width: 100%;
@@ -62,88 +66,57 @@ declare global {
62
66
  }
63
67
  `,
64
68
  html`
65
- <template>
66
- <div class="preview-item">
67
- <img height="40" width="40" aria-hidden="true" style="display: none" />
68
- <usa-icon icon="file_present" style="display: none"></usa-icon>
69
- </div>
70
- </template>
71
-
72
- <slot class="preview-heading"></slot>
69
+ <j-if bind="fileEntries.length">
70
+ <template>
71
+ <slot class="preview-heading"></slot>
72
+ </template>
73
+ </j-if>
74
+
75
+ <j-for bind="fileEntries" key="src">
76
+ <template>
77
+ <div class="preview-item">
78
+ <j-if bind="each.value.isImage">
79
+ <template>
80
+ <j-props>
81
+ <img height="40" width="40" aria-hidden="true" $.src="each.value.src" />
82
+ </j-props>
83
+ </template>
84
+
85
+ <template else>
86
+ <usa-icon icon="file_present"></usa-icon>
87
+ </template>
88
+ </j-if>
89
+
90
+ <j-value bind="each.value.file.name"></j-value>
91
+ </div>
92
+ </template>
93
+ </j-for>
73
94
  `,
74
95
  ],
75
96
  })
76
97
  export class USAFileInputPreviewElement extends HTMLElement {
77
- @observe()
78
- accessor files: FileList | null = null;
98
+ @bind()
99
+ accessor fileEntries: FileEntry[] = [];
79
100
 
80
- #items = new Map<string, Element>();
81
- #template = query("template");
101
+ #files: FileList | null = null;
82
102
 
83
- connectedCallback() {
84
- this.onChange();
103
+ get files() {
104
+ return this.#files;
85
105
  }
86
106
 
87
- get shadow() {
88
- if (!this.shadowRoot) {
89
- throw new Error("no shadow root");
90
- }
107
+ set files(value: FileList | null) {
108
+ this.#files = value;
91
109
 
92
- return this.shadowRoot;
110
+ this.fileEntries = Array.from(value ?? []).map((file) => ({
111
+ file,
112
+ src: URL.createObjectURL(file),
113
+ isImage: file.type.startsWith("image"),
114
+ }));
93
115
  }
116
+ }
94
117
 
95
- @effect()
96
- onChange() {
97
- const template = this.#template();
98
-
99
- if (this.files?.length) {
100
- this.hidden = false;
101
-
102
- const names = new Set<string>();
103
-
104
- for (const file of this.files) {
105
- names.add(file.name);
106
-
107
- if (!this.#items.has(file.name)) {
108
- const clone = template.content.cloneNode(true) as DocumentFragment;
109
-
110
- const item = clone.firstElementChild;
111
-
112
- if (!item) {
113
- throw new Error("SOMETHING HAS GONE VERY WRONG");
114
- }
115
-
116
- item.id = file.name;
117
- item.append(document.createTextNode(file.name));
118
-
119
- const img = item.querySelector("img");
120
- const icon = item.querySelector("usa-icon");
121
-
122
- if (!img || !icon) {
123
- throw Error("Something went very wrong");
124
- }
125
-
126
- if (file.type.startsWith("image")) {
127
- img.style.display = "block";
128
- img.src = URL.createObjectURL(file);
129
- } else {
130
- icon.style.display = "block";
131
- }
132
-
133
- this.shadow.append(item);
134
-
135
- this.#items.set(file.name, item);
136
- }
137
- }
138
-
139
- for (const [name, item] of this.#items) {
140
- if (!names.has(name)) {
141
- item.remove();
142
- this.#items.delete(name);
143
- }
144
- }
145
- } else {
146
- this.hidden = true;
147
- }
148
- }
118
+ interface FileEntry {
119
+ file: File;
120
+ src: string;
121
+ isImage: boolean;
149
122
  }
@@ -16,6 +16,8 @@ declare global {
16
16
  }
17
17
 
18
18
  :host {
19
+ --usa-input-radius: 0;
20
+
19
21
  display: block;
20
22
  max-width: 30rem;
21
23
  position: relative;
@@ -58,6 +60,7 @@ declare global {
58
60
 
59
61
  .box {
60
62
  border: 1px dashed #adadad;
63
+ border-radius: var(--usa-input-radius);
61
64
  display: flex;
62
65
  font-size: 0.93rem;
63
66
  position: relative;
@@ -1,3 +1,4 @@
1
+ import "@joist/templating/define.js";
1
2
  declare global {
2
3
  interface HTMLElementTagNameMap {
3
4
  "usa-file-input-preview": USAFileInputPreviewElement;
@@ -5,8 +6,13 @@ declare global {
5
6
  }
6
7
  export declare class USAFileInputPreviewElement extends HTMLElement {
7
8
  #private;
8
- accessor files: FileList | null;
9
- connectedCallback(): void;
10
- get shadow(): ShadowRoot;
11
- onChange(): void;
9
+ accessor fileEntries: FileEntry[];
10
+ get files(): FileList | null;
11
+ set files(value: FileList | null);
12
12
  }
13
+ interface FileEntry {
14
+ file: File;
15
+ src: string;
16
+ isImage: boolean;
17
+ }
18
+ export {};
@@ -1,91 +1,47 @@
1
1
  import { __esDecorate, __runInitializers } from "tslib";
2
- import { css, element, html, query } from "@joist/element";
3
- import { effect, observe } from "@joist/observable";
2
+ import "@joist/templating/define.js";
3
+ import { css, element, html } from "@joist/element";
4
+ import { bind } from "@joist/templating";
4
5
  let USAFileInputPreviewElement = (() => {
5
6
  let _classDecorators = [element({
6
7
  tagName: "usa-file-input-preview",
7
8
  shadowDom: [
8
- 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:#d9e8f6;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:#d9e8f6;display:flex;padding:.5rem;width:100%;margin-top:1px}`,
9
- html `<template><div class="preview-item"><img height="40" width="40" aria-hidden="true" style="display:none"><usa-icon icon="file_present" style="display:none"></usa-icon></div></template><slot class="preview-heading"></slot>`,
9
+ css `*{box-sizing:border-box}:host{--usa-input-bg-color:#d9e8f6;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 `<j-if bind="fileEntries.length"><template><slot class="preview-heading"></slot></template></j-if><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>`,
10
11
  ],
11
12
  })];
12
13
  let _classDescriptor;
13
14
  let _classExtraInitializers = [];
14
15
  let _classThis;
15
16
  let _classSuper = HTMLElement;
16
- let _instanceExtraInitializers = [];
17
- let _files_decorators;
18
- let _files_initializers = [];
19
- let _files_extraInitializers = [];
20
- let _onChange_decorators;
17
+ let _fileEntries_decorators;
18
+ let _fileEntries_initializers = [];
19
+ let _fileEntries_extraInitializers = [];
21
20
  var USAFileInputPreviewElement = class extends _classSuper {
22
21
  static { _classThis = this; }
23
22
  static {
24
23
  const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
25
- _files_decorators = [observe()];
26
- _onChange_decorators = [effect()];
27
- __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);
28
- __esDecorate(this, null, _onChange_decorators, { kind: "method", name: "onChange", static: false, private: false, access: { has: obj => "onChange" in obj, get: obj => obj.onChange }, metadata: _metadata }, null, _instanceExtraInitializers);
24
+ _fileEntries_decorators = [bind()];
25
+ __esDecorate(this, null, _fileEntries_decorators, { kind: "accessor", name: "fileEntries", static: false, private: false, access: { has: obj => "fileEntries" in obj, get: obj => obj.fileEntries, set: (obj, value) => { obj.fileEntries = value; } }, metadata: _metadata }, _fileEntries_initializers, _fileEntries_extraInitializers);
29
26
  __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
30
27
  USAFileInputPreviewElement = _classThis = _classDescriptor.value;
31
28
  if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
32
29
  __runInitializers(_classThis, _classExtraInitializers);
33
30
  }
34
- #files_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _files_initializers, null));
35
- get files() { return this.#files_accessor_storage; }
36
- set files(value) { this.#files_accessor_storage = value; }
37
- #items = (__runInitializers(this, _files_extraInitializers), new Map());
38
- #template = query("template");
39
- connectedCallback() {
40
- this.onChange();
31
+ #fileEntries_accessor_storage = __runInitializers(this, _fileEntries_initializers, []);
32
+ get fileEntries() { return this.#fileEntries_accessor_storage; }
33
+ set fileEntries(value) { this.#fileEntries_accessor_storage = value; }
34
+ #files = (__runInitializers(this, _fileEntries_extraInitializers), null);
35
+ get files() {
36
+ return this.#files;
41
37
  }
42
- get shadow() {
43
- if (!this.shadowRoot) {
44
- throw new Error("no shadow root");
45
- }
46
- return this.shadowRoot;
47
- }
48
- onChange() {
49
- const template = this.#template();
50
- if (this.files?.length) {
51
- this.hidden = false;
52
- const names = new Set();
53
- for (const file of this.files) {
54
- names.add(file.name);
55
- if (!this.#items.has(file.name)) {
56
- const clone = template.content.cloneNode(true);
57
- const item = clone.firstElementChild;
58
- if (!item) {
59
- throw new Error("SOMETHING HAS GONE VERY WRONG");
60
- }
61
- item.id = file.name;
62
- item.append(document.createTextNode(file.name));
63
- const img = item.querySelector("img");
64
- const icon = item.querySelector("usa-icon");
65
- if (!img || !icon) {
66
- throw Error("Something went very wrong");
67
- }
68
- if (file.type.startsWith("image")) {
69
- img.style.display = "block";
70
- img.src = URL.createObjectURL(file);
71
- }
72
- else {
73
- icon.style.display = "block";
74
- }
75
- this.shadow.append(item);
76
- this.#items.set(file.name, item);
77
- }
78
- }
79
- for (const [name, item] of this.#items) {
80
- if (!names.has(name)) {
81
- item.remove();
82
- this.#items.delete(name);
83
- }
84
- }
85
- }
86
- else {
87
- this.hidden = true;
88
- }
38
+ set files(value) {
39
+ this.#files = value;
40
+ this.fileEntries = Array.from(value ?? []).map((file) => ({
41
+ file,
42
+ src: URL.createObjectURL(file),
43
+ isImage: file.type.startsWith("image"),
44
+ }));
89
45
  }
90
46
  };
91
47
  return USAFileInputPreviewElement = _classThis;
@@ -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":"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"}
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;IA6F5B,0BAA0B;4BArFtC,OAAO,CAAC;YACP,OAAO,EAAE,wBAAwB;YACjC,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoDF;gBACD,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;KA0BH;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"}
@@ -5,7 +5,7 @@ let USAFileInputElement = (() => {
5
5
  let _classDecorators = [element({
6
6
  tagName: "usa-file-input",
7
7
  shadowDom: [
8
- 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;display:flex;font-size:.93rem;position:relative;text-align:center;width:100%;height:5.2rem;align-items:center;justify-content:center}.container{position:relative}`,
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
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
10
  ],
11
11
  })];
@@ -1 +1 @@
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
+ {"version":3,"file":"file-input.element.js","sourceRoot":"","sources":["../../../src/lib/file-input/file-input.element.ts"],"names":[],"mappings":"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"}