@joist/element 4.2.3-next.5 → 4.2.3-next.6

package/src/lib/templating/elements/props.element.ts

@@ -1,80 +0,0 @@
-import { attr } from "../../attr.js";
-import { element } from "../../element.js";
-import { css, html } from "../../tags.js";
-
-import { JoistValueEvent } from "../events.js";
-import { JToken } from "../token.js";
-
-export class JAttrToken extends JToken {
-  mapTo: string;
-  mapsToProp: boolean;
-
-  constructor(attr: 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);
-  }
-}
-
-@element({
-  tagName: "j-props",
-  // prettier-ignore
-  shadowDom: [css`:host{display: contents;}`, html`<slot></slot>`],
-})
-export class JoistIfElement extends HTMLElement {
-  @attr()
-  accessor target = "";
-
-  connectedCallback(): void {
-    this.#bindProps([this]); // bind own props
-    this.#bindProps(this.children); // bind child props
-  }
-
-  #bindProps(children: Iterable<Element>) {
-    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));
-                }
-              }
-            }),
-          );
-        }
-      }
-    }
-  }
-}

package/src/lib/templating/elements/scope.ts

@@ -1,45 +0,0 @@
-import { attr } from "../../attr.js";
-import { element } from "../../element.js";
-import { listen } from "../../listen.js";
-import { css, html } from "../../tags.js";
-import type { JoistValueEvent } from "../events.js";
-
-declare global {
-  interface HTMLElementTagNameMap {
-    "j-scope": JoistScopeElement;
-  }
-}
-
-@element({
-  tagName: "j-value",
-  // prettier-ignore
-  shadowDom: [css`:host{display: contents;}`, html`<slot></slot>`],
-})
-export class JoistScopeElement extends HTMLElement {
-  @attr()
-  accessor name = "";
-
-  @attr()
-  accessor value = "";
-
-  #binding: JoistValueEvent | null = null;
-
-  @listen("joist::value")
-  onJoistValueFound(e: JoistValueEvent): void {
-    if (e.token.bindTo === this.name) {
-      e.stopPropagation();
-
-      this.#binding = e;
-
-      this.#binding.update({ oldValue: null, newValue: this.value });
-    }
-  }
-
-  attributeChangedCallback(
-    _: string,
-    oldValue: string,
-    newValue: string,
-  ): void {
-    this.#binding?.update({ oldValue, newValue });
-  }
-}

package/src/lib/templating/elements/value.element.test.ts

@@ -1,20 +0,0 @@
-import "./value.element.js";
-
-import { fixtureSync, html } from "@open-wc/testing";
-import { assert } from "chai";
-
-import type { JoistValueEvent } from "../events.js";
-
-it("should render content when the bind value is truthy", () => {
-  const element = fixtureSync(html`
-    <div
-      @joist::value=${(e: JoistValueEvent) => {
-        e.update({ oldValue: null, newValue: "Hello World" });
-      }}
-    >
-      <j-value bind="test"></j-value>
-    </div>
-  `);
-
-  assert.equal(element.textContent?.trim(), "Hello World");
-});

package/src/lib/templating/elements/value.element.ts

@@ -1,41 +0,0 @@
-import { attr } from "../../attr.js";
-import { element } from "../../element.js";
-import { css, html } from "../../tags.js";
-import { JoistValueEvent } from "../events.js";
-import { JToken } from "../token.js";
-
-declare global {
-  interface HTMLElementTagNameMap {
-    "j-value": JoistValueElement;
-  }
-}
-
-@element({
-  tagName: "j-value",
-  // prettier-ignore
-  shadowDom: [css`:host{display: contents;}`, html`<slot></slot>`],
-})
-export class JoistValueElement extends HTMLElement {
-  @attr()
-  accessor bind = "";
-
-  connectedCallback(): void {
-    const token = new JToken(this.bind);
-
-    this.dispatchEvent(
-      new JoistValueEvent(token, (value) => {
-        let valueToWrite: string;
-
-        if (typeof value.newValue === "object" && value.newValue !== null) {
-          valueToWrite = String(token.readTokenValueFrom(value.newValue));
-        } else {
-          valueToWrite = String(value.newValue);
-        }
-
-        if (this.textContent !== valueToWrite) {
-          this.textContent = valueToWrite;
-        }
-      }),
-    );
-  }
-}

package/src/lib/templating/events.ts

@@ -1,21 +0,0 @@
-import type { Change } from "@joist/observable";
-
-import type { JToken } from "./token.js";
-
-declare global {
-  interface HTMLElementEventMap {
-    "joist::value": JoistValueEvent;
-  }
-}
-
-export class JoistValueEvent extends Event {
-  readonly token: JToken;
-  readonly update: (value: Change<unknown>) => void;
-
-  constructor(bindTo: JToken, update: (value: Change<unknown>) => void) {
-    super("joist::value", { bubbles: true, composed: true });
-
-    this.token = bindTo;
-    this.update = update;
-  }
-}

package/src/lib/templating/token.test.ts

@@ -1,74 +0,0 @@
-import { assert } from "chai";
-
-import { JToken } from "./token.js";
-
-describe("JToken", () => {
-  describe("constructor", () => {
-    it("should initialize with a raw token", () => {
-      const token = new JToken("example.token");
-      assert.equal(token.rawToken, "example.token");
-    });
-
-    it("should set isNegated to true if the token starts with '!'", () => {
-      const token = new JToken("!example.token");
-      assert.isTrue(token.isNegated);
-    });
-
-    it("should set isNegated to false if the token does not start with '!'", () => {
-      const token = new JToken("example.token");
-      assert.isFalse(token.isNegated);
-    });
-
-    it("should correctly parse the bindTo property", () => {
-      const token = new JToken("example.token");
-      assert.equal(token.bindTo, "example");
-    });
-
-    it("should correctly parse the path property", () => {
-      const token = new JToken("example.token.part");
-      assert.deepEqual(token.path, ["token", "part"]);
-    });
-
-    it("should remove '!' from bindTo if present", () => {
-      const token = new JToken("!example.token");
-      assert.equal(token.bindTo, "example");
-    });
-  });
-
-  describe("readTokenValueFrom", () => {
-    it("should read the value from a nested object", () => {
-      const token = new JToken("example.token.part");
-      const obj = { token: { part: 42 } };
-      const value = token.readTokenValueFrom<number>(obj);
-      assert.equal(value, 42);
-    });
-
-    it("should return undefined if the path does not exist", () => {
-      const token = new JToken("example.nonexistent.path");
-      const obj = { token: { part: 42 } };
-      const value = token.readTokenValueFrom(obj);
-      assert.isUndefined(value);
-    });
-
-    it("should handle empty paths gracefully", () => {
-      const token = new JToken("example");
-      const obj = { foo: 42 };
-      const value = token.readTokenValueFrom(obj);
-
-      assert.deepEqual(value, { foo: 42 });
-    });
-
-    it("should throw an error if the object is null or undefined", () => {
-      const token = new JToken("example.token");
-      assert.throws(
-        () => token.readTokenValueFrom<any>(null as any),
-        TypeError,
-      );
-
-      assert.throws(
-        () => token.readTokenValueFrom<any>(undefined as any),
-        TypeError,
-      );
-    });
-  });
-});

package/src/lib/templating/token.ts

@@ -1,34 +0,0 @@
-export class JToken {
-  rawToken: string;
-  isNegated = false;
-  bindTo: string;
-  path: string[] = [];
-
-  constructor(rawToken: string) {
-    this.rawToken = rawToken;
-
-    this.isNegated = this.rawToken.startsWith("!");
-
-    this.path = this.rawToken.split(".");
-    this.bindTo = this.path.shift() ?? "";
-    this.bindTo = this.bindTo.replaceAll("!", "");
-  }
-
-  readTokenValueFrom<T = unknown>(obj: object): T {
-    let pointer: any = obj;
-
-    if (!this.path.length) {
-      return pointer;
-    }
-
-    for (const part of this.path) {
-      pointer = pointer[part];
-
-      if (pointer === undefined) {
-        break;
-      }
-    }
-
-    return pointer;
-  }
-}

package/src/lib/templating.ts

@@ -1,2 +0,0 @@
-export { bind } from "./templating/bind.js";
-export { JoistValueEvent } from "./templating/events.js";

package/target/lib/templating/bind.d.ts

@@ -1 +0,0 @@
-export declare function bind(): <This extends HTMLElement, Value>(base: ClassAccessorDecoratorTarget<This, Value>, ctx: ClassAccessorDecoratorContext<This, Value>) => ClassAccessorDecoratorResult<This, Value>;

package/target/lib/templating/bind.js

@@ -1,30 +0,0 @@
-import { instanceMetadataStore, observe } from "@joist/observable";
-export function bind() {
-    return function bindDecorator(base, ctx) {
-        const internalObserve = observe()(base, ctx);
-        return {
-            init(value) {
-                this.addEventListener("joist::value", (e) => {
-                    if (e.token.bindTo === ctx.name) {
-                        const instanceMeta = instanceMetadataStore.read(this);
-                        e.stopPropagation();
-                        e.update({ oldValue: null, newValue: ctx.access.get(this) });
-                        instanceMeta.bindings.add((changes) => {
-                            const key = ctx.name;
-                            const res = changes.get(key);
-                            if (res) {
-                                e.update(res);
-                            }
-                        });
-                    }
-                });
-                if (internalObserve.init) {
-                    return internalObserve.init.call(this, value);
-                }
-                return value;
-            },
-            set: internalObserve.set,
-        };
-    };
-}
-//# sourceMappingURL=bind.js.map

package/target/lib/templating/bind.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bind.js","sourceRoot":"","sources":["../../../src/lib/templating/bind.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,UAAU,IAAI;IAClB,OAAO,SAAS,aAAa,CAC3B,IAA+C,EAC/C,GAA+C;QAE/C,MAAM,eAAe,GAAG,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAE7C,OAAO;YACL,IAAI,CAAC,KAAK;gBACR,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE;oBAC1C,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,GAAG,CAAC,IAAI,EAAE,CAAC;wBAChC,MAAM,YAAY,GAAG,qBAAqB,CAAC,IAAI,CAAO,IAAI,CAAC,CAAC;wBAE5D,CAAC,CAAC,eAAe,EAAE,CAAC;wBAEpB,CAAC,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;wBAE7D,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;4BACpC,MAAM,GAAG,GAAG,GAAG,CAAC,IAAkB,CAAC;4BACnC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;4BAE7B,IAAI,GAAG,EAAE,CAAC;gCACR,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;4BAChB,CAAC;wBACH,CAAC,CAAC,CAAC;oBACL,CAAC;gBACH,CAAC,CAAC,CAAC;gBAEH,IAAI,eAAe,CAAC,IAAI,EAAE,CAAC;oBACzB,OAAO,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBAChD,CAAC;gBAED,OAAO,KAAK,CAAC;YACf,CAAC;YACD,GAAG,EAAE,eAAe,CAAC,GAAG;SACzB,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}

package/target/lib/templating/define.d.ts

@@ -1,5 +0,0 @@
-import "./elements/async.element.js";
-import "./elements/for.element.js";
-import "./elements/if.element.js";
-import "./elements/props.element.js";
-import "./elements/value.element.js";

package/target/lib/templating/define.js

@@ -1,6 +0,0 @@
-import "./elements/async.element.js";
-import "./elements/for.element.js";
-import "./elements/if.element.js";
-import "./elements/props.element.js";
-import "./elements/value.element.js";
-//# sourceMappingURL=define.js.map

package/target/lib/templating/define.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/lib/templating/define.ts"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAC;AACrC,OAAO,2BAA2B,CAAC;AACnC,OAAO,0BAA0B,CAAC;AAClC,OAAO,6BAA6B,CAAC;AACrC,OAAO,6BAA6B,CAAC"}

package/target/lib/templating/elements/async.element.d.ts

@@ -1,17 +0,0 @@
-declare global {
-    interface HTMLElementTagNameMap {
-        "j-async": JoistAsyncElement;
-    }
-}
-export type AsyncState<T = unknown, E = unknown> = {
-    status: "loading" | "error" | "success";
-    data?: T;
-    error?: E;
-};
-export declare class JoistAsyncElement extends HTMLElement {
-    #private;
-    accessor bind: string;
-    accessor state: AsyncState | null;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-}

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

@@ -1,115 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { attr } from "../../attr.js";
-import { element } from "../../element.js";
-import { queryAll } from "../../query-all.js";
-import { css, html } from "../../tags.js";
-import { bind } from "../bind.js";
-import { JoistValueEvent } from "../events.js";
-import { JToken } from "../token.js";
-let JoistAsyncElement = (() => {
-    let _classDecorators = [element({
-            tagName: "j-async",
-            shadowDom: [css `:host{display: contents;}`, html `<slot></slot>`],
-        })];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    let _classSuper = HTMLElement;
-    let _bind_decorators;
-    let _bind_initializers = [];
-    let _bind_extraInitializers = [];
-    let _state_decorators;
-    let _state_initializers = [];
-    let _state_extraInitializers = [];
-    var JoistAsyncElement = class extends _classSuper {
-        static { _classThis = this; }
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _bind_decorators = [attr()];
-            _state_decorators = [bind()];
-            __esDecorate(this, null, _bind_decorators, { kind: "accessor", name: "bind", static: false, private: false, access: { has: obj => "bind" in obj, get: obj => obj.bind, set: (obj, value) => { obj.bind = value; } }, metadata: _metadata }, _bind_initializers, _bind_extraInitializers);
-            __esDecorate(this, null, _state_decorators, { kind: "accessor", name: "state", static: false, private: false, access: { has: obj => "state" in obj, get: obj => obj.state, set: (obj, value) => { obj.state = value; } }, metadata: _metadata }, _state_initializers, _state_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            JoistAsyncElement = _classThis = _classDescriptor.value;
-            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
-        }
-        #bind_accessor_storage = __runInitializers(this, _bind_initializers, "");
-        get bind() { return this.#bind_accessor_storage; }
-        set bind(value) { this.#bind_accessor_storage = value; }
-        #state_accessor_storage = (__runInitializers(this, _bind_extraInitializers), __runInitializers(this, _state_initializers, null));
-        get state() { return this.#state_accessor_storage; }
-        set state(value) { this.#state_accessor_storage = value; }
-        #templates = (__runInitializers(this, _state_extraInitializers), queryAll("template", this));
-        #currentNodes = [];
-        #cachedTemplates = {
-            loading: undefined,
-            error: undefined,
-            success: undefined,
-        };
-        connectedCallback() {
-            this.#clean();
-            const templates = Array.from(this.#templates());
-            this.#cachedTemplates = {
-                loading: templates.find((t) => t.hasAttribute("loading")),
-                error: templates.find((t) => t.hasAttribute("error")),
-                success: templates.find((t) => t.hasAttribute("success")),
-            };
-            const token = new JToken(this.bind);
-            this.dispatchEvent(new JoistValueEvent(token, ({ newValue, oldValue }) => {
-                if (newValue !== oldValue) {
-                    if (newValue instanceof Promise) {
-                        this.#handlePromise(newValue);
-                    }
-                    else {
-                        console.warn("j-async bind value must be a Promise or AsyncState");
-                    }
-                }
-            }));
-        }
-        async #handlePromise(promise) {
-            try {
-                this.#handleState({ status: "loading" });
-                const data = await promise;
-                this.#handleState({ status: "success", data });
-            }
-            catch (error) {
-                this.#handleState({ status: "error", error });
-            }
-        }
-        #handleState(state) {
-            this.#clean();
-            let template = undefined;
-            this.state = state;
-            switch (state.status) {
-                case "loading":
-                    template = this.#cachedTemplates.loading;
-                    break;
-                case "error":
-                    template = this.#cachedTemplates.error;
-                    break;
-                case "success":
-                    template = this.#cachedTemplates.success;
-                    break;
-            }
-            if (template) {
-                const content = document.importNode(template.content, true);
-                const nodes = Array.from(content.childNodes);
-                this.appendChild(content);
-                this.#currentNodes = nodes;
-            }
-        }
-        #clean() {
-            for (const node of this.#currentNodes) {
-                node.parentNode?.removeChild(node);
-            }
-            this.#currentNodes = [];
-        }
-        disconnectedCallback() {
-            this.#clean();
-        }
-    };
-    return JoistAsyncElement = _classThis;
-})();
-export { JoistAsyncElement };
-//# sourceMappingURL=async.element.js.map

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

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

package/target/lib/templating/elements/async.element.test.d.ts

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

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

@@ -1,75 +0,0 @@
-import "./async.element.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!");
-});
-//# sourceMappingURL=async.element.test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"async.element.test.js","sourceRoot":"","sources":["../../../../src/lib/templating/elements/async.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,sDAAsD,EAAE,KAAK,IAAI,EAAE;IACpE,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAA;;sBAEZ,CAAC,CAAkB,EAAE,EAAE;QACrC,CAAC,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,OAAO,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAChE,CAAC;;;;;;;;GAQJ,CAAC,CAAC;IAEH,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,YAAY,CAAC,CAAC;AAC1D,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;IAClE,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAA;;sBAEZ,CAAC,CAAkB,EAAE,EAAE;QACrC,CAAC,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAClE,CAAC;;;;;;;;GAQJ,CAAC,CAAC;IAGH,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IACvD,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,UAAU,CAAC,CAAC;AACxD,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;IAC/D,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAA;;sBAEZ,CAAC,CAAkB,EAAE,EAAE;QACrC,CAAC,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAClE,CAAC;;;;;;;;GAQJ,CAAC,CAAC;IAGH,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IACvD,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,QAAQ,CAAC,CAAC;AACtD,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAA;;sBAEZ,CAAC,CAAkB,EAAE,EAAE;QACrC,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YACtC,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;IAClD,CAAC;;;;;;;;GAQJ,CAAC,CAAC;IAGH,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,YAAY,CAAC,CAAC;IAGxD,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;IACzD,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,UAAU,CAAC,CAAC;AACxD,CAAC,CAAC,CAAC"}

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

@@ -1,24 +0,0 @@
-declare global {
-    interface HTMLElementTagNameMap {
-        "j-for": JositForElement;
-        "j-for-scope": JForScope;
-    }
-}
-export interface EachCtx<T> {
-    value: T | null;
-    index: number | null;
-    position: number | null;
-}
-export declare class JForScope<T = unknown> extends HTMLElement {
-    accessor each: EachCtx<T>;
-    accessor key: string;
-}
-export declare class JositForElement extends HTMLElement {
-    #private;
-    accessor bind: string;
-    accessor key: string;
-    connectedCallback(): void;
-    createFromEmpty(): void;
-    updateItems(): void;
-    disconnectedCallback(): void;
-}