j-templates 7.0.13 → 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/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.13",
+  "version": "7.0.14",
   "description": "j-templates",
   "license": "MIT",
   "repository": "https://github.com/TypesInCode/jTemplates",