native-document 1.0.80 → 1.0.82

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;
@@ -548,6 +474,7 @@ var NativeComponents = (function (exports) {
         this.$currentValue = value;
         this.$isCleanedUp = false;
 
+        this.$firstListener = null;
         this.$listeners = null;
         this.$watchers = null;
 
@@ -559,8 +486,6 @@ var NativeComponents = (function (exports) {
                 this.$initialValue = Validator.isObject(value) ? deepClone(value) : value;
             }
         }
-
-        PluginsManager.emit('CreateObservable', this);
     }
 
     Object.defineProperty(ObservableItem.prototype, '$value', {
@@ -583,7 +508,7 @@ var NativeComponents = (function (exports) {
     };
 
     ObservableItem.prototype.triggerFirstListener = function(operations) {
-        this.$listeners[0](this.$currentValue, this.$previousValue, operations || {});
+        this.$firstListener(this.$currentValue, this.$previousValue, operations || {});
     };
 
     ObservableItem.prototype.triggerListeners = function(operations) {
@@ -632,22 +557,29 @@ var NativeComponents = (function (exports) {
     };
 
     ObservableItem.prototype.triggerAll = function(operations) {
-        this.triggerListeners(operations);
         this.triggerWatchers();
+        this.triggerListeners(operations);
     };
 
     ObservableItem.prototype.triggerWatchersAndFirstListener = function(operations) {
-        this.triggerListeners(operations);
         this.triggerWatchers();
+        this.triggerListeners(operations);
     };
 
     ObservableItem.prototype.assocTrigger = function() {
+        this.$firstListener = null;
         if(this.$watchers?.size && this.$listeners?.length) {
             this.trigger = (this.$listeners.length === 1) ? this.triggerWatchersAndFirstListener : this.triggerAll;
             return;
         }
         if(this.$listeners?.length) {
-            this.trigger = (this.$listeners.length === 1) ? this.triggerFirstListener : this.triggerListeners;
+            if(this.$listeners.length === 1) {
+                this.$firstListener = this.$listeners[0];
+                this.trigger = this.triggerFirstListener;
+            }
+            else {
+                this.trigger = this.triggerListeners;
+            }
             return;
         }
         if(this.$watchers?.size) {
@@ -678,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() {
@@ -741,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);
         };
     };
 
@@ -965,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;
@@ -1124,8 +1051,6 @@ var NativeComponents = (function (exports) {
             NDElement.prototype[name] = method;
         }
 
-        PluginsManager.emit('NDElementExtended', methods);
-
         return NDElement;
     };
 
@@ -1403,6 +1328,7 @@ var NativeComponents = (function (exports) {
 
         return anchorFragment;
     }
+    DocumentFragment.prototype.setAttribute = () => {};
 
     const BOOLEAN_ATTRIBUTES = new Set([
         'checked',
@@ -1718,7 +1644,6 @@ var NativeComponents = (function (exports) {
 
     Function.prototype.toNdElement = function () {
         const child = this;
-        PluginsManager.emit('BeforeProcessComponent', child);
         return ElementCreator.getChild(child());
     };
 
@@ -1797,8 +1722,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);
@@ -1813,12 +1739,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) {
@@ -1841,7 +1765,6 @@ var NativeComponents = (function (exports) {
          * @param {Object} attributes
          */
         processAttributes(element, attributes) {
-            if(Validator.isFragment(element)) return;
             if (attributes) {
                 AttributesWrapper(element, attributes);
             }
@@ -1854,7 +1777,6 @@ var NativeComponents = (function (exports) {
          * @returns {HTMLElement|DocumentFragment}
          */
         setup(element, attributes, customWrapper) {
-            PluginsManager.emit('Setup', element, attributes, customWrapper);
             return element;
         }
     };
@@ -2152,13 +2074,8 @@ 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);
-        }
-
+        ElementCreator.processAttributes(finalElement, attributes);
+        ElementCreator.processChildren(children, finalElement);
         return ElementCreator.setup(finalElement, attributes, customWrapper);
     }
 
@@ -2284,7 +2201,6 @@ var NativeComponents = (function (exports) {
         }
 
         ObservableItem.call(this, target, configs);
-        PluginsManager.emit('CreateObservableArray', this);
     };
 
     ObservableArray.prototype = Object.create(ObservableItem.prototype);
@@ -2300,7 +2216,7 @@ var NativeComponents = (function (exports) {
 
     mutationMethods.forEach((method) => {
         ObservableArray.prototype[method] = function(...values) {
-            const result = this.$currentValue[method](...values);
+            const result = this.$currentValue[method].apply(this.$currentValue, values);
             this.trigger({ action: method, args: values, result });
             return result;
         };
@@ -2308,7 +2224,7 @@ var NativeComponents = (function (exports) {
 
     noMutationMethods.forEach((method) => {
         ObservableArray.prototype[method] = function(...values) {
-            return this.$currentValue[method](...values);
+            return this.$currentValue[method].apply(this.$currentValue, values);
         };
     });
 
@@ -2326,7 +2242,7 @@ var NativeComponents = (function (exports) {
     };
 
     ObservableArray.prototype.merge = function(values) {
-        this.$currentValue.push(...values);
+        this.$currentValue.push.apply(this.$currentValue, values);
         this.trigger({ action: 'merge',  args: values });
     };
 
@@ -2402,7 +2318,7 @@ var NativeComponents = (function (exports) {
                     const deps = Array.isArray(predicate.dependencies)
                         ? predicate.dependencies
                         : [predicate.dependencies];
-                    observableDependencies.push(...deps);
+                    observableDependencies.push.apply(observableDependencies, deps);
                 }
             } else if(typeof predicate === 'function') {
                 filterCallbacks[key] = predicate;
@@ -2684,8 +2600,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');