native-document 1.0.163 → 1.0.164

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

@@ -3307,6 +3307,23 @@ var NativeComponents = (function (exports) {
         return this;
     };
 
+    NDElement.prototype.destroyOnUnmount = function() {
+        this.unmounted(() => {
+            this.$element?.querySelectorAll('[data--nd-before-unmount]').forEach(child => {
+                child.remove();
+                child.__$controller?.abort();
+                child.__$controller = null;
+                $lifeCycleObservers.delete(child);
+            });
+
+            this.$element.__$controller?.abort();
+            this.$element.__$controller = null;
+            $lifeCycleObservers.delete(this.$element);
+            this.$element = null;
+        });
+        return this;
+    };
+
     NDElement.prototype.mounted = function(callback) {
         return this.lifecycle({ mounted: callback });
     };
@@ -3323,6 +3340,7 @@ var NativeComponents = (function (exports) {
             const originalRemove = el.remove.bind(el);
 
             let  $isUnmounting = false;
+            this.$element.setAttribute('data--nd-before-unmount', '1');
 
             el.remove = async () => {
                 if($isUnmounting) {
@@ -12167,14 +12185,10 @@ var NativeComponents = (function (exports) {
     });
 
     NDElement.prototype.$getSignal = function() {
-        if(!this.$controller) {
-            this.$controller = new AbortController();
-            this.beforeUnmount('abort-controller', () => {
-                this.$controller.abort();
-                this.$controller = null;
-            });
+        if(!this.$element.__$controller) {
+            this.$element.__$controller = new AbortController();
         }
-        return this.$controller.signal;
+        return this.$element.__$controller.signal;
     };
 
     NDElement.prototype.on = function(name, callback, options) {

package/dist/native-document.dev.js

@@ -3837,6 +3837,23 @@ var NativeDocument = (function (exports) {
         return this;
     };
 
+    NDElement.prototype.destroyOnUnmount = function() {
+        this.unmounted(() => {
+            this.$element?.querySelectorAll('[data--nd-before-unmount]').forEach(child => {
+                child.remove();
+                child.__$controller?.abort();
+                child.__$controller = null;
+                $lifeCycleObservers.delete(child);
+            });
+
+            this.$element.__$controller?.abort();
+            this.$element.__$controller = null;
+            $lifeCycleObservers.delete(this.$element);
+            this.$element = null;
+        });
+        return this;
+    };
+
     NDElement.prototype.mounted = function(callback) {
         return this.lifecycle({ mounted: callback });
     };
@@ -3853,6 +3870,7 @@ var NativeDocument = (function (exports) {
             const originalRemove = el.remove.bind(el);
 
             let  $isUnmounting = false;
+            this.$element.setAttribute('data--nd-before-unmount', '1');
 
             el.remove = async () => {
                 if($isUnmounting) {
@@ -4251,14 +4269,10 @@ var NativeDocument = (function (exports) {
     });
 
     NDElement.prototype.$getSignal = function() {
-        if(!this.$controller) {
-            this.$controller = new AbortController();
-            this.beforeUnmount('abort-controller', () => {
-                this.$controller.abort();
-                this.$controller = null;
-            });
+        if(!this.$element.__$controller) {
+            this.$element.__$controller = new AbortController();
         }
-        return this.$controller.signal;
+        return this.$element.__$controller.signal;
     };
 
     NDElement.prototype.on = function(name, callback, options) {
@@ -4926,27 +4940,30 @@ var NativeDocument = (function (exports) {
             if(!$cacheNode) {
                 $cacheNode = $viewCreator(this);
             }
-            if(!$components) {
-                return $cacheNode;
-            }
-            for(const index in $components) {
-                const updater = $components[index];
-                updater(...data);
+            if(!$components) return $cacheNode;
+
+            const updates = data[0];
+            if(updates && typeof updates === 'object') {
+                for(const key in updates) {
+                    if($components[key]) {
+                        $components[key](updates[key]);
+                    }
+                }
             }
             return $cacheNode;
         };
 
         this.createSection = (name, fn) => {
             $components = $components || {};
-            const anchor = Anchor('Component '+name);
+            const anchor = Anchor('Component ' + name);
 
-            $components[name] = function(...args) {
+            $components[name] = function(content) {
                 anchor.removeChildren();
                 if(!fn) {
-                    anchor.append(args);
+                    anchor.append(content);
                     return;
                 }
-                anchor.appendChild(fn(...args));
+                anchor.appendChild(fn(content));
             };
             return anchor;
         };
@@ -7248,7 +7265,25 @@ var NativeDocument = (function (exports) {
     });
 
     const RouteParamPatterns = {
+        id:       '[0-9]+',
+        uuid:     '[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}',
+        slug:     '[a-z0-9]+(?:-[a-z0-9]+)*',
+        hash:     '[a-f0-9]{32,64}',
+
+        alpha:    '[a-zA-Z]+',
+        alphanum: '[a-zA-Z0-9]+',
+        string:   '[^/]+',
+        any:      '.*',
+
+        int:      '[0-9]+',
+        float:    '[0-9]+\\.[0-9]+',
+        number:   '[0-9]+(\\.[0-9]+)?',
+        positive: '[1-9][0-9]*',
+
+        locale:   '[a-z]{2}(-[A-Z]{2})?',
+        lang:     '[a-z]{2}',
 
+        token:    '[A-Za-z0-9_\\-]+',
     };
 
     /**