@e280/sly 0.2.0-26 → 0.2.0-27

package/x/demo/views/fastcount.js

@@ -1,5 +1,5 @@
 import { css, html } from "lit";
-import { nap, repeat } from "@e280/stz";
+import { nap, cycle } from "@e280/stz";
 import { dom } from "../../dom/dom.js";
 import { BaseElement } from "../../base/element.js";
 export class FastcountElement extends BaseElement {
@@ -9,7 +9,7 @@ export class FastcountElement extends BaseElement {
     render(use) {
         const { value = 1 } = this.attrs;
         const $count = use.signal(0);
-        use.mount(() => repeat(async () => {
+        use.mount(() => cycle(async () => {
             await nap(10);
             await $count($count() + 1);
         }));

package/x/demo/views/fastcount.js.map

@@ -1 +1 @@
-{"version":3,"file":"fastcount.js","sourceRoot":"","sources":["../../../s/demo/views/fastcount.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,GAAG,EAAE,MAAM,EAAC,MAAM,WAAW,CAAA;AAErC,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAA;AAEjD,MAAM,OAAO,gBAAiB,SAAQ,WAAW;IAChD,MAAM,CAAC,MAAM,GAAG,GAAG,CAAA,oBAAoB,CAAA;IAEvC,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC,CAAA;IAC7C,SAAS,GAAG,EAAC,QAAQ,EAAE,MAAM,EAAC,CAAA;IAE9B,MAAM,CAAC,GAAQ;QACd,MAAM,EAAC,KAAK,GAAG,CAAC,EAAC,GAAG,IAAI,CAAC,KAAK,CAAA;QAC9B,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;QAE5B,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,IAAG,EAAE;YAChC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAA;YACb,MAAM,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;QAC3B,CAAC,CAAC,CAAC,CAAA;QAEH,OAAO,IAAI,CAAA;WACF,MAAM,EAAE,GAAG,KAAK;GACxB,CAAA;IACF,CAAC"}
+{"version":3,"file":"fastcount.js","sourceRoot":"","sources":["../../../s/demo/views/fastcount.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,GAAG,EAAE,KAAK,EAAC,MAAM,WAAW,CAAA;AAEpC,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAA;AAEjD,MAAM,OAAO,gBAAiB,SAAQ,WAAW;IAChD,MAAM,CAAC,MAAM,GAAG,GAAG,CAAA,oBAAoB,CAAA;IAEvC,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC,CAAA;IAC7C,SAAS,GAAG,EAAC,QAAQ,EAAE,MAAM,EAAC,CAAA;IAE9B,MAAM,CAAC,GAAQ;QACd,MAAM,EAAC,KAAK,GAAG,CAAC,EAAC,GAAG,IAAI,CAAC,KAAK,CAAA;QAC9B,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;QAE5B,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,IAAG,EAAE;YAC/B,MAAM,GAAG,CAAC,EAAE,CAAC,CAAA;YACb,MAAM,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;QAC3B,CAAC,CAAC,CAAC,CAAA;QAEH,OAAO,IAAI,CAAA;WACF,MAAM,EAAE,GAAG,KAAK;GACxB,CAAA;IACF,CAAC"}

package/x/dom/attrs/attrs.d.ts

@@ -16,5 +16,8 @@ export declare namespace attrs {
         string: (e: HTMLElement, key: string, value: string | undefined) => boolean;
         number: (e: HTMLElement, key: string, value: number | undefined) => boolean;
         boolean: (e: HTMLElement, key: string, value: boolean | undefined) => boolean;
+        any: (element: HTMLElement, key: string, value: import("../types.js").AttrValue) => void;
+        entries: (element: HTMLElement, entries: Iterable<[key: string, value: import("../types.js").AttrValue]>) => void;
+        record: (element: HTMLElement, record: Record<string, import("../types.js").AttrValue>) => void;
     };
 }

package/x/dom/attrs/attrs.js

@@ -1,7 +1,7 @@
 import { onAttrs } from "./parts/on-attrs.js";
-import { attrFns } from "./parts/attr-fns.js";
 import { attrSpec } from "./parts/attr-spec.js";
 import { AttrProxies } from "./parts/attr-proxies.js";
+import { attrGet, attrSet } from "./parts/attr-fns.js";
 export function attrs(element) {
     const proxies = new AttrProxies(element);
     return {
@@ -12,6 +12,6 @@ export function attrs(element) {
         spec: (spec) => attrSpec(element, spec),
     };
 }
-attrs.get = attrFns.get;
-attrs.set = attrFns.set;
+attrs.get = attrGet;
+attrs.set = attrSet;
 //# sourceMappingURL=attrs.js.map

package/x/dom/attrs/attrs.js.map

@@ -1 +1 @@
-{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../../../s/dom/attrs/attrs.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAA;AAEnD,MAAM,UAAU,KAAK,CAAC,OAAoB;IACzC,MAAM,OAAO,GAAG,IAAI,WAAW,CAAC,OAAO,CAAC,CAAA;IACxC,OAAO;QACN,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,EAAE,EAAE,CAAC,EAAc,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;QAC5C,IAAI,EAAE,CAAqB,IAAO,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC;KAC9D,CAAA;AACF,CAAC;AAED,KAAK,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,CAAA;AACvB,KAAK,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,CAAA"}
+{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../../../s/dom/attrs/attrs.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAC,OAAO,EAAE,OAAO,EAAC,MAAM,qBAAqB,CAAA;AAEpD,MAAM,UAAU,KAAK,CAAC,OAAoB;IACzC,MAAM,OAAO,GAAG,IAAI,WAAW,CAAC,OAAO,CAAC,CAAA;IACxC,OAAO;QACN,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,EAAE,EAAE,CAAC,EAAc,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;QAC5C,IAAI,EAAE,CAAqB,IAAO,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC;KAC9D,CAAA;AACF,CAAC;AAED,KAAK,CAAC,GAAG,GAAG,OAAO,CAAA;AACnB,KAAK,CAAC,GAAG,GAAG,OAAO,CAAA"}

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

@@ -1,13 +1,16 @@
-/** fns for getting and setting html attributes of various types */
-export declare const attrFns: {
-    get: {
-        string: (e: HTMLElement, key: string) => string | undefined;
-        number: (e: HTMLElement, key: string) => number | undefined;
-        boolean: (e: HTMLElement, key: string) => boolean;
-    };
-    set: {
-        string: (e: HTMLElement, key: string, value: string | undefined) => boolean;
-        number: (e: HTMLElement, key: string, value: number | undefined) => boolean;
-        boolean: (e: HTMLElement, key: string, value: boolean | undefined) => boolean;
-    };
+import { AttrValue } from "../../types.js";
+/** get html attributes */
+export declare const attrGet: {
+    string: (e: HTMLElement, key: string) => string | undefined;
+    number: (e: HTMLElement, key: string) => number | undefined;
+    boolean: (e: HTMLElement, key: string) => boolean;
+};
+/** set html attributes */
+export declare const attrSet: {
+    string: (e: HTMLElement, key: string, value: string | undefined) => boolean;
+    number: (e: HTMLElement, key: string, value: number | undefined) => boolean;
+    boolean: (e: HTMLElement, key: string, value: boolean | undefined) => boolean;
+    any: (element: HTMLElement, key: string, value: AttrValue) => void;
+    entries: (element: HTMLElement, entries: Iterable<[key: string, value: AttrValue]>) => void;
+    record: (element: HTMLElement, record: Record<string, AttrValue>) => void;
 };

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

@@ -1,42 +1,64 @@
-/** 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, "");
+/** 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
-                e.removeAttribute(key);
-            return true;
-        },
+                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

@@ -1 +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"}
+{"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.js

@@ -1,4 +1,4 @@
-import { attrFns } from "./attr-fns.js";
+import { attrGet, attrSet } from "./attr-fns.js";
 /** a typed proxy accessor for html attributes */
 export class AttrProxies {
     element;
@@ -6,16 +6,16 @@ export class AttrProxies {
         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)),
+        get: (_t, key) => (attrGet.string(this.element, key)),
+        set: (_t, key, value) => (attrSet.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)),
+        get: (_t, key) => (attrGet.number(this.element, key)),
+        set: (_t, key, value) => (attrSet.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)),
+        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

@@ -1 +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"}
+{"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.js

@@ -1,19 +1,19 @@
-import { attrFns } from "./attr-fns.js";
+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 attrFns.get.string(e, key);
-            case Number: return attrFns.get.number(e, key);
-            case Boolean: return attrFns.get.boolean(e, 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 attrFns.set.string(e, key, value);
-            case Number: return attrFns.set.number(e, key, value);
-            case Boolean: return attrFns.set.boolean(e, key, value);
+            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}"`);
         }
     },

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

@@ -1 +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"}
+{"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/dom.d.ts

@@ -1,33 +1,17 @@
-import { AttrSpec } from "./types.js";
+import { eve } from "./parts/eve.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>(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<E extends Queryable>(selector: string): E;
-export declare function dom<E extends Queryable>(element: E): Dom<E>;
+import { Dom } from "./parts/dom-scope.js";
+import { Queryable, Renderable } from "./types.js";
+import { queryAll, queryMaybe, queryRequire } from "./parts/queries.js";
+export declare function dom<E extends Element>(selector: string, container?: Queryable): E;
 export declare namespace dom {
-    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[];
+    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;

package/x/dom/dom.js

@@ -1,57 +1,24 @@
 import { render } from "lit";
 import { el } from "./parts/el.js";
-import { attrs } from "./attrs/attrs.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";
-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(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(`element not found (${selector})`);
-        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);
-    }
-    attrs() {
-        return attrs(this.element);
-    }
-    events(spec) {
-        return eve(this.element, spec);
-    }
+import { queryAll, queryMaybe, queryRequire } from "./parts/queries.js";
+export function dom(selector, container = document) {
+    return queryRequire(selector, container);
 }
-export function dom(selectorOrElement) {
-    return (typeof selectorOrElement === "string")
-        ? require(document, selectorOrElement)
-        : new Dom(selectorOrElement);
-}
-const doc = new Dom(document);
-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.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;

package/x/dom/dom.js.map

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

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

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

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

@@ -1 +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"}
+{"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/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/types.d.ts

@@ -1,4 +1,7 @@
 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 = {

package/x/index.html

@@ -111,7 +111,7 @@ body {
 }
 
 </style>
-					<script type=module src="demo/demo.bundle.min.js?v=2cebb60c212d"></script>
+					<script type=module src="demo/demo.bundle.min.js?v=ae446f6d6ad9"></script>
 					<link rel="icon" href="assets/favicon.png?v=4dc161ed79b3"/>
 
 		<meta name="theme-color" content="#95ff7b">
@@ -131,7 +131,7 @@ 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-26</p>
+	<p class=lil>v0.2.0-27</p>
 
 	<fastcount-element></fastcount-element>
 	<counter-component start=280 step=2>component</counter-component>