j-templates 7.0.25 → 7.0.27

package/DOM/elements.d.ts

@@ -86,4 +86,12 @@ export declare const img: <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 video: <T>(config: {
+    props?: import("../Node/vNode.types").FunctionOr<import("../Utils/utils.types").RecursivePartial<HTMLVideoElement>>;
+    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.img = 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.video = 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");
@@ -13,6 +13,7 @@ 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");
+exports.video = vNode_1.vNode.ToFunction("video");
 const textElement = vNode_1.vNode.ToFunction("text");
 const text = function (callback) {
     return textElement({ props: () => ({ nodeValue: callback() }) });

package/Node/vNode.js

@@ -201,7 +201,7 @@ function DynamicChildren(vnode, children, data) {
     vnode.children = Store_1.ObservableScope.Value(childrenScope);
 }
 function WrapDynamicChildren(dataScope, nodeList, injector, children) {
-    return function () {
+    const func = function () {
         const nextData = Store_1.ObservableScope.Value(dataScope);
         const nodeMap = list_1.List.ToNodeMap(nodeList, function (data) {
             return data.data;
@@ -257,6 +257,7 @@ function WrapDynamicChildren(dataScope, nodeList, injector, children) {
         list_1.List.Append(nodeList, nextNodeList);
         return nextNodeArray;
     };
+    return func;
 }
 function UpdateChildren(vnode, init = false, skipInit = false) {
     if (!vnode.children)
@@ -289,7 +290,7 @@ function UpdateChildren(vnode, init = false, skipInit = false) {
     });
 }
 function ToArray(callback) {
-    return function (...args) {
+    const func = function (...args) {
         const result = callback(...args);
         if (Array.isArray(result))
             return result;
@@ -297,6 +298,8 @@ function ToArray(callback) {
             return [];
         return [result];
     };
+    func[Symbol.toStringTag] = callback[Symbol.toStringTag];
+    return func;
 }
 function ScheduledAssignment(assign) {
     let scheduled = false;

package/Store/Tree/observableScope.js

@@ -222,7 +222,7 @@ function UpdateEmitters(scope, right) {
         }
         return;
     }
-    (0, array_1.ReconcileSortedArrays)(scope.emitters, right, function (emitter) {
+    (0, array_1.ReconcileSortedEmitters)(scope.emitters, right, function (emitter) {
         emitter_1.Emitter.On(emitter, scope.setCallback);
     }, function (emitter) {
         emitter_1.Emitter.Remove(emitter, scope.setCallback);

package/Utils/array.d.ts

@@ -1,3 +1,4 @@
 export declare function RemoveNulls(array: (unknown | null)[], startIndex?: number): void;
 export declare function ArrayDiff(source: any[], target: any[]): boolean;
+export declare function ReconcileSortedEmitters<T extends [number]>(left: T[], right: T[], add: (value: T) => void, remove: (value: T) => void): void;
 export declare function ReconcileSortedArrays<T>(left: T[], right: T[], add: (value: T) => void, remove: (value: T) => void): void;

package/Utils/array.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RemoveNulls = RemoveNulls;
 exports.ArrayDiff = ArrayDiff;
+exports.ReconcileSortedEmitters = ReconcileSortedEmitters;
 exports.ReconcileSortedArrays = ReconcileSortedArrays;
 function RemoveNulls(array, startIndex = 0) {
     let nullIndex = startIndex;
@@ -25,6 +26,28 @@ function ArrayDiff(source, target) {
     for (; x < source.length && source[x] === target[x]; x++) { }
     return x < source.length;
 }
+function ReconcileSortedEmitters(left, right, add, remove) {
+    let leftIndex = 0;
+    let rightIndex = 0;
+    while (leftIndex < left.length && rightIndex < right.length) {
+        let li = leftIndex;
+        let ri = rightIndex;
+        for (; li < left.length && left[li][0] < right[ri][0]; li++)
+            remove(left[li]);
+        while (li < left.length && ri < right.length && left[li][0] === right[ri][0]) {
+            li++;
+            ri++;
+        }
+        for (; ri < right.length && li < left.length && right[ri][0] < left[li][0]; ri++)
+            add(right[ri]);
+        leftIndex = li;
+        rightIndex = ri;
+    }
+    for (let li = leftIndex; li < left.length; li++)
+        remove(left[li]);
+    for (let ri = rightIndex; ri < right.length; ri++)
+        add(right[ri]);
+}
 function ReconcileSortedArrays(left, right, add, remove) {
     let leftIndex = 0;
     let rightIndex = 0;

package/package.json

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