@e280/sly 0.2.0-3 → 0.2.0-30

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

@@ -0,0 +1,64 @@
+/** get html attributes */
+export const attrGet = {
+    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 html attributes */
+export const attrSet = {
+    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;
+    },
+    any: (element, key, value) => {
+        if (value === undefined || value === null)
+            element.removeAttribute(key);
+        else if (typeof value === "string")
+            element.setAttribute(key, value);
+        else if (typeof value === "number")
+            element.setAttribute(key, value.toString());
+        else if (typeof value === "boolean") {
+            if (value === true)
+                element.setAttribute(key, "");
+            else
+                element.removeAttribute(key);
+        }
+        else
+            console.warn(`invalid attribute "${key}" type is "${typeof value}"`);
+    },
+    entries: (element, entries) => {
+        for (const [key, value] of entries)
+            attrSet.any(element, key, value);
+    },
+    record: (element, record) => {
+        return attrSet.entries(element, Object.entries(record));
+    },
+};
+//# 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":"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"}

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 { attrGet, attrSet } 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) => (attrGet.string(this.element, key)),
+        set: (_t, key, value) => (attrSet.string(this.element, key, value)),
+    });
+    numbers = new Proxy({}, {
+        get: (_t, key) => (attrGet.number(this.element, key)),
+        set: (_t, key, value) => (attrSet.number(this.element, key, value)),
+    });
+    booleans = new Proxy({}, {
+        get: (_t, key) => (attrGet.boolean(this.element, key)),
+        set: (_t, key, value) => (attrSet.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,EAAE,OAAO,EAAC,MAAM,eAAe,CAAA;AAE9C,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,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CACjC;QACD,GAAG,EAAE,CAAC,EAAE,EAAE,GAAW,EAAE,KAAyB,EAAE,EAAE,CAAC,CACpD,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,CACxC;KACD,CAAuC,CAAA;IAExC,OAAO,GAAG,IAAI,KAAK,CAAC,EAAE,EAAE;QACvB,GAAG,EAAE,CAAC,EAAE,EAAE,GAAW,EAAE,EAAE,CAAC,CACzB,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CACjC;QACD,GAAG,EAAE,CAAC,EAAE,EAAE,GAAW,EAAE,KAAyB,EAAE,EAAE,CAAC,CACpD,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,CACxC;KACD,CAAuC,CAAA;IAExC,QAAQ,GAAG,IAAI,KAAK,CAAC,EAAE,EAAE;QACxB,GAAG,EAAE,CAAC,EAAE,EAAE,GAAW,EAAE,EAAE,CAAC,CACzB,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAClC;QACD,GAAG,EAAE,CAAC,EAAE,EAAE,GAAW,EAAE,KAA0B,EAAE,EAAE,CAAC,CACrD,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,CACzC;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 { attrGet, attrSet } 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 attrGet.string(e, key);
+            case Number: return attrGet.number(e, key);
+            case Boolean: return attrGet.boolean(e, key);
+            default: throw new Error(`invalid attribute type for "${key}"`);
+        }
+    },
+    set: (_target, key, value) => {
+        switch (spec[key]) {
+            case String: return attrSet.string(e, key, value);
+            case Number: return attrSet.number(e, key, value);
+            case Boolean: return attrSet.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":"AACA,OAAO,EAAC,OAAO,EAAE,OAAO,EAAC,MAAM,eAAe,CAAA;AAG9C,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,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;YAC1C,KAAK,MAAM,CAAC,CAAC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;YAC1C,KAAK,OAAO,CAAC,CAAC,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;YAC5C,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,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;YACjD,KAAK,MAAM,CAAC,CAAC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;YACjD,KAAK,OAAO,CAAC,CAAC,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;YACnD,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,20 @@
-import { Content } from "../views/types.js";
+import { eve } from "./parts/eve.js";
+import { Content } from "../view/types.js";
+import { Dom } from "./parts/dom-scope.js";
 import { Queryable, Renderable } from "./types.js";
-export declare class Dom<C extends Queryable> {
-    element: C;
-    constructor(element: C);
-    in<E extends HTMLElement>(elementOrSelector: E | string): 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;
-}
-export declare function dom(selector: string): HTMLElement;
+import { queryAll, queryMaybe, queryRequire } from "./parts/queries.js";
+export declare function dom<E extends Element>(selector: string, container?: Queryable): E;
 export declare namespace dom {
-    export var register: typeof import("./register.js").register;
+    var _a: <E extends HTMLElement>(selectorOrElement: string | E, container?: Queryable) => Dom<E>;
+    export var require: typeof queryRequire;
+    export var maybe: typeof queryMaybe;
+    export var all: typeof queryAll;
+    export var el: typeof import("./parts/el.js").el;
+    export var elmer: typeof import("./parts/elmer.js").elmer;
+    export var mk: typeof import("./parts/mk.js").mk;
+    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;
-    var _a: <E extends HTMLElement>(elementOrSelector: 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 { _a as in };
 }

package/x/dom/dom.js

@@ -1,41 +1,28 @@
 import { render } from "lit";
-import { register } from "./register.js";
-export class Dom {
-    element;
-    constructor(element) {
-        this.element = element;
-    }
-    in(elementOrSelector) {
-        return new Dom(typeof elementOrSelector === "string"
-            ? this.require(elementOrSelector)
-            : elementOrSelector);
-    }
-    require(selector) {
-        const e = this.element.querySelector(selector);
-        if (!e)
-            throw new Error(`$1 ${selector} not found`);
-        return e;
-    }
-    maybe(selector) {
-        return this.element.querySelector(selector);
-    }
-    all(selector) {
-        return Array.from(this.element.querySelectorAll(selector));
-    }
-    render(...content) {
-        return render(content, this.element);
-    }
+import { el } from "./parts/el.js";
+import { mk } from "./parts/mk.js";
+import { eve } from "./parts/eve.js";
+import { attrs } from "./attrs/attrs.js";
+import { elmer } from "./parts/elmer.js";
+import { Dom } from "./parts/dom-scope.js";
+import { register } from "./parts/register.js";
+import { queryAll, queryMaybe, queryRequire } from "./parts/queries.js";
+export function dom(selector, container = document) {
+    return queryRequire(selector, container);
 }
-export function dom(selector) {
-    return new Dom(document).require(selector);
-}
-const doc = new Dom(document);
+dom.in = (selectorOrElement, container = document) => {
+    return new Dom(container).in(selectorOrElement);
+};
+dom.require = queryRequire;
+dom.maybe = queryMaybe;
+dom.all = queryAll;
+dom.el = el;
+dom.elmer = elmer;
+dom.mk = mk;
+dom.events = eve;
+dom.attrs = attrs;
 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);
 //# 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":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAC,EAAE,EAAC,MAAM,eAAe,CAAA;AAChC,OAAO,EAAC,EAAE,EAAC,MAAM,eAAe,CAAA;AAChC,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAA;AAClC,OAAO,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAA;AACtC,OAAO,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAA;AAEtC,OAAO,EAAC,GAAG,EAAC,MAAM,sBAAsB,CAAA;AACxC,OAAO,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAA;AAE5C,OAAO,EAAC,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAC,MAAM,oBAAoB,CAAA;AAErE,MAAM,UAAU,GAAG,CAAoB,QAAgB,EAAE,YAAuB,QAAQ;IACvF,OAAO,YAAY,CAAI,QAAQ,EAAE,SAAS,CAAC,CAAA;AAC5C,CAAC;AAED,GAAG,CAAC,EAAE,GAAG,CAAwB,iBAA6B,EAAE,YAAuB,QAAQ,EAAE,EAAE;IAClG,OAAO,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAA;AAChD,CAAC,CAAA;AAED,GAAG,CAAC,OAAO,GAAG,YAAY,CAAA;AAC1B,GAAG,CAAC,KAAK,GAAG,UAAU,CAAA;AACtB,GAAG,CAAC,GAAG,GAAG,QAAQ,CAAA;AAElB,GAAG,CAAC,EAAE,GAAG,EAAE,CAAA;AACX,GAAG,CAAC,KAAK,GAAG,KAAK,CAAA;AACjB,GAAG,CAAC,EAAE,GAAG,EAAE,CAAA;AACX,GAAG,CAAC,MAAM,GAAG,GAAG,CAAA;AAChB,GAAG,CAAC,KAAK,GAAG,KAAK,CAAA;AACjB,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"}

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/dom-scope.d.ts

@@ -0,0 +1,15 @@
+import { EveSpec } from "./eve.js";
+import { Content } from "../../view/types.js";
+import { Attrs, Queryable } from "../types.js";
+export declare class Dom<C extends Queryable> {
+    #private;
+    element: C;
+    constructor(element: C);
+    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;
+    get attrs(): Attrs;
+    events(spec: EveSpec): () => void;
+}

package/x/dom/parts/dom-scope.js

@@ -0,0 +1,35 @@
+import { render } from "lit";
+import { eve } from "./eve.js";
+import { attrs } from "../attrs/attrs.js";
+import { queryAll, queryMaybe, queryRequire } from "./queries.js";
+export class Dom {
+    element;
+    #attrs;
+    constructor(element) {
+        this.element = element;
+    }
+    in(selectorOrElement) {
+        return new Dom((typeof selectorOrElement === "string")
+            ? queryRequire(selectorOrElement, this.element)
+            : selectorOrElement);
+    }
+    require(selector) {
+        return queryRequire(selector, this.element);
+    }
+    maybe(selector) {
+        return queryMaybe(selector, this.element);
+    }
+    all(selector) {
+        return queryAll(selector, this.element);
+    }
+    render(...content) {
+        return render(content, this.element);
+    }
+    get attrs() {
+        return this.#attrs ??= attrs(this.element);
+    }
+    events(spec) {
+        return eve(this.element, spec);
+    }
+}
+//# sourceMappingURL=dom-scope.js.map

package/x/dom/parts/dom-scope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-scope.js","sourceRoot":"","sources":["../../../s/dom/parts/dom-scope.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAC,GAAG,EAAU,MAAM,UAAU,CAAA;AACrC,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAA;AAGvC,OAAO,EAAC,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAC,MAAM,cAAc,CAAA;AAE/D,MAAM,OAAO,GAAG;IAGI;IAFnB,MAAM,CAAQ;IAEd,YAAmB,OAAU;QAAV,YAAO,GAAP,OAAO,CAAG;IAAG,CAAC;IAEjC,EAAE,CAAwB,iBAA6B;QACtD,OAAO,IAAI,GAAG,CACb,CAAC,OAAO,iBAAiB,KAAK,QAAQ,CAAC;YACtC,CAAC,CAAC,YAAY,CAAC,iBAAiB,EAAE,IAAI,CAAC,OAAO,CAAM;YACpD,CAAC,CAAC,iBAAiB,CACpB,CAAA;IACF,CAAC;IAED,OAAO,CAAkC,QAAgB;QACxD,OAAO,YAAY,CAAI,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;IAC/C,CAAC;IAED,KAAK,CAAkC,QAAgB;QACtD,OAAO,UAAU,CAAI,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;IAC7C,CAAC;IAED,GAAG,CAAkC,QAAgB;QACpD,OAAO,QAAQ,CAAI,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;IAC3C,CAAC;IAED,MAAM,CAAC,GAAG,OAAkB;QAC3B,OAAO,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,OAAqB,CAAC,CAAA;IACnD,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,IAAI,CAAC,OAAsB,CAAC,CAAA;IAC1D,CAAC;IAED,MAAM,CAAC,IAAa;QACnB,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;IAC/B,CAAC;CACD"}

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

@@ -0,0 +1,2 @@
+import { AttrValue } from "../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 { attrSet } from "../attrs/parts/attr-fns.js";
+export function el(tagName, attrs = {}) {
+    const element = document.createElement(tagName);
+    attrSet.record(element, 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,OAAO,EAAC,MAAM,4BAA4B,CAAA;AAElD,MAAM,UAAU,EAAE,CAChB,OAAe,EACf,QAAmC,EAAE;IAGtC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAM,CAAA;IACpD,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAC9B,OAAO,OAAO,CAAA;AACf,CAAC"}

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

@@ -0,0 +1,11 @@
+import { AttrValue } from "../types.js";
+export declare function elmer<E extends HTMLElement = HTMLElement>(tagName: string): Elmer<E>;
+export declare class Elmer<E extends HTMLElement = HTMLElement> {
+    #private;
+    tagName: string;
+    constructor(tagName: string);
+    attr(key: string, value?: AttrValue): this;
+    attrs(record: Record<string, AttrValue>): this;
+    children(...elements: (Node | string)[]): this;
+    done(): E;
+}

package/x/dom/parts/elmer.js

@@ -0,0 +1,32 @@
+import { attrSet } from "../attrs/parts/attr-fns.js";
+export function elmer(tagName) {
+    return new Elmer(tagName);
+}
+export class Elmer {
+    tagName;
+    #attrs = new Map();
+    #children = [];
+    constructor(tagName) {
+        this.tagName = tagName;
+    }
+    attr(key, value = true) {
+        this.#attrs.set(key, value);
+        return this;
+    }
+    attrs(record) {
+        for (const [key, value] of Object.entries(record))
+            this.attr(key, value);
+        return this;
+    }
+    children(...elements) {
+        this.#children.push(...elements);
+        return this;
+    }
+    done() {
+        const element = document.createElement(this.tagName);
+        attrSet.entries(element, this.#attrs);
+        element.append(...this.#children);
+        return element;
+    }
+}
+//# sourceMappingURL=elmer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elmer.js","sourceRoot":"","sources":["../../../s/dom/parts/elmer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAA;AAElD,MAAM,UAAU,KAAK,CAAsC,OAAe;IACzE,OAAO,IAAI,KAAK,CAAI,OAAO,CAAC,CAAA;AAC7B,CAAC;AAED,MAAM,OAAO,KAAK;IAIE;IAHnB,MAAM,GAAG,IAAI,GAAG,EAAqB,CAAA;IACrC,SAAS,GAAsB,EAAE,CAAA;IAEjC,YAAmB,OAAe;QAAf,YAAO,GAAP,OAAO,CAAQ;IAAG,CAAC;IAEtC,IAAI,CAAC,GAAW,EAAE,QAAmB,IAAI;QACxC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;QAC3B,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,KAAK,CAAC,MAAiC;QACtC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC;YAChD,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;QACtB,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,QAAQ,CAAC,GAAG,QAA2B;QACtC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAA;QAChC,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,IAAI;QACH,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACpD,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;QACrC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAA;QACjC,OAAO,OAAY,CAAA;IACpB,CAAC;CACD"}

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/parts/mk.d.ts

@@ -0,0 +1,2 @@
+import { TemplateResult } from "lit";
+export declare function mk<E extends Element = HTMLElement>(template: TemplateResult): E;

package/x/dom/parts/mk.js

@@ -0,0 +1,7 @@
+import { render } from "lit";
+export function mk(template) {
+    const fragment = document.createDocumentFragment();
+    render(template, fragment);
+    return fragment.firstElementChild;
+}
+//# sourceMappingURL=mk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mk.js","sourceRoot":"","sources":["../../../s/dom/parts/mk.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAiB,MAAM,KAAK,CAAA;AAE1C,MAAM,UAAU,EAAE,CAAkC,QAAwB;IAC3E,MAAM,QAAQ,GAAG,QAAQ,CAAC,sBAAsB,EAAE,CAAA;IAClD,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC1B,OAAO,QAAQ,CAAC,iBAAsB,CAAA;AACvC,CAAC"}

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

@@ -0,0 +1,4 @@
+import { Queryable } from "../types.js";
+export declare function queryRequire<E extends Element>(selector: string, container?: Queryable): E;
+export declare function queryMaybe<E extends Element>(selector: string, container?: Queryable): E | null;
+export declare function queryAll<E extends Element>(selector: string, container?: Queryable): E[];

package/x/dom/parts/queries.js

@@ -0,0 +1,13 @@
+export function queryRequire(selector, container = document) {
+    const e = container.querySelector(selector);
+    if (!e)
+        throw new Error(`element not found (${selector})`);
+    return e;
+}
+export function queryMaybe(selector, container = document) {
+    return container.querySelector(selector);
+}
+export function queryAll(selector, container = document) {
+    return Array.from(container.querySelectorAll(selector));
+}
+//# sourceMappingURL=queries.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"queries.js","sourceRoot":"","sources":["../../../s/dom/parts/queries.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,YAAY,CAC1B,QAAgB,EAChB,YAAuB,QAAQ;IAEhC,MAAM,CAAC,GAAG,SAAS,CAAC,aAAa,CAAI,QAAQ,CAAC,CAAA;IAC9C,IAAI,CAAC,CAAC;QAAE,MAAM,IAAI,KAAK,CAAC,sBAAsB,QAAQ,GAAG,CAAC,CAAA;IAC1D,OAAO,CAAC,CAAA;AACT,CAAC;AAED,MAAM,UAAU,UAAU,CACxB,QAAgB,EAChB,YAAuB,QAAQ;IAEhC,OAAO,SAAS,CAAC,aAAa,CAAI,QAAQ,CAAC,CAAA;AAC5C,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,QAAgB,EAChB,YAAuB,QAAQ;IAEhC,OAAO,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAI,QAAQ,CAAC,CAAC,CAAA;AAC3D,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,22 @@
+import { attrs } from "./attrs/attrs.js";
 export type Renderable = HTMLElement | ShadowRoot | DocumentFragment;
 export type Queryable = HTMLElement | ShadowRoot | Element | Document | DocumentFragment;
+export type AttrValue = string | boolean | number | undefined | null | void;
+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,16 +1,7 @@
-export * from "./dom/dashify.js";
-export * from "./dom/dom.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=6e009300431e"></script>
+					<script type=module src="demo/demo.bundle.min.js?v=317eb66ac5a3"></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-3</p>
-	<demo-counter>component</demo-counter>
-	<div class=demo></div>
+	<p class=lil>v0.2.0-30</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"}