@e280/sly 0.2.0-2 → 0.2.0-21

package/x/dom/attrs/parts/attr-fns.js

@@ -0,0 +1,42 @@
+/** fns for getting and setting html attributes of various types */
+export const attrFns = {
+    get: {
+        string: (e, key) => {
+            return e.getAttribute(key) ?? undefined;
+        },
+        number: (e, key) => {
+            const raw = e.getAttribute(key);
+            return (raw === null || !raw)
+                ? undefined
+                : Number(raw);
+        },
+        boolean: (e, key) => {
+            const raw = e.getAttribute(key);
+            return raw !== null;
+        },
+    },
+    set: {
+        string: (e, key, value) => {
+            if (value === undefined)
+                e.removeAttribute(key);
+            else
+                e.setAttribute(key, value);
+            return true;
+        },
+        number: (e, key, value) => {
+            if (value === undefined)
+                e.removeAttribute(key);
+            else
+                e.setAttribute(key, value.toString());
+            return true;
+        },
+        boolean: (e, key, value) => {
+            if (value)
+                e.setAttribute(key, "");
+            else
+                e.removeAttribute(key);
+            return true;
+        },
+    },
+};
+//# sourceMappingURL=attr-fns.js.map

package/x/dom/attrs/parts/attr-fns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attr-fns.js","sourceRoot":"","sources":["../../../../s/dom/attrs/parts/attr-fns.ts"],"names":[],"mappings":"AACA,mEAAmE;AACnE,MAAM,CAAC,MAAM,OAAO,GAAG;IACtB,GAAG,EAAE;QACJ,MAAM,EAAE,CAAC,CAAc,EAAE,GAAW,EAAE,EAAE;YACvC,OAAO,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,SAAS,CAAA;QACxC,CAAC;QACD,MAAM,EAAE,CAAC,CAAc,EAAE,GAAW,EAAE,EAAE;YACvC,MAAM,GAAG,GAAG,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;YAC/B,OAAO,CAAC,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC;gBAC5B,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;QACf,CAAC;QACD,OAAO,EAAE,CAAC,CAAc,EAAE,GAAW,EAAE,EAAE;YACxC,MAAM,GAAG,GAAG,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;YAC/B,OAAO,GAAG,KAAK,IAAI,CAAA;QACpB,CAAC;KACD;IAED,GAAG,EAAE;QACJ,MAAM,EAAE,CAAC,CAAc,EAAE,GAAW,EAAE,KAAyB,EAAE,EAAE;YAClE,IAAI,KAAK,KAAK,SAAS;gBAAE,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;;gBAC1C,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;YAC/B,OAAO,IAAI,CAAA;QACZ,CAAC;QACD,MAAM,EAAE,CAAC,CAAc,EAAE,GAAW,EAAE,KAAyB,EAAE,EAAE;YAClE,IAAI,KAAK,KAAK,SAAS;gBAAE,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;;gBAC1C,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;YAC1C,OAAO,IAAI,CAAA;QACZ,CAAC;QACD,OAAO,EAAE,CAAC,CAAc,EAAE,GAAW,EAAE,KAA0B,EAAE,EAAE;YACpE,IAAI,KAAK;gBAAE,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;;gBAC7B,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;YAC3B,OAAO,IAAI,CAAA;QACZ,CAAC;KACD;CACD,CAAA"}

package/x/dom/attrs/parts/attr-proxies.d.ts

@@ -0,0 +1,8 @@
+/** a typed proxy accessor for html attributes */
+export declare class AttrProxies {
+    element: HTMLElement;
+    constructor(element: HTMLElement);
+    strings: Record<string, string | undefined>;
+    numbers: Record<string, number | undefined>;
+    booleans: Record<string, boolean | undefined>;
+}

package/x/dom/attrs/parts/attr-proxies.js

@@ -0,0 +1,21 @@
+import { attrFns } from "./attr-fns.js";
+/** a typed proxy accessor for html attributes */
+export class AttrProxies {
+    element;
+    constructor(element) {
+        this.element = element;
+    }
+    strings = new Proxy({}, {
+        get: (_t, key) => (attrFns.get.string(this.element, key)),
+        set: (_t, key, value) => (attrFns.set.string(this.element, key, value)),
+    });
+    numbers = new Proxy({}, {
+        get: (_t, key) => (attrFns.get.number(this.element, key)),
+        set: (_t, key, value) => (attrFns.set.number(this.element, key, value)),
+    });
+    booleans = new Proxy({}, {
+        get: (_t, key) => (attrFns.get.boolean(this.element, key)),
+        set: (_t, key, value) => (attrFns.set.boolean(this.element, key, value)),
+    });
+}
+//# sourceMappingURL=attr-proxies.js.map

package/x/dom/attrs/parts/attr-proxies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attr-proxies.js","sourceRoot":"","sources":["../../../../s/dom/attrs/parts/attr-proxies.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAA;AAErC,iDAAiD;AACjD,MAAM,OAAO,WAAW;IACJ;IAAnB,YAAmB,OAAoB;QAApB,YAAO,GAAP,OAAO,CAAa;IAAG,CAAC;IAE3C,OAAO,GAAG,IAAI,KAAK,CAAC,EAAE,EAAE;QACvB,GAAG,EAAE,CAAC,EAAE,EAAE,GAAW,EAAE,EAAE,CAAC,CACzB,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CACrC;QACD,GAAG,EAAE,CAAC,EAAE,EAAE,GAAW,EAAE,KAAyB,EAAE,EAAE,CAAC,CACpD,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,CAC5C;KACD,CAAuC,CAAA;IAExC,OAAO,GAAG,IAAI,KAAK,CAAC,EAAE,EAAE;QACvB,GAAG,EAAE,CAAC,EAAE,EAAE,GAAW,EAAE,EAAE,CAAC,CACzB,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CACrC;QACD,GAAG,EAAE,CAAC,EAAE,EAAE,GAAW,EAAE,KAAyB,EAAE,EAAE,CAAC,CACpD,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,CAC5C;KACD,CAAuC,CAAA;IAExC,QAAQ,GAAG,IAAI,KAAK,CAAC,EAAE,EAAE;QACxB,GAAG,EAAE,CAAC,EAAE,EAAE,GAAW,EAAE,EAAE,CAAC,CACzB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CACtC;QACD,GAAG,EAAE,CAAC,EAAE,EAAE,GAAW,EAAE,KAA0B,EAAE,EAAE,CAAC,CACrD,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,CAC7C;KACD,CAAwC,CAAA;CACzC"}

package/x/dom/attrs/parts/attr-spec.d.ts

@@ -0,0 +1,3 @@
+import { AttrSpec, AttrTypes } from "../../types.js";
+/** specify available html attributes and their types and create a proxy accessor */
+export declare const attrSpec: <A extends AttrSpec>(e: HTMLElement, spec: A) => AttrTypes<A>;

package/x/dom/attrs/parts/attr-spec.js

@@ -0,0 +1,21 @@
+import { attrFns } from "./attr-fns.js";
+/** specify available html attributes and their types and create a proxy accessor */
+export const attrSpec = (e, spec) => new Proxy(spec, {
+    get: (_target, key) => {
+        switch (spec[key]) {
+            case String: return attrFns.get.string(e, key);
+            case Number: return attrFns.get.number(e, key);
+            case Boolean: return attrFns.get.boolean(e, key);
+            default: throw new Error(`invalid attribute type for "${key}"`);
+        }
+    },
+    set: (_target, key, value) => {
+        switch (spec[key]) {
+            case String: return attrFns.set.string(e, key, value);
+            case Number: return attrFns.set.number(e, key, value);
+            case Boolean: return attrFns.set.boolean(e, key, value);
+            default: throw new Error(`invalid attribute type for "${key}"`);
+        }
+    },
+});
+//# sourceMappingURL=attr-spec.js.map

package/x/dom/attrs/parts/attr-spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attr-spec.js","sourceRoot":"","sources":["../../../../s/dom/attrs/parts/attr-spec.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAA;AAErC,oFAAoF;AACpF,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,CAAc,EACd,IAAO,EACN,EAAE,CAAC,IAAI,KAAK,CAAC,IAAI,EAAE;IAErB,GAAG,EAAE,CAAC,OAAO,EAAE,GAAW,EAAE,EAAE;QAC7B,QAAQ,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YACnB,KAAK,MAAM,CAAC,CAAC,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;YAC9C,KAAK,MAAM,CAAC,CAAC,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;YAC9C,KAAK,OAAO,CAAC,CAAC,OAAO,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;YAChD,OAAO,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,+BAA+B,GAAG,GAAG,CAAC,CAAA;QAChE,CAAC;IACF,CAAC;IAED,GAAG,EAAE,CAAC,OAAO,EAAE,GAAW,EAAE,KAAU,EAAE,EAAE;QACzC,QAAQ,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YACnB,KAAK,MAAM,CAAC,CAAC,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;YACrD,KAAK,MAAM,CAAC,CAAC,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;YACrD,KAAK,OAAO,CAAC,CAAC,OAAO,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;YACvD,OAAO,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,+BAA+B,GAAG,GAAG,CAAC,CAAA;QAChE,CAAC;IACF,CAAC;CACD,CAAwB,CAAA"}

package/x/dom/attrs/parts/on-attrs.d.ts

@@ -0,0 +1,2 @@
+/** respond when any attribute changes on the html element */
+export declare function onAttrs(element: HTMLElement, fn: () => void): () => void;

package/x/dom/attrs/parts/on-attrs.js

@@ -0,0 +1,7 @@
+/** respond when any attribute changes on the html element */
+export function onAttrs(element, fn) {
+    const observer = new MutationObserver(fn);
+    observer.observe(element, { attributes: true });
+    return () => observer.disconnect();
+}
+//# sourceMappingURL=on-attrs.js.map

package/x/dom/attrs/parts/on-attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"on-attrs.js","sourceRoot":"","sources":["../../../../s/dom/attrs/parts/on-attrs.ts"],"names":[],"mappings":"AACA,6DAA6D;AAC7D,MAAM,UAAU,OAAO,CAAC,OAAoB,EAAE,EAAc;IAC3D,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,EAAE,CAAC,CAAA;IACzC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAC,UAAU,EAAE,IAAI,EAAC,CAAC,CAAA;IAC7C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAA;AACnC,CAAC"}

package/x/dom/dom.d.ts

@@ -1,21 +1,36 @@
-import { Content } from "../views/types.js";
-import { Queryable, Renderable } from "./types.js";
+import { AttrSpec } from "./types.js";
+import { Content } from "../view/types.js";
+import { eve, EveSpec } from "./parts/eve.js";
+export type Renderable = HTMLElement | ShadowRoot | DocumentFragment;
+export type Queryable = HTMLElement | ShadowRoot | Element | Document | DocumentFragment;
 export declare class Dom<C extends Queryable> {
     element: C;
     constructor(element: C);
-    in<E extends HTMLElement>(elementOrSelector: E | string): Dom<E>;
+    in<E extends HTMLElement>(selectorOrElement: string | E): Dom<E>;
     require<E extends Element = HTMLElement>(selector: string): E;
     maybe<E extends Element = HTMLElement>(selector: string): E | null;
     all<E extends Element = HTMLElement>(selector: string): E[];
     render(...content: Content[]): import("lit-html").RootPart;
+    attrs(): {
+        strings: Record<string, string | undefined>;
+        numbers: Record<string, number | undefined>;
+        booleans: Record<string, boolean | undefined>;
+        on: (fn: () => void) => () => void;
+        spec: <A extends AttrSpec>(spec: A) => import("./types.js").AttrTypes<A>;
+    };
+    events(spec: EveSpec): () => void;
 }
-export declare function dom(selector: string): HTMLElement;
+export declare function dom<E extends Queryable>(selector: string): E;
+export declare function dom<E extends Queryable>(element: E): Dom<E>;
 export declare namespace dom {
-    export var register: typeof import("./register.js").register;
-    export var render: (container: Renderable, ...content: Content[]) => import("lit-html").RootPart;
-    var _a: <E extends HTMLElement>(elementOrSelector: string | E) => Dom<E>;
+    var _a: <E extends HTMLElement>(selectorOrElement: string | E) => Dom<E>;
     export var require: <E extends Element = HTMLElement>(selector: string) => E;
     export var maybe: <E extends Element = HTMLElement>(selector: string) => E | null;
     export var all: <E extends Element = HTMLElement>(selector: string) => E[];
+    export var el: typeof import("./parts/el.js").el;
+    export var events: typeof eve;
+    export var attrs: typeof import("./attrs/attrs.js").attrs;
+    export var register: typeof import("./parts/register.js").register;
+    export var render: (container: Renderable, ...content: Content[]) => import("lit-html").RootPart;
     export { _a as in };
 }

package/x/dom/dom.js

@@ -1,19 +1,28 @@
 import { render } from "lit";
-import { register } from "./register.js";
+import { el } from "./parts/el.js";
+import { attrs } from "./attrs/attrs.js";
+import { eve } from "./parts/eve.js";
+import { register } from "./parts/register.js";
+function require(container, selector) {
+    const e = container.querySelector(selector);
+    if (!e)
+        throw new Error(`element not found (${selector})`);
+    return e;
+}
 export class Dom {
     element;
     constructor(element) {
         this.element = element;
     }
-    in(elementOrSelector) {
-        return new Dom(typeof elementOrSelector === "string"
-            ? this.require(elementOrSelector)
-            : elementOrSelector);
+    in(selectorOrElement) {
+        return new Dom((typeof selectorOrElement === "string")
+            ? require(this.element, selectorOrElement)
+            : selectorOrElement);
     }
     require(selector) {
         const e = this.element.querySelector(selector);
         if (!e)
-            throw new Error(`$1 ${selector} not found`);
+            throw new Error(`element not found (${selector})`);
         return e;
     }
     maybe(selector) {
@@ -25,17 +34,28 @@ export class Dom {
     render(...content) {
         return render(content, this.element);
     }
+    attrs() {
+        return attrs(this.element);
+    }
+    events(spec) {
+        return eve(this.element, spec);
+    }
 }
-export function dom(selector) {
-    return new Dom(document).require(selector);
+export function dom(selectorOrElement) {
+    return (typeof selectorOrElement === "string")
+        ? require(document, selectorOrElement)
+        : new Dom(selectorOrElement);
 }
 const doc = new Dom(document);
-dom.register = register;
-dom.render = (container, ...content) => {
-    return render(content, container);
-};
 dom.in = doc.in.bind(doc);
 dom.require = doc.require.bind(doc);
 dom.maybe = doc.maybe.bind(doc);
 dom.all = doc.all.bind(doc);
+dom.el = el;
+dom.events = eve;
+dom.attrs = attrs;
+dom.register = register;
+dom.render = (container, ...content) => {
+    return render(content, container);
+};
 //# sourceMappingURL=dom.js.map

package/x/dom/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../s/dom/dom.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAItC,MAAM,OAAO,GAAG;IACI;IAAnB,YAAmB,OAAU;QAAV,YAAO,GAAP,OAAO,CAAG;IAAG,CAAC;IAEjC,EAAE,CAAwB,iBAA6B;QACtD,OAAO,IAAI,GAAG,CACb,OAAO,iBAAiB,KAAK,QAAQ;YACpC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAI,iBAAiB,CAAC;YACpC,CAAC,CAAC,iBAAiB,CACpB,CAAA;IACF,CAAC;IAED,OAAO,CAAkC,QAAgB;QACxD,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAI,QAAQ,CAAC,CAAA;QACjD,IAAI,CAAC,CAAC;YAAE,MAAM,IAAI,KAAK,CAAC,MAAM,QAAQ,YAAY,CAAC,CAAA;QACnD,OAAO,CAAC,CAAA;IACT,CAAC;IAED,KAAK,CAAkC,QAAgB;QACtD,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,CAAI,QAAQ,CAAC,CAAA;IAC/C,CAAC;IAED,GAAG,CAAkC,QAAgB;QACpD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAI,QAAQ,CAAC,CAAC,CAAA;IAC9D,CAAC;IAED,MAAM,CAAC,GAAG,OAAkB;QAC3B,OAAO,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,OAAqB,CAAC,CAAA;IACnD,CAAC;CACD;AAED,MAAM,UAAU,GAAG,CAAC,QAAgB;IACnC,OAAO,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;AAC3C,CAAC;AAED,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAA;AAC7B,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAA;AACvB,GAAG,CAAC,MAAM,GAAG,CAAC,SAAqB,EAAE,GAAG,OAAkB,EAAE,EAAE;IAC7D,OAAO,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;AAClC,CAAC,CAAA;AAED,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACzB,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACnC,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC/B,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA"}
+{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../s/dom/dom.ts"],"names":[],"mappings":"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"}

package/x/dom/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./types.js";
+export * from "./dom.js";

package/x/dom/index.js

@@ -0,0 +1,3 @@
+export * from "./types.js";
+export * from "./dom.js";
+//# sourceMappingURL=index.js.map

package/x/dom/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/dom/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA"}

package/x/dom/parts/dashify.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashify.js","sourceRoot":"","sources":["../../../s/dom/parts/dashify.ts"],"names":[],"mappings":"AACA;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,KAAa;IACpC,OAAO,KAAK,CAAC,OAAO,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAA;AAClE,CAAC"}

package/x/dom/parts/el.d.ts

@@ -0,0 +1,2 @@
+import { AttrValue } from "../../view/types.js";
+export declare function el<E extends HTMLElement>(tagName: string, attrs: Record<string, AttrValue>): E;

package/x/dom/parts/el.js

@@ -0,0 +1,7 @@
+import { setAttrs } from "../../view/utils/parts/set-attrs.js";
+export function el(tagName, attrs) {
+    const element = document.createElement(tagName);
+    setAttrs(element, Object.entries(attrs));
+    return element;
+}
+//# sourceMappingURL=el.js.map

package/x/dom/parts/el.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"el.js","sourceRoot":"","sources":["../../../s/dom/parts/el.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,QAAQ,EAAC,MAAM,qCAAqC,CAAA;AAE5D,MAAM,UAAU,EAAE,CAChB,OAAe,EACf,KAAgC;IAGjC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAM,CAAA;IACpD,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;IACxC,OAAO,OAAO,CAAA;AACf,CAAC"}

package/x/dom/parts/eve.d.ts

@@ -0,0 +1,7 @@
+export type EveFn = (event: any) => void;
+export type EveConfig = [options: AddEventListenerOptions, fn: EveFn];
+export type EveHandler = EveFn | EveConfig;
+export type EveSpec = {
+    [eventName: string]: EveHandler;
+};
+export declare function eve(target: EventTarget, events: EveSpec): () => void;

package/x/dom/parts/eve.js

@@ -0,0 +1,16 @@
+export function eve(target, events) {
+    let detachers = [];
+    for (const [eventName, handler] of Object.entries(events)) {
+        if (typeof handler === "function") {
+            target.addEventListener(eventName, handler);
+            detachers.push(() => target.removeEventListener(eventName, handler));
+        }
+        else {
+            const [options, fn] = handler;
+            target.addEventListener(eventName, fn, options);
+            detachers.push(() => target.removeEventListener(eventName, fn));
+        }
+    }
+    return () => detachers.forEach(d => d());
+}
+//# sourceMappingURL=eve.js.map

package/x/dom/parts/eve.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eve.js","sourceRoot":"","sources":["../../../s/dom/parts/eve.ts"],"names":[],"mappings":"AAMA,MAAM,UAAU,GAAG,CAAC,MAAmB,EAAE,MAAe;IACvD,IAAI,SAAS,GAAmB,EAAE,CAAA;IAElC,KAAK,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAC3D,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;YACnC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;YAC3C,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;QACrE,CAAC;aACI,CAAC;YACL,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,OAAO,CAAA;YAC7B,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,EAAE,EAAE,OAAO,CAAC,CAAA;YAC/C,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAA;QAChE,CAAC;IACF,CAAC;IAED,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;AACzC,CAAC"}

package/x/dom/{register.d.ts → parts/register.d.ts}

@@ -1,8 +1,4 @@
-import { HTMLElementClasses } from "./types.js";
-export type RegistrationOptions = {
-    soft: boolean;
-    upgrade: boolean;
-};
+import { HTMLElementClasses, RegisterOptions } from "../types.js";
 /**
  * register custom elements (web components) to the dom
  *  - takes an object full of custom html elements, and automatically dashes the names
@@ -15,4 +11,4 @@ export type RegistrationOptions = {
  *    - `true` (default) will run `customElements.upgrade` where appropriate
  *    - `false` will NOT upgrade any existing elements on the page
  */
-export declare function register<E extends HTMLElementClasses>(elements: E, options?: Partial<RegistrationOptions>): void;
+export declare function register<E extends HTMLElementClasses>(elements: E, options?: Partial<RegisterOptions>): void;

package/x/dom/parts/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../s/dom/parts/register.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AAGpC;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,QAAQ,CACtB,QAAW,EACX,UAAoC,EAAE;IAGvC,MAAM,EACL,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,IAAI,GACd,GAAG,OAAO,CAAA;IAEX,KAAK,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QACxD,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;QACzB,MAAM,OAAO,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAEvC,IAAI,IAAI,IAAI,OAAO;YAClB,SAAQ;QAET,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA;QAEnC,IAAI,OAAO;YACV,QAAQ,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;gBAChD,IAAI,OAAO,CAAC,WAAW,KAAK,WAAW;oBACtC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YACjC,CAAC,CAAC,CAAA;IACJ,CAAC;AACF,CAAC"}

package/x/dom/types.d.ts

@@ -1,7 +1,19 @@
-export type Renderable = HTMLElement | ShadowRoot | DocumentFragment;
-export type Queryable = HTMLElement | ShadowRoot | Element | Document | DocumentFragment;
+import { attrs } from "./attrs/attrs.js";
+export type AttrKind = (typeof String | typeof Number | typeof Boolean);
+export type AttrType<H extends AttrKind> = (H extends typeof String ? string | undefined : H extends typeof Number ? number | undefined : H extends typeof Boolean ? boolean : never);
+export type AttrSpec = {
+    [key: string]: AttrKind;
+};
+export type AttrTypes<A extends AttrSpec> = {
+    [P in keyof A]: AttrType<A[P]>;
+};
+export type Attrs = ReturnType<typeof attrs>;
 export type HTMLElementClasses = {
     [key: string]: {
         new (...args: any[]): HTMLElement;
     };
 };
+export type RegisterOptions = {
+    soft: boolean;
+    upgrade: boolean;
+};

package/x/index.d.ts

@@ -1,15 +1,7 @@
-export * from "./dom/dashify.js";
-export * from "./dom/register.js";
-export * from "./dom/types.js";
-export * from "./ops/loaders/make-loader.js";
-export * from "./ops/loaders/parts/ascii-anim.js";
-export * from "./ops/loaders/parts/error-display.js";
-export * from "./ops/op.js";
-export * from "./ops/podium.js";
-export * from "./ops/types.js";
-export * as loot from "./loot/index.js";
-export * from "./views/attributes.js";
-export * from "./views/css-reset.js";
-export * from "./views/types.js";
-export * from "./views/use.js";
-export * from "./views/view.js";
+export * from "./base/index.js";
+export * from "./dom/index.js";
+export * from "./loaders/index.js";
+export * from "./loot/index.js";
+export * from "./ops/index.js";
+export * from "./spa/index.js";
+export * from "./view/index.js";

package/x/index.html

@@ -111,7 +111,7 @@ body {
 }
 
 </style>
-					<script type=module src="demo/demo.bundle.min.js?v=4b778811d6eb"></script>
+					<script type=module src="demo/demo.bundle.min.js?v=cd17e8093ced"></script>
 					<link rel="icon" href="assets/favicon.png?v=4dc161ed79b3"/>
 
 		<meta name="theme-color" content="#95ff7b">
@@ -131,9 +131,11 @@ body {
 	<img class=icon alt="" src="/assets/favicon.png"/>
 	<h1>sly testing page</h1>
 	<p><a href="https://github.com/e280/sly">github.com/e280/sly</a></p>
-	<p class=lil>v0.2.0-2</p>
-	<demo-counter>component</demo-counter>
-	<div class=demo></div>
+	<p class=lil>v0.2.0-21</p>
+
+	<fastcount-element></fastcount-element>
+	<counter-component start=280 step=2>component</counter-component>
+	<demo-component></demo-component>
 
 				</body>
 			</html>

package/x/index.html.js

@@ -24,8 +24,10 @@ export default ssg.page(import.meta.url, async (orb) => ({
 		<h1>sly testing page</h1>
 		<p><a href="https://github.com/e280/sly">github.com/e280/sly</a></p>
 		<p class=lil>v${orb.packageVersion()}</p>
-		<demo-counter>component</demo-counter>
-		<div class=demo></div>
+
+		<fastcount-element></fastcount-element>
+		<counter-component start=280 step=2>component</counter-component>
+		<demo-component></demo-component>
 	`,
 }));
 //# sourceMappingURL=index.html.js.map

package/x/index.html.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.html.js","sourceRoot":"","sources":["../s/index.html.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,aAAa,CAAA;AAErC,MAAM,KAAK,GAAG,KAAK,CAAA;AACnB,MAAM,WAAW,GAAG,0BAA0B,CAAA;AAC9C,MAAM,MAAM,GAAG,cAAc,CAAA;AAC7B,MAAM,OAAO,GAAG,qBAAqB,CAAA;AAErC,eAAe,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,GAAG,EAAC,EAAE,CAAC,CAAC;IACtD,KAAK;IACL,EAAE,EAAE,yBAAyB;IAC7B,GAAG,EAAE,eAAe;IACpB,OAAO;IACP,IAAI,EAAE,IAAI;IACV,UAAU,EAAE;QACX,UAAU,EAAE,SAAS;QACrB,KAAK;QACL,WAAW;QACX,QAAQ,EAAE,WAAW;QACrB,KAAK,EAAE,UAAU,GAAG,MAAM,GAAG,OAAO;KACpC;IAED,IAAI,EAAE,IAAI,CAAA;;EAET;IAED,IAAI,EAAE,IAAI,CAAA;;;;kBAIO,GAAG,CAAC,cAAc,EAAE;;;EAGpC;CACD,CAAC,CAAC,CAAA"}
+{"version":3,"file":"index.html.js","sourceRoot":"","sources":["../s/index.html.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,aAAa,CAAA;AAErC,MAAM,KAAK,GAAG,KAAK,CAAA;AACnB,MAAM,WAAW,GAAG,0BAA0B,CAAA;AAC9C,MAAM,MAAM,GAAG,cAAc,CAAA;AAC7B,MAAM,OAAO,GAAG,qBAAqB,CAAA;AAErC,eAAe,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,GAAG,EAAC,EAAE,CAAC,CAAC;IACtD,KAAK;IACL,EAAE,EAAE,yBAAyB;IAC7B,GAAG,EAAE,eAAe;IACpB,OAAO;IACP,IAAI,EAAE,IAAI;IACV,UAAU,EAAE;QACX,UAAU,EAAE,SAAS;QACrB,KAAK;QACL,WAAW;QACX,QAAQ,EAAE,WAAW;QACrB,KAAK,EAAE,UAAU,GAAG,MAAM,GAAG,OAAO;KACpC;IAED,IAAI,EAAE,IAAI,CAAA;;EAET;IAED,IAAI,EAAE,IAAI,CAAA;;;;kBAIO,GAAG,CAAC,cAAc,EAAE;;;;;EAKpC;CACD,CAAC,CAAC,CAAA"}

package/x/index.js

@@ -1,16 +1,8 @@
-export * from "./dom/dashify.js";
-export * from "./dom/register.js";
-export * from "./dom/types.js";
-export * from "./ops/loaders/make-loader.js";
-export * from "./ops/loaders/parts/ascii-anim.js";
-export * from "./ops/loaders/parts/error-display.js";
-export * from "./ops/op.js";
-export * from "./ops/podium.js";
-export * from "./ops/types.js";
-export * as loot from "./loot/index.js";
-export * from "./views/attributes.js";
-export * from "./views/css-reset.js";
-export * from "./views/types.js";
-export * from "./views/use.js";
-export * from "./views/view.js";
+export * from "./base/index.js";
+export * from "./dom/index.js";
+export * from "./loaders/index.js";
+export * from "./loot/index.js";
+export * from "./ops/index.js";
+export * from "./spa/index.js";
+export * from "./view/index.js";
 //# sourceMappingURL=index.js.map

package/x/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../s/index.ts"],"names":[],"mappings":"AACA,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAE9B,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mCAAmC,CAAA;AACjD,cAAc,sCAAsC,CAAA;AACpD,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAE9B,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAA;AAEvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../s/index.ts"],"names":[],"mappings":"AACA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA"}

package/x/loaders/index.barrel.d.ts

@@ -0,0 +1,6 @@
+export * as anims from "./parts/anims.js";
+export * from "./parts/ascii-anim.js";
+export * from "./parts/error-display.js";
+export * from "./make.js";
+export * from "./mock.js";
+export * from "./types.js";

package/x/loaders/index.barrel.js

@@ -0,0 +1,7 @@
+export * as anims from "./parts/anims.js";
+export * from "./parts/ascii-anim.js";
+export * from "./parts/error-display.js";
+export * from "./make.js";
+export * from "./mock.js";
+export * from "./types.js";
+//# sourceMappingURL=index.barrel.js.map

package/x/loaders/index.barrel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.barrel.js","sourceRoot":"","sources":["../../s/loaders/index.barrel.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,kBAAkB,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA"}

package/x/loaders/index.d.ts

@@ -0,0 +1 @@
+export * as loaders from "./index.barrel.js";

package/x/loaders/index.js

@@ -0,0 +1,2 @@
+export * as loaders from "./index.barrel.js";
+//# sourceMappingURL=index.js.map

package/x/loaders/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/loaders/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,OAAO,MAAM,mBAAmB,CAAA"}

package/x/loaders/make.d.ts

@@ -0,0 +1,3 @@
+import { Loader } from "./types.js";
+import type { Content } from "../view/types.js";
+export declare function make(loading?: () => Content, error?: (error: any) => Content): Loader;

package/x/loaders/make.js

@@ -0,0 +1,6 @@
+import { earth } from "./parts/anims.js";
+import { ErrorDisplay } from "./parts/error-display.js";
+export function make(loading = earth, error = (error) => ErrorDisplay(error)) {
+    return (op, ready) => op.select({ loading, ready, error });
+}
+//# sourceMappingURL=make.js.map

package/x/loaders/make.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"make.js","sourceRoot":"","sources":["../../s/loaders/make.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAA;AAEtC,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAA;AAErD,MAAM,UAAU,IAAI,CAClB,UAAyB,KAAK,EAC9B,QAAiC,CAAC,KAAU,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;IAGrE,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,EAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC,CAAA;AACzD,CAAC"}

package/x/loaders/mock.d.ts

@@ -0,0 +1,2 @@
+import { Loader } from "./types.js";
+export declare function mock(): Loader;

package/x/loaders/mock.js

@@ -0,0 +1,8 @@
+export function mock() {
+    return (op, ready) => op.select({
+        ready,
+        loading: () => `[loading]`,
+        error: () => `[error]`,
+    });
+}
+//# sourceMappingURL=mock.js.map

package/x/loaders/mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock.js","sourceRoot":"","sources":["../../s/loaders/mock.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,IAAI;IACnB,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC;QAC/B,KAAK;QACL,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW;QAC1B,KAAK,EAAE,GAAG,EAAE,CAAC,SAAS;KACtB,CAAC,CAAA;AACH,CAAC"}

package/x/{ops/loaders → loaders}/parts/anims.d.ts

@@ -1,4 +1,4 @@
-import { Content } from "../../../views/types.js";
+import type { Content } from "../../view/types.js";
 export declare const spinner: () => Content;
 export declare const braille: () => Content;
 export declare const arrow: () => Content;

package/x/loaders/parts/anims.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anims.js","sourceRoot":"","sources":["../../../s/loaders/parts/anims.ts"],"names":[],"mappings":"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"}

package/x/{ops/loaders → loaders}/parts/ascii-anim.d.ts

@@ -1,6 +1,6 @@
-import { Content } from "../../../views/types.js";
+import { Content } from "../../view/types.js";
 export declare function makeAsciiAnim(hz: number, frames: string[]): () => Content;
-export declare const AsciiAnim: import("../../../views/types.js").View<[{
+export declare const AsciiAnim: import("../../view/types.js").View<[{
     hz: number;
     frames: string[];
 }]>;

package/x/{ops/loaders → loaders}/parts/ascii-anim.js

@@ -1,7 +1,7 @@
 import { css } from "lit";
 import { nap, repeat } from "@e280/stz";
-import { view } from "../../../views/view.js";
-import { cssReset } from "../../../views/css-reset.js";
+import { view } from "../../view/view.js";
+import { cssReset } from "../../base/css-reset.js";
 export function makeAsciiAnim(hz, frames) {
     return () => AsciiAnim({ hz, frames });
 }

package/x/loaders/parts/ascii-anim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascii-anim.js","sourceRoot":"","sources":["../../../s/loaders/parts/ascii-anim.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,OAAO,EAAC,GAAG,EAAE,MAAM,EAAC,MAAM,WAAW,CAAA;AAErC,OAAO,EAAC,IAAI,EAAC,MAAM,oBAAoB,CAAA;AAEvC,OAAO,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAA;AAEhD,MAAM,UAAU,aAAa,CAAC,EAAU,EAAE,MAAgB;IACzD,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,EAAC,EAAE,EAAE,MAAM,EAAC,CAAC,CAAA;AACrC,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAC,EAAE,EAAE,MAAM,EAG/C,EAAE,EAAE;IAEL,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACnB,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IAE3B,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IAE3B,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,IAAG,EAAE;QAChC,MAAM,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAA;QACpB,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;QAC5B,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IAC5C,CAAC,CAAC,CAAC,CAAA;IAEH,OAAO,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAA;AAC9B,CAAC,CAAC,CAAA;AAEF,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;CAMhB,CAAA"}

package/x/loaders/parts/error-display.d.ts

@@ -0,0 +1 @@
+export declare const ErrorDisplay: import("../../index.js").View<[error: any]>;

package/x/{ops/loaders → loaders}/parts/error-display.js

@@ -1,6 +1,6 @@
 import { css, html } from "lit";
-import { view } from "../../../views/view.js";
-import { cssReset } from "../../../views/css-reset.js";
+import { view } from "../../view/view.js";
+import { cssReset } from "../../base/css-reset.js";
 export const ErrorDisplay = view(use => (error) => {
     use.name("error");
     use.styles(cssReset, style);

package/x/loaders/parts/error-display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-display.js","sourceRoot":"","sources":["../../../s/loaders/parts/error-display.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,IAAI,EAAC,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAA;AAEhD,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,KAAU,EAAE,EAAE;IACtD,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IACjB,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IAE3B,IAAI,OAAO,KAAK,KAAK,QAAQ;QAC5B,OAAO,KAAK,CAAA;SAER,IAAI,KAAK,YAAY,KAAK;QAC9B,OAAO,IAAI,CAAA,WAAW,KAAK,CAAC,IAAI,oBAAoB,KAAK,CAAC,OAAO,SAAS,CAAA;;QAG1E,OAAO,OAAO,CAAA;AAChB,CAAC,CAAC,CAAA;AAEF,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;CAKhB,CAAA"}

package/x/loaders/types.d.ts

@@ -0,0 +1,3 @@
+import type { Op } from "../ops/op.js";
+import type { Content } from "../view/types.js";
+export type Loader = <V>(op: Op<V>, ready: (value: V) => Content) => Content;