turbo-web 4.4.0 → 4.5.0

package/dist/turbo.js

@@ -194,26 +194,35 @@ function hSlot(name = 'default', children = []) {
     return { type: DOM_TYPES.SLOT, name: name, children: children }
 }
 
-function addEventListener(eventNameWithModifiers, handler, el, hostComponent = null) {
+function addEventListener(eventNameWithModifiers, handlerConfig, el, hostComponent = null) {
     const [eventName, ...modifiers] = eventNameWithModifiers.split('.');
+    const isDelegated = typeof handlerConfig === 'object' && handlerConfig.delegate;
+    const handler = isDelegated ? handlerConfig.handler : handlerConfig;
+    const selector = isDelegated ? handlerConfig.delegate : null;
     function boundHandler(event) {
+        let target = event.target;
+        if (isDelegated) {
+            target = event.target.closest(selector);
+            if (!target || !el.contains(target)) return;
+        }
         if (modifiers.includes('stop')) {
             event.stopPropagation();
         }
         if (modifiers.includes('prevent')) {
             event.preventDefault();
         }
+        const args = isDelegated ? [event, target] : [event];
         hostComponent
-            ? handler.apply(hostComponent, arguments)
-            : handler(...arguments);
+            ? handler.apply(hostComponent, args)
+            : handler(...args);
     }
     el.addEventListener(eventName, boundHandler);
     return boundHandler
 }
 function addEventListeners(listeners = {}, el, hostComponent = null ) {
     const addedListeners = {};
-    Object.entries(listeners).forEach(([eventName, handler]) => {
-        const listener = addEventListener(eventName, handler, el, hostComponent);
+    Object.entries(listeners).forEach(([eventName, handlerConfig]) => {
+        const listener = addEventListener(eventName, handlerConfig, el, hostComponent);
         addedListeners[eventName] = listener;
     });
     return addedListeners
@@ -905,7 +914,8 @@ function patchEvents(el, oldListeners = {}, oldEvents = {}, newEvents = {}, host
         const eventName = eventNameWithModifiers.split('.')[0];
         el.removeEventListener(eventName, oldListeners[eventNameWithModifiers]);
     }
-    const addedListeners = {};
+    const addedListeners = { ...oldListeners };
+    removed.forEach(key => delete addedListeners[key]);
     for (const eventNameWithModifiers of added.concat(updated)) {
         const listener = addEventListener(eventNameWithModifiers, newEvents[eventNameWithModifiers], el, hostComponent);
         addedListeners[eventNameWithModifiers] = listener;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "turbo-web",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "main": "dist/turbo.js",
   "files": [
     "dist",