@noctuatech/uswds 0.0.19 → 0.0.21

package/target/lib/card/card.stories.js

@@ -0,0 +1,126 @@
+import { html } from "lit";
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
+const meta = {
+    title: "usa-card",
+    tags: ["autodocs"],
+    argTypes: {},
+    args: {},
+};
+export default meta;
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Primary = {
+    render() {
+        return html `
+      <usa-card-group>
+        <usa-card>
+          <usa-card-header>Card</usa-card-header>
+
+          <usa-card-body>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
+            earum tenetur quo cupiditate, eaque qui officia recusandae.
+          </usa-card-body>
+
+          <usa-card-footer>
+            <usa-button>Visit Florida Keys</usa-button>
+          </usa-card-footer>
+        </usa-card>
+
+        <usa-card>
+          <usa-card-media>
+            <img src="./img/built-to-grow--alt.jpg" alt="A placeholder image" />
+          </usa-card-media>
+
+          <usa-card-header>Card with media</usa-card-header>
+
+          <usa-card-body>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
+            earum tenetur quo cupiditate, eaque qui officia recusandae.
+          </usa-card-body>
+
+          <usa-card-footer>
+            <usa-button>Visit Florida Keys</usa-button>
+          </usa-card-footer>
+        </usa-card>
+
+        <usa-card>
+          <usa-card-header>Media with heaer first</usa-card-header>
+
+          <usa-card-media>
+            <img src="./img/built-to-grow--alt.jpg" alt="A placeholder image" />
+          </usa-card-media>
+
+          <usa-card-body>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore
+            possimus similique nemo odit doloremque laudantium?
+          </usa-card-body>
+
+          <usa-card-footer>
+            <usa-button>Visit Florida Keys</usa-button>
+          </usa-card-footer>
+        </usa-card>
+
+        <usa-card>
+          <usa-card-media variant="inset">
+            <img src="./img/built-to-grow--alt.jpg" alt="A placeholder image" />
+          </usa-card-media>
+
+          <usa-card-header>Inset media</usa-card-header>
+
+          <usa-card-body>
+            Etiam vitae sodales metus. Fusce id orci dignissim, efficitur risus
+            eget, tempus odio. Donec lectus ante, auctor eget cursus sed,
+            convallis quis magna. Orci varius natoque penatibus et magnis dis
+            parturient montes, nascetur ridiculus mus. Mauris mattis tellus
+            bibendum aliquet malesuada.
+          </usa-card-body>
+
+          <usa-card-footer>
+            <usa-button>Visit Florida Keys</usa-button>
+          </usa-card-footer>
+        </usa-card>
+      </usa-card-group>
+    `;
+    },
+};
+export const Flag = {
+    render() {
+        return html `
+      <usa-card-group variant="flag">
+        <usa-card variant="flag">
+          <usa-card-media>
+            <img src="./img/built-to-grow--alt.jpg" alt="A placeholder image" />
+          </usa-card-media>
+
+          <usa-card-header>Card with media</usa-card-header>
+
+          <usa-card-body>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
+            earum tenetur quo cupiditate, eaque qui officia recusandae.
+          </usa-card-body>
+
+          <usa-card-footer>
+            <usa-button>Visit Florida Keys</usa-button>
+          </usa-card-footer>
+        </usa-card>
+
+        <usa-card variant="flag">
+          <usa-card-media variant="inset">
+            <img src="./img/built-to-grow--alt.jpg" alt="A placeholder image" />
+          </usa-card-media>
+
+          <usa-card-header>Card with media</usa-card-header>
+
+          <usa-card-body>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
+            earum tenetur quo cupiditate, eaque qui officia recusandae.
+          </usa-card-body>
+
+          <usa-card-footer>
+            <usa-button>Visit Florida Keys</usa-button>
+          </usa-card-footer>
+        </usa-card>
+      </usa-card-group>
+    `;
+    },
+};
+//# sourceMappingURL=card.stories.js.map

package/target/lib/card/card.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.stories.js","sourceRoot":"","sources":["../../../src/lib/card/card.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI3B,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,UAAU;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;IAElB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AAIpB,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqEV,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoCV,CAAC;IACJ,CAAC;CACF,CAAC"}

package/target/lib/card/card.test.d.ts

@@ -0,0 +1,6 @@
+import "./card.element.js";
+import "./card-body/card-body.element.js";
+import "./card-footer/card-footer.element.js";
+import "./card-group/card-group.element.js";
+import "./card-header/card-header.element.js";
+import "./card-media/card-media.element.js";

package/target/lib/card/card.test.js

@@ -0,0 +1,33 @@
+import "./card.element.js";
+import "./card-body/card-body.element.js";
+import "./card-footer/card-footer.element.js";
+import "./card-group/card-group.element.js";
+import "./card-header/card-header.element.js";
+import "./card-media/card-media.element.js";
+import { fixture, html, assert } from "@open-wc/testing";
+describe("usa-card", () => {
+    it("should be accessible", async () => {
+        const card = await fixture(html `
+      <usa-card-group>
+        <usa-card>
+          <usa-card-media>
+            <img src="/img/built-to-grow--alt.jpg" alt="A placeholder image" />
+          </usa-card-media>
+
+          <usa-card-header>Card with media</usa-card-header>
+
+          <usa-card-body>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
+            earum tenetur quo cupiditate, eaque qui officia recusandae.
+          </usa-card-body>
+
+          <usa-card-footer>
+            <usa-button>Visit Florida Keys</usa-button>
+          </usa-card-footer>
+        </usa-card>
+      </usa-card-group>
+    `);
+        return assert.isAccessible(card);
+    });
+});
+//# sourceMappingURL=card.test.js.map

package/target/lib/card/card.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.test.js","sourceRoot":"","sources":["../../../src/lib/card/card.test.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,kCAAkC,CAAC;AAC1C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,oCAAoC,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAIzD,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAiB,IAAI,CAAA;;;;;;;;;;;;;;;;;;;KAmB9C,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/target/lib/checkbox/checkbox.element.js

@@ -1,7 +1,6 @@
-import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import { __esDecorate, __runInitializers } from "tslib";
 import { attr, css, element, html, listen, query } from "@joist/element";
 let USACheckboxElement = (() => {
-    var _USACheckboxElement_checkbox, _USACheckboxElement_internals, _USACheckboxElement_checked_accessor_storage, _USACheckboxElement_name_accessor_storage, _USACheckboxElement_value_accessor_storage, _USACheckboxElement_tiled_accessor_storage;
     let _classDecorators = [element({
             tagName: "usa-checkbox",
             shadowDom: [
@@ -132,76 +131,67 @@ let USACheckboxElement = (() => {
     let _tiled_initializers = [];
     let _tiled_extraInitializers = [];
     let _onCheckboxChange_decorators;
-    var USACheckboxElement = _classThis = class extends _classSuper {
-        constructor() {
-            super(...arguments);
-            _USACheckboxElement_checked_accessor_storage.set(this, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _checked_initializers, false)));
-            _USACheckboxElement_name_accessor_storage.set(this, (__runInitializers(this, _checked_extraInitializers), __runInitializers(this, _name_initializers, "")));
-            _USACheckboxElement_value_accessor_storage.set(this, (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _value_initializers, "")));
-            _USACheckboxElement_tiled_accessor_storage.set(this, (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _tiled_initializers, false)));
-            _USACheckboxElement_checkbox.set(this, (__runInitializers(this, _tiled_extraInitializers), query("input")));
-            _USACheckboxElement_internals.set(this, this.attachInternals());
+    var USACheckboxElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _checked_decorators = [attr()];
+            _name_decorators = [attr()];
+            _value_decorators = [attr()];
+            _tiled_decorators = [attr({
+                    observed: false,
+                })];
+            _onCheckboxChange_decorators = [listen("change", "input[type=checkbox]")];
+            __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);
+            __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);
+            __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);
+            __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);
+            __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);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            USACheckboxElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
-        get checked() { return __classPrivateFieldGet(this, _USACheckboxElement_checked_accessor_storage, "f"); }
-        set checked(value) { __classPrivateFieldSet(this, _USACheckboxElement_checked_accessor_storage, value, "f"); }
-        get name() { return __classPrivateFieldGet(this, _USACheckboxElement_name_accessor_storage, "f"); }
-        set name(value) { __classPrivateFieldSet(this, _USACheckboxElement_name_accessor_storage, value, "f"); }
-        get value() { return __classPrivateFieldGet(this, _USACheckboxElement_value_accessor_storage, "f"); }
-        set value(value) { __classPrivateFieldSet(this, _USACheckboxElement_value_accessor_storage, value, "f"); }
-        get tiled() { return __classPrivateFieldGet(this, _USACheckboxElement_tiled_accessor_storage, "f"); }
-        set tiled(value) { __classPrivateFieldSet(this, _USACheckboxElement_tiled_accessor_storage, value, "f"); }
+        static formAssociated = true;
+        #checked_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _checked_initializers, false));
+        get checked() { return this.#checked_accessor_storage; }
+        set checked(value) { this.#checked_accessor_storage = value; }
+        #name_accessor_storage = (__runInitializers(this, _checked_extraInitializers), __runInitializers(this, _name_initializers, ""));
+        get name() { return this.#name_accessor_storage; }
+        set name(value) { this.#name_accessor_storage = value; }
+        #value_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _value_initializers, ""));
+        get value() { return this.#value_accessor_storage; }
+        set value(value) { this.#value_accessor_storage = value; }
+        #tiled_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _tiled_initializers, false));
+        get tiled() { return this.#tiled_accessor_storage; }
+        set tiled(value) { this.#tiled_accessor_storage = value; }
+        #checkbox = (__runInitializers(this, _tiled_extraInitializers), query("input"));
+        #internals = this.attachInternals();
         connectedCallback() {
-            const checkbox = __classPrivateFieldGet(this, _USACheckboxElement_checkbox, "f").call(this);
+            const checkbox = this.#checkbox();
             if (this.checked) {
-                __classPrivateFieldGet(this, _USACheckboxElement_internals, "f").setFormValue(this.value);
+                this.#internals.setFormValue(this.value);
             }
             checkbox.checked = this.checked;
             checkbox.name = this.name;
         }
         attributeChangedCallback() {
-            const checkbox = __classPrivateFieldGet(this, _USACheckboxElement_checkbox, "f").call(this);
+            const checkbox = this.#checkbox();
             checkbox.checked = this.checked;
             checkbox.name = this.name;
         }
         onCheckboxChange() {
-            const checkbox = __classPrivateFieldGet(this, _USACheckboxElement_checkbox, "f").call(this);
+            const checkbox = this.#checkbox();
             if (checkbox.checked) {
-                __classPrivateFieldGet(this, _USACheckboxElement_internals, "f").setFormValue(this.value);
+                this.#internals.setFormValue(this.value);
             }
             else {
-                __classPrivateFieldGet(this, _USACheckboxElement_internals, "f").setFormValue(null);
+                this.#internals.setFormValue(null);
             }
         }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
     };
-    _USACheckboxElement_checkbox = new WeakMap();
-    _USACheckboxElement_internals = new WeakMap();
-    _USACheckboxElement_checked_accessor_storage = new WeakMap();
-    _USACheckboxElement_name_accessor_storage = new WeakMap();
-    _USACheckboxElement_value_accessor_storage = new WeakMap();
-    _USACheckboxElement_tiled_accessor_storage = new WeakMap();
-    __setFunctionName(_classThis, "USACheckboxElement");
-    (() => {
-        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-        _checked_decorators = [attr()];
-        _name_decorators = [attr()];
-        _value_decorators = [attr()];
-        _tiled_decorators = [attr({
-                observed: false,
-            })];
-        _onCheckboxChange_decorators = [listen("change", "input[type=checkbox]")];
-        __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);
-        __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);
-        __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);
-        __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);
-        __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);
-        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-        USACheckboxElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.formAssociated = true;
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return USACheckboxElement = _classThis;
 })();
 export { USACheckboxElement };

package/target/lib/checkbox/checkbox.element.js.map

@@ -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;;4BAhH9B,OAAO,CAAC;YACP,OAAO,EAAE,cAAc;YACvB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+FF;gBACD,IAAI,CAAA;;;;;;;;;;KAUH;aACF;SACF,CAAC;;;;sBACsC,WAAW;;;;;;;;;;;;;;;+CAAnB,SAAQ,WAAW;;;YAIxC,wDAJE,mDAAkB,iDAIV,KAAK,IAAC;YAGhB,sJAAO,EAAE,IAAC;YAGV,qJAAQ,EAAE,IAAC;YAKX,sJAAQ,KAAK,IAAC;YAEvB,2FAAY,KAAK,CAAC,OAAO,CAAC,GAAC;YAC3B,wCAAa,IAAI,CAAC,eAAe,EAAE,EAAC;QA8BtC,CAAC;QA5CC,IAAS,OAAO,8FAAS;QAAzB,IAAS,OAAO,mGAAS;QAGzB,IAAS,IAAI,2FAAM;QAAnB,IAAS,IAAI,gGAAM;QAGnB,IAAS,KAAK,4FAAM;QAApB,IAAS,KAAK,iGAAM;QAKpB,IAAS,KAAK,4FAAS;QAAvB,IAAS,KAAK,iGAAS;QAKvB,iBAAiB;YACf,MAAM,QAAQ,GAAG,uBAAA,IAAI,oCAAU,MAAd,IAAI,CAAY,CAAC;YAElC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,uBAAA,IAAI,qCAAW,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,uBAAA,IAAI,oCAAU,MAAd,IAAI,CAAY,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,uBAAA,IAAI,oCAAU,MAAd,IAAI,CAAY,CAAC;YAElC,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACrB,uBAAA,IAAI,qCAAW,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACN,uBAAA,IAAI,qCAAW,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACrC,CAAC;QACH,CAAC;;;;;;;;;;;+BA5CA,IAAI,EAAE;4BAGN,IAAI,EAAE;6BAGN,IAAI,EAAE;6BAGN,IAAI,CAAC;gBACJ,QAAQ,EAAE,KAAK;aAChB,CAAC;wCAwBD,MAAM,CAAC,QAAQ,EAAE,sBAAsB,CAAC;QAlCzC,gLAAS,OAAO,6BAAP,OAAO,yFAAS;QAGzB,uKAAS,IAAI,6BAAJ,IAAI,mFAAM;QAGnB,0KAAS,KAAK,6BAAL,KAAK,qFAAM;QAKpB,0KAAS,KAAK,6BAAL,KAAK,qFAAS;QAwBvB,yMAAA,gBAAgB,6DAQf;QA/CH,6KAgDC;;;;IA/CQ,yBAAc,GAAG,IAAI,AAAP,CAAQ;;QADlB,uDAAkB;;;;SAAlB,kBAAkB"}
+{"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"}

package/target/lib/config/config.element.d.ts

@@ -1,8 +1,8 @@
 export declare class USAConfig {
     iconPath: string;
 }
-export declare class USAConfigElement extends HTMLElement implements USAConfig {
+export declare class USAConfigElement extends HTMLElement {
     #private;
     accessor iconPath: string;
-    connectedCallback(): void;
+    onInjected(): void;
 }

package/target/lib/config/config.element.js

@@ -1,14 +1,11 @@
-import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers, __setFunctionName } from "tslib";
-import { inject, injectable, Injector } from "@joist/di";
+import { __esDecorate, __runInitializers } from "tslib";
+import { inject, injectable, injected, Injector } from "@joist/di";
 import { attr, css, element, html } from "@joist/element";
 export class USAConfig {
-    constructor() {
-        this.iconPath = "";
-    }
+    iconPath = "";
 }
 let USAConfigElement = (() => {
-    var _USAConfigElement_injector, _USAConfigElement_iconPath_accessor_storage;
-    let _classDecorators = [element({
+    let _classDecorators = [injectable(), element({
             tagName: "usa-config",
             shadowDom: [
                 css `
@@ -18,41 +15,51 @@ let USAConfigElement = (() => {
     `,
                 html `<slot></slot>`,
             ],
-        }), injectable()];
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
     let _iconPath_decorators;
     let _iconPath_initializers = [];
     let _iconPath_extraInitializers = [];
-    var USAConfigElement = _classThis = class extends _classSuper {
-        constructor() {
-            super(...arguments);
-            _USAConfigElement_iconPath_accessor_storage.set(this, __runInitializers(this, _iconPath_initializers, "/assets/usa-icons/"));
-            _USAConfigElement_injector.set(this, (__runInitializers(this, _iconPath_extraInitializers), inject(Injector)));
+    let _onInjected_decorators;
+    var USAConfigElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _iconPath_decorators = [attr({
+                    name: "icon-path",
+                })];
+            _onInjected_decorators = [injected()];
+            __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);
+            __esDecorate(this, null, _onInjected_decorators, { kind: "method", name: "onInjected", static: false, private: false, access: { has: obj => "onInjected" in obj, get: obj => obj.onInjected }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            USAConfigElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
         }
-        get iconPath() { return __classPrivateFieldGet(this, _USAConfigElement_iconPath_accessor_storage, "f"); }
-        set iconPath(value) { __classPrivateFieldSet(this, _USAConfigElement_iconPath_accessor_storage, value, "f"); }
-        connectedCallback() {
-            const { providers } = __classPrivateFieldGet(this, _USAConfigElement_injector, "f").call(this);
-            providers.push({ provide: USAConfig, factory: () => this });
+        #iconPath_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _iconPath_initializers, "/assets/usa-icons/"));
+        get iconPath() { return this.#iconPath_accessor_storage; }
+        set iconPath(value) { this.#iconPath_accessor_storage = value; }
+        #injector = (__runInitializers(this, _iconPath_extraInitializers), inject(Injector));
+        onInjected() {
+            const { providers } = this.#injector();
+            const config = this;
+            const usaConfig = {
+                provide: USAConfig,
+                factory() {
+                    return {
+                        get iconPath() {
+                            return config.iconPath;
+                        },
+                    };
+                },
+            };
+            providers.push(usaConfig);
         }
     };
-    _USAConfigElement_injector = new WeakMap();
-    _USAConfigElement_iconPath_accessor_storage = new WeakMap();
-    __setFunctionName(_classThis, "USAConfigElement");
-    (() => {
-        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-        _iconPath_decorators = [attr({
-                name: "icon-path",
-            })];
-        __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);
-        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-        USAConfigElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return USAConfigElement = _classThis;
 })();
 export { USAConfigElement };

package/target/lib/config/config.element.js.map

@@ -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;IAAtB;QACE,aAAQ,GAAG,EAAE,CAAC;IAChB,CAAC;CAAA;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;;;;6CAAnB,SAAQ,WAAW;;;YAItC,sGAAW,oBAAoB,GAAC;YAEzC,4FAAY,MAAM,CAAC,QAAQ,CAAC,GAAC;QAO/B,CAAC;QATC,IAAS,QAAQ,6FAAwB;QAAzC,IAAS,QAAQ,kGAAwB;QAIzC,iBAAiB;YACf,MAAM,EAAE,SAAS,EAAE,GAAG,uBAAA,IAAI,kCAAU,MAAd,IAAI,CAAY,CAAC;YAEvC,SAAS,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;QAC9D,CAAC;;;;;;;gCAXA,IAAI,CAAC;gBACJ,IAAI,EAAE,WAAW;aAClB,CAAC;QACF,mLAAS,QAAQ,6BAAR,QAAQ,2FAAwB;QAJ3C,6KAaC;;;QAbY,uDAAgB;;;;SAAhB,gBAAgB"}
+{"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,QAAQ,EAAY,MAAM,WAAW,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAS,MAAM,gBAAgB,CAAC;AAEjE,MAAM,OAAO,SAAS;IACpB,QAAQ,GAAW,EAAE,CAAC;CACvB;IAcY,gBAAgB;4BAZ5B,UAAU,EAAE,EACZ,OAAO,CAAC;YACP,OAAO,EAAE,YAAY;YACrB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;KAIF;gBACD,IAAI,CAAA,eAAe;aACpB;SACF,CAAC;;;;sBACoC,WAAW;;;;;;gCAAnB,SAAQ,WAAW;;;;oCAC9C,IAAI,CAAC;oBACJ,IAAI,EAAE,WAAW;iBAClB,CAAC;sCAKD,QAAQ,EAAE;YAJX,6KAAS,QAAQ,6BAAR,QAAQ,2FAAwB;YAKzC,iLAAA,UAAU,6DAgBT;YAzBH,6KA0BC;;;YA1BY,uDAAgB;;QAI3B,8BAJW,mDAAgB,kDAIP,oBAAoB,GAAC;QAAzC,IAAS,QAAQ,8CAAwB;QAAzC,IAAS,QAAQ,oDAAwB;QAEzC,SAAS,0DAAG,MAAM,CAAC,QAAQ,CAAC,EAAC;QAG7B,UAAU;YACR,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YACvC,MAAM,MAAM,GAAG,IAAI,CAAC;YAEpB,MAAM,SAAS,GAAwB;gBACrC,OAAO,EAAE,SAAS;gBAClB,OAAO;oBACL,OAAO;wBACL,IAAI,QAAQ;4BACV,OAAO,MAAM,CAAC,QAAQ,CAAC;wBACzB,CAAC;qBACF,CAAC;gBACJ,CAAC;aACF,CAAC;YAEF,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC5B,CAAC;;;;SAzBU,gBAAgB"}

package/target/lib/define.d.ts

@@ -23,3 +23,9 @@ import "./step-indicator/step/step.element.js";
 import "./modal/modal.element.js";
 import "./modal/modal-close/modal-close.element.js";
 import "./modal/modal-heading/modal-heading.element.js";
+import "./card/card.element.js";
+import "./card/card-header/card-header.element.js";
+import "./card/card-body/card-body.element.js";
+import "./card/card-footer/card-footer.element.js";
+import "./card/card-media/card-media.element.js";
+import "./card/card-group/card-group.element.js";

package/target/lib/define.js

@@ -23,4 +23,10 @@ import "./step-indicator/step/step.element.js";
 import "./modal/modal.element.js";
 import "./modal/modal-close/modal-close.element.js";
 import "./modal/modal-heading/modal-heading.element.js";
+import "./card/card.element.js";
+import "./card/card-header/card-header.element.js";
+import "./card/card-body/card-body.element.js";
+import "./card/card-footer/card-footer.element.js";
+import "./card/card-media/card-media.element.js";
+import "./card/card-group/card-group.element.js";
 //# sourceMappingURL=define.js.map

package/target/lib/define.js.map

@@ -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"}
+{"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"}

package/target/lib/description/description.element.js

@@ -1,4 +1,4 @@
-import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import { __esDecorate, __runInitializers } from "tslib";
 import { css, element, html } from "@joist/element";
 let USADescriptionElement = (() => {
     let _classDecorators = [element({
@@ -18,16 +18,16 @@ let USADescriptionElement = (() => {
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = HTMLElement;
-    var USADescriptionElement = _classThis = class extends _classSuper {
+    var USADescriptionElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            USADescriptionElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
     };
-    __setFunctionName(_classThis, "USADescriptionElement");
-    (() => {
-        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-        USADescriptionElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return USADescriptionElement = _classThis;
 })();
 export { USADescriptionElement };

package/target/lib/description/description.element.js.map

@@ -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;kDAAnB,SAAQ,WAAW;;;;;QAAtD,6KAAyD;;;QAA5C,uDAAqB;;;;SAArB,qBAAqB"}
+{"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"}

package/target/lib/file-input/file-input-preview/file-input-preview.element.js

@@ -1,8 +1,7 @@
-import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import { __esDecorate, __runInitializers } from "tslib";
 import { css, element, html, query } from "@joist/element";
 import { effect, observe } from "@joist/observable";
 let USAFileInputPreviewElement = (() => {
-    var _USAFileInputPreviewElement_items, _USAFileInputPreviewElement_template, _USAFileInputPreviewElement_files_accessor_storage;
     let _classDecorators = [element({
             tagName: "usa-file-input-preview",
             shadowDom: [
@@ -77,26 +76,35 @@ let USAFileInputPreviewElement = (() => {
     let _files_initializers = [];
     let _files_extraInitializers = [];
     let _onChange_decorators;
-    var USAFileInputPreviewElement = _classThis = class extends _classSuper {
-        constructor() {
-            super(...arguments);
-            _USAFileInputPreviewElement_files_accessor_storage.set(this, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _files_initializers, null)));
-            _USAFileInputPreviewElement_items.set(this, (__runInitializers(this, _files_extraInitializers), new Map()));
-            _USAFileInputPreviewElement_template.set(this, query("template"));
+    var USAFileInputPreviewElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _files_decorators = [observe()];
+            _onChange_decorators = [effect()];
+            __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);
+            __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);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            USAFileInputPreviewElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
         }
-        get files() { return __classPrivateFieldGet(this, _USAFileInputPreviewElement_files_accessor_storage, "f"); }
-        set files(value) { __classPrivateFieldSet(this, _USAFileInputPreviewElement_files_accessor_storage, value, "f"); }
+        #files_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _files_initializers, null));
+        get files() { return this.#files_accessor_storage; }
+        set files(value) { this.#files_accessor_storage = value; }
+        #items = (__runInitializers(this, _files_extraInitializers), new Map());
+        #template = query("template");
         connectedCallback() {
             this.onChange();
         }
         onChange() {
-            const template = __classPrivateFieldGet(this, _USAFileInputPreviewElement_template, "f").call(this);
+            const template = this.#template();
             if (this.files && this.files.length) {
                 this.hidden = false;
                 let names = new Set();
                 for (let file of this.files) {
                     names.add(file.name);
-                    if (!__classPrivateFieldGet(this, _USAFileInputPreviewElement_items, "f").has(file.name)) {
+                    if (!this.#items.has(file.name)) {
                         const clone = template.content.cloneNode(true);
                         const item = clone.childNodes[1];
                         item.id = file.name;
@@ -104,13 +112,13 @@ let USAFileInputPreviewElement = (() => {
                         const img = item.querySelector("img");
                         img.src = URL.createObjectURL(file);
                         this.shadowRoot.append(item);
-                        __classPrivateFieldGet(this, _USAFileInputPreviewElement_items, "f").set(file.name, item);
+                        this.#items.set(file.name, item);
                     }
                 }
-                for (let [name, item] of __classPrivateFieldGet(this, _USAFileInputPreviewElement_items, "f")) {
+                for (let [name, item] of this.#items) {
                     if (!names.has(name)) {
                         item.remove();
-                        __classPrivateFieldGet(this, _USAFileInputPreviewElement_items, "f").delete(name);
+                        this.#items.delete(name);
                     }
                 }
             }
@@ -119,21 +127,6 @@ let USAFileInputPreviewElement = (() => {
             }
         }
     };
-    _USAFileInputPreviewElement_items = new WeakMap();
-    _USAFileInputPreviewElement_template = new WeakMap();
-    _USAFileInputPreviewElement_files_accessor_storage = new WeakMap();
-    __setFunctionName(_classThis, "USAFileInputPreviewElement");
-    (() => {
-        const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-        _files_decorators = [observe()];
-        _onChange_decorators = [effect()];
-        __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);
-        __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);
-        __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-        USAFileInputPreviewElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return USAFileInputPreviewElement = _classThis;
 })();
 export { USAFileInputPreviewElement };

package/target/lib/file-input/file-input-preview/file-input-preview.element.js.map

@@ -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"}
+{"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"}