@joist/element 4.5.0 → 4.7.0

package/target/lib/attr.test.js

@@ -1,480 +0,0 @@
-import { __esDecorate, __propKey, __runInitializers } from "tslib";
-import { expect, assert } from "chai";
-import { effect, observe } from "@joist/observable";
-import { attr } from "./attr.js";
-import { element } from "./element.js";
-it("should read and parse the correct values", () => {
-    let MyElement = (() => {
-        let _classDecorators = [element({
-                tagName: "attr-test-1",
-            })];
-        let _classDescriptor;
-        let _classExtraInitializers = [];
-        let _classThis;
-        let _classSuper = HTMLElement;
-        let _value1_decorators;
-        let _value1_initializers = [];
-        let _value1_extraInitializers = [];
-        let _value2_decorators;
-        let _value2_initializers = [];
-        let _value2_extraInitializers = [];
-        let _value3_decorators;
-        let _value3_initializers = [];
-        let _value3_extraInitializers = [];
-        let _value4_decorators;
-        let _value4_initializers = [];
-        let _value4_extraInitializers = [];
-        var MyElement = class extends _classSuper {
-            static { _classThis = this; }
-            static {
-                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, _value1_extraInitializers);
-                __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, _value2_extraInitializers);
-                __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, _value3_extraInitializers);
-                __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, _value4_extraInitializers);
-                __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-                MyElement = _classThis = _classDescriptor.value;
-                if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-                __runInitializers(_classThis, _classExtraInitializers);
-            }
-            #value1_accessor_storage = __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, _value1_extraInitializers), __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, _value2_extraInitializers), __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, _value3_extraInitializers), __runInitializers(this, _value4_initializers, "hello"));
-            get value4() { return this.#value4_accessor_storage; }
-            set value4(value) { this.#value4_accessor_storage = value; }
-            constructor() {
-                super(...arguments);
-                __runInitializers(this, _value4_extraInitializers);
-            }
-        };
-        return MyElement = _classThis;
-    })();
-    const container = document.createElement("div");
-    container.innerHTML = `
-    <attr-test-1 value2="2" value3 value4="world"></attr-test-1>
-  `;
-    document.body.append(container);
-    const el = document.querySelector("attr-test-1");
-    expect(el.value1).to.equal(100);
-    expect(el.value2).to.equal(2);
-    expect(el.value3).to.equal(true);
-    expect(el.value4).to.equal("world");
-    container.remove();
-});
-it("should not write falsy props to attributes", async () => {
-    let MyElement = (() => {
-        let _classDecorators = [element({
-                tagName: "attr-test-2",
-            })];
-        let _classDescriptor;
-        let _classExtraInitializers = [];
-        let _classThis;
-        let _classSuper = HTMLElement;
-        let _value1_decorators;
-        let _value1_initializers = [];
-        let _value1_extraInitializers = [];
-        let _value2_decorators;
-        let _value2_initializers = [];
-        let _value2_extraInitializers = [];
-        let _value3_decorators;
-        let _value3_initializers = [];
-        let _value3_extraInitializers = [];
-        var MyElement = class extends _classSuper {
-            static { _classThis = this; }
-            static {
-                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, _value1_extraInitializers);
-                __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, _value2_extraInitializers);
-                __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, _value3_extraInitializers);
-                __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-                MyElement = _classThis = _classDescriptor.value;
-                if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-                __runInitializers(_classThis, _classExtraInitializers);
-            }
-            #value1_accessor_storage = __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, _value1_extraInitializers), __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, _value2_extraInitializers), __runInitializers(this, _value3_initializers, ""));
-            get value3() { return this.#value3_accessor_storage; }
-            set value3(value) { this.#value3_accessor_storage = value; }
-            constructor() {
-                super(...arguments);
-                __runInitializers(this, _value3_extraInitializers);
-            }
-        };
-        return MyElement = _classThis;
-    })();
-    const el = new MyElement();
-    expect(el.hasAttribute("value1")).to.be.false;
-    expect(el.hasAttribute("value2")).to.be.false;
-    expect(el.hasAttribute("value3")).to.be.false;
-});
-it("should update attributes when props are changed", async () => {
-    let MyElement = (() => {
-        let _classDecorators = [element({
-                tagName: "attr-test-3",
-            })];
-        let _classDescriptor;
-        let _classExtraInitializers = [];
-        let _classThis;
-        let _classSuper = HTMLElement;
-        let _value1_decorators;
-        let _value1_initializers = [];
-        let _value1_extraInitializers = [];
-        let _value2_decorators;
-        let _value2_initializers = [];
-        let _value2_extraInitializers = [];
-        let _value3_decorators;
-        let _value3_initializers = [];
-        let _value3_extraInitializers = [];
-        let _value4_decorators;
-        let _value4_initializers = [];
-        let _value4_extraInitializers = [];
-        var MyElement = class extends _classSuper {
-            static { _classThis = this; }
-            static {
-                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, _value1_extraInitializers);
-                __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, _value2_extraInitializers);
-                __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, _value3_extraInitializers);
-                __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, _value4_extraInitializers);
-                __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-                MyElement = _classThis = _classDescriptor.value;
-                if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-                __runInitializers(_classThis, _classExtraInitializers);
-            }
-            #value1_accessor_storage = __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, _value1_extraInitializers), __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, _value2_extraInitializers), __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, _value3_extraInitializers), __runInitializers(this, _value4_initializers, false));
-            get value4() { return this.#value4_accessor_storage; }
-            set value4(value) { this.#value4_accessor_storage = value; }
-            constructor() {
-                super(...arguments);
-                __runInitializers(this, _value4_extraInitializers);
-            }
-        };
-        return MyElement = _classThis;
-    })();
-    const el = new MyElement();
-    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;
-});
-it("should normalize attribute names", async () => {
-    const value2 = "Value 2";
-    const value3 = Symbol("Value from SYMBOL");
-    let MyElement = (() => {
-        var _a, _b;
-        let _classDecorators = [element({
-                tagName: "attr-test-4",
-            })];
-        let _classDescriptor;
-        let _classExtraInitializers = [];
-        let _classThis;
-        let _classSuper = HTMLElement;
-        let _Value1_decorators;
-        let _Value1_initializers = [];
-        let _Value1_extraInitializers = [];
-        let _member_decorators;
-        let _member_initializers = [];
-        let _member_extraInitializers = [];
-        let _member_decorators_1;
-        let _member_initializers_1 = [];
-        let _member_extraInitializers_1 = [];
-        var MyElement = class extends _classSuper {
-            static { _classThis = this; }
-            static {
-                const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-                __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, _Value1_extraInitializers);
-                __esDecorate(this, null, _member_decorators, { kind: "accessor", name: _a, static: false, private: false, access: { has: obj => _a in obj, get: obj => obj[_a], set: (obj, value) => { obj[_a] = value; } }, metadata: _metadata }, _member_initializers, _member_extraInitializers);
-                __esDecorate(this, null, _member_decorators_1, { kind: "accessor", name: _b, static: false, private: false, access: { has: obj => _b in obj, get: obj => obj[_b], set: (obj, value) => { obj[_b] = value; } }, metadata: _metadata }, _member_initializers_1, _member_extraInitializers_1);
-                __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-                MyElement = _classThis = _classDescriptor.value;
-                if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-                __runInitializers(_classThis, _classExtraInitializers);
-            }
-            #Value1_accessor_storage = __runInitializers(this, _Value1_initializers, "hello");
-            get Value1() { return this.#Value1_accessor_storage; }
-            set Value1(value) { this.#Value1_accessor_storage = value; }
-            #_a_accessor_storage = (__runInitializers(this, _Value1_extraInitializers), __runInitializers(this, _member_initializers, 0));
-            get [(_Value1_decorators = [attr()], _member_decorators = [attr()], _a = __propKey(value2))]() { return this.#_a_accessor_storage; }
-            set [_a](value) { this.#_a_accessor_storage = value; }
-            #_b_accessor_storage = (__runInitializers(this, _member_extraInitializers), __runInitializers(this, _member_initializers_1, true));
-            get [(_member_decorators_1 = [attr()], _b = __propKey(value3))]() { return this.#_b_accessor_storage; }
-            set [_b](value) { this.#_b_accessor_storage = value; }
-            constructor() {
-                super(...arguments);
-                __runInitializers(this, _member_extraInitializers_1);
-            }
-        };
-        return MyElement = _classThis;
-    })();
-    const el = new MyElement();
-    document.body.append(el);
-    expect([...el.attributes].map((attr) => attr.name)).to.deep.equal([
-        "value1",
-        "value-2",
-        "value-from-symbol",
-    ]);
-    el.remove();
-});
-it("should throw an error for symbols with no description", async () => {
-    expect(() => {
-        const value = Symbol();
-        let MyElement = (() => {
-            var _a;
-            let _classDecorators = [element({
-                    tagName: "attr-test-4",
-                })];
-            let _classDescriptor;
-            let _classExtraInitializers = [];
-            let _classThis;
-            let _classSuper = HTMLElement;
-            let _member_decorators;
-            let _member_initializers = [];
-            let _member_extraInitializers = [];
-            var MyElement = class extends _classSuper {
-                static { _classThis = this; }
-                static {
-                    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-                    __esDecorate(this, null, _member_decorators, { kind: "accessor", name: _a, static: false, private: false, access: { has: obj => _a in obj, get: obj => obj[_a], set: (obj, value) => { obj[_a] = value; } }, metadata: _metadata }, _member_initializers, _member_extraInitializers);
-                    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-                    MyElement = _classThis = _classDescriptor.value;
-                    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-                    __runInitializers(_classThis, _classExtraInitializers);
-                }
-                #_a_accessor_storage = __runInitializers(this, _member_initializers, true);
-                get [(_member_decorators = [attr()], _a = __propKey(value))]() { return this.#_a_accessor_storage; }
-                set [_a](value) { this.#_a_accessor_storage = value; }
-                constructor() {
-                    super(...arguments);
-                    __runInitializers(this, _member_extraInitializers);
-                }
-            };
-            return MyElement = _classThis;
-        })();
-        new MyElement();
-    }).to.throw("Cannot handle Symbol property without description");
-});
-it("non reflective attributes should still read new attribute values", async () => {
-    let MyElement = (() => {
-        let _classDecorators = [element({
-                tagName: "attr-test-6",
-            })];
-        let _classDescriptor;
-        let _classExtraInitializers = [];
-        let _classThis;
-        let _classSuper = HTMLElement;
-        let _value_decorators;
-        let _value_initializers = [];
-        let _value_extraInitializers = [];
-        var MyElement = class extends _classSuper {
-            static { _classThis = this; }
-            static {
-                const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-                _value_decorators = [attr({ reflect: false })];
-                __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(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-                MyElement = _classThis = _classDescriptor.value;
-                if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-                __runInitializers(_classThis, _classExtraInitializers);
-            }
-            #value_accessor_storage = __runInitializers(this, _value_initializers, "foo");
-            get value() { return this.#value_accessor_storage; }
-            set value(value) { this.#value_accessor_storage = value; }
-            constructor() {
-                super(...arguments);
-                __runInitializers(this, _value_extraInitializers);
-            }
-        };
-        return MyElement = _classThis;
-    })();
-    const el = new MyElement();
-    el.setAttribute("value", "bar");
-    expect(el.value).to.equal("bar");
-});
-it("should allow a manually defined attribute name", async () => {
-    let MyElement = (() => {
-        let _classDecorators = [element({
-                tagName: "attr-test-7",
-            })];
-        let _classDescriptor;
-        let _classExtraInitializers = [];
-        let _classThis;
-        let _classSuper = HTMLElement;
-        let _value_decorators;
-        let _value_initializers = [];
-        let _value_extraInitializers = [];
-        var MyElement = class extends _classSuper {
-            static { _classThis = this; }
-            static {
-                const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-                _value_decorators = [attr({
-                        name: "aria-label",
-                    })];
-                __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(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-                MyElement = _classThis = _classDescriptor.value;
-                if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-                __runInitializers(_classThis, _classExtraInitializers);
-            }
-            #value_accessor_storage = __runInitializers(this, _value_initializers, "");
-            get value() { return this.#value_accessor_storage; }
-            set value(value) { this.#value_accessor_storage = value; }
-            constructor() {
-                super(...arguments);
-                __runInitializers(this, _value_extraInitializers);
-            }
-        };
-        return MyElement = _classThis;
-    })();
-    const el = new MyElement();
-    el.setAttribute("aria-label", "TEST");
-    document.body.append(el);
-    expect(el.value).to.equal("TEST");
-    el.remove();
-});
-it("should update property when attribute changes", async () => {
-    let MyElement = (() => {
-        let _classDecorators = [element({
-                tagName: "attr-test-8",
-            })];
-        let _classDescriptor;
-        let _classExtraInitializers = [];
-        let _classThis;
-        let _classSuper = HTMLElement;
-        let _value_decorators;
-        let _value_initializers = [];
-        let _value_extraInitializers = [];
-        let _count_decorators;
-        let _count_initializers = [];
-        let _count_extraInitializers = [];
-        let _enabled_decorators;
-        let _enabled_initializers = [];
-        let _enabled_extraInitializers = [];
-        var MyElement = class extends _classSuper {
-            static { _classThis = this; }
-            static {
-                const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-                _value_decorators = [attr()];
-                _count_decorators = [attr()];
-                _enabled_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; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
-                __esDecorate(this, null, _count_decorators, { kind: "accessor", name: "count", static: false, private: false, access: { has: obj => "count" in obj, get: obj => obj.count, set: (obj, value) => { obj.count = value; } }, metadata: _metadata }, _count_initializers, _count_extraInitializers);
-                __esDecorate(this, null, _enabled_decorators, { kind: "accessor", name: "enabled", static: false, private: false, access: { has: obj => "enabled" in obj, get: obj => obj.enabled, set: (obj, value) => { obj.enabled = value; } }, metadata: _metadata }, _enabled_initializers, _enabled_extraInitializers);
-                __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-                MyElement = _classThis = _classDescriptor.value;
-                if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-                __runInitializers(_classThis, _classExtraInitializers);
-            }
-            #value_accessor_storage = __runInitializers(this, _value_initializers, "foo");
-            get value() { return this.#value_accessor_storage; }
-            set value(value) { this.#value_accessor_storage = value; }
-            #count_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _count_initializers, 0));
-            get count() { return this.#count_accessor_storage; }
-            set count(value) { this.#count_accessor_storage = value; }
-            #enabled_accessor_storage = (__runInitializers(this, _count_extraInitializers), __runInitializers(this, _enabled_initializers, false));
-            get enabled() { return this.#enabled_accessor_storage; }
-            set enabled(value) { this.#enabled_accessor_storage = value; }
-            constructor() {
-                super(...arguments);
-                __runInitializers(this, _enabled_extraInitializers);
-            }
-        };
-        return MyElement = _classThis;
-    })();
-    const el = new MyElement();
-    document.body.append(el);
-    el.setAttribute("value", "bar");
-    expect(el.value).to.equal("bar");
-    el.setAttribute("count", "42");
-    expect(el.count).to.equal(42);
-    el.setAttribute("enabled", "");
-    expect(el.enabled).to.equal(true);
-    el.removeAttribute("enabled");
-    expect(el.enabled).to.equal(false);
-    el.remove();
-});
-it("setters should be called when attributes change", async () => {
-    let callCount = 0;
-    let MyElement = (() => {
-        let _classDecorators = [element({
-                tagName: "attr-test-9",
-            })];
-        let _classDescriptor;
-        let _classExtraInitializers = [];
-        let _classThis;
-        let _classSuper = HTMLElement;
-        let _instanceExtraInitializers = [];
-        let _value_decorators;
-        let _value_initializers = [];
-        let _value_extraInitializers = [];
-        let _onValueChange_decorators;
-        var MyElement = class extends _classSuper {
-            static { _classThis = this; }
-            static {
-                const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-                _value_decorators = [attr(), observe()];
-                _onValueChange_decorators = [effect()];
-                __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, _onValueChange_decorators, { kind: "method", name: "onValueChange", static: false, private: false, access: { has: obj => "onValueChange" in obj, get: obj => obj.onValueChange }, metadata: _metadata }, null, _instanceExtraInitializers);
-                __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-                MyElement = _classThis = _classDescriptor.value;
-                if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-                __runInitializers(_classThis, _classExtraInitializers);
-            }
-            #value_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _value_initializers, "foo"));
-            get value() { return this.#value_accessor_storage; }
-            set value(value) { this.#value_accessor_storage = value; }
-            onValueChange() {
-                callCount++;
-            }
-            constructor() {
-                super(...arguments);
-                __runInitializers(this, _value_extraInitializers);
-            }
-        };
-        return MyElement = _classThis;
-    })();
-    const el = new MyElement();
-    document.body.append(el);
-    el.setAttribute("value", "bar");
-    await Promise.resolve();
-    await Promise.resolve();
-    assert.equal(callCount, 1);
-    el.remove();
-});
-//# sourceMappingURL=attr.test.js.map

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

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

package/target/lib/define.d.ts

@@ -1,5 +0,0 @@
-export interface DefineOpts {
-    tagName: string;
-    dependsOn?: string[] | (() => Promise<void>);
-}
-export declare function define(opts: DefineOpts, element: CustomElementConstructor): Promise<void>;

package/target/lib/define.js

@@ -1,14 +0,0 @@
-export async function define(opts, element) {
-    if (!customElements.get(opts.tagName)) {
-        if (opts.dependsOn) {
-            if (typeof opts.dependsOn === "function") {
-                await opts.dependsOn();
-            }
-            else {
-                await Promise.all(opts.dependsOn.map((d) => customElements.whenDefined(d)));
-            }
-        }
-        customElements.define(opts.tagName, element);
-    }
-}
-//# sourceMappingURL=define.js.map

package/target/lib/define.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../src/lib/define.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,KAAK,UAAU,MAAM,CAAC,IAAgB,EAAE,OAAiC;IAC9E,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;QACtC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,OAAO,IAAI,CAAC,SAAS,KAAK,UAAU,EAAE,CAAC;gBACzC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;YACzB,CAAC;iBAAM,CAAC;gBACN,MAAM,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9E,CAAC;QACH,CAAC;QAED,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC/C,CAAC;AACH,CAAC"}

package/target/lib/element.d.ts

@@ -1,11 +0,0 @@
-import { DefineOpts } from "./define.js";
-import type { ShadowResult } from "./result.js";
-export interface ElementOpts extends Partial<DefineOpts> {
-    shadowDom?: ShadowResult[];
-    shadowDomOpts?: ShadowRootInit;
-}
-interface ElementConstructor {
-    new (...args: any[]): HTMLElement;
-}
-export declare function element<T extends ElementConstructor>(opts?: ElementOpts): (Base: T, ctx: ClassDecoratorContext<T>) => T;
-export {};

package/target/lib/element.js

@@ -1,112 +0,0 @@
-import { define } from "./define.js";
-import { metadataStore } from "./metadata.js";
-export function element(opts) {
-    return function elementDecorator(Base, ctx) {
-        const meta = metadataStore.read(ctx.metadata);
-        ctx.addInitializer(function () {
-            if (opts?.tagName) {
-                define({ tagName: opts.tagName, dependsOn: opts.dependsOn }, this);
-            }
-        });
-        const def = {
-            [Base.name]: class extends Base {
-                static observedAttributes = Array.from(meta.attrs.keys());
-                #abortController = null;
-                constructor(...args) {
-                    super(...args);
-                    if (opts?.shadowDom) {
-                        if (!this.shadowRoot) {
-                            this.attachShadow(opts.shadowDomOpts ?? { mode: "open" });
-                        }
-                        for (const res of opts.shadowDom) {
-                            res.apply(this);
-                        }
-                    }
-                    for (const cb of meta.onReady) {
-                        cb.call(this);
-                    }
-                }
-                attributeChangedCallback(name, oldValue, newValue) {
-                    const attr = meta.attrs.get(name);
-                    const cbs = meta.attrChanges.get(name);
-                    if (attr) {
-                        if (oldValue !== newValue) {
-                            const sourceValue = attr.access.get.call(this);
-                            let value = newValue;
-                            if (typeof sourceValue === "boolean") {
-                                value = newValue !== null;
-                            }
-                            else if (typeof sourceValue === "number") {
-                                value = Number(newValue);
-                            }
-                            attr.access.set.call(this, value);
-                        }
-                        if (cbs) {
-                            for (const cb of cbs) {
-                                cb.call(this, name, oldValue, newValue);
-                            }
-                        }
-                        if (attr.observe) {
-                            if (super.attributeChangedCallback) {
-                                super.attributeChangedCallback(name, oldValue, newValue);
-                            }
-                        }
-                    }
-                }
-                connectedCallback() {
-                    if (!this.#abortController) {
-                        this.#abortController = new AbortController();
-                        for (const { event, cb, selector } of meta.listeners) {
-                            const root = selector(this);
-                            if (root) {
-                                root.addEventListener(event, cb.bind(this), {
-                                    signal: this.#abortController.signal,
-                                });
-                            }
-                            else {
-                                throw new Error(`could not add listener to ${root}`);
-                            }
-                        }
-                    }
-                    reflectAttributeValues(this, meta.attrs);
-                    if (super.connectedCallback) {
-                        super.connectedCallback();
-                    }
-                }
-                disconnectedCallback() {
-                    if (this.#abortController) {
-                        this.#abortController.abort();
-                        this.#abortController = null;
-                    }
-                    if (super.disconnectedCallback) {
-                        super.disconnectedCallback();
-                    }
-                }
-            },
-        };
-        return def[Base.name];
-    };
-}
-function reflectAttributeValues(el, attrs) {
-    for (const [attrName, { access, reflect }] of attrs) {
-        if (reflect) {
-            const value = access.get.call(el);
-            if (value !== null && value !== undefined && value !== "") {
-                if (typeof value === "boolean") {
-                    if (value === true) {
-                        if (!el.hasAttribute(attrName)) {
-                            el.setAttribute(attrName, "");
-                        }
-                    }
-                }
-                else if (!el.hasAttribute(attrName)) {
-                    const strValue = String(value);
-                    if (el.getAttribute(attrName) !== strValue) {
-                        el.setAttribute(attrName, strValue);
-                    }
-                }
-            }
-        }
-    }
-}
-//# sourceMappingURL=element.js.map