native-document 1.0.81 → 1.0.83

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

@@ -362,80 +362,6 @@ var NativeComponents = (function (exports) {
         return this.observable.cleanup();
     };
 
-    const PluginsManager = (function() {
-
-        const $plugins = new Map();
-        const $pluginByEvents = new Map();
-
-        return {
-            list() {
-                return $pluginByEvents;
-            },
-            add(plugin, name){
-                if (!plugin || typeof plugin !== 'object') {
-                    throw new Error(`Plugin ${name} must be an object`);
-                }
-                name = name || plugin.name;
-                if (!name || typeof name !== 'string') {
-                    throw new Error(`Please, provide a valid plugin name`);
-                }
-                if($plugins.has(name)) {
-                    return;
-                }
-
-                plugin.$name = name;
-                $plugins.set(name ,plugin);
-                if(typeof plugin?.init === 'function') {
-                    plugin.init();
-                }
-                for(const methodName in plugin) {
-                    if(/^on[A-Z]/.test(methodName)) {
-                        const eventName = methodName.replace(/^on/, '');
-                        if(!$pluginByEvents.has(eventName)) {
-                            $pluginByEvents.set(eventName, new Set());
-                        }
-                        $pluginByEvents.get(eventName).add(plugin);
-                    }
-                }
-            },
-            remove(pluginName){
-                if(!$plugins.has(pluginName)) {
-                    return;
-                }
-                const plugin = $plugins.get(pluginName);
-                if(typeof plugin.cleanup === 'function') {
-                    plugin.cleanup();
-                }
-                for(const [name, sets] of $pluginByEvents.entries() ) {
-                    if(sets.has(plugin)) {
-                        sets.delete(plugin);
-                    }
-                    if(sets.size === 0) {
-                        $pluginByEvents.delete(name);
-                    }
-                }
-                $plugins.delete(pluginName);
-            },
-            emit(eventName, ...data) {
-                if(!$pluginByEvents.has(eventName)) {
-                    return;
-                }
-                const plugins = $pluginByEvents.get(eventName);
-
-                for(const plugin of plugins) {
-                    const callback = plugin['on'+eventName];
-                    if(typeof callback === 'function') {
-                        try{
-                            callback.call(plugin, ...data);
-                        } catch (error) {
-                            DebugManager.error('Plugin Manager', `Error in plugin ${plugin.$name} for event ${eventName}`, error);
-                        }
-                    }
-                }
-            }
-        };
-    }());
-
     const ObservableWhen = function(observer, value) {
         this.$target = value;
         this.$observer = observer;
@@ -560,8 +486,6 @@ var NativeComponents = (function (exports) {
                 this.$initialValue = Validator.isObject(value) ? deepClone(value) : value;
             }
         }
-
-        PluginsManager.emit('CreateObservable', this);
     }
 
     Object.defineProperty(ObservableItem.prototype, '$value', {
@@ -686,10 +610,8 @@ var NativeComponents = (function (exports) {
         }
         this.$previousValue = this.$currentValue;
         this.$currentValue = newValue;
-        PluginsManager.emit('ObservableBeforeChange', this);
         this.trigger();
         this.$previousValue = null;
-        PluginsManager.emit('ObservableAfterChange', this);
     };
 
     ObservableItem.prototype.val = function() {
@@ -749,11 +671,9 @@ var NativeComponents = (function (exports) {
 
         this.$listeners.push(callback);
         this.assocTrigger();
-        PluginsManager.emit('ObservableSubscribe', this, target);
         return () => {
             this.unsubscribe(callback);
             this.assocTrigger();
-            PluginsManager.emit('ObservableUnsubscribe', this);
         };
     };
 
@@ -973,7 +893,6 @@ var NativeComponents = (function (exports) {
     function NDElement(element) {
         this.$element = element;
         this.$observer = null;
-        PluginsManager.emit('NDElementCreated', element, this);
     }
 
     NDElement.prototype.__$isNDElement = true;
@@ -1132,17 +1051,9 @@ var NativeComponents = (function (exports) {
             NDElement.prototype[name] = method;
         }
 
-        PluginsManager.emit('NDElementExtended', methods);
-
         return NDElement;
     };
 
-    function TemplateBinding(hydrate) {
-        this.$hydrate = hydrate;
-    }
-
-    TemplateBinding.prototype.__$isTemplateBinding = true;
-
     const COMMON_NODE_TYPES = {
         ELEMENT: 1,
         TEXT: 3,
@@ -1152,10 +1063,10 @@ var NativeComponents = (function (exports) {
 
     const Validator = {
         isObservable(value) {
-            return  value?.__$isObservable || value instanceof ObservableItem || value instanceof ObservableChecker;
+            return  value?.__$isObservable;
         },
         isTemplateBinding(value) {
-            return  value?.__$isTemplateBinding || value instanceof TemplateBinding;
+            return  value?.__$isTemplateBinding;
         },
         isObservableWhenResult(value) {
             return value && (value.__$isObservableWhen || (typeof value === 'object' && '$target' in value && '$observer' in value));
@@ -1411,6 +1322,7 @@ var NativeComponents = (function (exports) {
 
         return anchorFragment;
     }
+    DocumentFragment.prototype.setAttribute = () => {};
 
     const BOOLEAN_ATTRIBUTES = new Set([
         'checked',
@@ -1524,10 +1436,6 @@ var NativeComponents = (function (exports) {
         this.subscribe(toggleElementClass.bind(null, element, className));
     };
 
-    TemplateBinding.prototype.bindNdClass = function(element, className) {
-        this.$hydrate(element, className);
-    };
-
     function toggleElementClass(element, className, shouldAdd) {
         element.classes.toggle(className, shouldAdd);
     }
@@ -1726,14 +1634,9 @@ var NativeComponents = (function (exports) {
 
     Function.prototype.toNdElement = function () {
         const child = this;
-        PluginsManager.emit('BeforeProcessComponent', child);
         return ElementCreator.getChild(child());
     };
 
-    TemplateBinding.prototype.toNdElement = function () {
-        return ElementCreator.createHydratableNode(null, this);
-    };
-
     String.prototype.handleNdAttribute = function(element, attributeName) {
         element.setAttribute(attributeName, this);
     };
@@ -1747,10 +1650,6 @@ var NativeComponents = (function (exports) {
         bindAttributeWithObservable(element, attributeName, this);
     };
 
-    TemplateBinding.prototype.handleNdAttribute = function(element, attributeName) {
-        this.$hydrate(element, attributeName);
-    };
-
     const $nodeCache = new Map();
     let $textNodeCache = null;
 
@@ -1805,8 +1704,9 @@ var NativeComponents = (function (exports) {
          */
         createElement(name)  {
             if(name) {
-                if($nodeCache.has(name)) {
-                    return $nodeCache.get(name).cloneNode();
+                const cacheNode = $nodeCache.get(name);
+                if(cacheNode) {
+                    return cacheNode.cloneNode();
                 }
                 const node = document.createElement(name);
                 $nodeCache.set(name, node);
@@ -1821,12 +1721,10 @@ var NativeComponents = (function (exports) {
          */
         processChildren(children, parent) {
             if(children === null) return;
-            PluginsManager.emit('BeforeProcessChildren', parent);
             let child = this.getChild(children);
             if(child) {
                 parent.appendChild(child);
             }
-            PluginsManager.emit('AfterProcessChildren', parent);
         },
         getChild(child) {
             if(child == null) {
@@ -1849,21 +1747,9 @@ var NativeComponents = (function (exports) {
          * @param {Object} attributes
          */
         processAttributes(element, attributes) {
-            if(Validator.isFragment(element)) return;
             if (attributes) {
                 AttributesWrapper(element, attributes);
             }
-        },
-        /**
-         *
-         * @param {HTMLElement} element
-         * @param {Object} attributes
-         * @param {?Function} customWrapper
-         * @returns {HTMLElement|DocumentFragment}
-         */
-        setup(element, attributes, customWrapper) {
-            PluginsManager.emit('Setup', element, attributes, customWrapper);
-            return element;
         }
     };
 
@@ -2160,14 +2046,9 @@ var NativeComponents = (function (exports) {
         let element = ElementCreator.createElement($tagName);
         let finalElement = (customWrapper && typeof customWrapper === 'function') ? customWrapper(element) : element;
 
-        if(attributes) {
-            ElementCreator.processAttributes(finalElement, attributes);
-        }
-        if(children) {
-            ElementCreator.processChildren(children, finalElement);
-        }
-
-        return ElementCreator.setup(finalElement, attributes, customWrapper);
+        ElementCreator.processAttributes(finalElement, attributes);
+        ElementCreator.processChildren(children, finalElement);
+        return finalElement;
     }
 
     /**
@@ -2292,7 +2173,6 @@ var NativeComponents = (function (exports) {
         }
 
         ObservableItem.call(this, target, configs);
-        PluginsManager.emit('CreateObservableArray', this);
     };
 
     ObservableArray.prototype = Object.create(ObservableItem.prototype);
@@ -2692,8 +2572,6 @@ var NativeComponents = (function (exports) {
         const observable = new ObservableItem(initialValue);
         const updatedValue = nextTick(() => observable.set(callback()));
 
-        PluginsManager.emit('CreateObservableComputed', observable, dependencies);
-
         if(Validator.isFunction(dependencies)) {
             if(!Validator.isObservable(dependencies.$observer)) {
                 throw new NativeDocumentError('Observable.computed : dependencies must be valid batch function');

package/dist/native-document.dev.js

@@ -141,79 +141,85 @@ var NativeDocument = (function (exports) {
         return this.observable.cleanup();
     };
 
-    const PluginsManager = (function() {
+    let PluginsManager$1 = null;
 
-        const $plugins = new Map();
-        const $pluginByEvents = new Map();
+    {
+        PluginsManager$1 = (function() {
 
-        return {
-            list() {
-                return $pluginByEvents;
-            },
-            add(plugin, name){
-                if (!plugin || typeof plugin !== 'object') {
-                    throw new Error(`Plugin ${name} must be an object`);
-                }
-                name = name || plugin.name;
-                if (!name || typeof name !== 'string') {
-                    throw new Error(`Please, provide a valid plugin name`);
-                }
-                if($plugins.has(name)) {
-                    return;
-                }
+            const $plugins = new Map();
+            const $pluginByEvents = new Map();
 
-                plugin.$name = name;
-                $plugins.set(name ,plugin);
-                if(typeof plugin?.init === 'function') {
-                    plugin.init();
-                }
-                for(const methodName in plugin) {
-                    if(/^on[A-Z]/.test(methodName)) {
-                        const eventName = methodName.replace(/^on/, '');
-                        if(!$pluginByEvents.has(eventName)) {
-                            $pluginByEvents.set(eventName, new Set());
+            return {
+                list() {
+                    return $pluginByEvents;
+                },
+                add(plugin, name){
+                    if (!plugin || typeof plugin !== 'object') {
+                        throw new Error(`Plugin ${name} must be an object`);
+                    }
+                    name = name || plugin.name;
+                    if (!name || typeof name !== 'string') {
+                        throw new Error(`Please, provide a valid plugin name`);
+                    }
+                    if($plugins.has(name)) {
+                        return;
+                    }
+
+                    plugin.$name = name;
+                    $plugins.set(name ,plugin);
+                    if(typeof plugin?.init === 'function') {
+                        plugin.init();
+                    }
+                    for(const methodName in plugin) {
+                        if(/^on[A-Z]/.test(methodName)) {
+                            const eventName = methodName.replace(/^on/, '');
+                            if(!$pluginByEvents.has(eventName)) {
+                                $pluginByEvents.set(eventName, new Set());
+                            }
+                            $pluginByEvents.get(eventName).add(plugin);
                         }
-                        $pluginByEvents.get(eventName).add(plugin);
                     }
-                }
-            },
-            remove(pluginName){
-                if(!$plugins.has(pluginName)) {
-                    return;
-                }
-                const plugin = $plugins.get(pluginName);
-                if(typeof plugin.cleanup === 'function') {
-                    plugin.cleanup();
-                }
-                for(const [name, sets] of $pluginByEvents.entries() ) {
-                    if(sets.has(plugin)) {
-                        sets.delete(plugin);
+                },
+                remove(pluginName){
+                    if(!$plugins.has(pluginName)) {
+                        return;
                     }
-                    if(sets.size === 0) {
-                        $pluginByEvents.delete(name);
+                    const plugin = $plugins.get(pluginName);
+                    if(typeof plugin.cleanup === 'function') {
+                        plugin.cleanup();
                     }
-                }
-                $plugins.delete(pluginName);
-            },
-            emit(eventName, ...data) {
-                if(!$pluginByEvents.has(eventName)) {
-                    return;
-                }
-                const plugins = $pluginByEvents.get(eventName);
-
-                for(const plugin of plugins) {
-                    const callback = plugin['on'+eventName];
-                    if(typeof callback === 'function') {
-                        try{
-                            callback.call(plugin, ...data);
-                        } catch (error) {
-                            DebugManager$1.error('Plugin Manager', `Error in plugin ${plugin.$name} for event ${eventName}`, error);
+                    for(const [name, sets] of $pluginByEvents.entries() ) {
+                        if(sets.has(plugin)) {
+                            sets.delete(plugin);
+                        }
+                        if(sets.size === 0) {
+                            $pluginByEvents.delete(name);
+                        }
+                    }
+                    $plugins.delete(pluginName);
+                },
+                emit(eventName, ...data) {
+                    if(!$pluginByEvents.has(eventName)) {
+                        return;
+                    }
+                    const plugins = $pluginByEvents.get(eventName);
+
+                    for(const plugin of plugins) {
+                        const callback = plugin['on'+eventName];
+                        if(typeof callback === 'function') {
+                            try{
+                                callback.call(plugin, ...data);
+                            } catch (error) {
+                                DebugManager$1.error('Plugin Manager', `Error in plugin ${plugin.$name} for event ${eventName}`, error);
+                            }
                         }
                     }
                 }
-            }
-        };
-    }());
+            };
+        }());
+    }
+
+    var PluginsManager = PluginsManager$1;
 
     const ObservableWhen = function(observer, value) {
         this.$target = value;
@@ -334,8 +340,9 @@ var NativeDocument = (function (exports) {
                 this.$initialValue = Validator.isObject(value) ? deepClone(value) : value;
             }
         }
-
-        PluginsManager.emit('CreateObservable', this);
+        {
+            PluginsManager.emit('CreateObservable', this);
+        }
     }
 
     Object.defineProperty(ObservableItem.prototype, '$value', {
@@ -460,10 +467,14 @@ var NativeDocument = (function (exports) {
         }
         this.$previousValue = this.$currentValue;
         this.$currentValue = newValue;
-        PluginsManager.emit('ObservableBeforeChange', this);
+        {
+            PluginsManager.emit('ObservableBeforeChange', this);
+        }
         this.trigger();
         this.$previousValue = null;
-        PluginsManager.emit('ObservableAfterChange', this);
+        {
+            PluginsManager.emit('ObservableAfterChange', this);
+        }
     };
 
     ObservableItem.prototype.val = function() {
@@ -523,11 +534,15 @@ var NativeDocument = (function (exports) {
 
         this.$listeners.push(callback);
         this.assocTrigger();
-        PluginsManager.emit('ObservableSubscribe', this, target);
+        {
+            PluginsManager.emit('ObservableSubscribe', this, target);
+        }
         return () => {
             this.unsubscribe(callback);
             this.assocTrigger();
-            PluginsManager.emit('ObservableUnsubscribe', this);
+            {
+                PluginsManager.emit('ObservableUnsubscribe', this);
+            }
         };
     };
 
@@ -747,7 +762,9 @@ var NativeDocument = (function (exports) {
     function NDElement(element) {
         this.$element = element;
         this.$observer = null;
-        PluginsManager.emit('NDElementCreated', element, this);
+        {
+            PluginsManager.emit('NDElementCreated', element, this);
+        }
     }
 
     NDElement.prototype.__$isNDElement = true;
@@ -916,8 +933,9 @@ var NativeDocument = (function (exports) {
 
             NDElement.prototype[name] = method;
         }
-
-        PluginsManager.emit('NDElementExtended', methods);
+        {
+            PluginsManager.emit('NDElementExtended', methods);
+        }
 
         return NDElement;
     };
@@ -937,10 +955,10 @@ var NativeDocument = (function (exports) {
 
     const Validator = {
         isObservable(value) {
-            return  value?.__$isObservable || value instanceof ObservableItem || value instanceof ObservableChecker;
+            return  value?.__$isObservable;
         },
         isTemplateBinding(value) {
-            return  value?.__$isTemplateBinding || value instanceof TemplateBinding;
+            return  value?.__$isTemplateBinding;
         },
         isObservableWhenResult(value) {
             return value && (value.__$isObservableWhen || (typeof value === 'object' && '$target' in value && '$observer' in value));
@@ -1227,6 +1245,8 @@ var NativeDocument = (function (exports) {
         return anchor;
     }
 
+    DocumentFragment.prototype.setAttribute = () => {};
+
     const BOOLEAN_ATTRIBUTES = new Set([
         'checked',
         'selected',
@@ -1544,7 +1564,9 @@ var NativeDocument = (function (exports) {
 
     Function.prototype.toNdElement = function () {
         const child = this;
-        PluginsManager.emit('BeforeProcessComponent', child);
+        {
+            PluginsManager.emit('BeforeProcessComponent', child);
+        }
         return ElementCreator.getChild(child());
     };
 
@@ -1623,8 +1645,9 @@ var NativeDocument = (function (exports) {
          */
         createElement(name)  {
             if(name) {
-                if($nodeCache.has(name)) {
-                    return $nodeCache.get(name).cloneNode();
+                const cacheNode = $nodeCache.get(name);
+                if(cacheNode) {
+                    return cacheNode.cloneNode();
                 }
                 const node = document.createElement(name);
                 $nodeCache.set(name, node);
@@ -1639,12 +1662,16 @@ var NativeDocument = (function (exports) {
          */
         processChildren(children, parent) {
             if(children === null) return;
-            PluginsManager.emit('BeforeProcessChildren', parent);
+            {
+                PluginsManager.emit('BeforeProcessChildren', parent);
+            }
             let child = this.getChild(children);
             if(child) {
                 parent.appendChild(child);
             }
-            PluginsManager.emit('AfterProcessChildren', parent);
+            {
+                PluginsManager.emit('AfterProcessChildren', parent);
+            }
         },
         getChild(child) {
             if(child == null) {
@@ -1667,21 +1694,9 @@ var NativeDocument = (function (exports) {
          * @param {Object} attributes
          */
         processAttributes(element, attributes) {
-            if(Validator.isFragment(element)) return;
             if (attributes) {
                 AttributesWrapper(element, attributes);
             }
-        },
-        /**
-         *
-         * @param {HTMLElement} element
-         * @param {Object} attributes
-         * @param {?Function} customWrapper
-         * @returns {HTMLElement|DocumentFragment}
-         */
-        setup(element, attributes, customWrapper) {
-            PluginsManager.emit('Setup', element, attributes, customWrapper);
-            return element;
         }
     };
 
@@ -2099,14 +2114,9 @@ var NativeDocument = (function (exports) {
         let element = ElementCreator.createElement($tagName);
         let finalElement = (customWrapper && typeof customWrapper === 'function') ? customWrapper(element) : element;
 
-        if(attributes) {
-            ElementCreator.processAttributes(finalElement, attributes);
-        }
-        if(children) {
-            ElementCreator.processChildren(children, finalElement);
-        }
-
-        return ElementCreator.setup(finalElement, attributes, customWrapper);
+        ElementCreator.processAttributes(finalElement, attributes);
+        ElementCreator.processChildren(children, finalElement);
+        return finalElement;
     }
 
     /**
@@ -2897,7 +2907,9 @@ var NativeDocument = (function (exports) {
         }
 
         ObservableItem.call(this, target, configs);
-        PluginsManager.emit('CreateObservableArray', this);
+        {
+            PluginsManager.emit('CreateObservableArray', this);
+        }
     };
 
     ObservableArray.prototype = Object.create(ObservableItem.prototype);
@@ -3296,8 +3308,9 @@ var NativeDocument = (function (exports) {
         const initialValue = callback();
         const observable = new ObservableItem(initialValue);
         const updatedValue = nextTick(() => observable.set(callback()));
-
-        PluginsManager.emit('CreateObservableComputed', observable, dependencies);
+        {
+            PluginsManager.emit('CreateObservableComputed', observable, dependencies);
+        }
 
         if(Validator.isFunction(dependencies)) {
             if(!Validator.isObservable(dependencies.$observer)) {
@@ -3618,7 +3631,7 @@ var NativeDocument = (function (exports) {
             if(child) {
                 cache.set(item, {
                     child,
-                    indexObserver: (indexObserver ? new WeakRef(indexObserver) : null)
+                    indexObserver
                 });
                 return child;
             }