@joist/templating 4.5.0 → 4.7.0

package/target/lib/elements/async.element.test.js

@@ -1,180 +0,0 @@
-import "../define.js";
-import { fixtureSync, html } from "@open-wc/testing";
-import { assert } from "chai";
-it("should show loading template when promise is pending", async () => {
-    const element = fixtureSync(html `
-    <div
-      @joist::value=${(e) => {
-        e.update({ oldValue: null, newValue: new Promise(() => { }) });
-    }}
-    >
-      <j-async bind="test">
-        <template loading>Loading...</template>
-        <template success>Success!</template>
-        <template error>Error!</template>
-      </j-async>
-    </div>
-  `);
-    assert.equal(element.textContent?.trim(), "Loading...");
-});
-it("should show success template when promise resolves", async () => {
-    const element = fixtureSync(html `
-    <div
-      @joist::value=${(e) => {
-        e.update({ oldValue: null, newValue: Promise.resolve("data") });
-    }}
-    >
-      <j-async bind="test">
-        <template loading>Loading...</template>
-        <template success>Success!</template>
-        <template error>Error!</template>
-      </j-async>
-    </div>
-  `);
-    await new Promise((resolve) => setTimeout(resolve, 0));
-    assert.equal(element.textContent?.trim(), "Success!");
-});
-it("should show error template when promise rejects", async () => {
-    const element = fixtureSync(html `
-    <div
-      @joist::value=${(e) => {
-        e.update({ oldValue: null, newValue: Promise.reject("error") });
-    }}
-    >
-      <j-async bind="test">
-        <template loading>Loading...</template>
-        <template success>Success!</template>
-        <template error>Error!</template>
-      </j-async>
-    </div>
-  `);
-    await new Promise((resolve) => setTimeout(resolve, 0));
-    assert.equal(element.textContent?.trim(), "Error!");
-});
-it("should handle state transitions", async () => {
-    const element = fixtureSync(html `
-    <div
-      @joist::value=${(e) => {
-        const promise = new Promise((resolve) => {
-            setTimeout(() => resolve("data"), 100);
-        });
-        e.update({ oldValue: null, newValue: promise });
-    }}
-    >
-      <j-async bind="test">
-        <template loading>Loading...</template>
-        <template success>Success!</template>
-        <template error>Error!</template>
-      </j-async>
-    </div>
-  `);
-    assert.equal(element.textContent?.trim(), "Loading...");
-    await new Promise((resolve) => setTimeout(resolve, 150));
-    assert.equal(element.textContent?.trim(), "Success!");
-});
-it("should show loading template when AsyncState is loading", () => {
-    const element = fixtureSync(html `
-    <div
-      @joist::value=${(e) => {
-        e.update({ oldValue: null, newValue: { status: "loading" } });
-    }}
-    >
-      <j-async bind="test">
-        <template loading>Loading...</template>
-        <template success>Success!</template>
-        <template error>Error!</template>
-      </j-async>
-    </div>
-  `);
-    assert.equal(element.textContent?.trim(), "Loading...");
-});
-it("should show success template when AsyncState is success", () => {
-    const element = fixtureSync(html `
-    <div
-      @joist::value=${(e) => {
-        e.update({ oldValue: null, newValue: { status: "success", data: "test data" } });
-    }}
-    >
-      <j-async bind="test">
-        <template loading>Loading...</template>
-        <template success>Success!</template>
-        <template error>Error!</template>
-      </j-async>
-    </div>
-  `);
-    assert.equal(element.textContent?.trim(), "Success!");
-});
-it("should show error template when AsyncState is error", () => {
-    const element = fixtureSync(html `
-    <div
-      @joist::value=${(e) => {
-        e.update({ oldValue: null, newValue: { status: "error", error: "test error" } });
-    }}
-    >
-      <j-async bind="test">
-        <template loading>Loading...</template>
-        <template success>Success!</template>
-        <template error>Error!</template>
-      </j-async>
-    </div>
-  `);
-    assert.equal(element.textContent?.trim(), "Error!");
-});
-it("should handle AsyncState transitions", () => {
-    const element = fixtureSync(html `
-    <div
-      @joist::value=${(e) => {
-        e.update({ oldValue: null, newValue: { status: "loading" } });
-        setTimeout(() => {
-            e.update({
-                oldValue: { status: "loading" },
-                newValue: { status: "success", data: "test data" },
-            });
-        }, 100);
-    }}
-    >
-      <j-async bind="test">
-        <template loading>Loading...</template>
-        <template success>Success!</template>
-        <template error>Error!</template>
-      </j-async>
-    </div>
-  `);
-    assert.equal(element.textContent?.trim(), "Loading...");
-    return new Promise((resolve) => {
-        setTimeout(() => {
-            assert.equal(element.textContent?.trim(), "Success!");
-            resolve(undefined);
-        }, 150);
-    });
-});
-it("should wait for depends-on before dispatching events", async () => {
-    let eventDispatched = false;
-    customElements.define("dependency-1", class extends HTMLElement {
-    });
-    customElements.define("dependency-2", class extends HTMLElement {
-    });
-    fixtureSync(html `
-    <div
-      @joist::value=${(e) => {
-        if (e.expression.bindTo === "test") {
-            eventDispatched = true;
-            e.update({ oldValue: null, newValue: Promise.resolve("data") });
-        }
-    }}
-    >
-      <j-async bind="test" depends-on="dependency-1,dependency-2">
-        <template loading>Loading...</template>
-        <template success>Success!</template>
-        <template error>Error!</template>
-      </j-async>
-    </div>
-  `);
-    assert.isFalse(eventDispatched);
-    await Promise.all([
-        customElements.whenDefined("dependency-1"),
-        customElements.whenDefined("dependency-2"),
-    ]);
-    assert.isTrue(eventDispatched);
-});
-//# sourceMappingURL=async.element.test.js.map

package/target/lib/elements/async.element.test.js.map

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

package/target/lib/elements/bind.element.d.ts

@@ -1,13 +0,0 @@
-import { JExpression } from "../expression.js";
-export declare class JAttrToken extends JExpression {
-    mapTo: string;
-    constructor(binding: string);
-}
-export declare class JoistBindElement extends HTMLElement {
-    #private;
-    accessor props: string;
-    accessor attrs: string;
-    accessor target: string;
-    accessor dependsOn: string;
-    connectedCallback(): Promise<void>;
-}

package/target/lib/elements/bind.element.js

@@ -1,144 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { attr, element, css, html } from "@joist/element";
-import { JExpression } from "../expression.js";
-import { JoistValueEvent } from "../events.js";
-export class JAttrToken extends JExpression {
-    mapTo;
-    constructor(binding) {
-        const [mapTo, bindTo] = binding.split(":");
-        super(bindTo ?? mapTo);
-        this.mapTo = mapTo;
-    }
-}
-let JoistBindElement = (() => {
-    let _classDecorators = [element({
-            shadowDom: [css `:host{display: contents;}`, html `<slot></slot>`],
-        })];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    let _classSuper = HTMLElement;
-    let _props_decorators;
-    let _props_initializers = [];
-    let _props_extraInitializers = [];
-    let _attrs_decorators;
-    let _attrs_initializers = [];
-    let _attrs_extraInitializers = [];
-    let _target_decorators;
-    let _target_initializers = [];
-    let _target_extraInitializers = [];
-    let _dependsOn_decorators;
-    let _dependsOn_initializers = [];
-    let _dependsOn_extraInitializers = [];
-    var JoistBindElement = class extends _classSuper {
-        static { _classThis = this; }
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _props_decorators = [attr()];
-            _attrs_decorators = [attr()];
-            _target_decorators = [attr()];
-            _dependsOn_decorators = [attr({
-                    name: "depends-on",
-                })];
-            __esDecorate(this, null, _props_decorators, { kind: "accessor", name: "props", static: false, private: false, access: { has: obj => "props" in obj, get: obj => obj.props, set: (obj, value) => { obj.props = value; } }, metadata: _metadata }, _props_initializers, _props_extraInitializers);
-            __esDecorate(this, null, _attrs_decorators, { kind: "accessor", name: "attrs", static: false, private: false, access: { has: obj => "attrs" in obj, get: obj => obj.attrs, set: (obj, value) => { obj.attrs = value; } }, metadata: _metadata }, _attrs_initializers, _attrs_extraInitializers);
-            __esDecorate(this, null, _target_decorators, { kind: "accessor", name: "target", static: false, private: false, access: { has: obj => "target" in obj, get: obj => obj.target, set: (obj, value) => { obj.target = value; } }, metadata: _metadata }, _target_initializers, _target_extraInitializers);
-            __esDecorate(this, null, _dependsOn_decorators, { kind: "accessor", name: "dependsOn", static: false, private: false, access: { has: obj => "dependsOn" in obj, get: obj => obj.dependsOn, set: (obj, value) => { obj.dependsOn = value; } }, metadata: _metadata }, _dependsOn_initializers, _dependsOn_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            JoistBindElement = _classThis = _classDescriptor.value;
-            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
-        }
-        #props_accessor_storage = __runInitializers(this, _props_initializers, "");
-        get props() { return this.#props_accessor_storage; }
-        set props(value) { this.#props_accessor_storage = value; }
-        #attrs_accessor_storage = (__runInitializers(this, _props_extraInitializers), __runInitializers(this, _attrs_initializers, ""));
-        get attrs() { return this.#attrs_accessor_storage; }
-        set attrs(value) { this.#attrs_accessor_storage = value; }
-        #target_accessor_storage = (__runInitializers(this, _attrs_extraInitializers), __runInitializers(this, _target_initializers, ""));
-        get target() { return this.#target_accessor_storage; }
-        set target(value) { this.#target_accessor_storage = value; }
-        #dependsOn_accessor_storage = (__runInitializers(this, _target_extraInitializers), __runInitializers(this, _dependsOn_initializers, ""));
-        get dependsOn() { return this.#dependsOn_accessor_storage; }
-        set dependsOn(value) { this.#dependsOn_accessor_storage = value; }
-        async connectedCallback() {
-            const attrBindings = this.#parseBinding(this.attrs);
-            const propBindings = this.#parseBinding(this.props);
-            let children = this.children;
-            const root = this.getRootNode();
-            if (this.target) {
-                children = root.querySelectorAll(this.target);
-            }
-            if (this.dependsOn) {
-                await Promise.all(this.dependsOn.split(",").map((tag) => window.customElements.whenDefined(tag)));
-            }
-            for (const attrValue of attrBindings) {
-                const token = new JAttrToken(attrValue);
-                this.#dispatch(token, (value) => {
-                    for (const child of children) {
-                        if (value === true) {
-                            child.setAttribute(token.mapTo, "");
-                        }
-                        else if (value === false) {
-                            child.removeAttribute(token.mapTo);
-                        }
-                        else {
-                            child.setAttribute(token.mapTo, String(value));
-                        }
-                    }
-                });
-            }
-            for (const propValue of propBindings) {
-                const token = new JAttrToken(propValue);
-                this.#dispatch(token, (value) => {
-                    for (const child of children) {
-                        const mapToParts = token.mapTo.split(".");
-                        if (mapToParts.length > 1) {
-                            const finalPart = mapToParts.pop();
-                            let pointer = child;
-                            for (const part of mapToParts) {
-                                pointer = pointer?.[part];
-                                if (pointer === undefined) {
-                                    break;
-                                }
-                            }
-                            Reflect.set(pointer, finalPart, value);
-                        }
-                        else {
-                            Reflect.set(child, token.mapTo, value);
-                        }
-                    }
-                });
-            }
-        }
-        #parseBinding(binding) {
-            return binding
-                .split(",")
-                .map((b) => b.trim())
-                .filter((b) => b);
-        }
-        #dispatch(token, write) {
-            this.dispatchEvent(new JoistValueEvent(token, ({ newValue, oldValue, alwaysUpdate }) => {
-                if (newValue === oldValue && !alwaysUpdate) {
-                    return;
-                }
-                let valueToWrite = token.evaluate(newValue);
-                let oldWrittenValue = token.evaluate(oldValue);
-                if (oldWrittenValue === valueToWrite) {
-                    return;
-                }
-                if (token.isNegated) {
-                    valueToWrite = !valueToWrite;
-                }
-                write(valueToWrite);
-            }));
-        }
-        constructor() {
-            super(...arguments);
-            __runInitializers(this, _dependsOn_extraInitializers);
-        }
-    };
-    return JoistBindElement = _classThis;
-})();
-export { JoistBindElement };
-//# sourceMappingURL=bind.element.js.map

package/target/lib/elements/bind.element.js.map

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

package/target/lib/elements/bind.element.test.d.ts

@@ -1 +0,0 @@
-import "../define.js";

package/target/lib/elements/bind.element.test.js

@@ -1,150 +0,0 @@
-import "../define.js";
-import { fixtureSync, html } from "@open-wc/testing";
-import { assert } from "chai";
-it("should pass props to child", () => {
-    const element = fixtureSync(html `
-    <div
-      @joist::value=${(e) => {
-        if (e.expression.bindTo === "href") {
-            e.update({
-                oldValue: null,
-                newValue: "$foo",
-            });
-        }
-        if (e.expression.bindTo === "target") {
-            e.update({
-                oldValue: null,
-                newValue: {
-                    value: "_blank",
-                },
-            });
-        }
-    }}
-    >
-      <j-bind attrs="href:href" props="target:target.value">
-        <a>Hello World</a>
-      </j-bind>
-    </div>
-  `);
-    const anchor = element.querySelector("a");
-    assert.equal(anchor?.getAttribute("href"), "$foo");
-    assert.equal(anchor?.getAttribute("target"), "_blank");
-});
-it("should pass props to specified child", () => {
-    const element = fixtureSync(html `
-    <div
-      @joist::value=${(e) => {
-        e.update({
-            oldValue: null,
-            newValue: "#foo",
-        });
-    }}
-    >
-      <j-bind attrs="href:href" target="#test"></j-bind>
-
-      <a>Default</a>
-      <a id="test">Target</a>
-    </div>
-  `);
-    const anchor = element.querySelectorAll("a");
-    assert.equal(anchor[0].getAttribute("href"), null);
-    assert.equal(anchor[1].getAttribute("href"), "#foo");
-});
-it("should be case sensitive", () => {
-    const element = fixtureSync(html `
-    <div
-      @joist::value=${(e) => {
-        e.update({ oldValue: null, newValue: 8 });
-    }}
-    >
-      <j-bind
-        props="
-          selectionStart:foo,
-          selectionEnd:foo
-        "
-      >
-        <input value="1234567890" />
-      </j-bind>
-    </div>
-  `);
-    const input = element.querySelector("input");
-    assert.equal(input?.selectionStart, 8);
-    assert.equal(input?.selectionEnd, 8);
-});
-it("should default to the mapTo value if bindTo is not provided", () => {
-    const element = fixtureSync(html `
-    <div
-      @joist::value=${(e) => {
-        e.update({ oldValue: null, newValue: 8 });
-    }}
-    >
-      <j-bind props="selectionStart, selectionEnd">
-        <input value="1234567890" />
-      </j-bind>
-    </div>
-  `);
-    const input = element.querySelector("input");
-    assert.equal(input?.selectionStart, 8);
-    assert.equal(input?.selectionEnd, 8);
-});
-it("should write not update if the calculated value is the same as the old value", () => {
-    const element = fixtureSync(html `
-    <div
-      @joist::value=${(e) => {
-        e.update({ oldValue: { foo: "bar" }, newValue: { foo: "bar" } });
-    }}
-    >
-      <j-bind props="value:data.foo">
-        <input />
-      </j-bind>
-    </div>
-  `);
-    const input = element.querySelector("input");
-    assert.equal(input?.value, "");
-});
-it("should wait for depends-on before dispatching events", async () => {
-    let eventDispatched = false;
-    customElements.define("dependency-1", class extends HTMLElement {
-    });
-    customElements.define("dependency-2", class extends HTMLElement {
-    });
-    fixtureSync(html `
-    <div
-      @joist::value=${(e) => {
-        if (e.expression.bindTo === "href") {
-            eventDispatched = true;
-            e.update({
-                oldValue: null,
-                newValue: "$foo",
-            });
-        }
-    }}
-    >
-      <j-bind attrs="href:href" depends-on="dependency-1,dependency-2">
-        <a>Hello World</a>
-      </j-bind>
-    </div>
-  `);
-    assert.isFalse(eventDispatched);
-    await Promise.all([
-        customElements.whenDefined("dependency-1"),
-        customElements.whenDefined("dependency-2"),
-    ]);
-    assert.isTrue(eventDispatched);
-});
-it("should bind to a nested prop like style", async () => {
-    const element = fixtureSync(html `
-    <div
-      @joist::value=${(e) => {
-        e.update({ oldValue: null, newValue: "red" });
-    }}
-    >
-      <j-bind props="style.color:color">
-        <input value="1234567890" />
-      </j-bind>
-    </div>
-  `);
-    const input = element.querySelector("input");
-    assert.equal(input?.style.color, "red");
-});
-//# sourceMappingURL=bind.element.test.js.map

package/target/lib/elements/bind.element.test.js.map

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

package/target/lib/elements/for.element.d.ts

@@ -1,15 +0,0 @@
-export interface EachCtx<T> {
-    value: T | null;
-    index: number | null;
-    position: number | null;
-}
-export declare class JoistForElement extends HTMLElement {
-    #private;
-    accessor bind: string;
-    accessor key: string;
-    accessor dependsOn: string;
-    connectedCallback(): Promise<void>;
-    createFromEmpty(): void;
-    updateItems(): void;
-    disconnectedCallback(): void;
-}