native-document 1.0.117 → 1.0.119

package/src/core/elements/control/for-each-array.js

@@ -1,4 +1,4 @@
-import Anchor from "../../elements/anchor";
+import Anchor from "../anchor/anchor";
 import {Observable} from "../../data/Observable";
 import Validator from "../../utils/validator";
 import { ElementCreator } from "../../wrappers/ElementCreator";
@@ -114,21 +114,23 @@ export function ForEachArray(data, callback, configs = {}) {
     };
 
 
-    const cleanCache = (items) => {
-        if(!isIndexRequired) {
-            cache.clear();
-            return;
-        }
-        if(configs.shouldKeepItemsInCache) {
-            return;
-        }
-        for (const [itemAsKey, _] of cache.entries()) {
-            if(items && items.includes(itemAsKey)) {
-                continue;
+    let cleanCache;
+
+    if(!isIndexRequired) {
+        cleanCache = cache.clear.bind(cache);
+    }
+    else if(configs.shouldKeepItemsInCache) {
+        cleanCache = () => {};
+    } else {
+        cleanCache = (items) => {
+            for (const [itemAsKey, _] of cache.entries()) {
+                if(items && items.includes(itemAsKey)) {
+                    continue;
+                }
+                removeCacheItem(itemAsKey, false);
             }
-            removeCacheItem(itemAsKey, false);
-        }
-    };
+        };
+    }
 
     const removeByItem = (item, fragment) => {
         const cacheItem = cache.get(item);
@@ -148,7 +150,7 @@ export function ForEachArray(data, callback, configs = {}) {
     };
 
     const Actions = {
-        toFragment(items){
+        toFragment: (items) =>{
             const fragment = document.createDocumentFragment();
             for(let i = 0, length = items.length; i < length; i++) {
                 fragment.appendChild(buildItem(items[i], lastNumberOfItems));
@@ -156,14 +158,14 @@ export function ForEachArray(data, callback, configs = {}) {
             }
             return fragment;
         },
-        add(items) {
+        add: (items) => {
             element.appendElement(Actions.toFragment(items));
         },
-        replace(items) {
+        replace: (items) => {
             clear(items);
             Actions.add(items);
         },
-        reOrder(items) {
+        reOrder: (items) => {
             let child = null;
             const fragment = document.createDocumentFragment();
             for(const item of items) {
@@ -175,14 +177,14 @@ export function ForEachArray(data, callback, configs = {}) {
             child = null;
             element.appendElement(fragment, blockEnd);
         },
-        removeOne(element, index) {
+        removeOne: (element, index) => {
             removeCacheItem(element, true);
         },
         clear,
-        merge(items) {
+        merge: (items) => {
             Actions.add(items);
         },
-        push(items) {
+        push: (items) => {
             let delay = 0;
             if(configs.pushDelay) {
                 delay = configs.pushDelay(items) ?? 0;
@@ -190,7 +192,7 @@ export function ForEachArray(data, callback, configs = {}) {
 
             Actions.add(items, delay);
         },
-        populate([target, iteration, callback]) {
+        populate: ([target, iteration, callback]) => {
             const fragment = document.createDocumentFragment();
             for (let i = 0; i < iteration; i++) {
                 const data = callback(i);
@@ -201,10 +203,10 @@ export function ForEachArray(data, callback, configs = {}) {
             element.appendChild(fragment);
             fragment.replaceChildren();
         },
-        unshift(values){
+        unshift: (values) => {
             element.insertBefore(Actions.toFragment(values), blockStart.nextSibling);
         },
-        splice(args, deleted) {
+        splice: (args, deleted) => {
             const [start, deleteCount, ...values] = args;
             let elementBeforeFirst = null;
             const garbageFragment = document.createDocumentFragment();
@@ -231,22 +233,22 @@ export function ForEachArray(data, callback, configs = {}) {
             }
 
         },
-        reverse(_, reversed) {
+        reverse: (_, reversed) => {
             Actions.reOrder(reversed);
         },
-        sort(_, sorted) {
+        sort: (_, sorted) => {
             Actions.reOrder(sorted);
         },
-        remove(_, deleted) {
+        remove: (_, deleted)=> {
             Actions.removeOne(deleted);
         },
-        pop(_, deleted) {
+        pop: (_, deleted) => {
             Actions.removeOne(deleted);
         },
-        shift(_, deleted) {
+        shift: (_, deleted) => {
             Actions.removeOne(deleted);
         },
-        swap(args, elements) {
+        swap: (args, elements) => {
             const parent = blockEnd.parentNode;
 
             let childA = getItemChild(elements[0]);

package/src/core/elements/control/for-each.js

@@ -1,6 +1,6 @@
 import {Observable} from "../../data/Observable";
 import Validator from "../../utils/validator";
-import Anchor from "../../elements/anchor";
+import Anchor from "../anchor/anchor";
 import DebugManager from "../../utils/debug-manager";
 import {getKey} from "../../utils/helpers";
 import { ElementCreator } from "../../wrappers/ElementCreator";

package/src/core/elements/control/show-if.js

@@ -1,7 +1,7 @@
 import { Observable } from "../../data/Observable";
 import Validator from "../../utils/validator";
 import DebugManager from "../../utils/debug-manager.js";
-import Anchor from "../../elements/anchor";
+import Anchor from "../anchor/anchor";
 import {ElementCreator} from "../../wrappers/ElementCreator";
 
 /**

package/src/core/elements/control/switch.js

@@ -1,6 +1,6 @@
 import NativeDocumentError from "../../errors/NativeDocumentError";
 import Validator from "../../utils/validator";
-import Anchor from "../../elements/anchor";
+import Anchor from "../anchor/anchor";
 import {ElementCreator} from "../../wrappers/ElementCreator";
 
 

package/src/core/wrappers/AttributesWrapper.js

@@ -27,7 +27,6 @@ export const bindClassAttribute = (element, data) => {
         }
         element.classes.toggle(className, value)
     }
-    data = null;
 }
 
 /**

package/src/core/wrappers/ElementCreator.js

@@ -1,4 +1,4 @@
-import Anchor from "../elements/anchor";
+import Anchor from "../elements/anchor/anchor";
 import Validator from "../utils/validator";
 import AttributesWrapper, { bindClassAttribute, bindStyleAttribute } from "./AttributesWrapper";
 import PluginsManager from "../utils/plugins-manager";

package/src/core/wrappers/HtmlElementWrapper.js

@@ -1,5 +1,5 @@
 import Validator from "../utils/validator";
-import Anchor from "../elements/anchor";
+import Anchor from "../elements/anchor/anchor";
 import {ElementCreator} from "./ElementCreator";
 import './NdPrototype';
 import {normalizeComponentArgs} from "../utils/args-types";
@@ -10,9 +10,10 @@ import {normalizeComponentArgs} from "../utils/args-types";
  * @returns {Text}
  */
 export const createTextNode = (value) => {
-    return (Validator.isObservable(value))
-        ? ElementCreator.createObservableNode(null, value)
-        : ElementCreator.createStaticTextNode(null, value);
+    if(value) {
+        return value.toNdElement();
+    }
+    return ElementCreator.createTextNode();
 };
 
 

package/src/core/wrappers/SingletonView.js

@@ -1,4 +1,4 @@
-import Anchor from "../elements/anchor";
+import Anchor from "../elements/anchor/anchor";
 
 
 export function SingletonView($viewCreator) {

package/src/core/wrappers/prototypes/nd-element-extensions.js

@@ -9,6 +9,10 @@ String.prototype.toNdElement = function () {
     return ElementCreator.createStaticTextNode(null, this);
 };
 
+Number.prototype.toNdElement = function () {
+    return ElementCreator.createStaticTextNode(null, this.toString());
+};
+
 Element.prototype.toNdElement = function () {
     return this;
 };

package/src/core/wrappers/template-cloner/NodeCloner.js

@@ -47,29 +47,72 @@ NodeCloner.prototype.resolve = function() {
     }
     const steps = [];
     if(this.$ndMethods) {
-        steps.push((clonedNode, data) => {
-            for(const methodName in this.$ndMethods) {
-                clonedNode.nd[methodName](this.$ndMethods[methodName].bind(clonedNode, ...data));
-            }
-        });
+        const methods = Object.keys(this.$ndMethods);
+        if(methods.length === 1) {
+            const methodName = methods[0];
+            const callback = this.$ndMethods[methodName];
+            steps.push((clonedNode, data) => {
+                clonedNode.nd[methodName](callback.bind(clonedNode, ...data));
+            });
+        } else {
+            steps.push((clonedNode, data) => {
+                const nd = clonedNode.nd;
+                for(const methodName in this.$ndMethods) {
+                    nd[methodName](this.$ndMethods[methodName].bind(clonedNode, ...data));
+                }
+            });
+        }
     }
     if(this.$classes) {
         const cache = {};
-        steps.push((clonedNode, data) => {
-            ElementCreator.processClassAttribute(clonedNode, buildProperties(cache, this.$classes, data));
-        });
+        const keys = Object.keys(this.$classes);
+
+        if(keys.length === 1) {
+            const key = keys[0];
+            const callback = this.$classes[key];
+            steps.push((clonedNode, data) => {
+                cache[key] = callback.apply(null, data);
+                ElementCreator.processClassAttribute(clonedNode, cache);
+            });
+        } else {
+            steps.push((clonedNode, data) => {
+                ElementCreator.processClassAttribute(clonedNode, buildProperties(cache, this.$classes, data));
+            });
+        }
     }
     if(this.$styles) {
         const cache = {};
-        steps.push((clonedNode, data) => {
-            ElementCreator.processStyleAttribute(clonedNode, buildProperties(cache, this.$styles, data));
-        });
+        const keys = Object.keys(this.$styles);
+
+        if(keys.length === 1) {
+            const key = keys[0];
+            const callback = this.$styles[key];
+            steps.push((clonedNode, data) => {
+                cache[key] = callback.apply(null, data);
+                ElementCreator.processStyleAttribute(clonedNode, cache);
+            });
+        } else {
+            steps.push((clonedNode, data) => {
+                ElementCreator.processStyleAttribute(clonedNode, buildProperties(cache, this.$styles, data));
+            });
+        }
     }
     if(this.$attrs) {
         const cache = {};
-        steps.push((clonedNode, data) => {
-            ElementCreator.processAttributes(clonedNode, buildProperties(cache, this.$attrs, data));
-        });
+        const keys = Object.keys(this.$attrs);
+
+        if(keys.length === 1) {
+            const key = keys[0];
+            const callback = this.$attrs[key];
+            steps.push((clonedNode, data) => {
+                cache[key] = callback.apply(null, data);
+                ElementCreator.processAttributes(clonedNode, cache);
+            });
+        } else {
+            steps.push((clonedNode, data) => {
+                ElementCreator.processAttributes(clonedNode, buildProperties(cache, this.$attrs, data));
+            });
+        }
     }
 
     const stepsCount = steps.length;

package/src/core/wrappers/template-cloner/TemplateCloner.js

@@ -28,8 +28,7 @@ export function TemplateCloner($fn) {
                 $node.dynamicCloneNode = (data) => {
                     const clonedNode = $node.nodeCloner.cloneNode(data);
                     for(let i = 0; i < childNodesLength; i++) {
-                        const child = childNodes[i].dynamicCloneNode(data);
-                        clonedNode.appendChild(child);
+                        clonedNode.appendChild(childNodes[i].dynamicCloneNode(data));
                     }
                     return clonedNode;
                 };
@@ -37,8 +36,7 @@ export function TemplateCloner($fn) {
                 $node.dynamicCloneNode = (data) => {
                     const clonedNode = $node.cloneNode();
                     for(let i = 0; i < childNodesLength; i++) {
-                        const child = childNodes[i].dynamicCloneNode(data);
-                        clonedNode.appendChild(child);
+                        clonedNode.appendChild(childNodes[i].dynamicCloneNode(data));
                     }
                     return clonedNode;
                 };