native-document 1.0.107 → 1.0.108

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

@@ -643,7 +643,6 @@ var NativeComponents = (function (exports) {
 
     function NDElement(element) {
         this.$element = element;
-        this.$observer = null;
     }
 
     NDElement.prototype.__$isNDElement = true;
@@ -658,7 +657,7 @@ var NativeComponents = (function (exports) {
     };
 
     NDElement.prototype.refSelf = function(target, name) {
-        target[name] = this;
+        target[name] = new NDElement(this.$element);
         return this;
     };
 
@@ -679,23 +678,28 @@ var NativeComponents = (function (exports) {
         let element = this.$element;
         element.nd.unmountChildren();
         element.$ndProx = null;
-        delete element.nd?.on?.prevent;
-        delete element.nd?.on;
-        delete element.nd;
+
+        $lifeCycleObservers.delete(element);
+
         element = null;
         return this;
     };
 
+    const $lifeCycleObservers = new WeakMap();
     NDElement.prototype.lifecycle = function(states) {
-        this.$observer = this.$observer || DocumentObserver.watch(this.$element);
+        const el = this.$element;
+        if (!$lifeCycleObservers.has(el)) {
+            $lifeCycleObservers.set(el, DocumentObserver.watch(el));
+        }
+        const observer = $lifeCycleObservers.get(el);
 
         if(states.mounted) {
             this.$element.setAttribute('data--nd-mounted', '1');
-            this.$observer.mounted(states.mounted);
+            observer.mounted(states.mounted);
         }
         if(states.unmounted) {
             this.$element.setAttribute('data--nd-unmounted', '1');
-            this.$observer.unmounted(states.unmounted);
+            observer.unmounted(states.unmounted);
         }
         return this;
     };
@@ -2727,10 +2731,11 @@ var NativeComponents = (function (exports) {
 
     NDElement.prototype.transitionOut = function(transitionName) {
         const exitClass = transitionName + '-exit';
+        const el = this.$element;
         this.beforeUnmount('transition-exit', async function() {
-            this.$element.classes.add(exitClass);
-            await waitForVisualEnd(this.$element);
-            this.$element.classes.remove(exitClass);
+            el.classes.add(exitClass);
+            await waitForVisualEnd(el);
+            el.classes.remove(exitClass);
         });
         return this;
     };
@@ -2739,16 +2744,18 @@ var NativeComponents = (function (exports) {
         const startClass = transitionName + '-enter-from';
         const endClass = transitionName + '-enter-to';
 
-        this.$element.classes.add(startClass);
+        const el = this.$element;
+
+        el.classes.add(startClass);
 
         this.mounted(() => {
             requestAnimationFrame(() => {
                 requestAnimationFrame(() => {
-                    this.$element.classes.remove(startClass);
-                    this.$element.classes.add(endClass);
+                    el.classes.remove(startClass);
+                    el.classes.add(endClass);
 
-                    waitForVisualEnd(this.$element).then(() => {
-                        this.$element.classes.remove(endClass);
+                    waitForVisualEnd(el).then(() => {
+                        el.classes.remove(endClass);
                     });
                 });
             });
@@ -2764,10 +2771,11 @@ var NativeComponents = (function (exports) {
     };
 
     NDElement.prototype.animate = function(animationName) {
-        this.$element.classes.add(animationName);
+        const el = this.$element;
+        el.classes.add(animationName);
 
-        waitForVisualEnd(this.$element).then(() => {
-            this.$element.classes.remove(animationName);
+        waitForVisualEnd(el).then(() => {
+            el.classes.remove(animationName);
         });
 
         return this;
@@ -3050,10 +3058,12 @@ var NativeComponents = (function (exports) {
       "ContextMenu"
     ];
 
+    const $sharedNdElement = new NDElement(null);
     const property = {
         configurable: true,
         get() {
-            return new NDElement(this);
+            $sharedNdElement.$element = this;
+            return $sharedNdElement;
         }
     };
 

package/dist/native-document.dev.js

@@ -395,7 +395,6 @@ var NativeDocument = (function (exports) {
 
     function NDElement(element) {
         this.$element = element;
-        this.$observer = null;
         {
             PluginsManager.emit('NDElementCreated', element, this);
         }
@@ -413,7 +412,7 @@ var NativeDocument = (function (exports) {
     };
 
     NDElement.prototype.refSelf = function(target, name) {
-        target[name] = this;
+        target[name] = new NDElement(this.$element);
         return this;
     };
 
@@ -434,23 +433,28 @@ var NativeDocument = (function (exports) {
         let element = this.$element;
         element.nd.unmountChildren();
         element.$ndProx = null;
-        delete element.nd?.on?.prevent;
-        delete element.nd?.on;
-        delete element.nd;
+
+        $lifeCycleObservers.delete(element);
+
         element = null;
         return this;
     };
 
+    const $lifeCycleObservers = new WeakMap();
     NDElement.prototype.lifecycle = function(states) {
-        this.$observer = this.$observer || DocumentObserver.watch(this.$element);
+        const el = this.$element;
+        if (!$lifeCycleObservers.has(el)) {
+            $lifeCycleObservers.set(el, DocumentObserver.watch(el));
+        }
+        const observer = $lifeCycleObservers.get(el);
 
         if(states.mounted) {
             this.$element.setAttribute('data--nd-mounted', '1');
-            this.$observer.mounted(states.mounted);
+            observer.mounted(states.mounted);
         }
         if(states.unmounted) {
             this.$element.setAttribute('data--nd-unmounted', '1');
-            this.$observer.unmounted(states.unmounted);
+            observer.unmounted(states.unmounted);
         }
         return this;
     };
@@ -2575,10 +2579,11 @@ var NativeDocument = (function (exports) {
 
     NDElement.prototype.transitionOut = function(transitionName) {
         const exitClass = transitionName + '-exit';
+        const el = this.$element;
         this.beforeUnmount('transition-exit', async function() {
-            this.$element.classes.add(exitClass);
-            await waitForVisualEnd(this.$element);
-            this.$element.classes.remove(exitClass);
+            el.classes.add(exitClass);
+            await waitForVisualEnd(el);
+            el.classes.remove(exitClass);
         });
         return this;
     };
@@ -2587,16 +2592,18 @@ var NativeDocument = (function (exports) {
         const startClass = transitionName + '-enter-from';
         const endClass = transitionName + '-enter-to';
 
-        this.$element.classes.add(startClass);
+        const el = this.$element;
+
+        el.classes.add(startClass);
 
         this.mounted(() => {
             requestAnimationFrame(() => {
                 requestAnimationFrame(() => {
-                    this.$element.classes.remove(startClass);
-                    this.$element.classes.add(endClass);
+                    el.classes.remove(startClass);
+                    el.classes.add(endClass);
 
-                    waitForVisualEnd(this.$element).then(() => {
-                        this.$element.classes.remove(endClass);
+                    waitForVisualEnd(el).then(() => {
+                        el.classes.remove(endClass);
                     });
                 });
             });
@@ -2612,10 +2619,11 @@ var NativeDocument = (function (exports) {
     };
 
     NDElement.prototype.animate = function(animationName) {
-        this.$element.classes.add(animationName);
+        const el = this.$element;
+        el.classes.add(animationName);
 
-        waitForVisualEnd(this.$element).then(() => {
-            this.$element.classes.remove(animationName);
+        waitForVisualEnd(el).then(() => {
+            el.classes.remove(animationName);
         });
 
         return this;
@@ -2908,10 +2916,12 @@ var NativeDocument = (function (exports) {
       "ContextMenu"
     ];
 
+    const $sharedNdElement = new NDElement(null);
     const property = {
         configurable: true,
         get() {
-            return new NDElement(this);
+            $sharedNdElement.$element = this;
+            return $sharedNdElement;
         }
     };
 
@@ -6714,7 +6724,7 @@ var NativeDocument = (function (exports) {
             cleanContainer();
             const anchor = getNodeAnchorForLayout(nodeToInsert, path);
 
-            $currentLayout = layout(anchor);
+            $currentLayout = ElementCreator.getChild(layout(anchor));
             $layoutCache.set(nodeToInsert, $currentLayout);
             container.appendChild($currentLayout);
         };
@@ -7014,6 +7024,17 @@ var NativeDocument = (function (exports) {
         return Router.get(name).back();
     };
 
+    Router.redirectTo = function(pathOrRouteName, params = null, name = null) {
+        let target = pathOrRouteName;
+        const router = Router.get(name);
+        const route = router.resolve({ name: pathOrRouteName, params });
+        if(route) {
+            target = { name: pathOrRouteName, params};
+        }
+        console.log(target);
+        return router.push(target);
+    };
+
     function Link(options, children){
         const { to, href, ...attributes } = options;
         if(href) {