@joist/element 3.0.1-canary.1684071270.0 → 3.0.4

package/target/lib/attr.test.js

@@ -4,119 +4,175 @@ import { attr } from './attr.js';
 describe('observable: attr()', () => {
     it('should write default value to attribute', async () => {
         let MyElement = (() => {
+            let _classSuper = HTMLElement;
             let _instanceExtraInitializers = [];
-            let _hello_decorators;
-            let _hello_initializers = [];
-            return class MyElement extends HTMLElement {
+            let _value1_decorators;
+            let _value1_initializers = [];
+            let _value2_decorators;
+            let _value2_initializers = [];
+            let _value3_decorators;
+            let _value3_initializers = [];
+            return class MyElement extends _classSuper {
                 static {
-                    _hello_decorators = [attr];
-                    __esDecorate(this, null, _hello_decorators, { kind: "accessor", name: "hello", static: false, private: false, access: { has: obj => "hello" in obj, get: obj => obj.hello, set: (obj, value) => { obj.hello = value; } } }, _hello_initializers, _instanceExtraInitializers);
+                    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+                    _value1_decorators = [attr];
+                    _value2_decorators = [attr];
+                    _value3_decorators = [attr];
+                    __esDecorate(this, null, _value1_decorators, { kind: "accessor", name: "value1", static: false, private: false, access: { has: obj => "value1" in obj, get: obj => obj.value1, set: (obj, value) => { obj.value1 = value; } }, metadata: _metadata }, _value1_initializers, _instanceExtraInitializers);
+                    __esDecorate(this, null, _value2_decorators, { kind: "accessor", name: "value2", static: false, private: false, access: { has: obj => "value2" in obj, get: obj => obj.value2, set: (obj, value) => { obj.value2 = value; } }, metadata: _metadata }, _value2_initializers, _instanceExtraInitializers);
+                    __esDecorate(this, null, _value3_decorators, { kind: "accessor", name: "value3", static: false, private: false, access: { has: obj => "value3" in obj, get: obj => obj.value3, set: (obj, value) => { obj.value3 = value; } }, metadata: _metadata }, _value3_initializers, _instanceExtraInitializers);
+                    if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
                 }
-                #hello_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _hello_initializers, 'world'));
-                get hello() { return this.#hello_accessor_storage; }
-                set hello(value) { this.#hello_accessor_storage = value; }
+                #value1_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _value1_initializers, 'hello'));
+                get value1() { return this.#value1_accessor_storage; }
+                set value1(value) { this.#value1_accessor_storage = value; }
+                #value2_accessor_storage = __runInitializers(this, _value2_initializers, 0);
+                get value2() { return this.#value2_accessor_storage; }
+                set value2(value) { this.#value2_accessor_storage = value; }
+                #value3_accessor_storage = __runInitializers(this, _value3_initializers, true);
+                get value3() { return this.#value3_accessor_storage; }
+                set value3(value) { this.#value3_accessor_storage = value; }
             };
         })();
         customElements.define('attr-test-1', MyElement);
         const el = await fixture(html `<attr-test-1></attr-test-1>`);
-        expect(el.getAttribute('hello')).to.equal('world');
+        expect(el.getAttribute('value1')).to.equal('hello');
+        expect(el.getAttribute('value2')).to.equal('0');
+        expect(el.getAttribute('value3')).to.equal('');
     });
-    it('should read default value from attribute', async () => {
+    it('should read and parse the correct values', async () => {
         let MyElement = (() => {
-            let _instanceExtraInitializers_1 = [];
-            let _hello_decorators;
-            let _hello_initializers = [];
-            return class MyElement extends HTMLElement {
+            let _classSuper = HTMLElement;
+            let _instanceExtraInitializers = [];
+            let _value1_decorators;
+            let _value1_initializers = [];
+            let _value2_decorators;
+            let _value2_initializers = [];
+            let _value3_decorators;
+            let _value3_initializers = [];
+            let _value4_decorators;
+            let _value4_initializers = [];
+            return class MyElement extends _classSuper {
                 static {
-                    _hello_decorators = [attr];
-                    __esDecorate(this, null, _hello_decorators, { kind: "accessor", name: "hello", static: false, private: false, access: { has: obj => "hello" in obj, get: obj => obj.hello, set: (obj, value) => { obj.hello = value; } } }, _hello_initializers, _instanceExtraInitializers_1);
+                    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+                    _value1_decorators = [attr];
+                    _value2_decorators = [attr];
+                    _value3_decorators = [attr];
+                    _value4_decorators = [attr];
+                    __esDecorate(this, null, _value1_decorators, { kind: "accessor", name: "value1", static: false, private: false, access: { has: obj => "value1" in obj, get: obj => obj.value1, set: (obj, value) => { obj.value1 = value; } }, metadata: _metadata }, _value1_initializers, _instanceExtraInitializers);
+                    __esDecorate(this, null, _value2_decorators, { kind: "accessor", name: "value2", static: false, private: false, access: { has: obj => "value2" in obj, get: obj => obj.value2, set: (obj, value) => { obj.value2 = value; } }, metadata: _metadata }, _value2_initializers, _instanceExtraInitializers);
+                    __esDecorate(this, null, _value3_decorators, { kind: "accessor", name: "value3", static: false, private: false, access: { has: obj => "value3" in obj, get: obj => obj.value3, set: (obj, value) => { obj.value3 = value; } }, metadata: _metadata }, _value3_initializers, _instanceExtraInitializers);
+                    __esDecorate(this, null, _value4_decorators, { kind: "accessor", name: "value4", static: false, private: false, access: { has: obj => "value4" in obj, get: obj => obj.value4, set: (obj, value) => { obj.value4 = value; } }, metadata: _metadata }, _value4_initializers, _instanceExtraInitializers);
+                    if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
                 }
-                #hello_accessor_storage = (__runInitializers(this, _instanceExtraInitializers_1), __runInitializers(this, _hello_initializers, 'world'));
-                get hello() { return this.#hello_accessor_storage; }
-                set hello(value) { this.#hello_accessor_storage = value; }
+                #value1_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _value1_initializers, 100));
+                get value1() { return this.#value1_accessor_storage; }
+                set value1(value) { this.#value1_accessor_storage = value; }
+                #value2_accessor_storage = __runInitializers(this, _value2_initializers, 0);
+                get value2() { return this.#value2_accessor_storage; }
+                set value2(value) { this.#value2_accessor_storage = value; }
+                #value3_accessor_storage = __runInitializers(this, _value3_initializers, false);
+                get value3() { return this.#value3_accessor_storage; }
+                set value3(value) { this.#value3_accessor_storage = value; }
+                #value4_accessor_storage = __runInitializers(this, _value4_initializers, 'hello');
+                get value4() { return this.#value4_accessor_storage; }
+                set value4(value) { this.#value4_accessor_storage = value; }
             };
         })();
         customElements.define('attr-test-2', MyElement);
-        const el = await fixture(html `<attr-test-2 hello="foo"></attr-test-2>`);
-        expect(el.hello).to.equal('foo');
+        const el = await fixture(html `<attr-test-2 value2="2" value3 value4="world"></attr-test-2>`);
+        expect(el.value1).to.equal(100);
+        expect(el.value2).to.equal(2);
+        expect(el.value3).to.equal(true);
+        expect(el.value4).to.equal('world');
     });
-    it('should write boolean attr values', async () => {
+    it('should not write falsy props to attributes', async () => {
         let MyElement = (() => {
-            let _instanceExtraInitializers_2 = [];
-            let _hello_decorators;
-            let _hello_initializers = [];
-            return class MyElement extends HTMLElement {
+            let _classSuper = HTMLElement;
+            let _instanceExtraInitializers = [];
+            let _value1_decorators;
+            let _value1_initializers = [];
+            let _value2_decorators;
+            let _value2_initializers = [];
+            let _value3_decorators;
+            let _value3_initializers = [];
+            return class MyElement extends _classSuper {
                 static {
-                    _hello_decorators = [attr];
-                    __esDecorate(this, null, _hello_decorators, { kind: "accessor", name: "hello", static: false, private: false, access: { has: obj => "hello" in obj, get: obj => obj.hello, set: (obj, value) => { obj.hello = value; } } }, _hello_initializers, _instanceExtraInitializers_2);
+                    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+                    _value1_decorators = [attr];
+                    _value2_decorators = [attr];
+                    _value3_decorators = [attr];
+                    __esDecorate(this, null, _value1_decorators, { kind: "accessor", name: "value1", static: false, private: false, access: { has: obj => "value1" in obj, get: obj => obj.value1, set: (obj, value) => { obj.value1 = value; } }, metadata: _metadata }, _value1_initializers, _instanceExtraInitializers);
+                    __esDecorate(this, null, _value2_decorators, { kind: "accessor", name: "value2", static: false, private: false, access: { has: obj => "value2" in obj, get: obj => obj.value2, set: (obj, value) => { obj.value2 = value; } }, metadata: _metadata }, _value2_initializers, _instanceExtraInitializers);
+                    __esDecorate(this, null, _value3_decorators, { kind: "accessor", name: "value3", static: false, private: false, access: { has: obj => "value3" in obj, get: obj => obj.value3, set: (obj, value) => { obj.value3 = value; } }, metadata: _metadata }, _value3_initializers, _instanceExtraInitializers);
+                    if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
                 }
-                #hello_accessor_storage = (__runInitializers(this, _instanceExtraInitializers_2), __runInitializers(this, _hello_initializers, true));
-                get hello() { return this.#hello_accessor_storage; }
-                set hello(value) { this.#hello_accessor_storage = value; }
+                #value1_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _value1_initializers, undefined));
+                get value1() { return this.#value1_accessor_storage; }
+                set value1(value) { this.#value1_accessor_storage = value; }
+                #value2_accessor_storage = __runInitializers(this, _value2_initializers, null);
+                get value2() { return this.#value2_accessor_storage; }
+                set value2(value) { this.#value2_accessor_storage = value; }
+                #value3_accessor_storage = __runInitializers(this, _value3_initializers, '');
+                get value3() { return this.#value3_accessor_storage; }
+                set value3(value) { this.#value3_accessor_storage = value; }
             };
         })();
         customElements.define('attr-test-3', MyElement);
         const el = await fixture(html `<attr-test-3></attr-test-3>`);
-        expect(el.getAttribute('hello')).to.equal('');
-        el.hello = false;
-        expect(el.getAttribute('hello')).to.equal(null);
+        expect(el.hasAttribute('value1')).to.be.false;
+        expect(el.hasAttribute('value2')).to.be.false;
+        expect(el.hasAttribute('value3')).to.be.false;
     });
-    it('should parse to boolean values', async () => {
+    it('should update attributes when props are changed', async () => {
         let MyElement = (() => {
-            let _instanceExtraInitializers_3 = [];
-            let _hello_decorators;
-            let _hello_initializers = [];
-            return class MyElement extends HTMLElement {
+            let _classSuper = HTMLElement;
+            let _instanceExtraInitializers = [];
+            let _value1_decorators;
+            let _value1_initializers = [];
+            let _value2_decorators;
+            let _value2_initializers = [];
+            let _value3_decorators;
+            let _value3_initializers = [];
+            let _value4_decorators;
+            let _value4_initializers = [];
+            return class MyElement extends _classSuper {
                 static {
-                    _hello_decorators = [attr];
-                    __esDecorate(this, null, _hello_decorators, { kind: "accessor", name: "hello", static: false, private: false, access: { has: obj => "hello" in obj, get: obj => obj.hello, set: (obj, value) => { obj.hello = value; } } }, _hello_initializers, _instanceExtraInitializers_3);
+                    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+                    _value1_decorators = [attr];
+                    _value2_decorators = [attr];
+                    _value3_decorators = [attr];
+                    _value4_decorators = [attr];
+                    __esDecorate(this, null, _value1_decorators, { kind: "accessor", name: "value1", static: false, private: false, access: { has: obj => "value1" in obj, get: obj => obj.value1, set: (obj, value) => { obj.value1 = value; } }, metadata: _metadata }, _value1_initializers, _instanceExtraInitializers);
+                    __esDecorate(this, null, _value2_decorators, { kind: "accessor", name: "value2", static: false, private: false, access: { has: obj => "value2" in obj, get: obj => obj.value2, set: (obj, value) => { obj.value2 = value; } }, metadata: _metadata }, _value2_initializers, _instanceExtraInitializers);
+                    __esDecorate(this, null, _value3_decorators, { kind: "accessor", name: "value3", static: false, private: false, access: { has: obj => "value3" in obj, get: obj => obj.value3, set: (obj, value) => { obj.value3 = value; } }, metadata: _metadata }, _value3_initializers, _instanceExtraInitializers);
+                    __esDecorate(this, null, _value4_decorators, { kind: "accessor", name: "value4", static: false, private: false, access: { has: obj => "value4" in obj, get: obj => obj.value4, set: (obj, value) => { obj.value4 = value; } }, metadata: _metadata }, _value4_initializers, _instanceExtraInitializers);
+                    if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
                 }
-                #hello_accessor_storage = (__runInitializers(this, _instanceExtraInitializers_3), __runInitializers(this, _hello_initializers, false));
-                get hello() { return this.#hello_accessor_storage; }
-                set hello(value) { this.#hello_accessor_storage = value; }
+                #value1_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _value1_initializers, 'hello'));
+                get value1() { return this.#value1_accessor_storage; }
+                set value1(value) { this.#value1_accessor_storage = value; }
+                #value2_accessor_storage = __runInitializers(this, _value2_initializers, 0);
+                get value2() { return this.#value2_accessor_storage; }
+                set value2(value) { this.#value2_accessor_storage = value; }
+                #value3_accessor_storage = __runInitializers(this, _value3_initializers, true);
+                get value3() { return this.#value3_accessor_storage; }
+                set value3(value) { this.#value3_accessor_storage = value; }
+                #value4_accessor_storage = __runInitializers(this, _value4_initializers, false);
+                get value4() { return this.#value4_accessor_storage; }
+                set value4(value) { this.#value4_accessor_storage = value; }
             };
         })();
         customElements.define('attr-test-4', MyElement);
-        const el = await fixture(html `<attr-test-4 hello></attr-test-4>`);
-        expect(el.hello).to.equal(true);
-    });
-    it('should read attributes as number if prop is of type number', async () => {
-        let MyElement = (() => {
-            let _instanceExtraInitializers_4 = [];
-            let _value_decorators;
-            let _value_initializers = [];
-            return class MyElement extends HTMLElement {
-                static {
-                    _value_decorators = [attr];
-                    __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; } } }, _value_initializers, _instanceExtraInitializers_4);
-                }
-                #value_accessor_storage = (__runInitializers(this, _instanceExtraInitializers_4), __runInitializers(this, _value_initializers, 0));
-                get value() { return this.#value_accessor_storage; }
-                set value(value) { this.#value_accessor_storage = value; }
-            };
-        })();
-        customElements.define('attr-test-5', MyElement);
-        const el = await fixture(html `<attr-test-5 value="100"></attr-test-5>`);
-        expect(el.value).to.equal(100);
-    });
-    it('should NOT read attributes as number if prop is of type string', async () => {
-        let MyElement = (() => {
-            let _instanceExtraInitializers_5 = [];
-            let _value_decorators;
-            let _value_initializers = [];
-            return class MyElement extends HTMLElement {
-                static {
-                    _value_decorators = [attr];
-                    __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; } } }, _value_initializers, _instanceExtraInitializers_5);
-                }
-                #value_accessor_storage = (__runInitializers(this, _instanceExtraInitializers_5), __runInitializers(this, _value_initializers, '0'));
-                get value() { return this.#value_accessor_storage; }
-                set value(value) { this.#value_accessor_storage = value; }
-            };
-        })();
-        customElements.define('attr-test-6', MyElement);
-        const el = await fixture(html `<attr-test-6 value="100"></attr-test-6>`);
-        expect(el.value).to.equal('100');
+        const el = await fixture(html `<attr-test-4></attr-test-4>`);
+        el.value1 = 'world';
+        el.value2 = 100;
+        el.value3 = false;
+        el.value4 = true;
+        expect(el.getAttribute('value1')).to.equal('world');
+        expect(el.getAttribute('value2')).to.equal('100');
+        expect(el.hasAttribute('value3')).to.be.false;
+        expect(el.hasAttribute('value4')).to.be.true;
     });
 });
 //# sourceMappingURL=attr.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"attr.test.js","sourceRoot":"","sources":["../../src/lib/attr.test.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"attr.test.js","sourceRoot":"","sources":["../../src/lib/attr.test.ts"],"names":[],"mappings":"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"}

package/target/lib/listen.d.ts

@@ -1 +1 @@
-export declare function listen<This extends HTMLElement>(event: string): (value: (e: Event) => void, ctx: ClassMethodDecoratorContext<This>) => void;
+export declare function listen<This extends HTMLElement>(event: string, root?: (el: This) => ShadowRoot | This): (value: (e: Event) => void, ctx: ClassMethodDecoratorContext<This>) => void;

package/target/lib/listen.js

@@ -1,11 +1,8 @@
-export function listen(event) {
+export function listen(event, root = (el) => el.shadowRoot || el) {
     return (value, ctx) => {
         ctx.addInitializer(function () {
-            // method initializers are run before fields and accessors.
-            // we want to wait till after all have run so we can check if there is a shadowRoot or not.
-            setTimeout(() => {
-                const root = this.shadowRoot || this;
-                root.addEventListener(event, value.bind(this));
+            Promise.resolve().then(() => {
+                root(this).addEventListener(event, value.bind(this));
             });
         });
     };

package/target/lib/listen.js.map

@@ -1 +1 @@
-{"version":3,"file":"listen.js","sourceRoot":"","sources":["../../src/lib/listen.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,MAAM,CAA2B,KAAa;IAC5D,OAAO,CAAC,KAAyB,EAAE,GAAsC,EAAE,EAAE;QAC3E,GAAG,CAAC,cAAc,CAAC;YACjB,2DAA2D;YAC3D,2FAA2F;YAC3F,UAAU,CAAC,GAAG,EAAE;gBACd,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC;gBAErC,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YACjD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"listen.js","sourceRoot":"","sources":["../../src/lib/listen.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,MAAM,CACpB,KAAa,EACb,OAAwC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,UAAU,IAAI,EAAE;IAEnE,OAAO,CAAC,KAAyB,EAAE,GAAsC,EAAE,EAAE;QAC3E,GAAG,CAAC,cAAc,CAAC;YAGjB,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;gBAC1B,IAAI,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YACvD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}

package/target/lib/result.d.ts

@@ -1,7 +1,9 @@
-export declare abstract class Result<T> {
+export declare abstract class ShadowResult {
     #private;
-    constructor(raw: TemplateStringsArray);
-    toString(): string;
-    toValue(): T;
-    abstract createValue(str: string): T;
+    strings: TemplateStringsArray;
+    values: any[];
+    get shadow(): ShadowRoot;
+    constructor(raw: TemplateStringsArray, ...values: any[]);
+    execute(root: ShadowRoot): void;
+    abstract apply(root: ShadowRoot): void;
 }

package/target/lib/result.js

@@ -1,21 +1,20 @@
-export class Result {
-    #raw;
-    #stringRes = null;
-    #valueRes = null;
-    constructor(raw) {
-        this.#raw = raw;
-    }
-    toString() {
-        if (!this.#stringRes) {
-            this.#stringRes = this.#raw.toString();
+export class ShadowResult {
+    strings;
+    values;
+    #shadow = undefined;
+    get shadow() {
+        if (!this.#shadow) {
+            throw new Error('ShadowResult has not been applied');
         }
-        return this.#stringRes;
+        return this.#shadow;
     }
-    toValue() {
-        if (!this.#valueRes) {
-            this.#valueRes = this.createValue(this.toString());
-        }
-        return this.#valueRes;
+    constructor(raw, ...values) {
+        this.strings = raw;
+        this.values = values;
+    }
+    execute(root) {
+        this.#shadow = root;
+        this.apply(root);
     }
 }
 //# sourceMappingURL=result.js.map

package/target/lib/result.js.map

@@ -1 +1 @@
-{"version":3,"file":"result.js","sourceRoot":"","sources":["../../src/lib/result.ts"],"names":[],"mappings":"AAAA,MAAM,OAAgB,MAAM;IAC1B,IAAI,CAAuB;IAC3B,UAAU,GAAkB,IAAI,CAAC;IACjC,SAAS,GAAa,IAAI,CAAC;IAE3B,YAAY,GAAyB;QACnC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;IAClB,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;SACxC;QAED,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACnB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;SACpD;QAED,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;CAGF"}
+{"version":3,"file":"result.js","sourceRoot":"","sources":["../../src/lib/result.ts"],"names":[],"mappings":"AAAA,MAAM,OAAgB,YAAY;IAChC,OAAO,CAAuB;IAC9B,MAAM,CAAQ;IAEd,OAAO,GAA2B,SAAS,CAAC;IAE5C,IAAI,MAAM;QACR,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC;SACtD;QAED,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,YAAY,GAAyB,EAAE,GAAG,MAAa;QACrD,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAED,OAAO,CAAC,IAAgB;QACtB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QAEpB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;CAGF"}

package/target/lib/shadow.d.ts

@@ -0,0 +1,2 @@
+import { ShadowResult } from './result.js';
+export declare function shadow<This extends HTMLElement, T extends ShadowResult>(_: undefined, ctx: ClassFieldDecoratorContext<This, T>): (this: This, result: T) => T;

package/target/lib/shadow.js

@@ -0,0 +1,12 @@
+export function shadow(_, ctx) {
+    ctx.addInitializer(function () {
+        if (!this.shadowRoot) {
+            this.attachShadow({ mode: 'open' });
+        }
+    });
+    return function (result) {
+        result.execute(this.shadowRoot);
+        return result;
+    };
+}
+//# sourceMappingURL=shadow.js.map

package/target/lib/shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../src/lib/shadow.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,MAAM,CACpB,CAAY,EACZ,GAAwC;IAExC,GAAG,CAAC,cAAc,CAAC;QACjB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;SACrC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,UAAsB,MAAS;QACpC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,UAAW,CAAC,CAAC;QAEjC,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;AACJ,CAAC"}

package/target/lib/{template.test.js → shadow.test.js}

@@ -1,17 +1,20 @@
 import { __esDecorate, __runInitializers } from "tslib";
 import { expect } from '@open-wc/testing';
 import { css, html } from './tags.js';
-import { styles, template } from './template.js';
+import { shadow } from './shadow.js';
 describe('template', () => {
     it('should apply a stylesheet', () => {
         let MyElement = (() => {
+            let _classSuper = HTMLElement;
             let _instanceExtraInitializers = [];
             let _styles_decorators;
             let _styles_initializers = [];
-            return class MyElement extends HTMLElement {
+            return class MyElement extends _classSuper {
                 static {
-                    _styles_decorators = [styles];
-                    __esDecorate(null, null, _styles_decorators, { kind: "field", name: "styles", static: false, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles, set: (obj, value) => { obj.styles = value; } } }, _styles_initializers, _instanceExtraInitializers);
+                    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+                    _styles_decorators = [shadow];
+                    __esDecorate(null, null, _styles_decorators, { kind: "field", name: "styles", static: false, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles, set: (obj, value) => { obj.styles = value; } }, metadata: _metadata }, _styles_initializers, _instanceExtraInitializers);
+                    if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
                 }
                 styles = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _styles_initializers, css `
         :host {
@@ -26,19 +29,22 @@ describe('template', () => {
     });
     it('should apply html', () => {
         let MyElement = (() => {
-            let _instanceExtraInitializers_1 = [];
+            let _classSuper = HTMLElement;
+            let _instanceExtraInitializers = [];
             let _styles_decorators;
             let _styles_initializers = [];
             let _template_decorators;
             let _template_initializers = [];
-            return class MyElement extends HTMLElement {
+            return class MyElement extends _classSuper {
                 static {
-                    _styles_decorators = [styles];
-                    _template_decorators = [template];
-                    __esDecorate(null, null, _styles_decorators, { kind: "field", name: "styles", static: false, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles, set: (obj, value) => { obj.styles = value; } } }, _styles_initializers, _instanceExtraInitializers_1);
-                    __esDecorate(null, null, _template_decorators, { kind: "field", name: "template", static: false, private: false, access: { has: obj => "template" in obj, get: obj => obj.template, set: (obj, value) => { obj.template = value; } } }, _template_initializers, _instanceExtraInitializers_1);
+                    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+                    _styles_decorators = [shadow];
+                    _template_decorators = [shadow];
+                    __esDecorate(null, null, _styles_decorators, { kind: "field", name: "styles", static: false, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles, set: (obj, value) => { obj.styles = value; } }, metadata: _metadata }, _styles_initializers, _instanceExtraInitializers);
+                    __esDecorate(null, null, _template_decorators, { kind: "field", name: "template", static: false, private: false, access: { has: obj => "template" in obj, get: obj => obj.template, set: (obj, value) => { obj.template = value; } }, metadata: _metadata }, _template_initializers, _instanceExtraInitializers);
+                    if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
                 }
-                styles = (__runInitializers(this, _instanceExtraInitializers_1), __runInitializers(this, _styles_initializers, css `
+                styles = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _styles_initializers, css `
         :host {
           display: flex;
         }
@@ -51,4 +57,4 @@ describe('template', () => {
         expect(el.shadowRoot?.innerHTML).to.eq('<slot></slot>');
     });
 });
-//# sourceMappingURL=template.test.js.map
+//# sourceMappingURL=shadow.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.test.js","sourceRoot":"","sources":["../../src/lib/shadow.test.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;YAC7B,SAAS;8BAAS,WAAW;;;;yBAA7B,SAAU,SAAQ,WAAW;;;0CAChC,MAAM;oBAAC,oKAAA,MAAM,6BAAN,MAAM,wFAIZ;;;gBAJM,MAAM,uGAAG,GAAG,CAAA;;;;OAInB,GAAC;;;QAGJ,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;QAE/C,MAAM,EAAE,GAAG,IAAI,SAAS,EAAE,CAAC;QAE3B,MAAM,CAAC,EAAE,CAAC,UAAW,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YACrB,SAAS;8BAAS,WAAW;;;;;;yBAA7B,SAAU,SAAQ,WAAW;;;0CAChC,MAAM;4CAMN,MAAM;oBANC,oKAAA,MAAM,6BAAN,MAAM,wFAIZ;oBAEM,0KAAA,QAAQ,6BAAR,QAAQ,0FAAuB;;;gBAN/B,MAAM,uGAAG,GAAG,CAAA;;;;OAInB,GAAC;gBAEM,QAAQ,mDAAG,IAAI,CAAA,eAAe,EAAC;;;QAGzC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;QAE/C,MAAM,EAAE,GAAG,IAAI,SAAS,EAAE,CAAC;QAE3B,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/target/lib/tag-name.d.ts

@@ -0,0 +1 @@
+export declare function tagName(_val: unknown, _ctx: ClassFieldDecoratorContext): (this: CustomElementConstructor, val: string) => string;

package/target/lib/{define.js → tag-name.js}

@@ -1,6 +1,6 @@
-export function define(_val, _ctx) {
+export function tagName(_val, _ctx) {
     return function (val) {
-        setTimeout(() => {
+        Promise.resolve().then(() => {
             if (!customElements.get(val)) {
                 customElements.define(val, this);
             }
@@ -8,4 +8,4 @@ export function define(_val, _ctx) {
         return val;
     };
 }
-//# sourceMappingURL=define.js.map
+//# sourceMappingURL=tag-name.js.map

package/target/lib/tag-name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-name.js","sourceRoot":"","sources":["../../src/lib/tag-name.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,OAAO,CAAC,IAAa,EAAE,IAAgC;IACrE,OAAO,UAA0C,GAAW;QAC1D,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;YAC1B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBAC5B,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;aAClC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,CAAC;IACb,CAAC,CAAC;AACJ,CAAC"}

package/target/lib/tag-name.test.d.ts

@@ -0,0 +1 @@
+export {};

package/target/lib/tag-name.test.js

@@ -0,0 +1,24 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { tagName } from './tag-name.js';
+describe('tag-name', () => {
+    it('should define a custom element', async () => {
+        let MyElement = (() => {
+            let _classSuper = HTMLElement;
+            let _staticExtraInitializers = [];
+            let _static_tagName_decorators;
+            let _static_tagName_initializers = [];
+            return class MyElement extends _classSuper {
+                static {
+                    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+                    _static_tagName_decorators = [tagName];
+                    __esDecorate(null, null, _static_tagName_decorators, { kind: "field", name: "tagName", static: true, private: false, access: { has: obj => "tagName" in obj, get: obj => obj.tagName, set: (obj, value) => { obj.tagName = value; } }, metadata: _metadata }, _static_tagName_initializers, _staticExtraInitializers);
+                    if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+                    __runInitializers(this, _staticExtraInitializers);
+                }
+                static tagName = __runInitializers(this, _static_tagName_initializers, 'tn-test-1');
+            };
+        })();
+        return customElements.whenDefined(MyElement.tagName);
+    });
+});
+//# sourceMappingURL=tag-name.test.js.map

package/target/lib/tag-name.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-name.test.js","sourceRoot":"","sources":["../../src/lib/tag-name.test.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;YACxC,SAAS;8BAAS,WAAW;;;;yBAA7B,SAAU,SAAQ,WAAW;;;kDAChC,OAAO;oBAAC,6KAAO,OAAO,6BAAP,OAAO,8FAAe;;oBADlC,kDAAS;;gBACJ,MAAM,CAAC,OAAO,yDAAG,WAAW,EAAC;;;QAGxC,OAAO,cAAc,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/target/lib/tags.d.ts

@@ -1,9 +1,23 @@
-import { Result } from './result.js';
-export declare class HTMLResult extends Result<HTMLTemplateElement> {
-    createValue(str: string): HTMLTemplateElement;
+import { ShadowResult } from './result.js';
+type Tags = keyof HTMLElementTagNameMap;
+type SVGTags = keyof SVGElementTagNameMap;
+type MathTags = keyof MathMLElementTagNameMap;
+export declare const htmlTemplateCache: WeakMap<TemplateStringsArray, HTMLTemplateElement>;
+export declare class HTMLResult extends ShadowResult {
+    query<K extends Tags>(selectors: K): HTMLElementTagNameMap[K] | null;
+    query<K extends SVGTags>(selectors: K): SVGElementTagNameMap[K] | null;
+    query<K extends MathTags>(selectors: K): MathMLElementTagNameMap[K] | null;
+    query<E extends Element = Element>(selectors: string): E | null;
+    queryAll<K extends Tags>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
+    queryAll<K extends SVGTags>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
+    queryAll<K extends MathTags>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
+    queryAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
+    apply(root: ShadowRoot): void;
 }
-export declare function html(strings: TemplateStringsArray): HTMLResult;
-export declare class CSSResult extends Result<CSSStyleSheet> {
-    createValue(str: string): CSSStyleSheet;
+export declare function html(strings: TemplateStringsArray, ...values: any[]): HTMLResult;
+export declare const styleSheetCache: WeakMap<TemplateStringsArray, CSSStyleSheet>;
+export declare class CSSResult extends ShadowResult {
+    apply(root: ShadowRoot): void;
 }
 export declare function css(strings: TemplateStringsArray): CSSResult;
+export {};