native-document 1.0.159 → 1.0.161

package/dist/native-document.dev.js

@@ -1,14 +1,14 @@
 var NativeDocument = (function (exports) {
     'use strict';
 
-    let DebugManager$2 = {};
+    let DebugManager$1 = {};
 
     {
-        DebugManager$2 = {
+        DebugManager$1 = {
             enabled: true,
 
             enable() {
-                DebugManager$2.log('🔍 NativeDocument Debug Mode enabled');
+                DebugManager$1.log('🔍 NativeDocument Debug Mode enabled');
             },
 
             disable() {
@@ -32,7 +32,7 @@ var NativeDocument = (function (exports) {
         };
 
     }
-    var DebugManager$1 = DebugManager$2;
+    var DebugManager$2 = DebugManager$1;
 
     class NativeDocumentError extends Error {
         constructor(message, context = {}) {
@@ -188,7 +188,7 @@ var NativeDocument = (function (exports) {
             const foundReserved = Object.keys(attributes).filter(key => reserved.includes(key));
 
             if (foundReserved.length > 0) {
-                DebugManager$1.warn('Validator', `Reserved attributes found: ${foundReserved.join(', ')}`);
+                DebugManager$2.warn('Validator', `Reserved attributes found: ${foundReserved.join(', ')}`);
             }
 
             return attributes;
@@ -275,16 +275,16 @@ var NativeDocument = (function (exports) {
                     }
                 }
                 if (cleanedCount > 0) {
-                    DebugManager$1.log('Memory Auto Clean', `🧹 Cleaned ${cleanedCount} orphaned observables`);
+                    DebugManager$2.log('Memory Auto Clean', `🧹 Cleaned ${cleanedCount} orphaned observables`);
                 }
             }
         };
     }());
 
-    let PluginsManager$1 = null;
+    let PluginsManager = null;
 
     {
-        PluginsManager$1 = (function() {
+        PluginsManager = (function() {
 
             const $plugins = new Map();
             const $pluginByEvents = new Map();
@@ -350,7 +350,7 @@ var NativeDocument = (function (exports) {
                             try{
                                 callback.call(plugin, ...data);
                             } catch (error) {
-                                DebugManager$1.error('Plugin Manager', `Error in plugin ${plugin.$name} for event ${eventName}`, error);
+                                DebugManager$2.error('Plugin Manager', `Error in plugin ${plugin.$name} for event ${eventName}`, error);
                             }
                         }
                     }
@@ -359,7 +359,38 @@ var NativeDocument = (function (exports) {
         }());
     }
 
-    var PluginsManager = PluginsManager$1;
+    var PluginsManager$1 = PluginsManager;
+
+    const invoke = function(fn, args, context) {
+        if(context) {
+            fn.apply(context, args);
+        } else {
+            fn(...args);
+        }
+    };
+    /**
+     *
+     * @param {Function} fn
+     * @param {number} delay
+     * @param {{leading?:Boolean, trailing?:Boolean, debounce?:Boolean, check: Function}}options
+     * @returns {(function(...[*]): void)|*}
+     */
+    const debounce = function(fn, delay, options = {}) {
+        let timer = null;
+        let lastArgs = null;
+
+        return  function(...args) {
+            const context = options.context === true ? this : null;
+            if(options.check) {
+                options.check(...args);
+            }
+            lastArgs = args;
+
+            // debounce mode: reset the timer for each call
+            clearTimeout(timer);
+            timer = setTimeout(() => invoke(fn, lastArgs, context), delay);
+        }
+    };
 
     const nextTick = function(fn) {
         let pending = false;
@@ -521,7 +552,7 @@ var NativeDocument = (function (exports) {
             }
         }
         {
-            PluginsManager.emit('CreateObservable', this);
+            PluginsManager$1.emit('CreateObservable', this);
         }
     }
 
@@ -636,12 +667,12 @@ var NativeDocument = (function (exports) {
         this.$previousValue = this.$currentValue;
         this.$currentValue = newValue;
         {
-            PluginsManager.emit('ObservableBeforeChange', this);
+            PluginsManager$1.emit('ObservableBeforeChange', this);
         }
         this.trigger($setOperation);
         this.$previousValue = null;
         {
-            PluginsManager.emit('ObservableAfterChange', this);
+            PluginsManager$1.emit('ObservableAfterChange', this);
         }
     };
 
@@ -720,7 +751,7 @@ var NativeDocument = (function (exports) {
     ObservableItem.prototype.subscribe = function(callback) {
         {
             if (this.$isCleanedUp) {
-                DebugManager$1.warn('Observable subscription', '⚠️ Attempted to subscribe to a cleaned up observable.');
+                DebugManager$2.warn('Observable subscription', '⚠️ Attempted to subscribe to a cleaned up observable.');
                 return;
             }
             if (typeof callback !== 'function') {
@@ -732,7 +763,7 @@ var NativeDocument = (function (exports) {
         this.$listeners.push(callback);
         this.assocTrigger();
         {
-            PluginsManager.emit('ObservableSubscribe', this);
+            PluginsManager$1.emit('ObservableSubscribe', this);
         }
     };
 
@@ -843,7 +874,7 @@ var NativeDocument = (function (exports) {
         }
         this.assocTrigger();
         {
-            PluginsManager.emit('ObservableUnsubscribe', this);
+            PluginsManager$1.emit('ObservableUnsubscribe', this);
         }
     };
 
@@ -1089,7 +1120,7 @@ var NativeDocument = (function (exports) {
                         const regex = new RegExp(pattern, flags);
                         return regex.test(String(value));
                     } catch (error){
-                        DebugManager$1.warn('Invalid regex pattern:', pattern, error);
+                        DebugManager$2.warn('Invalid regex pattern:', pattern, error);
                         return false;
                     }
                 }
@@ -1348,7 +1379,7 @@ var NativeDocument = (function (exports) {
 
         ObservableItem.call(this, target, configs);
         {
-            PluginsManager.emit('CreateObservableArray', this);
+            PluginsManager$1.emit('CreateObservableArray', this);
         }
     };
 
@@ -2204,7 +2235,7 @@ var NativeDocument = (function (exports) {
 
         ObservableItem.call(this);
         {
-            PluginsManager.emit('CreateObservableChecker', this);
+            PluginsManager$1.emit('CreateObservableChecker', this);
         }
 
         this.$mutation = $checker;
@@ -2435,6 +2466,186 @@ var NativeDocument = (function (exports) {
         );
     };
 
+    const STATE = {
+        UNRESOLVED: 'unresolved',
+        PENDING:    'pending',
+        READY:      'ready',
+        REFRESHING: 'refreshing',
+        ERRORED:    'errored',
+    };
+
+    function ObservableResource(fn, deps, config) {
+        this.$fn = (config.debounce > 0) ? debounce(fn, config.debounce) : fn;
+        this.$dependencies = deps;
+        this.$config = config;
+        this.$controller  = null;
+        this.$subscriptions        = [];
+
+        this.data  = config.initial ?? new ObservableItem(null);
+        this.error = new ObservableItem(null);
+        this.state = new ObservableItem(STATE.UNRESOLVED);
+
+        this.loading = ObservableItem.computed(
+            (state) => state === STATE.PENDING || state === STATE.REFRESHING,
+            [this.state]
+        );
+
+        if (config.auto) {
+            if (deps.length > 0) {
+                this.$watchDependencies();
+                return;
+            }
+            this.fetch();
+        }
+    }
+
+    ObservableResource.prototype.$abort = function() {
+        if (this.$controller) {
+            this.$controller.abort();
+            this.$controller = null;
+        }
+    };
+
+    ObservableResource.prototype.$runWithAbortController = function(isRefetch = false) {
+        this.$abort();
+
+        this.$controller = new AbortController();
+        const signal = this.$controller.signal;
+
+        const hasData = this.data.val() !== null;
+        const nextState = isRefetch && hasData ? STATE.REFRESHING : STATE.PENDING;
+
+        this.error.set(null);
+        this.state.set(nextState);
+
+        const depValues = this.$dependencies.map(dep => dep.val());
+        const args = [...depValues, signal];
+
+        Promise.resolve(this.$fn(...args))
+            .then(result => {
+                if (signal.aborted) {
+                    return;
+                }
+                this.data.set(result);
+                this.error.set(null);
+                this.state.set(STATE.READY);
+                this.$controller = null;
+            })
+            .catch(err => {
+                if (signal.aborted) {
+                    return;
+                }
+                this.error.set(err);
+                this.state.set(STATE.ERRORED);
+                this.$controller = null;
+            });
+    };
+    ObservableResource.prototype.$runWithoutAbortController = function(isRefetch = false) {
+        const hasData = this.data.val() !== null;
+        const nextState = isRefetch && hasData ? STATE.REFRESHING : STATE.PENDING;
+
+        this.error.set(null);
+        this.state.set(nextState);
+
+        const args = this.$dependencies.map(dep => dep.val());
+
+        Promise.resolve(this.$fn(...args))
+            .then(result => {
+                this.data.set(result);
+                this.error.set(null);
+                this.state.set(STATE.READY);
+            })
+            .catch(err => {
+                this.error.set(err);
+                this.state.set(STATE.ERRORED);
+            });
+    };
+
+    ObservableResource.prototype.$run = function(isRefetch = false) {
+        const needsSignal = this.$fn.length > this.$dependencies.length;
+        if(needsSignal) {
+            this.$run = this.$runWithAbortController;
+            return this.$runWithAbortController(isRefetch);
+        }
+        this.$run = this.$runWithoutAbortController;
+
+        return this.$run(isRefetch);
+    };
+
+    ObservableResource.prototype.$watchDependencies = function() {
+        this.$subscriptions.forEach(unsub => unsub());
+        this.$subscriptions = [];
+
+        this.$dependencies.forEach(dep => {
+            const callback = () => this.$run(true);
+            dep.subscribe(callback);
+            this.$subscriptions.push(() => dep.unsubscribe(callback));
+        });
+        if (!this.$config.lazy) {
+            this.$run(false);
+        }
+    };
+
+    ObservableResource.prototype.fetch = function() {
+        this.$run(false);
+        return this;
+    };
+
+    ObservableResource.prototype.refetch = function() {
+        this.$run(true);
+        return this;
+    };
+
+    ObservableResource.prototype.mutate = function(value) {
+        this.data.set(value);
+        this.state.set(STATE.READY);
+        return this;
+    };
+
+    ObservableResource.prototype.destroy = function() {
+        this.$abort();
+        this.$subscriptions.forEach(unsub => unsub());
+        this.$subscriptions = [];
+    };
+
+    ObservableResource.prototype.isReady = function() {
+        return this.state.isEqualTo(STATE.READY);
+    };
+
+    ObservableResource.prototype.isPending = function() {
+        return this.state.isEqualTo(STATE.PENDING);
+    };
+
+    ObservableResource.prototype.isRefreshing = function() {
+        return this.state.isEqualTo(STATE.REFRESHING);
+    };
+
+    ObservableResource.prototype.isErrored = function() {
+        return this.state.isEqualTo(STATE.ERRORED);
+    };
+
+    ObservableResource.prototype.isUnresolved = function() {
+        return this.state.isEqualTo(STATE.UNRESOLVED);
+    };
+
+    ObservableResource.prototype.onSuccess = function(callback) {
+        this.data.subscribe((value) => {
+            if (this.state.val() === STATE.READY) {
+                callback(value);
+            }
+        });
+        return this;
+    };
+
+    ObservableResource.prototype.onError = function(callback) {
+        this.error.subscribe((err) => {
+            if (err !== null) {
+                callback(err);
+            }
+        });
+        return this;
+    };
+
     /**
      *
      * @param {*} value
@@ -2566,12 +2777,12 @@ var NativeDocument = (function (exports) {
      * const computed = Observable.computed(() => { ... }, batch);
      */
     Observable.computed = function(callback, dependencies = []) {
-        const initialValue = callback();
-        const observable = new ObservableItem(initialValue);
         const getValues = () => dependencies.map((item) => item.val());
+        const initialValue = callback(...getValues());
+        const observable = new ObservableItem(initialValue);
         const updatedValue = nextTick(() => observable.set(callback(...getValues())));
         {
-            PluginsManager.emit('CreateObservableComputed', observable, dependencies);
+            PluginsManager$1.emit('CreateObservableComputed', observable, dependencies);
         }
 
         if(Validator.isFunction(dependencies)) {
@@ -2640,6 +2851,15 @@ var NativeDocument = (function (exports) {
     Observable.object = Observable.init;
     Observable.json = Observable.init;
 
+
+    Observable.resource = function(fn, deps = [], options = false) {
+        const config = (typeof options === 'boolean')
+            ? { auto: options, debounce: 0, lazy: false }
+            : { auto: false, debounce: 0, lazy: false, ...options };
+
+        return new ObservableResource(fn, deps, config);
+    };
+
     /**
      *
      * @param {HTMLElement} element
@@ -2877,14 +3097,14 @@ var NativeDocument = (function (exports) {
         processChildren: (children, parent) => {
             if(children === null) return;
             {
-                PluginsManager.emit('BeforeProcessChildren', parent);
+                PluginsManager$1.emit('BeforeProcessChildren', parent);
             }
             let child = ElementCreator.getChild(children);
             if(child) {
                 parent.appendChild(child);
             }
             {
-                PluginsManager.emit('AfterProcessChildren', parent);
+                PluginsManager$1.emit('AfterProcessChildren', parent);
             }
         },
         async safeRemove(element) {
@@ -3534,7 +3754,7 @@ var NativeDocument = (function (exports) {
         this.$element = element;
         this.$attachements = null;
         {
-            PluginsManager.emit('NDElementCreated', element, this);
+            PluginsManager$1.emit('NDElementCreated', element, this);
         }
     }
 
@@ -3706,12 +3926,12 @@ var NativeDocument = (function (exports) {
             const method = methods[name];
 
             if (typeof method !== 'function') {
-                DebugManager$1.warn(`⚠️ extends(): "${name}" is not a function, skipping`);
+                DebugManager$2.warn(`⚠️ extends(): "${name}" is not a function, skipping`);
                 continue;
             }
             {
                 if (this[name] && !this.$localExtensions.has(name)) {
-                    DebugManager$1.warn('NDElement.extend', `Method "${name}" already exists and will be overwritten`);
+                    DebugManager$2.warn('NDElement.extend', `Method "${name}" already exists and will be overwritten`);
                 }
                 this.$localExtensions.set(name, method);
             }
@@ -3722,6 +3942,31 @@ var NativeDocument = (function (exports) {
         return this;
     };
 
+
+    NDElement.prototype.attr = function(name, value) {
+        if(value?.__$Observable) {
+            bindAttributeWithObservable(this.$element, name, value);
+            return this;
+        }
+        this.$element.setAttribute(name, value);
+    };
+
+    NDElement.prototype.attrs = function(attrs) {
+        AttributesWrapper(this.$element, attrs);
+        return this;
+    };
+
+    NDElement.prototype.class = function(classes) {
+        bindClassAttribute(this.$element, classes);
+        return this;
+    };
+
+    NDElement.prototype.style = function(style) {
+        bindStyleAttribute(this.$element, style);
+        return this;
+    };
+
+
     /**
      * Extends the NDElement prototype with new methods available to all NDElement instances.
      * Use this to add global methods to all NDElements.
@@ -3762,23 +4007,23 @@ var NativeDocument = (function (exports) {
             const method = methods[name];
 
             if (typeof method !== 'function') {
-                DebugManager$1.warn('NDElement.extend', `"${name}" is not a function, skipping`);
+                DebugManager$2.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$2.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$2.warn('NDElement.extend', `Overwriting existing prototype method "${name}"`);
             }
 
             NDElement.prototype[name] = method;
         }
         {
-            PluginsManager.emit('NDElementExtended', methods);
+            PluginsManager$1.emit('NDElementExtended', methods);
         }
 
         return NDElement;
@@ -4154,7 +4399,7 @@ var NativeDocument = (function (exports) {
     Function.prototype.toNdElement = function () {
         const child = this;
         {
-            PluginsManager.emit('BeforeProcessComponent', child);
+            PluginsManager$1.emit('BeforeProcessComponent', child);
         }
         return ElementCreator.getChild(child());
     };
@@ -4804,7 +5049,7 @@ var NativeDocument = (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$2.error('Store', `Store.${method}('${name}') : store not found. Did you call Store.create('${name}') first?`);
                 throw new NativeDocumentError(
                     `Store.${method}('${name}') : store not found.`
                 );
@@ -4817,7 +5062,7 @@ var NativeDocument = (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$2.error('Store', `Store.${context}('${name}') is read-only. '${method}()' is not allowed.`);
                 throw new NativeDocumentError(
                     `Store.${context}('${name}') is read-only.`
                 );
@@ -4848,7 +5093,7 @@ var NativeDocument = (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$2.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.`
                     );
@@ -4869,7 +5114,7 @@ var NativeDocument = (function (exports) {
              */
             createResettable(name, value) {
                 if ($stores.has(name)) {
-                    DebugManager$1.warn('Store', `Store.createResettable('${name}') : a store with this name already exists.`);
+                    DebugManager$2.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.`
                     );
@@ -4905,7 +5150,7 @@ var NativeDocument = (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$2.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.`
                     );
@@ -4928,7 +5173,7 @@ var NativeDocument = (function (exports) {
                     }
                     const depItem = $stores.get(depName);
                     if (!depItem) {
-                        DebugManager$1.error('Store', `Store.createComposed('${name}') : dependency '${depName}' not found. Create it first.`);
+                        DebugManager$2.error('Store', `Store.createComposed('${name}') : dependency '${depName}' not found. Create it first.`);
                         throw new NativeDocumentError(
                             `Store.createComposed('${name}') : dependency store '${depName}' not found.`
                         );
@@ -4962,13 +5207,13 @@ var NativeDocument = (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$2.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$2.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().`
                     );
@@ -4989,7 +5234,7 @@ var NativeDocument = (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$2.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.`
                     );
@@ -5056,7 +5301,7 @@ var NativeDocument = (function (exports) {
             get(name) {
                 const item = $stores.get(name);
                 if (!item) {
-                    DebugManager$1.warn('Store', `Store.get('${name}') : store not found.`);
+                    DebugManager$2.warn('Store', `Store.get('${name}') : store not found.`);
                     return null;
                 }
                 return item.observer;
@@ -5078,7 +5323,7 @@ var NativeDocument = (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$2.warn('Store', `Store.delete('${name}') : store not found, nothing to delete.`);
                     return;
                 }
                 item.subscribers.forEach(follower => follower.destroy());
@@ -5180,7 +5425,7 @@ var NativeDocument = (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$2.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) {
@@ -5271,7 +5516,7 @@ var NativeDocument = (function (exports) {
                 }
                 cache.set(keyId, { keyId, isNew: true, child: new WeakRef(child), indexObserver});
             } catch (e) {
-                DebugManager$1.error('ForEach', `Error creating element for key ${keyId}` , e);
+                DebugManager$2.error('ForEach', `Error creating element for key ${keyId}` , e);
                 throw e;
             }
             return keyId;
@@ -5661,7 +5906,7 @@ var NativeDocument = (function (exports) {
                 return condition ? ElementCreator.getChild(child) : null;
             }
 
-            return DebugManager$1.warn('ShowIf', "ShowIf : condition must be an Observable or boolean / "+comment, condition);
+            return DebugManager$2.warn('ShowIf', "ShowIf : condition must be an Observable or boolean / "+comment, condition);
         }
         const element = Anchor('Show if : '+(comment || ''));
 
@@ -7215,7 +7460,7 @@ var NativeDocument = (function (exports) {
                 window.history.pushState({ name: route.name(), params, path}, route.name() || path , path);
                 this.handleRouteChange(route, params, query, path);
             } catch (e) {
-                DebugManager$1.error('HistoryRouter', 'Error in pushState', e);
+                DebugManager$2.error('HistoryRouter', 'Error in pushState', e);
             }
         };
         /**
@@ -7228,7 +7473,7 @@ var NativeDocument = (function (exports) {
                 window.history.replaceState({ name: route.name(), params, path}, route.name() || path , path);
                 this.handleRouteChange(route, params, {}, path);
             } catch(e) {
-                DebugManager$1.error('HistoryRouter', 'Error in replaceState', e);
+                DebugManager$2.error('HistoryRouter', 'Error in replaceState', e);
             }
         };
         this.forward = function() {
@@ -7255,7 +7500,7 @@ var NativeDocument = (function (exports) {
                     }
                     this.handleRouteChange(route, params, query, path);
                 } catch(e) {
-                    DebugManager$1.error('HistoryRouter', 'Error in popstate event', e);
+                    DebugManager$2.error('HistoryRouter', 'Error in popstate event', e);
                 }
             });
             const { route, params, query, path } = this.resolve(defaultPath || (window.location.pathname+window.location.search));
@@ -7484,7 +7729,7 @@ var NativeDocument = (function (exports) {
                     listener(request);
                     next && next(request);
                 } catch (e) {
-                    DebugManager$1.warn('Route Listener', 'Error in listener:', e);
+                    DebugManager$2.warn('Route Listener', 'Error in listener:', e);
                 }
             }
         };
@@ -7673,7 +7918,7 @@ var NativeDocument = (function (exports) {
      */
     Router.create = function(options, callback) {
         if(!Validator.isFunction(callback)) {
-            DebugManager$1.error('Router', 'Callback must be a function');
+            DebugManager$2.error('Router', 'Callback must be a function');
             throw new RouterError('Callback must be a function');
         }
         const router = new Router(options);
@@ -7878,7 +8123,7 @@ var NativeDocument = (function (exports) {
     exports.HtmlElementWrapper = HtmlElementWrapper;
     exports.NDElement = NDElement;
     exports.Observable = Observable;
-    exports.PluginsManager = PluginsManager;
+    exports.PluginsManager = PluginsManager$1;
     exports.SingletonView = SingletonView;
     exports.Store = Store;
     exports.StoreFactory = StoreFactory;