native-document 1.0.66 → 1.0.67

package/dist/native-document.dev.js

@@ -575,30 +575,57 @@ var NativeDocument = (function (exports) {
         unmounted: new WeakMap(),
         unmountedSupposedSize: 0,
         observer: null,
+        executeMountedCallback(node) {
+            const data = DocumentObserver.mounted.get(node);
+            if(!data) {
+                return;
+            }
+            data.inDom = true;
+            data.mounted && data.mounted(node);
+        },
+        executeUnmountedCallback(node) {
+            const data = DocumentObserver.unmounted.get(node);
+            if(!data) {
+                return;
+            }
+
+            data.inDom = false;
+            if(data.unmounted && data.unmounted(node) === true) {
+                data.disconnect();
+                node.nd?.remove();
+            }
+        },
         checkMutation: function(mutationsList) {
             for(const mutation of mutationsList) {
+                console.log({ mutation });
                 if(DocumentObserver.mountedSupposedSize > 0 ) {
                     for(const node of mutation.addedNodes) {
-                        const data = DocumentObserver.mounted.get(node);
-                        if(!data) {
-                            continue;
+                        DocumentObserver.executeMountedCallback(node);
+                        if(!node.querySelectorAll) {
+                            return;
+                        }
+                        const children = node.querySelectorAll('[data--nd-mounted]');
+                        if(!children.length) {
+                            return;
+                        }
+                        for(const node of children) {
+                            DocumentObserver.executeMountedCallback(node);
                         }
-                        data.inDom = true;
-                        data.mounted && data.mounted(node);
                     }
                 }
 
                 if(DocumentObserver.unmountedSupposedSize > 0 ) {
                     for(const node of mutation.removedNodes) {
-                        const data = DocumentObserver.unmounted.get(node);
-                        if(!data) {
-                            continue;
+                        DocumentObserver.executeUnmountedCallback(node);
+                        if(!node.querySelectorAll) {
+                            return;
                         }
-
-                        data.inDom = false;
-                        if(data.unmounted && data.unmounted(node) === true) {
-                            data.disconnect();
-                            node.nd?.remove();
+                        const children = node.querySelectorAll('[data--nd-unmounted]');
+                        if(!children.length) {
+                            return;
+                        }
+                        for(const node of children) {
+                            DocumentObserver.executeUnmountedCallback(node);
                         }
                     }
                 }
@@ -732,6 +759,7 @@ var NativeDocument = (function (exports) {
         this.$observer = null;
         PluginsManager.emit('NDElementCreated', element, this);
     }
+
     NDElement.prototype.__$isNDElement = true;
 
     NDElement.prototype.valueOf = function() {
@@ -775,10 +803,17 @@ var NativeDocument = (function (exports) {
     NDElement.prototype.lifecycle = function(states) {
         this.$observer = this.$observer || DocumentObserver.watch(this.$element);
 
-        states.mounted && this.$observer.mounted(states.mounted);
-        states.unmounted && this.$observer.unmounted(states.unmounted);
+        if(states.mounted) {
+            this.$element.setAttribute('data--nd-mounted', '1');
+            this.$observer.mounted(states.mounted);
+        }
+        if(states.unmounted) {
+            this.$element.setAttribute('data--nd-unmounted', '1');
+            this.$observer.unmounted(states.unmounted);
+        }
         return this;
     };
+
     NDElement.prototype.mounted = function(callback) {
         return this.lifecycle({ mounted: callback });
     };
@@ -808,9 +843,11 @@ var NativeDocument = (function (exports) {
 
         return this;
     };
+
     NDElement.prototype.openShadow = function(style = null) {
         return this.shadow('open', style);
     };
+
     NDElement.prototype.closedShadow = function(style = null) {
         return this.shadow('closed', style);
     };
@@ -878,7 +915,6 @@ var NativeDocument = (function (exports) {
         });
     };
 
-
     const preventDefaultWrapper = function(element, eventName, callback) {
         element.addEventListener(eventName, (event) => {
             event.preventDefault();
@@ -886,6 +922,7 @@ var NativeDocument = (function (exports) {
         });
         return this;
     };
+
     const stopPropagationWrapper = function(element, eventName, callback) {
         element.addEventListener(eventName, (event) => {
             event.stopPropagation();
@@ -893,6 +930,7 @@ var NativeDocument = (function (exports) {
         });
         return this;
     };
+
     const preventDefaultAndStopPropagationWrapper = function(element, eventName, callback) {
         element.addEventListener(eventName, (event) => {
             event.stopPropagation();
@@ -901,6 +939,7 @@ var NativeDocument = (function (exports) {
         });
         return this;
     };
+
     const captureEventWrapper = function(element, eventName, directHandler) {
         if(directHandler) {
             element.addEventListener(eventName, directHandler);
@@ -916,14 +955,17 @@ var NativeDocument = (function (exports) {
             this.$element.addEventListener(eventName, callback);
             return this;
         };
+
         NDElement.prototype['onPrevent'+event] = function(callback) {
             preventDefaultWrapper(this.$element, eventName, callback);
             return this;
         };
+
         NDElement.prototype['onStop'+event] = function(callback) {
             stopPropagationWrapper(this.$element, eventName, callback);
             return this;
         };
+
         NDElement.prototype['onPreventStop'+event] = function(callback) {
             preventDefaultAndStopPropagationWrapper(this.$element, eventName, callback);
             return this;