@joist/templating 4.2.3 → 4.2.4-next.1

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

@@ -1,90 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { attr, element, css, html } from "@joist/element";
-import { JoistValueEvent } from "../events.js";
-import { JToken } from "../token.js";
-export class JAttrToken extends JToken {
-    mapTo;
-    mapsToProp;
-    constructor(attr) {
-        if (!attr.name.startsWith("$")) {
-            throw new Error(`Invalid attribute token: ${attr.name}, should start with $`);
-        }
-        super(attr.value);
-        this.mapsToProp = attr.name.startsWith("$.");
-        this.mapTo = attr.name.slice(this.mapsToProp ? 2 : 1);
-    }
-}
-let JoistIfElement = (() => {
-    let _classDecorators = [element({
-            tagName: "j-props",
-            shadowDom: [css `:host{display: contents;}`, html `<slot></slot>`],
-        })];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    let _classSuper = HTMLElement;
-    let _target_decorators;
-    let _target_initializers = [];
-    let _target_extraInitializers = [];
-    var JoistIfElement = class extends _classSuper {
-        static { _classThis = this; }
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _target_decorators = [attr()];
-            __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(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            JoistIfElement = _classThis = _classDescriptor.value;
-            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
-        }
-        #target_accessor_storage = __runInitializers(this, _target_initializers, "");
-        get target() { return this.#target_accessor_storage; }
-        set target(value) { this.#target_accessor_storage = value; }
-        connectedCallback() {
-            this.#bindProps([this]);
-            this.#bindProps(this.children);
-        }
-        #bindProps(children) {
-            for (const child of children) {
-                for (const attr of child.attributes) {
-                    if (attr.name.startsWith("$")) {
-                        const token = new JAttrToken(attr);
-                        this.dispatchEvent(new JoistValueEvent(token, ({ newValue, oldValue }) => {
-                            if (newValue === oldValue) {
-                                return;
-                            }
-                            let valueToWrite = newValue;
-                            if (typeof newValue === "object" && newValue !== null) {
-                                valueToWrite = token.readTokenValueFrom(newValue);
-                            }
-                            if (token.isNegated) {
-                                valueToWrite = !valueToWrite;
-                            }
-                            if (token.mapsToProp) {
-                                Reflect.set(child, token.mapTo, valueToWrite);
-                            }
-                            else {
-                                if (valueToWrite === true) {
-                                    child.setAttribute(token.mapTo, "");
-                                }
-                                else if (valueToWrite === false) {
-                                    child.removeAttribute(token.mapTo);
-                                }
-                                else {
-                                    child.setAttribute(token.mapTo, String(valueToWrite));
-                                }
-                            }
-                        }));
-                    }
-                }
-            }
-        }
-        constructor() {
-            super(...arguments);
-            __runInitializers(this, _target_extraInitializers);
-        }
-    };
-    return JoistIfElement = _classThis;
-})();
-export { JoistIfElement };
-//# sourceMappingURL=props.element.js.map

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

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

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

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

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

@@ -1,53 +0,0 @@
-import "./props.element.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.token.bindTo === "href") {
-            e.update({
-                oldValue: null,
-                newValue: "$foo",
-            });
-        }
-        if (e.token.bindTo === "target") {
-            e.update({
-                oldValue: null,
-                newValue: {
-                    value: "_blank",
-                },
-            });
-        }
-    }}
-    >
-      <j-props>
-        <a $href="href" $target="target.value">Hello World</a>
-      </j-props>
-    </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-props>
-        <a>Default</a>
-        <a id="test" $href="href">Target</a>
-      </j-props>
-    </div>
-  `);
-    const anchor = element.querySelectorAll("a");
-    assert.equal(anchor[0].getAttribute("href"), null);
-    assert.equal(anchor[1].getAttribute("href"), "#foo");
-});
-//# sourceMappingURL=props.element.test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"props.element.test.js","sourceRoot":"","sources":["../../../src/lib/elements/props.element.test.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAI9B,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;IACpC,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAA;;sBAEZ,CAAC,CAAkB,EAAE,EAAE;QACrC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YAC9B,CAAC,CAAC,MAAM,CAAC;gBACP,QAAQ,EAAE,IAAI;gBACd,QAAQ,EAAE,MAAM;aACjB,CAAC,CAAC;QACL,CAAC;QAED,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;YAChC,CAAC,CAAC,MAAM,CAAC;gBACP,QAAQ,EAAE,IAAI;gBACd,QAAQ,EAAE;oBACR,KAAK,EAAE,QAAQ;iBAChB;aACF,CAAC,CAAC;QACL,CAAC;IACH,CAAC;;;;;;GAMJ,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAE1C,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;IACnD,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC;AACzD,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;IAC9C,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAA;;sBAEZ,CAAC,CAAkB,EAAE,EAAE;QACrC,CAAC,CAAC,MAAM,CAAC;YACP,QAAQ,EAAE,IAAI;YACd,QAAQ,EAAE,MAAM;SACjB,CAAC,CAAC;IACL,CAAC;;;;;;;GAOJ,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAE7C,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACvD,CAAC,CAAC,CAAC"}