j-templates 7.0.12 → 7.0.14

package/Node/component.d.ts

@@ -29,6 +29,7 @@ type ComponentConstructor<D, T, E> = {
 };
 export declare namespace Component {
     function ToFunction<D, T, E, P = HTMLElement>(type: string, constructor: ComponentConstructor<D, T, E>, namespace?: string): (config: vComponentConfig<D, E, P>, templates?: T) => vNodeType;
+    function Register<D = void, T = void, E = void>(name: string, constructor: ComponentConstructor<D, T, E>): void;
     function Attach(node: any, vnode: vNodeType): vNodeType;
 }
 export {};

package/Node/component.js

@@ -65,6 +65,19 @@ exports.Component = Component;
         };
     }
     Component.ToFunction = ToFunction;
+    function Register(name, constructor) {
+        const componentFunction = ToFunction(`${name}-component`, constructor);
+        class WebComponent extends HTMLElement {
+            constructor() {
+                super();
+                const shadowRoot = this.attachShadow({ mode: "open" });
+                const node = componentFunction({});
+                Attach(shadowRoot, node);
+            }
+        }
+        customElements.define(name, WebComponent);
+    }
+    Component.Register = Register;
     function Attach(node, vnode) {
         return vNode_1.vNode.Attach(node, vnode);
     }

package/Node/vNode.js

@@ -129,6 +129,7 @@ function InitNode(vnode) {
     }
     else if (childrenArray) {
         vnode.children = childrenArray;
+        vNode.InitAll(vnode.children);
     }
     else if (children) {
         if (data) {
@@ -137,7 +138,7 @@ function InitNode(vnode) {
         else
             StaticChildren(vnode, children);
     }
-    UpdateChildren(vnode, true);
+    UpdateChildren(vnode, true, !!childrenArray);
 }
 function StaticChildren(vnode, children) {
     const childrenScope = Store_1.ObservableScope.Create(WrapStaticChildren(vnode.injector, children));
@@ -256,14 +257,14 @@ function WrapDynamicChildren(dataScope, nodeList, injector, children) {
         return nextNodeArray;
     };
 }
-function UpdateChildren(vnode, init = false) {
+function UpdateChildren(vnode, init = false, skipInit = false) {
     if (!vnode.children)
         return;
     const children = vnode.children;
     (0, thread_1.Thread)(function () {
         if (vnode.destroyed || children !== vnode.children)
             return;
-        for (let x = 0; x < children.length; x++)
+        for (let x = 0; !skipInit && x < children.length; x++)
             if (children[x].node === null) {
                 const childNode = children[x];
                 (0, thread_1.Schedule)(function () {

package/Store/Tree/observableScope.js

@@ -166,9 +166,6 @@ function DirtyScope(scope) {
         return;
     if (scope.async) {
         UpdateValue(scope);
-        scope.promise.then(function () {
-            emitter_1.Emitter.Emit(scope.emitter, scope);
-        });
     }
     else
         emitter_1.Emitter.Emit(scope.emitter, scope);
@@ -199,6 +196,7 @@ function UpdateValue(scope) {
     if (scope.async) {
         scope.promise = value.then(function (result) {
             scope.value = result;
+            emitter_1.Emitter.Emit(scope.emitter, scope);
             return result;
         });
     }

package/package.json

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