@remote-dom/polyfill 1.2.0 → 1.3.0

package/source/EventTarget.ts

@@ -1,4 +1,4 @@
-import {HOOKS, LISTENERS, OWNER_DOCUMENT} from './constants.ts';
+import {HOOKS, PATH, LISTENERS, OWNER_DOCUMENT} from './constants.ts';
 import {fireEvent, EventPhase} from './Event.ts';
 import {CAPTURE_MARKER, type Event} from './Event.ts';
 import type {ChildNode} from './ChildNode.ts';
@@ -105,22 +105,21 @@ export class EventTarget {
     // }
     event.target = this;
     event.srcElement = this;
-    event.path = path;
-    let defaultPrevented = false;
-    for (let i = path.length; --i; ) {
-      if (fireEvent(event, path[i]!, EventPhase.CAPTURING_PHASE)) {
-        defaultPrevented = true;
-      }
-    }
-    if (fireEvent(event, this, EventPhase.AT_TARGET)) {
-      defaultPrevented = true;
+    event[PATH] = path;
+
+    for (let i = path.length; i--; ) {
+      fireEvent(event, path[i]!, EventPhase.CAPTURING_PHASE);
+      if (event.cancelBubble) return event.defaultPrevented;
     }
-    for (let i = 1; i < path.length; i++) {
-      if (fireEvent(event, path[i]!, EventPhase.BUBBLING_PHASE)) {
-        defaultPrevented = true;
-      }
+
+    const bubblePath = event.bubbles ? path : path.slice(0, 1);
+
+    for (let i = 0; i < bubblePath.length; i++) {
+      fireEvent(event, bubblePath[i]!, EventPhase.BUBBLING_PHASE);
+      if (event.cancelBubble) return event.defaultPrevented;
     }
-    return !defaultPrevented;
+
+    return event.defaultPrevented;
   }
 }
 

package/source/NamedNodeMap.ts

@@ -125,6 +125,7 @@ export class NamedNodeMap {
         attr[NS],
       );
     }
+
     return old;
   }
 
@@ -150,7 +151,7 @@ function updateElementAttribute(
   const {observedAttributes} = element.constructor as typeof Element;
   const {attributeChangedCallback} = element;
 
-  if (name === 'slot' && element.slot !== newValue) {
+  if (name === 'slot') {
     element.slot = newValue ?? '';
   }
 

package/source/ParentNode.ts

@@ -66,6 +66,7 @@ export class ParentNode extends ChildNode {
       children.splice(children.indexOf(child), 1);
     }
 
+    (child as any).disconnectedCallback?.();
     this[HOOKS].removeChild?.(this as any, child as any, childNodesIndex);
   }
 
@@ -153,6 +154,7 @@ export class ParentNode extends ChildNode {
       if (isElement) this.children.push(child);
     }
 
+    (child as any).connectedCallback?.();
     this[HOOKS].insertChild?.(this as any, child as any, insertIndex);
   }
 }

package/source/constants.ts

@@ -12,8 +12,9 @@ export const DATA = Symbol('data');
 export const USER_PROPERTIES = Symbol('user_properties');
 export const LISTENERS = Symbol('listeners');
 export const IS_TRUSTED = Symbol('isTrusted');
+export const PATH = Symbol('path');
+export const STOP_IMMEDIATE_PROPAGATION = Symbol('stop_immediate_propagation');
 export const CONTENT = Symbol('content');
-export const SLOT = Symbol('slot');
 export const HOOKS = Symbol('hooks');
 
 // @TODO remove explicit values