@noctuatech/uswds 0.0.19 → 0.0.20
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/img/built-to-grow--alt.jpg +0 -0
- package/assets/uswds.min.js +1 -1
- package/package.json +1 -1
- package/src/lib/card/card-body/card-body.element.ts +23 -0
- package/src/lib/card/card-footer/card-footer.element.ts +21 -0
- package/src/lib/card/card-group/card-group.element.ts +30 -0
- package/src/lib/card/card-header/card-header.element.ts +31 -0
- package/src/lib/card/card-media/card-media.element.ts +50 -0
- package/src/lib/card/card.element.ts +53 -0
- package/src/lib/card/card.stories.ts +135 -0
- package/src/lib/card/card.test.ts +37 -0
- package/src/lib/define.ts +6 -0
- package/src/lib.ts +10 -0
- package/target/lib/accordion/accordion.element.js +26 -32
- package/target/lib/accordion/accordion.element.js.map +1 -1
- package/target/lib/alert/alert.element.js +16 -22
- package/target/lib/alert/alert.element.js.map +1 -1
- package/target/lib/button/button.element.js +60 -73
- package/target/lib/button/button.element.js.map +1 -1
- package/target/lib/card/card-body/card-body.element.d.ts +7 -0
- package/target/lib/card/card-body/card-body.element.js +35 -0
- package/target/lib/card/card-body/card-body.element.js.map +1 -0
- package/target/lib/card/card-footer/card-footer.element.d.ts +7 -0
- package/target/lib/card/card-footer/card-footer.element.js +33 -0
- package/target/lib/card/card-footer/card-footer.element.js.map +1 -0
- package/target/lib/card/card-group/card-group.element.d.ts +8 -0
- package/target/lib/card/card-group/card-group.element.js +51 -0
- package/target/lib/card/card-group/card-group.element.js.map +1 -0
- package/target/lib/card/card-header/card-header.element.d.ts +7 -0
- package/target/lib/card/card-header/card-header.element.js +43 -0
- package/target/lib/card/card-header/card-header.element.js.map +1 -0
- package/target/lib/card/card-media/card-media.element.d.ts +8 -0
- package/target/lib/card/card-media/card-media.element.js +71 -0
- package/target/lib/card/card-media/card-media.element.js.map +1 -0
- package/target/lib/card/card.element.d.ts +9 -0
- package/target/lib/card/card.element.js +79 -0
- package/target/lib/card/card.element.js.map +1 -0
- package/target/lib/card/card.stories.d.ts +12 -0
- package/target/lib/card/card.stories.js +126 -0
- package/target/lib/card/card.stories.js.map +1 -0
- package/target/lib/card/card.test.d.ts +6 -0
- package/target/lib/card/card.test.js +33 -0
- package/target/lib/card/card.test.js.map +1 -0
- package/target/lib/checkbox/checkbox.element.js +44 -54
- package/target/lib/checkbox/checkbox.element.js.map +1 -1
- package/target/lib/config/config.element.js +19 -27
- package/target/lib/config/config.element.js.map +1 -1
- package/target/lib/define.d.ts +6 -0
- package/target/lib/define.js +6 -0
- package/target/lib/define.js.map +1 -1
- package/target/lib/description/description.element.js +10 -10
- package/target/lib/description/description.element.js.map +1 -1
- package/target/lib/file-input/file-input-preview/file-input-preview.element.js +23 -30
- package/target/lib/file-input/file-input-preview/file-input-preview.element.js.map +1 -1
- package/target/lib/file-input/file-input.element.js +46 -58
- package/target/lib/file-input/file-input.element.js.map +1 -1
- package/target/lib/icon/icon.element.js +26 -36
- package/target/lib/icon/icon.element.js.map +1 -1
- package/target/lib/input/input.element.js +50 -60
- package/target/lib/input/input.element.js.map +1 -1
- package/target/lib/input-mask/input-mask.element.js +25 -29
- package/target/lib/input-mask/input-mask.element.js.map +1 -1
- package/target/lib/link/link.element.js +33 -42
- package/target/lib/link/link.element.js.map +1 -1
- package/target/lib/modal/modal-close/modal-close.element.js +17 -19
- package/target/lib/modal/modal-close/modal-close.element.js.map +1 -1
- package/target/lib/modal/modal-heading/modal-heading.element.js +10 -10
- package/target/lib/modal/modal-heading/modal-heading.element.js.map +1 -1
- package/target/lib/modal/modal.element.js +17 -22
- package/target/lib/modal/modal.element.js.map +1 -1
- package/target/lib/radio/radio-option/radio-option.element.js +34 -40
- package/target/lib/radio/radio-option/radio-option.element.js.map +1 -1
- package/target/lib/radio/radio.element.js +36 -44
- package/target/lib/radio/radio.element.js.map +1 -1
- package/target/lib/select/select-option/select-option.element.js +17 -22
- package/target/lib/select/select-option/select-option.element.js.map +1 -1
- package/target/lib/select/select.element.js +33 -41
- package/target/lib/select/select.element.js.map +1 -1
- package/target/lib/side-nav/side-nav-item/side-nav-item.element.js +17 -19
- package/target/lib/side-nav/side-nav-item/side-nav-item.element.js.map +1 -1
- package/target/lib/side-nav/side-nav.element.js +15 -17
- package/target/lib/side-nav/side-nav.element.js.map +1 -1
- package/target/lib/step-indicator/step/step.element.d.ts +1 -1
- package/target/lib/step-indicator/step/step.element.js +28 -22
- package/target/lib/step-indicator/step/step.element.js.map +1 -1
- package/target/lib/step-indicator/step-indicator.element.d.ts +1 -1
- package/target/lib/step-indicator/step-indicator.element.js +20 -12
- package/target/lib/step-indicator/step-indicator.element.js.map +1 -1
- package/target/lib/summary-box/summary-box.element.js +10 -10
- package/target/lib/summary-box/summary-box.element.js.map +1 -1
- package/target/lib/tag/tag.element.js +15 -17
- package/target/lib/tag/tag.element.js.map +1 -1
- package/target/lib.d.ts +10 -0
- package/target/lib.js +10 -0
- package/target/lib.js.map +1 -1
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
2
|
import { attr, css, element, html, listen, query } from "@joist/element";
|
|
3
3
|
let USACheckboxElement = (() => {
|
|
4
|
-
var _USACheckboxElement_checkbox, _USACheckboxElement_internals, _USACheckboxElement_checked_accessor_storage, _USACheckboxElement_name_accessor_storage, _USACheckboxElement_value_accessor_storage, _USACheckboxElement_tiled_accessor_storage;
|
|
5
4
|
let _classDecorators = [element({
|
|
6
5
|
tagName: "usa-checkbox",
|
|
7
6
|
shadowDom: [
|
|
@@ -132,76 +131,67 @@ let USACheckboxElement = (() => {
|
|
|
132
131
|
let _tiled_initializers = [];
|
|
133
132
|
let _tiled_extraInitializers = [];
|
|
134
133
|
let _onCheckboxChange_decorators;
|
|
135
|
-
var USACheckboxElement =
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
134
|
+
var USACheckboxElement = class extends _classSuper {
|
|
135
|
+
static { _classThis = this; }
|
|
136
|
+
static {
|
|
137
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
138
|
+
_checked_decorators = [attr()];
|
|
139
|
+
_name_decorators = [attr()];
|
|
140
|
+
_value_decorators = [attr()];
|
|
141
|
+
_tiled_decorators = [attr({
|
|
142
|
+
observed: false,
|
|
143
|
+
})];
|
|
144
|
+
_onCheckboxChange_decorators = [listen("change", "input[type=checkbox]")];
|
|
145
|
+
__esDecorate(this, null, _checked_decorators, { kind: "accessor", name: "checked", static: false, private: false, access: { has: obj => "checked" in obj, get: obj => obj.checked, set: (obj, value) => { obj.checked = value; } }, metadata: _metadata }, _checked_initializers, _checked_extraInitializers);
|
|
146
|
+
__esDecorate(this, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
|
|
147
|
+
__esDecorate(this, null, _value_decorators, { kind: "accessor", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
|
|
148
|
+
__esDecorate(this, null, _tiled_decorators, { kind: "accessor", name: "tiled", static: false, private: false, access: { has: obj => "tiled" in obj, get: obj => obj.tiled, set: (obj, value) => { obj.tiled = value; } }, metadata: _metadata }, _tiled_initializers, _tiled_extraInitializers);
|
|
149
|
+
__esDecorate(this, null, _onCheckboxChange_decorators, { kind: "method", name: "onCheckboxChange", static: false, private: false, access: { has: obj => "onCheckboxChange" in obj, get: obj => obj.onCheckboxChange }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
150
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
151
|
+
USACheckboxElement = _classThis = _classDescriptor.value;
|
|
152
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
144
153
|
}
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
get
|
|
148
|
-
set
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
154
|
+
static formAssociated = true;
|
|
155
|
+
#checked_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _checked_initializers, false));
|
|
156
|
+
get checked() { return this.#checked_accessor_storage; }
|
|
157
|
+
set checked(value) { this.#checked_accessor_storage = value; }
|
|
158
|
+
#name_accessor_storage = (__runInitializers(this, _checked_extraInitializers), __runInitializers(this, _name_initializers, ""));
|
|
159
|
+
get name() { return this.#name_accessor_storage; }
|
|
160
|
+
set name(value) { this.#name_accessor_storage = value; }
|
|
161
|
+
#value_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _value_initializers, ""));
|
|
162
|
+
get value() { return this.#value_accessor_storage; }
|
|
163
|
+
set value(value) { this.#value_accessor_storage = value; }
|
|
164
|
+
#tiled_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _tiled_initializers, false));
|
|
165
|
+
get tiled() { return this.#tiled_accessor_storage; }
|
|
166
|
+
set tiled(value) { this.#tiled_accessor_storage = value; }
|
|
167
|
+
#checkbox = (__runInitializers(this, _tiled_extraInitializers), query("input"));
|
|
168
|
+
#internals = this.attachInternals();
|
|
153
169
|
connectedCallback() {
|
|
154
|
-
const checkbox =
|
|
170
|
+
const checkbox = this.#checkbox();
|
|
155
171
|
if (this.checked) {
|
|
156
|
-
|
|
172
|
+
this.#internals.setFormValue(this.value);
|
|
157
173
|
}
|
|
158
174
|
checkbox.checked = this.checked;
|
|
159
175
|
checkbox.name = this.name;
|
|
160
176
|
}
|
|
161
177
|
attributeChangedCallback() {
|
|
162
|
-
const checkbox =
|
|
178
|
+
const checkbox = this.#checkbox();
|
|
163
179
|
checkbox.checked = this.checked;
|
|
164
180
|
checkbox.name = this.name;
|
|
165
181
|
}
|
|
166
182
|
onCheckboxChange() {
|
|
167
|
-
const checkbox =
|
|
183
|
+
const checkbox = this.#checkbox();
|
|
168
184
|
if (checkbox.checked) {
|
|
169
|
-
|
|
185
|
+
this.#internals.setFormValue(this.value);
|
|
170
186
|
}
|
|
171
187
|
else {
|
|
172
|
-
|
|
188
|
+
this.#internals.setFormValue(null);
|
|
173
189
|
}
|
|
174
190
|
}
|
|
191
|
+
static {
|
|
192
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
193
|
+
}
|
|
175
194
|
};
|
|
176
|
-
_USACheckboxElement_checkbox = new WeakMap();
|
|
177
|
-
_USACheckboxElement_internals = new WeakMap();
|
|
178
|
-
_USACheckboxElement_checked_accessor_storage = new WeakMap();
|
|
179
|
-
_USACheckboxElement_name_accessor_storage = new WeakMap();
|
|
180
|
-
_USACheckboxElement_value_accessor_storage = new WeakMap();
|
|
181
|
-
_USACheckboxElement_tiled_accessor_storage = new WeakMap();
|
|
182
|
-
__setFunctionName(_classThis, "USACheckboxElement");
|
|
183
|
-
(() => {
|
|
184
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
185
|
-
_checked_decorators = [attr()];
|
|
186
|
-
_name_decorators = [attr()];
|
|
187
|
-
_value_decorators = [attr()];
|
|
188
|
-
_tiled_decorators = [attr({
|
|
189
|
-
observed: false,
|
|
190
|
-
})];
|
|
191
|
-
_onCheckboxChange_decorators = [listen("change", "input[type=checkbox]")];
|
|
192
|
-
__esDecorate(_classThis, null, _checked_decorators, { kind: "accessor", name: "checked", static: false, private: false, access: { has: obj => "checked" in obj, get: obj => obj.checked, set: (obj, value) => { obj.checked = value; } }, metadata: _metadata }, _checked_initializers, _checked_extraInitializers);
|
|
193
|
-
__esDecorate(_classThis, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
|
|
194
|
-
__esDecorate(_classThis, null, _value_decorators, { kind: "accessor", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
|
|
195
|
-
__esDecorate(_classThis, null, _tiled_decorators, { kind: "accessor", name: "tiled", static: false, private: false, access: { has: obj => "tiled" in obj, get: obj => obj.tiled, set: (obj, value) => { obj.tiled = value; } }, metadata: _metadata }, _tiled_initializers, _tiled_extraInitializers);
|
|
196
|
-
__esDecorate(_classThis, null, _onCheckboxChange_decorators, { kind: "method", name: "onCheckboxChange", static: false, private: false, access: { has: obj => "onCheckboxChange" in obj, get: obj => obj.onCheckboxChange }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
197
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
198
|
-
USACheckboxElement = _classThis = _classDescriptor.value;
|
|
199
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
200
|
-
})();
|
|
201
|
-
_classThis.formAssociated = true;
|
|
202
|
-
(() => {
|
|
203
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
204
|
-
})();
|
|
205
195
|
return USACheckboxElement = _classThis;
|
|
206
196
|
})();
|
|
207
197
|
export { USACheckboxElement };
|
|
@@ -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;IAwH5D,kBAAkB
|
|
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;IAwH5D,kBAAkB;4BAhH9B,OAAO,CAAC;YACP,OAAO,EAAE,cAAc;YACvB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+FF;gBACD,IAAI,CAAA;;;;;;;;;;KAUH;aACF;SACF,CAAC;;;;sBACsC,WAAW;;;;;;;;;;;;;;;kCAAnB,SAAQ,WAAW;;;;mCAGhD,IAAI,EAAE;gCAGN,IAAI,EAAE;iCAGN,IAAI,EAAE;iCAGN,IAAI,CAAC;oBACJ,QAAQ,EAAE,KAAK;iBAChB,CAAC;4CAwBD,MAAM,CAAC,QAAQ,EAAE,sBAAsB,CAAC;YAlCzC,0KAAS,OAAO,6BAAP,OAAO,yFAAS;YAGzB,iKAAS,IAAI,6BAAJ,IAAI,mFAAM;YAGnB,oKAAS,KAAK,6BAAL,KAAK,qFAAM;YAKpB,oKAAS,KAAK,6BAAL,KAAK,qFAAS;YAwBvB,mMAAA,gBAAgB,6DAQf;YA/CH,6KAgDC;;;;QA/CC,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC;QAG7B,6BAJW,mDAAkB,iDAIV,KAAK,GAAC;QAAzB,IAAS,OAAO,6CAAS;QAAzB,IAAS,OAAO,mDAAS;QAGzB,2HAAgB,EAAE,GAAC;QAAnB,IAAS,IAAI,0CAAM;QAAnB,IAAS,IAAI,gDAAM;QAGnB,0HAAiB,EAAE,GAAC;QAApB,IAAS,KAAK,2CAAM;QAApB,IAAS,KAAK,iDAAM;QAKpB,2HAAiB,KAAK,GAAC;QAAvB,IAAS,KAAK,2CAAS;QAAvB,IAAS,KAAK,iDAAS;QAEvB,SAAS,uDAAG,KAAK,CAAC,OAAO,CAAC,EAAC;QAC3B,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAEpC,iBAAiB;YACf,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YAElC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC3C,CAAC;YAED,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;YAChC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAC5B,CAAC;QAED,wBAAwB;YACtB,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YAElC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;YAChC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAC5B,CAAC;QAGD,gBAAgB;YACd,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YAElC,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACrB,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACrC,CAAC;QACH,CAAC;;YA/CU,uDAAkB;;;;;SAAlB,kBAAkB"}
|
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
2
|
import { inject, injectable, Injector } from "@joist/di";
|
|
3
3
|
import { attr, css, element, html } from "@joist/element";
|
|
4
4
|
export class USAConfig {
|
|
5
|
-
|
|
6
|
-
this.iconPath = "";
|
|
7
|
-
}
|
|
5
|
+
iconPath = "";
|
|
8
6
|
}
|
|
9
7
|
let USAConfigElement = (() => {
|
|
10
|
-
var _USAConfigElement_injector, _USAConfigElement_iconPath_accessor_storage;
|
|
11
8
|
let _classDecorators = [element({
|
|
12
9
|
tagName: "usa-config",
|
|
13
10
|
shadowDom: [
|
|
@@ -26,33 +23,28 @@ let USAConfigElement = (() => {
|
|
|
26
23
|
let _iconPath_decorators;
|
|
27
24
|
let _iconPath_initializers = [];
|
|
28
25
|
let _iconPath_extraInitializers = [];
|
|
29
|
-
var USAConfigElement =
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
26
|
+
var USAConfigElement = class extends _classSuper {
|
|
27
|
+
static { _classThis = this; }
|
|
28
|
+
static {
|
|
29
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
30
|
+
_iconPath_decorators = [attr({
|
|
31
|
+
name: "icon-path",
|
|
32
|
+
})];
|
|
33
|
+
__esDecorate(this, null, _iconPath_decorators, { kind: "accessor", name: "iconPath", static: false, private: false, access: { has: obj => "iconPath" in obj, get: obj => obj.iconPath, set: (obj, value) => { obj.iconPath = value; } }, metadata: _metadata }, _iconPath_initializers, _iconPath_extraInitializers);
|
|
34
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
35
|
+
USAConfigElement = _classThis = _classDescriptor.value;
|
|
36
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
37
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
34
38
|
}
|
|
35
|
-
|
|
36
|
-
|
|
39
|
+
#iconPath_accessor_storage = __runInitializers(this, _iconPath_initializers, "/assets/usa-icons/");
|
|
40
|
+
get iconPath() { return this.#iconPath_accessor_storage; }
|
|
41
|
+
set iconPath(value) { this.#iconPath_accessor_storage = value; }
|
|
42
|
+
#injector = (__runInitializers(this, _iconPath_extraInitializers), inject(Injector));
|
|
37
43
|
connectedCallback() {
|
|
38
|
-
const { providers } =
|
|
44
|
+
const { providers } = this.#injector();
|
|
39
45
|
providers.push({ provide: USAConfig, factory: () => this });
|
|
40
46
|
}
|
|
41
47
|
};
|
|
42
|
-
_USAConfigElement_injector = new WeakMap();
|
|
43
|
-
_USAConfigElement_iconPath_accessor_storage = new WeakMap();
|
|
44
|
-
__setFunctionName(_classThis, "USAConfigElement");
|
|
45
|
-
(() => {
|
|
46
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
47
|
-
_iconPath_decorators = [attr({
|
|
48
|
-
name: "icon-path",
|
|
49
|
-
})];
|
|
50
|
-
__esDecorate(_classThis, null, _iconPath_decorators, { kind: "accessor", name: "iconPath", static: false, private: false, access: { has: obj => "iconPath" in obj, get: obj => obj.iconPath, set: (obj, value) => { obj.iconPath = value; } }, metadata: _metadata }, _iconPath_initializers, _iconPath_extraInitializers);
|
|
51
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
52
|
-
USAConfigElement = _classThis = _classDescriptor.value;
|
|
53
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
54
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
55
|
-
})();
|
|
56
48
|
return USAConfigElement = _classThis;
|
|
57
49
|
})();
|
|
58
50
|
export { USAConfigElement };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config.element.js","sourceRoot":"","sources":["../../../src/lib/config/config.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE1D,MAAM,OAAO,SAAS;
|
|
1
|
+
{"version":3,"file":"config.element.js","sourceRoot":"","sources":["../../../src/lib/config/config.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE1D,MAAM,OAAO,SAAS;IACpB,QAAQ,GAAG,EAAE,CAAC;CACf;IAcY,gBAAgB;4BAZ5B,OAAO,CAAC;YACP,OAAO,EAAE,YAAY;YACrB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;KAIF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC,EACD,UAAU,EAAE;;;;sBACyB,WAAW;;;;gCAAnB,SAAQ,WAAW;;;;oCAC9C,IAAI,CAAC;oBACJ,IAAI,EAAE,WAAW;iBAClB,CAAC;YACF,6KAAS,QAAQ,6BAAR,QAAQ,2FAAwB;YAJ3C,6KAaC;;;YAbY,uDAAgB;;QAI3B,6EAAoB,oBAAoB,EAAC;QAAzC,IAAS,QAAQ,8CAAwB;QAAzC,IAAS,QAAQ,oDAAwB;QAEzC,SAAS,0DAAG,MAAM,CAAC,QAAQ,CAAC,EAAC;QAE7B,iBAAiB;YACf,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YAEvC,SAAS,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;QAC9D,CAAC;;;;SAZU,gBAAgB"}
|
package/target/lib/define.d.ts
CHANGED
|
@@ -23,3 +23,9 @@ import "./step-indicator/step/step.element.js";
|
|
|
23
23
|
import "./modal/modal.element.js";
|
|
24
24
|
import "./modal/modal-close/modal-close.element.js";
|
|
25
25
|
import "./modal/modal-heading/modal-heading.element.js";
|
|
26
|
+
import "./card/card.element.js";
|
|
27
|
+
import "./card/card-header/card-header.element.js";
|
|
28
|
+
import "./card/card-body/card-body.element.js";
|
|
29
|
+
import "./card/card-footer/card-footer.element.js";
|
|
30
|
+
import "./card/card-media/card-media.element.js";
|
|
31
|
+
import "./card/card-group/card-group.element.js";
|
package/target/lib/define.js
CHANGED
|
@@ -23,4 +23,10 @@ import "./step-indicator/step/step.element.js";
|
|
|
23
23
|
import "./modal/modal.element.js";
|
|
24
24
|
import "./modal/modal-close/modal-close.element.js";
|
|
25
25
|
import "./modal/modal-heading/modal-heading.element.js";
|
|
26
|
+
import "./card/card.element.js";
|
|
27
|
+
import "./card/card-header/card-header.element.js";
|
|
28
|
+
import "./card/card-body/card-body.element.js";
|
|
29
|
+
import "./card/card-footer/card-footer.element.js";
|
|
30
|
+
import "./card/card-media/card-media.element.js";
|
|
31
|
+
import "./card/card-group/card-group.element.js";
|
|
26
32
|
//# sourceMappingURL=define.js.map
|
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,+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,8CAA8C,CAAC;AACtD,OAAO,4BAA4B,CAAC;AACpC,OAAO,iDAAiD,CAAC;AACzD,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AACxC,OAAO,mDAAmD,CAAC;AAC3D,OAAO,sCAAsC,CAAC;AAC9C,OAAO,4CAA4C,CAAC;AACpD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,0BAA0B,CAAC;AAClC,OAAO,4CAA4C,CAAC;AACpD,OAAO,gDAAgD,CAAC"}
|
|
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,8CAA8C,CAAC;AACtD,OAAO,4BAA4B,CAAC;AACpC,OAAO,iDAAiD,CAAC;AACzD,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AACxC,OAAO,mDAAmD,CAAC;AAC3D,OAAO,sCAAsC,CAAC;AAC9C,OAAO,4CAA4C,CAAC;AACpD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,0BAA0B,CAAC;AAClC,OAAO,4CAA4C,CAAC;AACpD,OAAO,gDAAgD,CAAC;AACxD,OAAO,wBAAwB,CAAC;AAChC,OAAO,2CAA2C,CAAC;AACnD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,2CAA2C,CAAC;AACnD,OAAO,yCAAyC,CAAC;AACjD,OAAO,yCAAyC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __esDecorate, __runInitializers
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
2
|
import { css, element, html } from "@joist/element";
|
|
3
3
|
let USADescriptionElement = (() => {
|
|
4
4
|
let _classDecorators = [element({
|
|
@@ -18,16 +18,16 @@ let USADescriptionElement = (() => {
|
|
|
18
18
|
let _classExtraInitializers = [];
|
|
19
19
|
let _classThis;
|
|
20
20
|
let _classSuper = HTMLElement;
|
|
21
|
-
var USADescriptionElement =
|
|
21
|
+
var USADescriptionElement = class extends _classSuper {
|
|
22
|
+
static { _classThis = this; }
|
|
23
|
+
static {
|
|
24
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
25
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
26
|
+
USADescriptionElement = _classThis = _classDescriptor.value;
|
|
27
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
28
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
29
|
+
}
|
|
22
30
|
};
|
|
23
|
-
__setFunctionName(_classThis, "USADescriptionElement");
|
|
24
|
-
(() => {
|
|
25
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
26
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
27
|
-
USADescriptionElement = _classThis = _classDescriptor.value;
|
|
28
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
29
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
30
|
-
})();
|
|
31
31
|
return USADescriptionElement = _classThis;
|
|
32
32
|
})();
|
|
33
33
|
export { USADescriptionElement };
|
|
@@ -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,iBAAiB;aACtB;SACF,CAAC;;;;sBACyC,WAAW;
|
|
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,iBAAiB;aACtB;SACF,CAAC;;;;sBACyC,WAAW;qCAAnB,SAAQ,WAAW;;;;YAAtD,6KAAyD;;;YAA5C,uDAAqB;;;;;SAArB,qBAAqB"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
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_template, _USAFileInputPreviewElement_files_accessor_storage;
|
|
6
5
|
let _classDecorators = [element({
|
|
7
6
|
tagName: "usa-file-input-preview",
|
|
8
7
|
shadowDom: [
|
|
@@ -77,26 +76,35 @@ let USAFileInputPreviewElement = (() => {
|
|
|
77
76
|
let _files_initializers = [];
|
|
78
77
|
let _files_extraInitializers = [];
|
|
79
78
|
let _onChange_decorators;
|
|
80
|
-
var USAFileInputPreviewElement =
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
79
|
+
var USAFileInputPreviewElement = class extends _classSuper {
|
|
80
|
+
static { _classThis = this; }
|
|
81
|
+
static {
|
|
82
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
83
|
+
_files_decorators = [observe()];
|
|
84
|
+
_onChange_decorators = [effect()];
|
|
85
|
+
__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);
|
|
86
|
+
__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);
|
|
87
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
88
|
+
USAFileInputPreviewElement = _classThis = _classDescriptor.value;
|
|
89
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
90
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
86
91
|
}
|
|
87
|
-
|
|
88
|
-
|
|
92
|
+
#files_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _files_initializers, null));
|
|
93
|
+
get files() { return this.#files_accessor_storage; }
|
|
94
|
+
set files(value) { this.#files_accessor_storage = value; }
|
|
95
|
+
#items = (__runInitializers(this, _files_extraInitializers), new Map());
|
|
96
|
+
#template = query("template");
|
|
89
97
|
connectedCallback() {
|
|
90
98
|
this.onChange();
|
|
91
99
|
}
|
|
92
100
|
onChange() {
|
|
93
|
-
const template =
|
|
101
|
+
const template = this.#template();
|
|
94
102
|
if (this.files && this.files.length) {
|
|
95
103
|
this.hidden = false;
|
|
96
104
|
let names = new Set();
|
|
97
105
|
for (let file of this.files) {
|
|
98
106
|
names.add(file.name);
|
|
99
|
-
if (!
|
|
107
|
+
if (!this.#items.has(file.name)) {
|
|
100
108
|
const clone = template.content.cloneNode(true);
|
|
101
109
|
const item = clone.childNodes[1];
|
|
102
110
|
item.id = file.name;
|
|
@@ -104,13 +112,13 @@ let USAFileInputPreviewElement = (() => {
|
|
|
104
112
|
const img = item.querySelector("img");
|
|
105
113
|
img.src = URL.createObjectURL(file);
|
|
106
114
|
this.shadowRoot.append(item);
|
|
107
|
-
|
|
115
|
+
this.#items.set(file.name, item);
|
|
108
116
|
}
|
|
109
117
|
}
|
|
110
|
-
for (let [name, item] of
|
|
118
|
+
for (let [name, item] of this.#items) {
|
|
111
119
|
if (!names.has(name)) {
|
|
112
120
|
item.remove();
|
|
113
|
-
|
|
121
|
+
this.#items.delete(name);
|
|
114
122
|
}
|
|
115
123
|
}
|
|
116
124
|
}
|
|
@@ -119,21 +127,6 @@ let USAFileInputPreviewElement = (() => {
|
|
|
119
127
|
}
|
|
120
128
|
}
|
|
121
129
|
};
|
|
122
|
-
_USAFileInputPreviewElement_items = new WeakMap();
|
|
123
|
-
_USAFileInputPreviewElement_template = new WeakMap();
|
|
124
|
-
_USAFileInputPreviewElement_files_accessor_storage = new WeakMap();
|
|
125
|
-
__setFunctionName(_classThis, "USAFileInputPreviewElement");
|
|
126
|
-
(() => {
|
|
127
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
128
|
-
_files_decorators = [observe()];
|
|
129
|
-
_onChange_decorators = [effect()];
|
|
130
|
-
__esDecorate(_classThis, 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);
|
|
131
|
-
__esDecorate(_classThis, 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);
|
|
132
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
133
|
-
USAFileInputPreviewElement = _classThis = _classDescriptor.value;
|
|
134
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
135
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
136
|
-
})();
|
|
137
130
|
return USAFileInputPreviewElement = _classThis;
|
|
138
131
|
})();
|
|
139
132
|
export { USAFileInputPreviewElement };
|
|
@@ -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,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;IAyEvC,0BAA0B
|
|
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;;;;;;0CAAnB,SAAQ,WAAW;;;;iCACxD,OAAO,EAAE;oCAUT,MAAM,EAAE;YATT,oKAAS,KAAK,6BAAL,KAAK,qFAAyB;YAUvC,2KAAA,QAAQ,6DAoCP;YAhDH,6KAiDC;;;YAjDY,uDAA0B;;QAErC,2BAFW,mDAA0B,+CAEH,IAAI,GAAC;QAAvC,IAAS,KAAK,2CAAyB;QAAvC,IAAS,KAAK,iDAAyB;QAEvC,MAAM,uDAAG,IAAI,GAAG,EAAmB,EAAC;QACpC,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;QAE9B,iBAAiB;YACf,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,CAAC;QAGD,QAAQ;YACN,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,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,IAAI,CAAC,MAAM,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,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;oBACnC,CAAC;gBACH,CAAC;gBAED,KAAK,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;oBACrC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;wBACrB,IAAI,CAAC,MAAM,EAAE,CAAC;wBACd,IAAI,CAAC,MAAM,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;;;;SAhDU,0BAA0B"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
2
|
import { attr, css, element, html, listen, query } from "@joist/element";
|
|
3
3
|
import { effect, observe } from "@joist/observable";
|
|
4
4
|
let USAFileInputElement = (() => {
|
|
5
|
-
var _USAFileInputElement_internals, _USAFileInputElement_input, _USAFileInputElement_box, _USAFileInputElement_preview, _USAFileInputElement_name_accessor_storage, _USAFileInputElement_multiple_accessor_storage, _USAFileInputElement_accept_accessor_storage, _USAFileInputElement_files_accessor_storage;
|
|
6
5
|
let _classDecorators = [element({
|
|
7
6
|
tagName: "usa-file-input",
|
|
8
7
|
shadowDom: [
|
|
@@ -105,43 +104,60 @@ let USAFileInputElement = (() => {
|
|
|
105
104
|
let _files_extraInitializers = [];
|
|
106
105
|
let _onChange_decorators;
|
|
107
106
|
let _onInputChange_decorators;
|
|
108
|
-
var USAFileInputElement =
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
107
|
+
var USAFileInputElement = class extends _classSuper {
|
|
108
|
+
static { _classThis = this; }
|
|
109
|
+
static {
|
|
110
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
111
|
+
_name_decorators = [attr()];
|
|
112
|
+
_multiple_decorators = [attr()];
|
|
113
|
+
_accept_decorators = [attr()];
|
|
114
|
+
_files_decorators = [observe()];
|
|
115
|
+
_onChange_decorators = [effect()];
|
|
116
|
+
_onInputChange_decorators = [listen("change")];
|
|
117
|
+
__esDecorate(this, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
|
|
118
|
+
__esDecorate(this, null, _multiple_decorators, { kind: "accessor", name: "multiple", static: false, private: false, access: { has: obj => "multiple" in obj, get: obj => obj.multiple, set: (obj, value) => { obj.multiple = value; } }, metadata: _metadata }, _multiple_initializers, _multiple_extraInitializers);
|
|
119
|
+
__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);
|
|
120
|
+
__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);
|
|
121
|
+
__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);
|
|
122
|
+
__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);
|
|
123
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
124
|
+
USAFileInputElement = _classThis = _classDescriptor.value;
|
|
125
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
119
126
|
}
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
get
|
|
123
|
-
set
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
127
|
+
static formAssociated = true;
|
|
128
|
+
#name_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _name_initializers, ""));
|
|
129
|
+
get name() { return this.#name_accessor_storage; }
|
|
130
|
+
set name(value) { this.#name_accessor_storage = value; }
|
|
131
|
+
#multiple_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _multiple_initializers, true));
|
|
132
|
+
get multiple() { return this.#multiple_accessor_storage; }
|
|
133
|
+
set multiple(value) { this.#multiple_accessor_storage = value; }
|
|
134
|
+
#accept_accessor_storage = (__runInitializers(this, _multiple_extraInitializers), __runInitializers(this, _accept_initializers, ""));
|
|
135
|
+
get accept() { return this.#accept_accessor_storage; }
|
|
136
|
+
set accept(value) { this.#accept_accessor_storage = value; }
|
|
137
|
+
#files_accessor_storage = (__runInitializers(this, _accept_extraInitializers), __runInitializers(this, _files_initializers, null));
|
|
138
|
+
get files() { return this.#files_accessor_storage; }
|
|
139
|
+
set files(value) { this.#files_accessor_storage = value; }
|
|
140
|
+
#internals = (__runInitializers(this, _files_extraInitializers), this.attachInternals());
|
|
141
|
+
#input = query("input");
|
|
142
|
+
#box = query(".box");
|
|
143
|
+
#preview = query("usa-file-input-preview");
|
|
128
144
|
onChange() {
|
|
129
|
-
const input =
|
|
145
|
+
const input = this.#input();
|
|
130
146
|
if (this.files) {
|
|
131
147
|
input.files = this.files;
|
|
132
148
|
this.onInputChange();
|
|
133
149
|
}
|
|
134
150
|
}
|
|
135
151
|
attributeChangedCallback() {
|
|
136
|
-
const input =
|
|
152
|
+
const input = this.#input();
|
|
137
153
|
input.name = this.name;
|
|
138
154
|
input.multiple = this.multiple;
|
|
139
155
|
input.accept = this.accept;
|
|
140
156
|
}
|
|
141
157
|
onInputChange() {
|
|
142
|
-
const input =
|
|
143
|
-
const box =
|
|
144
|
-
const preview =
|
|
158
|
+
const input = this.#input();
|
|
159
|
+
const box = this.#box();
|
|
160
|
+
const preview = this.#preview();
|
|
145
161
|
preview.files = input.files;
|
|
146
162
|
const formData = new FormData();
|
|
147
163
|
if (input.files && input.files.length) {
|
|
@@ -153,40 +169,12 @@ let USAFileInputElement = (() => {
|
|
|
153
169
|
else {
|
|
154
170
|
box.style.display = "flex";
|
|
155
171
|
}
|
|
156
|
-
|
|
172
|
+
this.#internals.setFormValue(formData);
|
|
173
|
+
}
|
|
174
|
+
static {
|
|
175
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
157
176
|
}
|
|
158
177
|
};
|
|
159
|
-
_USAFileInputElement_internals = new WeakMap();
|
|
160
|
-
_USAFileInputElement_input = new WeakMap();
|
|
161
|
-
_USAFileInputElement_box = new WeakMap();
|
|
162
|
-
_USAFileInputElement_preview = new WeakMap();
|
|
163
|
-
_USAFileInputElement_name_accessor_storage = new WeakMap();
|
|
164
|
-
_USAFileInputElement_multiple_accessor_storage = new WeakMap();
|
|
165
|
-
_USAFileInputElement_accept_accessor_storage = new WeakMap();
|
|
166
|
-
_USAFileInputElement_files_accessor_storage = new WeakMap();
|
|
167
|
-
__setFunctionName(_classThis, "USAFileInputElement");
|
|
168
|
-
(() => {
|
|
169
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
170
|
-
_name_decorators = [attr()];
|
|
171
|
-
_multiple_decorators = [attr()];
|
|
172
|
-
_accept_decorators = [attr()];
|
|
173
|
-
_files_decorators = [observe()];
|
|
174
|
-
_onChange_decorators = [effect()];
|
|
175
|
-
_onInputChange_decorators = [listen("change")];
|
|
176
|
-
__esDecorate(_classThis, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
|
|
177
|
-
__esDecorate(_classThis, null, _multiple_decorators, { kind: "accessor", name: "multiple", static: false, private: false, access: { has: obj => "multiple" in obj, get: obj => obj.multiple, set: (obj, value) => { obj.multiple = value; } }, metadata: _metadata }, _multiple_initializers, _multiple_extraInitializers);
|
|
178
|
-
__esDecorate(_classThis, 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);
|
|
179
|
-
__esDecorate(_classThis, 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);
|
|
180
|
-
__esDecorate(_classThis, 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);
|
|
181
|
-
__esDecorate(_classThis, 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);
|
|
182
|
-
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
183
|
-
USAFileInputElement = _classThis = _classDescriptor.value;
|
|
184
|
-
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
185
|
-
})();
|
|
186
|
-
_classThis.formAssociated = true;
|
|
187
|
-
(() => {
|
|
188
|
-
__runInitializers(_classThis, _classExtraInitializers);
|
|
189
|
-
})();
|
|
190
178
|
return USAFileInputElement = _classThis;
|
|
191
179
|
})();
|
|
192
180
|
export { USAFileInputElement };
|
|
@@ -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;IA2FvC,mBAAmB
|
|
1
|
+
{"version":3,"file":"file-input.element.js","sourceRoot":"","sources":["../../../src/lib/file-input/file-input.element.ts"],"names":[],"mappings":"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"}
|