j-templates 7.0.13 → 7.0.15

package/DOM/elements.d.ts

@@ -78,4 +78,12 @@ export declare const td: <T>(config: {
     on?: import("../Node/vNode.types").FunctionOr<import("../Node/vNode.types").vNodeEvents<HTMLElementEventMap>>;
     data?: () => T | Array<T> | Promise<Array<T>> | Promise<T>;
 }, children?: import("../Node/vNode.types").vNode[] | import("../Node/vNode.types").vNodeChildrenFunction<T>) => import("../Node/vNode.types").vNode;
+export declare const img: <T>(config: {
+    props?: import("../Node/vNode.types").FunctionOr<import("../Utils/utils.types").RecursivePartial<HTMLImageElement>>;
+    attrs?: import("../Node/vNode.types").FunctionOr<{
+        [name: string]: string;
+    }>;
+    on?: import("../Node/vNode.types").FunctionOr<import("../Node/vNode.types").vNodeEvents<HTMLElementEventMap>>;
+    data?: () => T | Array<T> | Promise<Array<T>> | Promise<T>;
+}, children?: import("../Node/vNode.types").vNode[] | import("../Node/vNode.types").vNodeChildrenFunction<T>) => import("../Node/vNode.types").vNode;
 export declare const text: (callback: () => string) => import("../Node/vNode.types").vNode;

package/DOM/elements.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.text = exports.td = exports.tr = exports.tbody = exports.table = exports.span = exports.input = exports.h1 = exports.button = exports.a = exports.div = void 0;
+exports.text = exports.img = exports.td = exports.tr = exports.tbody = exports.table = exports.span = exports.input = exports.h1 = exports.button = exports.a = exports.div = void 0;
 const vNode_1 = require("../Node/vNode");
 exports.div = vNode_1.vNode.ToFunction("div");
 exports.a = vNode_1.vNode.ToFunction("a");
@@ -12,6 +12,7 @@ exports.table = vNode_1.vNode.ToFunction("table");
 exports.tbody = vNode_1.vNode.ToFunction("tbody");
 exports.tr = vNode_1.vNode.ToFunction("tr");
 exports.td = vNode_1.vNode.ToFunction("td");
+exports.img = vNode_1.vNode.ToFunction("img");
 const textElement = vNode_1.vNode.ToFunction("text");
 const text = function (callback) {
     return textElement({ props: () => ({ nodeValue: callback() }) });

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.15",
   "description": "j-templates",
   "license": "MIT",
   "repository": "https://github.com/TypesInCode/jTemplates",