j-templates 7.0.94 → 7.0.96

package/DOM/domNodeConfig.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DOMNodeConfig = void 0;
-const window_1 = require("./window");
 const list_1 = require("../Utils/list");
+const scheduling_1 = require("../Utils/scheduling");
 const createPropertyAssignment_1 = require("./createPropertyAssignment");
 const createEventAssignment_1 = require("./createEventAssignment");
 const createAssignment_1 = require("./createAssignment");
@@ -20,7 +20,7 @@ function processUpdates() {
         updateScheduled = false;
     else {
         frameStart = Date.now();
-        window_1.wndw.requestAnimationFrame(processUpdates);
+        (0, scheduling_1._requestAnimationFrame)(processUpdates);
     }
 }
 let highPriority = false;
@@ -33,10 +33,10 @@ function scheduleUpdate(callback) {
         const now = Date.now();
         updateScheduled = true;
         if (now - frameStart < frameTime)
-            queueMicrotask(processUpdates);
+            (0, scheduling_1._queueMicrotask)(processUpdates);
         else {
             frameStart = now;
-            window_1.wndw.requestAnimationFrame(processUpdates);
+            (0, scheduling_1._requestAnimationFrame)(processUpdates);
         }
     }
 }
@@ -60,14 +60,12 @@ function getHTMLNode(from, current) {
 }
 exports.DOMNodeConfig = {
     createNode(type, namespace) {
-        if (type === "text")
-            return window_1.wndw.document.createTextNode("");
         return namespace
-            ? window_1.wndw.document.createElementNS(namespace, type)
-            : window_1.wndw.document.createElement(type);
+            ? document.createElementNS(namespace, type)
+            : document.createElement(type);
     },
     createTextNode(value = "") {
-        return window_1.wndw.document.createTextNode(value);
+        return document.createTextNode(value);
     },
     isTextNode(target) {
         return target?.nodeType === Node.TEXT_NODE;
@@ -196,5 +194,38 @@ exports.DOMNodeConfig = {
         }
         while (target.lastChild !== lastChild)
             target.removeChild(target.lastChild);
+    },
+    // start is exclusive (null for beginning), end is also exclusive (null for end)
+    reconcileRange(target, start, end, children) {
+        if ((start && start.parentNode !== target) || (end && end.parentNode !== target))
+            throw new Error("Can't reconcile range against elements that are not children of the provided parent");
+        if (start && end && start === end)
+            throw new Error("Can't reconcile zero element range. Provided elements are equal.");
+        let currentChild = (start?.nextSibling ?? target.firstChild);
+        let inNextChildren = false;
+        for (let x = 0; x < children.length; x++) {
+            const nextAddedChild = getHTMLNode(children[x], currentChild);
+            if (!currentChild)
+                target.appendChild(nextAddedChild);
+            else if (currentChild === end)
+                target.insertBefore(nextAddedChild, currentChild);
+            else if (nextAddedChild !== currentChild) {
+                while (currentChild && currentChild !== end && (!(inNextChildren = inNextChildren || children.indexOf(currentChild, x + 1) >= 0))) {
+                    const toRemove = currentChild;
+                    currentChild = currentChild.nextSibling;
+                    target.removeChild(toRemove);
+                }
+                nextAddedChild !== currentChild &&
+                    target.insertBefore(nextAddedChild, currentChild);
+            }
+            else
+                inNextChildren = false;
+            currentChild = nextAddedChild.nextSibling;
+        }
+        while (currentChild !== end) {
+            const toRemove = currentChild;
+            currentChild = currentChild.nextSibling;
+            target.removeChild(toRemove);
+        }
     }
 };