native-document 1.0.112 → 1.0.113-clear

package/dist/native-document.components.min.js

@@ -2524,7 +2524,7 @@ var NativeComponents = (function (exports) {
      * @param {HTMLElement} element
      * @param {Object} data
      */
-    function bindClassAttribute(element, data) {
+    const bindClassAttribute = (element, data) => {
         for(const className in data) {
             const value = data[className];
             if(value.__$isObservable) {
@@ -2544,14 +2544,14 @@ var NativeComponents = (function (exports) {
             element.classes.toggle(className, value);
         }
         data = null;
-    }
+    };
 
     /**
      *
      * @param {HTMLElement} element
      * @param {Object} data
      */
-    function bindStyleAttribute(element, data) {
+    const bindStyleAttribute = (element, data) => {
         for(const styleName in data) {
             const value = data[styleName];
             if(value.__$isObservable) {
@@ -2561,7 +2561,7 @@ var NativeComponents = (function (exports) {
             }
             element.style[styleName] = value;
         }
-    }
+    };
 
     /**
      *
@@ -2569,7 +2569,7 @@ var NativeComponents = (function (exports) {
      * @param {string} attributeName
      * @param {boolean|number|Observable} value
      */
-    function bindBooleanAttribute(element, attributeName, value) {
+    const bindBooleanAttribute = (element, attributeName, value) => {
         const isObservable = value.__$isObservable;
         const defaultValue = isObservable? value.val() : value;
         if(Validator.isBoolean(defaultValue)) {
@@ -2591,7 +2591,7 @@ var NativeComponents = (function (exports) {
             }
             value.subscribe((newValue) => element[attributeName] = (newValue === element.value));
         }
-    }
+    };
 
 
     /**
@@ -2600,7 +2600,7 @@ var NativeComponents = (function (exports) {
      * @param {string} attributeName
      * @param {Observable} value
      */
-    function bindAttributeWithObservable(element, attributeName, value) {
+    const bindAttributeWithObservable = (element, attributeName, value) => {
         const applyValue = attributeName === 'value' ? (newValue) => element.value = newValue : (newValue) => element.setAttribute(attributeName, newValue);
         value.subscribe(applyValue);
 
@@ -2610,14 +2610,14 @@ var NativeComponents = (function (exports) {
             return;
         }
         element.setAttribute(attributeName, value.val());
-    }
+    };
 
     /**
      *
      * @param {HTMLElement} element
      * @param {Object} attributes
      */
-    function AttributesWrapper(element, attributes) {
+    const AttributesWrapper = (element, attributes) => {
 
         for(const originalAttributeName in attributes) {
             const attributeName = originalAttributeName.toLowerCase();
@@ -2647,7 +2647,7 @@ var NativeComponents = (function (exports) {
             element.setAttribute(attributeName, value);
         }
         return element;
-    }
+    };
 
     String.prototype.toNdElement = function () {
         return ElementCreator.createStaticTextNode(null, this);
@@ -2800,6 +2800,7 @@ var NativeComponents = (function (exports) {
         createTextNode() {
             if(!$textNodeCache) {
                 $textNodeCache = document.createTextNode('');
+                ElementCreator.createTextNode = () => $textNodeCache.cloneNode();
             }
             return $textNodeCache.cloneNode();
         },
@@ -2809,7 +2810,7 @@ var NativeComponents = (function (exports) {
          * @param {ObservableItem} observable
          * @returns {Text}
          */
-        createObservableNode(parent, observable) {
+        createObservableNode: (parent, observable) => {
             const text = ElementCreator.createTextNode();
             observable.subscribe(value => text.nodeValue = value);
             text.nodeValue = observable.val();
@@ -2845,7 +2846,7 @@ var NativeComponents = (function (exports) {
          * @param {string} name
          * @returns {HTMLElement|DocumentFragment}
          */
-        createElement(name)  {
+        createElement: (name) => {
             if(name) {
                 const cacheNode = $nodeCache.get(name);
                 if(cacheNode) {
@@ -2857,7 +2858,7 @@ var NativeComponents = (function (exports) {
             }
             return Anchor('Fragment');
         },
-        bindTextNode(textNode, value) {
+        bindTextNode: (textNode, value) => {
             if(value?.__$isObservable) {
                 value.subscribe(newValue => textNode.nodeValue = newValue);
                 textNode.nodeValue = value.val();
@@ -2881,7 +2882,7 @@ var NativeComponents = (function (exports) {
             await element.remove();
 
         },
-        getChild(child) {
+        getChild: (child) => {
             if(child == null) {
                 return null;
             }
@@ -2901,7 +2902,7 @@ var NativeComponents = (function (exports) {
          * @param {HTMLElement} element
          * @param {Object} attributes
          */
-        processAttributes(element, attributes) {
+        processAttributes: (element, attributes) => {
             if (attributes) {
                 AttributesWrapper(element, attributes);
             }

package/dist/native-document.dev.js

@@ -2357,7 +2357,7 @@ var NativeDocument = (function (exports) {
      * @param {HTMLElement} element
      * @param {Object} data
      */
-    function bindClassAttribute(element, data) {
+    const bindClassAttribute = (element, data) => {
         for(const className in data) {
             const value = data[className];
             if(value.__$isObservable) {
@@ -2377,14 +2377,14 @@ var NativeDocument = (function (exports) {
             element.classes.toggle(className, value);
         }
         data = null;
-    }
+    };
 
     /**
      *
      * @param {HTMLElement} element
      * @param {Object} data
      */
-    function bindStyleAttribute(element, data) {
+    const bindStyleAttribute = (element, data) => {
         for(const styleName in data) {
             const value = data[styleName];
             if(value.__$isObservable) {
@@ -2394,7 +2394,7 @@ var NativeDocument = (function (exports) {
             }
             element.style[styleName] = value;
         }
-    }
+    };
 
     /**
      *
@@ -2402,7 +2402,7 @@ var NativeDocument = (function (exports) {
      * @param {string} attributeName
      * @param {boolean|number|Observable} value
      */
-    function bindBooleanAttribute(element, attributeName, value) {
+    const bindBooleanAttribute = (element, attributeName, value) => {
         const isObservable = value.__$isObservable;
         const defaultValue = isObservable? value.val() : value;
         if(Validator.isBoolean(defaultValue)) {
@@ -2424,7 +2424,7 @@ var NativeDocument = (function (exports) {
             }
             value.subscribe((newValue) => element[attributeName] = (newValue === element.value));
         }
-    }
+    };
 
 
     /**
@@ -2433,7 +2433,7 @@ var NativeDocument = (function (exports) {
      * @param {string} attributeName
      * @param {Observable} value
      */
-    function bindAttributeWithObservable(element, attributeName, value) {
+    const bindAttributeWithObservable = (element, attributeName, value) => {
         const applyValue = attributeName === 'value' ? (newValue) => element.value = newValue : (newValue) => element.setAttribute(attributeName, newValue);
         value.subscribe(applyValue);
 
@@ -2443,14 +2443,14 @@ var NativeDocument = (function (exports) {
             return;
         }
         element.setAttribute(attributeName, value.val());
-    }
+    };
 
     /**
      *
      * @param {HTMLElement} element
      * @param {Object} attributes
      */
-    function AttributesWrapper(element, attributes) {
+    const AttributesWrapper = (element, attributes) => {
 
         {
             Validator.validateAttributes(attributes);
@@ -2484,7 +2484,7 @@ var NativeDocument = (function (exports) {
             element.setAttribute(attributeName, value);
         }
         return element;
-    }
+    };
 
     function TemplateBinding(hydrate) {
         this.$hydrate = hydrate;
@@ -2654,6 +2654,7 @@ var NativeDocument = (function (exports) {
         createTextNode() {
             if(!$textNodeCache) {
                 $textNodeCache = document.createTextNode('');
+                ElementCreator.createTextNode = () => $textNodeCache.cloneNode();
             }
             return $textNodeCache.cloneNode();
         },
@@ -2663,7 +2664,7 @@ var NativeDocument = (function (exports) {
          * @param {ObservableItem} observable
          * @returns {Text}
          */
-        createObservableNode(parent, observable) {
+        createObservableNode: (parent, observable) => {
             const text = ElementCreator.createTextNode();
             observable.subscribe(value => text.nodeValue = value);
             text.nodeValue = observable.val();
@@ -2699,7 +2700,7 @@ var NativeDocument = (function (exports) {
          * @param {string} name
          * @returns {HTMLElement|DocumentFragment}
          */
-        createElement(name)  {
+        createElement: (name) => {
             if(name) {
                 const cacheNode = $nodeCache.get(name);
                 if(cacheNode) {
@@ -2711,7 +2712,7 @@ var NativeDocument = (function (exports) {
             }
             return Anchor('Fragment');
         },
-        bindTextNode(textNode, value) {
+        bindTextNode: (textNode, value) => {
             if(value?.__$isObservable) {
                 value.subscribe(newValue => textNode.nodeValue = newValue);
                 textNode.nodeValue = value.val();
@@ -2741,7 +2742,7 @@ var NativeDocument = (function (exports) {
             await element.remove();
 
         },
-        getChild(child) {
+        getChild: (child) => {
             if(child == null) {
                 return null;
             }
@@ -2761,7 +2762,7 @@ var NativeDocument = (function (exports) {
          * @param {HTMLElement} element
          * @param {Object} attributes
          */
-        processAttributes(element, attributes) {
+        processAttributes: (element, attributes) => {
             if (attributes) {
                 AttributesWrapper(element, attributes);
             }
@@ -3567,7 +3568,7 @@ var NativeDocument = (function (exports) {
     }
 
 
-    function createTemplateCloner($binder) {
+    const createTemplateCloner = ($binder) => {
         return new Proxy($binder, {
             get(target, prop) {
                 if(prop in target) {
@@ -3577,7 +3578,7 @@ var NativeDocument = (function (exports) {
                 return target.value(prop);
             }
         });
-    }
+    };
 
     function useCache(fn) {
         let $cache = null;
@@ -5116,7 +5117,7 @@ var NativeDocument = (function (exports) {
             }
         };
 
-        const removeByItem = function(item, fragment) {
+        const removeByItem = (item, fragment) => {
             const cacheItem = cache.get(item);
             if(!cacheItem) {
                 return null;