native-document 1.0.162 → 1.0.164

package/src/core/wrappers/NdPrototype.js

@@ -26,62 +26,107 @@ Object.defineProperty(NDElement.prototype, 'nd', {
 // ----------------------------------------------------------------
 EVENTS.forEach(eventSourceName => {
     const eventName = eventSourceName.toLowerCase();
-    NDElement.prototype['on'+eventSourceName] = function(callback = null) {
-        this.$element.addEventListener(eventName, callback);
+    NDElement.prototype['on'+eventSourceName] = function(callback = null, options = {}) {
+        this.$element.addEventListener(eventName, callback, {
+            signal: this.$getSignal(),
+            ...options
+        });
         return this;
     };
 })
 
 EVENTS_WITH_STOP.forEach(eventSourceName => {
     const eventName = eventSourceName.toLowerCase();
-    NDElement.prototype['onStop'+eventSourceName] = function(callback = null) {
-        _stop(this.$element, eventName, callback);
+    NDElement.prototype['onStop'+eventSourceName] = function(callback = null, options = {}) {
+        _stop(this.$element, eventName, callback, {
+            signal: this.$getSignal(),
+            ...options
+        });
         return this;
     };
-    NDElement.prototype['onPreventStop'+eventSourceName] = function(callback = null) {
-        _preventStop(this.$element, eventName, callback);
+    NDElement.prototype['onPreventStop'+eventSourceName] = function(callback = null, options = {}) {
+        _preventStop(this.$element, eventName, callback, {
+            signal: this.$getSignal(),
+            ...options
+        });
         return this;
     };
 });
 
 EVENTS_WITH_PREVENT.forEach(eventSourceName => {
     const eventName = eventSourceName.toLowerCase();
-    NDElement.prototype['onPrevent'+eventSourceName] = function(callback = null) {
-        _prevent(this.$element, eventName, callback);
+    NDElement.prototype['onPrevent'+eventSourceName] = function(callback = null, options = {}) {
+        _prevent(this.$element, eventName, callback, {
+            signal: this.$getSignal(),
+            ...options
+        });
         return this;
     };
 });
 
+NDElement.prototype.$getSignal = function() {
+    if(!this.$element.__$controller) {
+        this.$element.__$controller = new AbortController();
+    }
+    return this.$element.__$controller.signal;
+};
+
 NDElement.prototype.on = function(name, callback, options) {
-    this.$element.addEventListener(name.toLowerCase(), callback, options);
+    this.$element.addEventListener(name.toLowerCase(), callback, {
+        signal: this.$getSignal(),
+        ...options
+    });
+    return this;
+};
+
+NDElement.prototype.off = function(name, callback) {
+    this.$element.removeEventListener(name.toLowerCase(), callback);
+    return this;
+};
+
+NDElement.prototype.once = function(name, callback) {
+    this.$element.addEventListener(name.toLowerCase(), callback, {
+        signal: this.$getSignal(),
+        once: true
+    });
+    return this;
+};
+
+NDElement.prototype.emit = function(name, detail = null) {
+    const event = new CustomEvent(name, {
+        detail,
+        bubbles:    true,
+        cancelable: true,
+    });
+    this.$element.dispatchEvent(event);
     return this;
 };
 
-const _prevent = function(element, eventName, callback) {
+const _prevent = function(element, eventName, callback, options) {
     const handler = (event) => {
         event.preventDefault();
         callback && callback.call(element, event);
     };
-    element.addEventListener(eventName, handler);
+    element.addEventListener(eventName, handler, options);
     return this;
 }
 
-const _stop = function(element, eventName, callback) {
+const _stop = function(element, eventName, callback, options) {
     const handler = (event) => {
         event.stopPropagation();
         callback && callback.call(element, event);
     };
-    element.addEventListener(eventName, handler);
+    element.addEventListener(eventName, handler, options);
     return this;
 };
 
-const _preventStop = function(element, eventName, callback) {
+const _preventStop = function(element, eventName, callback, options) {
     const handler = (event) => {
         event.stopPropagation();
         event.preventDefault();
         callback && callback.call(element, event);
     };
-    element.addEventListener(eventName, handler);
+    element.addEventListener(eventName, handler, options);
     return this;
 };
 

package/src/core/wrappers/SingletonView.js

@@ -9,27 +9,30 @@ export function SingletonView($viewCreator) {
         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;
     };

package/src/router/Route.js

@@ -1,7 +1,25 @@
 import {trim} from "../core/utils/helpers.js";
 
 export 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_\\-]+',
 };
 
 /**