j-templates 7.0.9 → 7.0.11

package/DOM/domNodeConfig.js

@@ -142,8 +142,13 @@ exports.DOMNodeConfig = {
         target.replaceChildren(...children);
     },
     reconcileChildren(target, children) {
-        if (children.length === 0 || !target.firstChild) {
-            target.replaceChildren(...children);
+        if (!target.firstChild) {
+            for (let x = 0; x < children.length; x++)
+                target.insertBefore(children[x], null);
+            return;
+        }
+        if (children.length === 0) {
+            target.replaceChildren();
             return;
         }
         let actualNode = target.firstChild;
@@ -168,6 +173,6 @@ exports.DOMNodeConfig = {
         while (target.lastChild !== children[x - 1])
             target.removeChild(target.lastChild);
         for (; x < children.length; x++)
-            target.appendChild(children[x]);
+            target.insertBefore(children[x], null);
     }
 };

package/Node/vNode.js

@@ -141,30 +141,33 @@ function InitNode(vnode) {
 }
 function StaticChildren(vnode, children) {
     const childrenScope = Store_1.ObservableScope.Create(WrapStaticChildren(vnode.injector, children));
+    vnode.scopes.push(childrenScope);
     const child = Store_1.ObservableScope.Peek(childrenScope);
-    if (typeof child === "string") {
-        const node = vNode.Create({
-            type: "text",
-            namespace: null,
-            props() {
-                return { nodeValue: Store_1.ObservableScope.Value(childrenScope) };
-            },
-        });
-        node.scopes.push(childrenScope);
-        vnode.children = [node];
-    }
-    else {
-        vnode.scopes.push(childrenScope);
-        Store_1.ObservableScope.Touch(childrenScope);
-        Store_1.ObservableScope.Watch(childrenScope, CreateScheduledCallback(function () {
-            if (vnode.destroyed)
-                return;
-            vNode.DestroyAll(vnode.children);
-            const nodes = Store_1.ObservableScope.Peek(childrenScope);
-            vnode.children = Array.isArray(nodes) ? nodes : [nodes];
-            UpdateChildren(vnode);
-        }));
-        vnode.children = Array.isArray(child) ? child : [child];
+    switch (typeof child) {
+        case 'string': {
+            const node = vNode.Create({
+                type: "text",
+                namespace: null,
+                props() {
+                    return { nodeValue: Store_1.ObservableScope.Value(childrenScope) };
+                },
+            });
+            vnode.children = [node];
+            break;
+        }
+        default: {
+            Store_1.ObservableScope.Touch(childrenScope);
+            Store_1.ObservableScope.Watch(childrenScope, CreateScheduledCallback(function () {
+                if (vnode.destroyed)
+                    return;
+                vNode.DestroyAll(vnode.children);
+                const nodes = Store_1.ObservableScope.Peek(childrenScope);
+                vnode.children = Array.isArray(nodes) ? nodes : [nodes];
+                UpdateChildren(vnode);
+            }));
+            vnode.children = (Array.isArray(child) ? child : [child]);
+            break;
+        }
     }
 }
 function WrapStaticChildren(injector, children) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "j-templates",
-  "version": "7.0.9",
+  "version": "7.0.11",
   "description": "j-templates",
   "license": "MIT",
   "repository": "https://github.com/TypesInCode/jTemplates",