native-document 1.0.111 → 1.0.113-clear

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

@@ -363,16 +363,16 @@ var NativeComponents = (function (exports) {
         // });
     };
 
-    let DebugManager = {};
+    let DebugManager$1 = {};
     {
-        DebugManager = {
+        DebugManager$1 = {
             log() {},
             warn() {},
             error() {},
             disable() {}
         };
     }
-    var DebugManager$1 = DebugManager;
+    var DebugManager = DebugManager$1;
 
     /**
      *
@@ -861,17 +861,17 @@ var NativeComponents = (function (exports) {
             const method = methods[name];
 
             if (typeof method !== 'function') {
-                DebugManager$1.warn('NDElement.extend', `"${name}" is not a function, skipping`);
+                DebugManager.warn('NDElement.extend', `"${name}" is not a function, skipping`);
                 continue;
             }
 
             if (protectedMethods.has(name)) {
-                DebugManager$1.error('NDElement.extend', `Cannot override protected method "${name}"`);
+                DebugManager.error('NDElement.extend', `Cannot override protected method "${name}"`);
                 throw new NativeDocumentError(`Cannot override protected method "${name}"`);
             }
 
             if (NDElement.prototype[name]) {
-                DebugManager$1.warn('NDElement.extend', `Overwriting existing prototype method "${name}"`);
+                DebugManager.warn('NDElement.extend', `Overwriting existing prototype method "${name}"`);
             }
 
             NDElement.prototype[name] = method;
@@ -1060,7 +1060,7 @@ var NativeComponents = (function (exports) {
         anchorFragment.appendChild = function(child, before = null) {
             const parent = anchorEnd.parentNode;
             if(!parent) {
-                DebugManager$1.error('Anchor', 'Anchor : parent not found', child);
+                DebugManager.error('Anchor', 'Anchor : parent not found', child);
                 return;
             }
             before = before ?? anchorEnd;
@@ -1240,7 +1240,7 @@ var NativeComponents = (function (exports) {
                     }
                 }
                 if (cleanedCount > 0) {
-                    DebugManager$1.log('Memory Auto Clean', `🧹 Cleaned ${cleanedCount} orphaned observables`);
+                    DebugManager.log('Memory Auto Clean', `🧹 Cleaned ${cleanedCount} orphaned observables`);
                 }
             }
         };
@@ -1447,7 +1447,7 @@ var NativeComponents = (function (exports) {
         const $getStoreOrThrow = (method, name) => {
             const item = $stores.get(name);
             if (!item) {
-                DebugManager$1.error('Store', `Store.${method}('${name}') : store not found. Did you call Store.create('${name}') first?`);
+                DebugManager.error('Store', `Store.${method}('${name}') : store not found. Did you call Store.create('${name}') first?`);
                 throw new NativeDocumentError(
                     `Store.${method}('${name}') : store not found.`
                 );
@@ -1460,7 +1460,7 @@ var NativeComponents = (function (exports) {
          */
         const $applyReadOnly = (observer, name, context) => {
             const readOnlyError = (method) => () => {
-                DebugManager$1.error('Store', `Store.${context}('${name}') is read-only. '${method}()' is not allowed.`);
+                DebugManager.error('Store', `Store.${context}('${name}') is read-only. '${method}()' is not allowed.`);
                 throw new NativeDocumentError(
                     `Store.${context}('${name}') is read-only.`
                 );
@@ -1491,7 +1491,7 @@ var NativeComponents = (function (exports) {
              */
             create(name, value) {
                 if ($stores.has(name)) {
-                    DebugManager$1.warn('Store', `Store.create('${name}') : a store with this name already exists. Use Store.get('${name}') to retrieve it.`);
+                    DebugManager.warn('Store', `Store.create('${name}') : a store with this name already exists. Use Store.get('${name}') to retrieve it.`);
                     throw new NativeDocumentError(
                         `Store.create('${name}') : a store with this name already exists.`
                     );
@@ -1512,7 +1512,7 @@ var NativeComponents = (function (exports) {
              */
             createResettable(name, value) {
                 if ($stores.has(name)) {
-                    DebugManager$1.warn('Store', `Store.createResettable('${name}') : a store with this name already exists.`);
+                    DebugManager.warn('Store', `Store.createResettable('${name}') : a store with this name already exists.`);
                     throw new NativeDocumentError(
                         `Store.createResettable('${name}') : a store with this name already exists.`
                     );
@@ -1548,7 +1548,7 @@ var NativeComponents = (function (exports) {
              */
             createComposed(name, computation, dependencies) {
                 if ($stores.has(name)) {
-                    DebugManager$1.warn('Store', `Store.createComposed('${name}') : a store with this name already exists.`);
+                    DebugManager.warn('Store', `Store.createComposed('${name}') : a store with this name already exists.`);
                     throw new NativeDocumentError(
                         `Store.createComposed('${name}') : a store with this name already exists.`
                     );
@@ -1571,7 +1571,7 @@ var NativeComponents = (function (exports) {
                     }
                     const depItem = $stores.get(depName);
                     if (!depItem) {
-                        DebugManager$1.error('Store', `Store.createComposed('${name}') : dependency '${depName}' not found. Create it first.`);
+                        DebugManager.error('Store', `Store.createComposed('${name}') : dependency '${depName}' not found. Create it first.`);
                         throw new NativeDocumentError(
                             `Store.createComposed('${name}') : dependency store '${depName}' not found.`
                         );
@@ -1605,13 +1605,13 @@ var NativeComponents = (function (exports) {
             reset(name) {
                 const item = $getStoreOrThrow('reset', name);
                 if (item.composed) {
-                    DebugManager$1.error('Store', `Store.reset('${name}') : composed stores cannot be reset. Their value is derived from dependencies.`);
+                    DebugManager.error('Store', `Store.reset('${name}') : composed stores cannot be reset. Their value is derived from dependencies.`);
                     throw new NativeDocumentError(
                         `Store.reset('${name}') : composed stores cannot be reset.`
                     );
                 }
                 if (!item.resettable) {
-                    DebugManager$1.error('Store', `Store.reset('${name}') : this store is not resettable. Use Store.createResettable('${name}', value) instead of Store.create().`);
+                    DebugManager.error('Store', `Store.reset('${name}') : this store is not resettable. Use Store.createResettable('${name}', value) instead of Store.create().`);
                     throw new NativeDocumentError(
                         `Store.reset('${name}') : this store is not resettable. Use Store.createResettable('${name}', value) instead of Store.create().`
                     );
@@ -1632,7 +1632,7 @@ var NativeComponents = (function (exports) {
                 const item = $getStoreOrThrow('use', name);
 
                 if (item.composed) {
-                    DebugManager$1.error('Store', `Store.use('${name}') : composed stores are read-only. Use Store.follow('${name}') instead.`);
+                    DebugManager.error('Store', `Store.use('${name}') : composed stores are read-only. Use Store.follow('${name}') instead.`);
                     throw new NativeDocumentError(
                         `Store.use('${name}') : composed stores are read-only. Use Store.follow('${name}') instead.`
                     );
@@ -1699,7 +1699,7 @@ var NativeComponents = (function (exports) {
             get(name) {
                 const item = $stores.get(name);
                 if (!item) {
-                    DebugManager$1.warn('Store', `Store.get('${name}') : store not found.`);
+                    DebugManager.warn('Store', `Store.get('${name}') : store not found.`);
                     return null;
                 }
                 return item.observer;
@@ -1721,7 +1721,7 @@ var NativeComponents = (function (exports) {
             delete(name) {
                 const item = $stores.get(name);
                 if (!item) {
-                    DebugManager$1.warn('Store', `Store.delete('${name}') : store not found, nothing to delete.`);
+                    DebugManager.warn('Store', `Store.delete('${name}') : store not found, nothing to delete.`);
                     return;
                 }
                 item.subscribers.forEach(follower => follower.destroy());
@@ -1823,7 +1823,7 @@ var NativeComponents = (function (exports) {
                 return undefined;
             },
             set(target, prop, value) {
-                DebugManager$1.error('Store', `Forbidden: You cannot overwrite the store key '${String(prop)}'. Use .use('${String(prop)}').set(value) instead.`);
+                DebugManager.error('Store', `Forbidden: You cannot overwrite the store key '${String(prop)}'. Use .use('${String(prop)}').set(value) instead.`);
                 throw new NativeDocumentError(`Store structure is immutable. Use .set() on the observable.`);
             },
             deleteProperty(target, prop) {
@@ -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);
             }