grainjs 1.0.1 → 1.1.0

package/dist/cjs/lib/domDispose.d.ts

@@ -1,5 +1,6 @@
 import { IDisposable } from './dispose';
-export declare type INodeFunc = (node: Node) => void;
+export type INodeFunc = (node: Node) => void;
+/** @internal */
 export declare function _disposeNode(node: Node): void;
 export interface IDomDisposeHooks {
     disposeRecursive: (node: Node) => void;
@@ -17,26 +18,40 @@ export declare const domDisposeHooks: IDomDisposeHooks;
  * It is automatically called if one of the function arguments to dom() throws an exception during
  * element creation. This way any onDispose() handlers set on the unfinished element get called.
  *
- * @param {Node} node: The element to run disposers on.
+ * @param node - The element to run disposers on.
  */
 export declare function domDispose(node: Node): void;
 /**
- * Associate a disposerFunc with a DOM element. It will be called when the element is disposed
- * using domDispose() on it or any of its parents. If onDispose is called multiple times, all
- * disposerFuncs will be called in reverse order.
- * @param {Element} elem: The element to associate the disposer with.
- * @param {Function} disposerFunc(elem): Will be called when domDispose() is called on the
- *    element or its ancestor.
+ * Associate a disposer function with a DOM element. It will be called when the element is disposed
+ * using `domDispose()` on it or any of its parents. If called multiple times, all
+ * disposer functions will be called in reverse order.
+ *
  * Note that it is not necessary usually to dispose event listeners attached to an element (e.g.
- * with dom.on()) since their lifetime is naturally limited to the lifetime of the element.
+ * with `dom.on()`) since their lifetime is naturally limited to the lifetime of the element.
+ *
+ * @param elem - The element to associate the disposer with.
+ * @param disposerFunc - Will be called when `domDispose()` is called on the element or its ancestor.
  */
 export declare function onDisposeElem(elem: Node, disposerFunc: INodeFunc): void;
+/**
+ * Associate a disposer function with a DOM element. It will be called when the element is disposed
+ * using `domDispose()` on it or any of its parents. If called multiple times, all
+ * disposer functions will be called in reverse order.
+ *
+ * @param disposerFunc - Will be called when `domDispose()` is called on the element or its ancestor.
+ */
 export declare function onDispose(disposerFunc: INodeFunc): (elem: Node) => void;
 /**
- * Make the given element own the disposable, and call its dispose method when domDispose() is
+ * Make the given element own the disposable, and call its dispose method when `domDispose()` is
  * called on the element or any of its parents.
- * @param {Element} elem: The element to own the disposable.
- * @param {Disposable} disposable: Anything with a .dispose() method.
+ * @param elem - The element to own the disposable.
+ * @param disposable - Anything with a `.dispose()` method.
  */
 export declare function autoDisposeElem(elem: Node, disposable: IDisposable | null): void;
+/**
+ * Make the given element own the disposable, and call its dispose method when `domDispose()` is
+ * called on the element or any of its parents.
+ *
+ * @param disposable - Anything with a `.dispose()` method.
+ */
 export declare function autoDispose(disposable: IDisposable | null): ((elem: Node) => void) | undefined;

package/dist/cjs/lib/domDispose.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.autoDispose = exports.autoDisposeElem = exports.onDispose = exports.onDisposeElem = exports.domDispose = exports.domDisposeHooks = exports._disposeNode = void 0;
 /**
  * Private global disposal map. It maintains the association between DOM nodes and cleanup
  * functions added with dom.onDispose(). To support multiple disposers on one element, we use a
@@ -25,6 +26,7 @@ function _walkDom(elem, visitFunc) {
     visitFunc(elem);
 }
 // Internal helper to run all disposers for a single element.
+/** @internal */
 function _disposeNode(node) {
     let disposer = _disposeMap.get(node);
     if (disposer) {
@@ -57,21 +59,22 @@ exports.domDisposeHooks = {
  * It is automatically called if one of the function arguments to dom() throws an exception during
  * element creation. This way any onDispose() handlers set on the unfinished element get called.
  *
- * @param {Node} node: The element to run disposers on.
+ * @param node - The element to run disposers on.
  */
 function domDispose(node) {
     exports.domDisposeHooks.disposeRecursive(node);
 }
 exports.domDispose = domDispose;
 /**
- * Associate a disposerFunc with a DOM element. It will be called when the element is disposed
- * using domDispose() on it or any of its parents. If onDispose is called multiple times, all
- * disposerFuncs will be called in reverse order.
- * @param {Element} elem: The element to associate the disposer with.
- * @param {Function} disposerFunc(elem): Will be called when domDispose() is called on the
- *    element or its ancestor.
+ * Associate a disposer function with a DOM element. It will be called when the element is disposed
+ * using `domDispose()` on it or any of its parents. If called multiple times, all
+ * disposer functions will be called in reverse order.
+ *
  * Note that it is not necessary usually to dispose event listeners attached to an element (e.g.
- * with dom.on()) since their lifetime is naturally limited to the lifetime of the element.
+ * with `dom.on()`) since their lifetime is naturally limited to the lifetime of the element.
+ *
+ * @param elem - The element to associate the disposer with.
+ * @param disposerFunc - Will be called when `domDispose()` is called on the element or its ancestor.
  */
 function onDisposeElem(elem, disposerFunc) {
     const prevDisposer = _disposeMap.get(elem);
@@ -81,15 +84,22 @@ function onDisposeElem(elem, disposerFunc) {
     }
 }
 exports.onDisposeElem = onDisposeElem;
+/**
+ * Associate a disposer function with a DOM element. It will be called when the element is disposed
+ * using `domDispose()` on it or any of its parents. If called multiple times, all
+ * disposer functions will be called in reverse order.
+ *
+ * @param disposerFunc - Will be called when `domDispose()` is called on the element or its ancestor.
+ */
 function onDispose(disposerFunc) {
     return (elem) => onDisposeElem(elem, disposerFunc);
 }
 exports.onDispose = onDispose;
 /**
- * Make the given element own the disposable, and call its dispose method when domDispose() is
+ * Make the given element own the disposable, and call its dispose method when `domDispose()` is
  * called on the element or any of its parents.
- * @param {Element} elem: The element to own the disposable.
- * @param {Disposable} disposable: Anything with a .dispose() method.
+ * @param elem - The element to own the disposable.
+ * @param disposable - Anything with a `.dispose()` method.
  */
 function autoDisposeElem(elem, disposable) {
     if (disposable) {
@@ -97,6 +107,12 @@ function autoDisposeElem(elem, disposable) {
     }
 }
 exports.autoDisposeElem = autoDisposeElem;
+/**
+ * Make the given element own the disposable, and call its dispose method when `domDispose()` is
+ * called on the element or any of its parents.
+ *
+ * @param disposable - Anything with a `.dispose()` method.
+ */
 function autoDispose(disposable) {
     if (disposable) {
         return (elem) => autoDisposeElem(elem, disposable);

package/dist/cjs/lib/domDispose.js.map

@@ -1 +1 @@
-{"version":3,"file":"domDispose.js","sourceRoot":"","sources":["../../../lib/domDispose.ts"],"names":[],"mappings":";;AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,GAAuC,IAAI,OAAO,EAAE,CAAC;AAItE,4FAA4F;AAC5F,mCAAmC;AACnC,SAAS,QAAQ,CAAC,IAAU,EAAE,SAAoB;IAChD,IAAI,CAAC,GAAc,IAAI,CAAC,UAAU,CAAC;IACnC,OAAO,CAAC,EAAE;QACR,4FAA4F;QAC5F,gCAAgC;QAChC,QAAQ,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;QACvB,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC;KACnB;IACD,SAAS,CAAC,IAAI,CAAC,CAAC;AAClB,CAAC;AAED,6DAA6D;AAC7D,SAAgB,YAAY,CAAC,IAAU;IACrC,IAAI,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACrC,IAAI,QAAQ,EAAE;QACZ,IAAI,GAAG,GAAmB,IAAI,CAAC;QAC/B,GAAG;YACD,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACxB,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,qEAAqE;YACrE,GAAG,GAAG,QAAQ,CAAC;YACf,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;SACjC,QAAQ,QAAQ,EAAE;KACpB;AACH,CAAC;AAZD,oCAYC;AAED,SAAS,qBAAqB,CAAC,IAAU;IACvC,QAAQ,CAAC,IAAI,EAAE,uBAAe,CAAC,WAAW,CAAC,CAAC;AAC9C,CAAC;AAOD;;;GAGG;AACU,QAAA,eAAe,GAAqB;IAC/C,WAAW,EAAE,YAAY;IACzB,gBAAgB,EAAE,qBAAqB;CACxC,CAAC;AAEF;;;;;;;;GAQG;AACH,SAAgB,UAAU,CAAC,IAAU;IACnC,uBAAe,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;AACzC,CAAC;AAFD,gCAEC;AAED;;;;;;;;;GASG;AACH,SAAgB,aAAa,CAAC,IAAU,EAAE,YAAuB;IAC/D,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC3C,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IACpC,IAAI,YAAY,EAAE;QAChB,WAAW,CAAC,GAAG,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;KAC7C;AACH,CAAC;AAND,sCAMC;AACD,SAAgB,SAAS,CAAC,YAAuB;IAC/C,OAAO,CAAC,IAAU,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;AAC3D,CAAC;AAFD,8BAEC;AAED;;;;;GAKG;AACH,SAAgB,eAAe,CAAC,IAAU,EAAE,UAA4B;IACtE,IAAI,UAAU,EAAE;QACd,aAAa,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC;KACjD;AACH,CAAC;AAJD,0CAIC;AACD,SAAgB,WAAW,CAAC,UAA4B;IACtD,IAAI,UAAU,EAAE;QACd,OAAO,CAAC,IAAU,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;KAC1D;AACH,CAAC;AAJD,kCAIC"}
+{"version":3,"file":"domDispose.js","sourceRoot":"","sources":["../../../lib/domDispose.ts"],"names":[],"mappings":";;;AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,GAAuC,IAAI,OAAO,EAAE,CAAC;AAItE,4FAA4F;AAC5F,mCAAmC;AACnC,SAAS,QAAQ,CAAC,IAAU,EAAE,SAAoB;IAChD,IAAI,CAAC,GAAc,IAAI,CAAC,UAAU,CAAC;IACnC,OAAO,CAAC,EAAE;QACR,4FAA4F;QAC5F,gCAAgC;QAChC,QAAQ,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;QACvB,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC;KACnB;IACD,SAAS,CAAC,IAAI,CAAC,CAAC;AAClB,CAAC;AAED,6DAA6D;AAC7D,gBAAgB;AAChB,SAAgB,YAAY,CAAC,IAAU;IACrC,IAAI,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACrC,IAAI,QAAQ,EAAE;QACZ,IAAI,GAAG,GAAmB,IAAI,CAAC;QAC/B,GAAG;YACD,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACxB,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,qEAAqE;YACrE,GAAG,GAAG,QAAQ,CAAC;YACf,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;SACjC,QAAQ,QAAQ,EAAE;KACpB;AACH,CAAC;AAZD,oCAYC;AAED,SAAS,qBAAqB,CAAC,IAAU;IACvC,QAAQ,CAAC,IAAI,EAAE,uBAAe,CAAC,WAAW,CAAC,CAAC;AAC9C,CAAC;AAOD;;;GAGG;AACU,QAAA,eAAe,GAAqB;IAC/C,WAAW,EAAE,YAAY;IACzB,gBAAgB,EAAE,qBAAqB;CACxC,CAAC;AAEF;;;;;;;;GAQG;AACH,SAAgB,UAAU,CAAC,IAAU;IACnC,uBAAe,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;AACzC,CAAC;AAFD,gCAEC;AAED;;;;;;;;;;GAUG;AACH,SAAgB,aAAa,CAAC,IAAU,EAAE,YAAuB;IAC/D,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC3C,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IACpC,IAAI,YAAY,EAAE;QAChB,WAAW,CAAC,GAAG,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;KAC7C;AACH,CAAC;AAND,sCAMC;AAED;;;;;;GAMG;AACH,SAAgB,SAAS,CAAC,YAAuB;IAC/C,OAAO,CAAC,IAAU,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;AAC3D,CAAC;AAFD,8BAEC;AAED;;;;;GAKG;AACH,SAAgB,eAAe,CAAC,IAAU,EAAE,UAA4B;IACtE,IAAI,UAAU,EAAE;QACd,aAAa,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC;KACjD;AACH,CAAC;AAJD,0CAIC;AAED;;;;;GAKG;AACH,SAAgB,WAAW,CAAC,UAA4B;IACtD,IAAI,UAAU,EAAE;QACd,OAAO,CAAC,IAAU,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;KAC1D;AACH,CAAC;AAJD,kCAIC"}

package/dist/cjs/lib/domForEach.d.ts

@@ -1,4 +1,4 @@
-import { DomMethod } from './domImpl';
+import { DomContents } from './domComputed';
 import { MaybeObsArray } from './obsArray';
 /**
  * Creates DOM elements for each element of an observable array. As the array is changed, children
@@ -12,10 +12,11 @@ import { MaybeObsArray } from './obsArray';
  * If the created nodes are removed from their parent externally, forEach() will cope with it, but
  * will consider these elements as no longer owned, and will not run domDispose() on them.
  *
- * Note that itemCreateFunc() does not receive an index: an index would only be correct at the
- * time the item is created, and would not reflect further changes to the array.
+ * Note that itemCreateFunc() is called with an index as the second argument, but that index is
+ * only accurate at the time of the call, and will stop reflecting the true index if more items
+ * are inserted or removed before it.
  *
  * If you'd like to map the DOM node back to its source item, use dom.data() and dom.getData() in
  * itemCreateFunc().
  */
-export declare function forEach<T>(obsArray: MaybeObsArray<T>, itemCreateFunc: (item: T) => Node | null): DomMethod;
+export declare function forEach<T>(obsArray: MaybeObsArray<T>, itemCreateFunc: (item: T, index: number) => Node | null): DomContents;

package/dist/cjs/lib/domForEach.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.forEach = void 0;
 const domComputed_1 = require("./domComputed");
 const domDispose_1 = require("./domDispose");
 const domImpl_1 = require("./domImpl");
@@ -18,56 +19,55 @@ const browserGlobals_1 = require("./browserGlobals");
  * If the created nodes are removed from their parent externally, forEach() will cope with it, but
  * will consider these elements as no longer owned, and will not run domDispose() on them.
  *
- * Note that itemCreateFunc() does not receive an index: an index would only be correct at the
- * time the item is created, and would not reflect further changes to the array.
+ * Note that itemCreateFunc() is called with an index as the second argument, but that index is
+ * only accurate at the time of the call, and will stop reflecting the true index if more items
+ * are inserted or removed before it.
  *
  * If you'd like to map the DOM node back to its source item, use dom.data() and dom.getData() in
  * itemCreateFunc().
  */
 function forEach(obsArray, itemCreateFunc) {
-    return (elem) => {
-        const markerPre = browserGlobals_1.G.document.createComment('a');
-        const markerPost = browserGlobals_1.G.document.createComment('b');
-        elem.appendChild(markerPre);
-        elem.appendChild(markerPost);
-        if (Array.isArray(obsArray)) {
-            domComputed_1.replaceContent(markerPre, markerPost, obsArray.map(itemCreateFunc));
-            return;
-        }
-        const nodes = obsArray_1.computedArray(obsArray, itemCreateFunc);
-        // Be sure to dispose the newly-created array when the DOM it's associated with is gone.
-        domDispose_1.autoDisposeElem(markerPost, nodes);
-        nodes.addListener((newArr, oldArr, splice) => {
-            if (splice) {
-                // Remove the elements that are gone.
-                for (const node of splice.deleted) {
-                    if (node && node.parentNode === elem) {
-                        domDispose_1.domDispose(node);
-                        elem.removeChild(node);
-                    }
-                }
-                if (splice.numAdded > 0) {
-                    // Find a valid child immediately following the spliced out portion, for DOM insertion.
-                    const endIndex = splice.start + splice.numAdded;
-                    let nextElem = markerPost;
-                    for (let i = endIndex; i < newArr.length; i++) {
-                        const node = newArr[i];
+    const markerPre = browserGlobals_1.G.document.createComment('a');
+    const markerPost = browserGlobals_1.G.document.createComment('b');
+    return [markerPre, markerPost, (elem) => {
+            if (Array.isArray(obsArray)) {
+                (0, domComputed_1.replaceContent)(markerPre, markerPost, obsArray.map(itemCreateFunc));
+                return;
+            }
+            const nodes = (0, obsArray_1.computedArray)(obsArray, itemCreateFunc);
+            // Be sure to dispose the newly-created array when the DOM it's associated with is gone.
+            (0, domDispose_1.autoDisposeElem)(markerPost, nodes);
+            nodes.addListener((newArr, oldArr, splice) => {
+                if (splice) {
+                    // Remove the elements that are gone.
+                    for (const node of splice.deleted) {
                         if (node && node.parentNode === elem) {
-                            nextElem = node;
-                            break;
+                            (0, domDispose_1.domDispose)(node);
+                            elem.removeChild(node);
+                        }
+                    }
+                    if (splice.numAdded > 0) {
+                        // Find a valid child immediately following the spliced out portion, for DOM insertion.
+                        const endIndex = splice.start + splice.numAdded;
+                        let nextElem = markerPost;
+                        for (let i = endIndex; i < newArr.length; i++) {
+                            const node = newArr[i];
+                            if (node && node.parentNode === elem) {
+                                nextElem = node;
+                                break;
+                            }
                         }
+                        // Insert the new elements.
+                        const content = (0, domImpl_1.frag)(newArr.slice(splice.start, endIndex));
+                        elem.insertBefore(content, nextElem);
                     }
-                    // Insert the new elements.
-                    const content = domImpl_1.frag(newArr.slice(splice.start, endIndex));
-                    elem.insertBefore(content, nextElem);
                 }
-            }
-            else {
-                domComputed_1.replaceContent(markerPre, markerPost, newArr);
-            }
-        });
-        domComputed_1.replaceContent(markerPre, markerPost, nodes.get());
-    };
+                else {
+                    (0, domComputed_1.replaceContent)(markerPre, markerPost, newArr);
+                }
+            });
+            (0, domComputed_1.replaceContent)(markerPre, markerPost, nodes.get());
+        }];
 }
 exports.forEach = forEach;
 //# sourceMappingURL=domForEach.js.map

package/dist/cjs/lib/domForEach.js.map

@@ -1 +1 @@
-{"version":3,"file":"domForEach.js","sourceRoot":"","sources":["../../../lib/domForEach.ts"],"names":[],"mappings":";;AAAA,+CAA6C;AAC7C,6CAAyD;AACzD,uCAA0C;AAC1C,yCAAkE;AAElE,mFAAmF;AACnF,qDAAmC;AAEnC;;;;;;;;;;;;;;;;;GAiBG;AACH,SAAgB,OAAO,CAAI,QAA0B,EAAE,cAAsC;IAC3F,OAAO,CAAC,IAAU,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,kBAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAChD,MAAM,UAAU,GAAG,kBAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QACjD,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC5B,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAE7B,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC3B,4BAAc,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC;YACpE,OAAO;SACR;QAED,MAAM,KAAK,GAAwB,wBAAa,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAE3E,wFAAwF;QACxF,4BAAe,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;QAEnC,KAAK,CAAC,WAAW,CAAC,CAAC,MAAwB,EAAE,MAAwB,EAAE,MAAO,EAAE,EAAE;YAChF,IAAI,MAAM,EAAE;gBACV,qCAAqC;gBACrC,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,OAAO,EAAE;oBACjC,IAAI,IAAI,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;wBACpC,uBAAU,CAAC,IAAI,CAAC,CAAC;wBACjB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;qBACxB;iBACF;gBAED,IAAI,MAAM,CAAC,QAAQ,GAAG,CAAC,EAAE;oBACvB,uFAAuF;oBACvF,MAAM,QAAQ,GAAW,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC;oBACxD,IAAI,QAAQ,GAAS,UAAU,CAAC;oBAChC,KAAK,IAAI,CAAC,GAAG,QAAQ,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;wBAC7C,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;wBACvB,IAAI,IAAI,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;4BACpC,QAAQ,GAAG,IAAI,CAAC;4BAChB,MAAM;yBACP;qBACF;oBAED,2BAA2B;oBAC3B,MAAM,OAAO,GAAG,cAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;oBAC3D,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;iBACtC;aACF;iBAAM;gBACL,4BAAc,CAAC,SAAS,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;aAC/C;QACH,CAAC,CAAC,CAAC;QACH,4BAAc,CAAC,SAAS,EAAE,UAAU,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;IACrD,CAAC,CAAC;AACJ,CAAC;AAjDD,0BAiDC"}
+{"version":3,"file":"domForEach.js","sourceRoot":"","sources":["../../../lib/domForEach.ts"],"names":[],"mappings":";;;AAAA,+CAA0D;AAC1D,6CAAyD;AACzD,uCAA+B;AAC/B,yCAAkE;AAElE,mFAAmF;AACnF,qDAAmC;AAEnC;;;;;;;;;;;;;;;;;;GAkBG;AACH,SAAgB,OAAO,CACrB,QAA0B,EAC1B,cAAqD;IAErD,MAAM,SAAS,GAAG,kBAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,kBAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACjD,OAAO,CAAC,SAAS,EAAE,UAAU,EAAE,CAAC,IAAU,EAAE,EAAE;YAC5C,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBAC3B,IAAA,4BAAc,EAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC;gBACpE,OAAO;aACR;YAED,MAAM,KAAK,GAAwB,IAAA,wBAAa,EAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;YAE3E,wFAAwF;YACxF,IAAA,4BAAe,EAAC,UAAU,EAAE,KAAK,CAAC,CAAC;YAEnC,KAAK,CAAC,WAAW,CAAC,CAAC,MAAwB,EAAE,MAAwB,EAAE,MAAO,EAAE,EAAE;gBAChF,IAAI,MAAM,EAAE;oBACV,qCAAqC;oBACrC,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,OAAO,EAAE;wBACjC,IAAI,IAAI,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;4BACpC,IAAA,uBAAU,EAAC,IAAI,CAAC,CAAC;4BACjB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;yBACxB;qBACF;oBAED,IAAI,MAAM,CAAC,QAAQ,GAAG,CAAC,EAAE;wBACvB,uFAAuF;wBACvF,MAAM,QAAQ,GAAW,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC;wBACxD,IAAI,QAAQ,GAAS,UAAU,CAAC;wBAChC,KAAK,IAAI,CAAC,GAAG,QAAQ,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;4BAC7C,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;4BACvB,IAAI,IAAI,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;gCACpC,QAAQ,GAAG,IAAI,CAAC;gCAChB,MAAM;6BACP;yBACF;wBAED,2BAA2B;wBAC3B,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;wBAC3D,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;qBACtC;iBACF;qBAAM;oBACL,IAAA,4BAAc,EAAC,SAAS,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;iBAC/C;YACH,CAAC,CAAC,CAAC;YACH,IAAA,4BAAc,EAAC,SAAS,EAAE,UAAU,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;AACL,CAAC;AAjDD,0BAiDC"}

package/dist/cjs/lib/domImpl.d.ts

@@ -1,26 +1,30 @@
-export declare type DomMethod<T = Node> = (elem: T) => DomArg<T> | void;
-export declare type DomElementMethod = DomMethod<HTMLElement>;
+export type DomMethod<T = Node> = (elem: T) => DomArg<T> | void;
+export type DomElementMethod = DomMethod<HTMLElement>;
+/**
+ * Object mapping attribute names to attribute values. When applied to a DOM element, null and
+ * undefined values are omitted, and booleans are either omitted or set to empty string.
+ */
 export interface IAttrObj {
     [attrName: string]: string | boolean | null | undefined;
 }
-export declare type DomArg<T = Node> = Node | string | void | null | undefined | IDomArgs<T> | DomMethod<T> | (T extends Element ? IAttrObj : never);
+export type DomArg<T = Node> = Node | string | void | null | undefined | IDomArgs<T> | DomMethod<T> | (T extends Element ? IAttrObj : never);
 export interface IDomArgs<T = Node> extends Array<DomArg<T>> {
 }
-export declare type DomElementArg = DomArg<HTMLElement>;
+export type DomElementArg = DomArg<HTMLElement>;
 /**
  * dom('tag#id.class1.class2', ...args)
  *   The first argument is a string consisting of a tag name, with optional #foo suffix
  *   to add the ID 'foo', and zero or more .bar suffixes to add a CSS class 'bar'.
  *
  *   NOTE that better typings are available when a tag is used directly, e.g.
- *      dom('input', {id: 'foo'}, (elem) => ...) --> elem has type HTMLInputElement
- *      dom('input#foo',          (elem) => ...) --> elem has type HTMLElement
+ *      `dom('input', {id: 'foo'}, (elem) => ...)` -- elem has type HTMLInputElement
+ *      `dom('input#foo',          (elem) => ...)` -- elem has type HTMLElement
  *
  * The rest of the arguments are optional and may be:
  *
  *   Nodes - which become children of the created element;
  *   strings - which become text node children;
- *   objects - of the form {attr: val} to set additional attributes on the element;
+ *   objects - of the form `{attr: val}` to set additional attributes on the element;
  *   Arrays - which are flattened with each item processed recursively;
  *   functions - which are called with elem as the argument, for a chance to modify the
  *       element as it's being created. Return values are processed recursively.
@@ -28,8 +32,8 @@ export declare type DomElementArg = DomArg<HTMLElement>;
  *       are actually special cases of the "functions" category.
  */
 export declare function dom<Tag extends TagName>(tagString: Tag, ...args: IDomArgs<TagElem<Tag>>): TagElem<Tag>;
-export declare type TagName = keyof HTMLElementTagNameMap | string;
-export declare type TagElem<T extends TagName> = T extends keyof HTMLElementTagNameMap ? HTMLElementTagNameMap[T] : HTMLElement;
+export type TagName = keyof HTMLElementTagNameMap | string;
+export type TagElem<T extends TagName> = T extends keyof HTMLElementTagNameMap ? HTMLElementTagNameMap[T] : HTMLElement;
 /**
  * svg('tag#id.class1.class2', ...args)
  *  Same as dom(...), but creates an SVG element.
@@ -40,7 +44,26 @@ export declare function svg(tagString: string, ...args: IDomArgs<SVGElement>): S
  */
 export declare function update<T extends Node, Args extends IDomArgs<T>>(elem: T, ...args: Args): T;
 /**
- * Creates a DocumentFragment processing arguments the same way as the dom() function.
+ * Creates a `DocumentFragment`, processing arguments in the same way as the `dom()` function.
+ *
+ * It's rarely needed since an array of `dom()` arguments is treated the same as a
+ * `DocumentFragment` in most cases.
+ *
+ * @example
+ * ```ts
+ * dom.frag(dom('span', 'Hello'), ' good ', dom('div', 'world'))
+ * ```
+ * creates document fragment with `<span>Hello</span> good <div>world</div>`.
+ *
+ * @example
+ * These two examples are equivalent:
+ * ```ts
+ * const world1 = () => dom.frag(' good ', dom('div', 'world'));
+ * dom('div', 'Hello', world1);
+ *
+ * const world2 = () => [' good ', dom('div', 'world')];
+ * dom('div', 'Hello', world2);
+ * ```
  */
 export declare function frag(...args: IDomArgs<DocumentFragment>): DocumentFragment;
 /**

package/dist/cjs/lib/domImpl.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.findAll = exports.find = exports.frag = exports.update = exports.svg = exports.dom = void 0;
 const domDispose_1 = require("./domDispose");
 const domMethods_1 = require("./domMethods");
 // Use the browser globals in a way that allows replacing them with mocks in tests.
@@ -19,14 +20,14 @@ const browserGlobals_1 = require("./browserGlobals");
  *   to add the ID 'foo', and zero or more .bar suffixes to add a CSS class 'bar'.
  *
  *   NOTE that better typings are available when a tag is used directly, e.g.
- *      dom('input', {id: 'foo'}, (elem) => ...) --> elem has type HTMLInputElement
- *      dom('input#foo',          (elem) => ...) --> elem has type HTMLElement
+ *      `dom('input', {id: 'foo'}, (elem) => ...)` -- elem has type HTMLInputElement
+ *      `dom('input#foo',          (elem) => ...)` -- elem has type HTMLElement
  *
  * The rest of the arguments are optional and may be:
  *
  *   Nodes - which become children of the created element;
  *   strings - which become text node children;
- *   objects - of the form {attr: val} to set additional attributes on the element;
+ *   objects - of the form `{attr: val}` to set additional attributes on the element;
  *   Arrays - which are flattened with each item processed recursively;
  *   functions - which are called with elem as the argument, for a chance to modify the
  *       element as it's being created. Return values are processed recursively.
@@ -56,11 +57,11 @@ function _createElementSvg(tag) {
 /**
  * Internal helper to parse tagString, create an element using createFunc with the given tag, and
  * set its id and classes from the tagString.
- * @param {Funtion} createFunc(tag): Function that should create an element given a tag name.
+ * @param createFunc(tag) - Function that should create an element given a tag name.
  *    It is passed in to allow creating elements in different namespaces (e.g. plain HTML vs SVG).
- * @param {String} tagString: String of the form "tag#id.class1.class2" where id and classes are
+ * @param tagString - String of the form "tag#id.class1.class2" where id and classes are
  *    optional.
- * @return {Element} The result of createFunc(), possibly with id and class attributes also set.
+ * @returns {Element} The result of createFunc(), possibly with id and class attributes also set.
  */
 function _createFromTagString(createFunc, tagString) {
     // We do careful hand-written parsing rather than use a regexp for speed. Using a regexp is
@@ -121,7 +122,7 @@ function _updateWithArgsOrDispose(elem, args) {
         return _updateWithArgs(elem, args);
     }
     catch (e) {
-        domDispose_1.domDispose(elem);
+        (0, domDispose_1.domDispose)(elem);
         throw e;
     }
 }
@@ -143,14 +144,33 @@ function _updateWithArg(elem, arg) {
         elem.appendChild(arg);
     }
     else if (typeof arg === 'object') {
-        domMethods_1.attrsElem(elem, arg);
+        (0, domMethods_1.attrsElem)(elem, arg);
     }
     else {
         elem.appendChild(browserGlobals_1.G.document.createTextNode(arg));
     }
 }
 /**
- * Creates a DocumentFragment processing arguments the same way as the dom() function.
+ * Creates a `DocumentFragment`, processing arguments in the same way as the `dom()` function.
+ *
+ * It's rarely needed since an array of `dom()` arguments is treated the same as a
+ * `DocumentFragment` in most cases.
+ *
+ * @example
+ * ```ts
+ * dom.frag(dom('span', 'Hello'), ' good ', dom('div', 'world'))
+ * ```
+ * creates document fragment with `<span>Hello</span> good <div>world</div>`.
+ *
+ * @example
+ * These two examples are equivalent:
+ * ```ts
+ * const world1 = () => dom.frag(' good ', dom('div', 'world'));
+ * dom('div', 'Hello', world1);
+ *
+ * const world2 = () => [' good ', dom('div', 'world')];
+ * dom('div', 'Hello', world2);
+ * ```
  */
 function frag(...args) {
     const elem = browserGlobals_1.G.document.createDocumentFragment();

package/dist/cjs/lib/domImpl.js.map

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