@remote-dom/polyfill 1.0.6 → 1.2.0

package/source/EventTarget.ts

@@ -1,14 +1,19 @@
-import {hooks} from './hooks.ts';
-import {LISTENERS} from './constants.ts';
+import {HOOKS, 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';
+import type {Document} from './Document.ts';
 
 const ONCE_LISTENERS = Symbol('onceListeners');
 
 export class EventTarget {
   [LISTENERS]?: Map<string, Set<EventListenerOrEventListenerObject>>;
   [ONCE_LISTENERS]?: WeakMap<EventListenerOrEventListenerObject, EventListener>;
+  /**
+   * Property set by entities that extend this class that are part of the DOM tree.
+   * @internal
+   */
+  [OWNER_DOCUMENT]?: Document;
 
   addEventListener(
     type: string,
@@ -67,7 +72,12 @@ export class EventTarget {
     );
 
     list.add(normalizedListener);
-    hooks.addEventListener?.(this as any, type, listener, options);
+    this[OWNER_DOCUMENT]?.defaultView[HOOKS].addEventListener?.(
+      this as any,
+      type,
+      listener,
+      options,
+    );
   }
 
   removeEventListener(
@@ -134,7 +144,12 @@ function removeEventListener(
   if (list) {
     const deleted = list.delete(normalizedListener);
     if (deleted) {
-      hooks.removeEventListener?.(this as any, type, listener, options);
+      this[OWNER_DOCUMENT]?.defaultView[HOOKS].removeEventListener?.(
+        this as any,
+        type,
+        listener,
+        options,
+      );
     }
   }
 }

package/source/NamedNodeMap.ts

@@ -1,5 +1,11 @@
-import {hooks} from './hooks.ts';
-import {CHILD, OWNER_ELEMENT, NS, NEXT, NamespaceURI} from './constants.ts';
+import {
+  CHILD,
+  OWNER_ELEMENT,
+  NS,
+  NEXT,
+  NamespaceURI,
+  HOOKS,
+} from './constants.ts';
 import type {Attr} from './Attr.ts';
 import type {Element} from './Element.ts';
 
@@ -60,7 +66,11 @@ export class NamedNodeMap {
         if (prev) prev[NEXT] = attr[NEXT];
         if (this[CHILD] === attr) this[CHILD] = attr[NEXT];
         updateElementAttribute(ownerElement, attr.name, attr.value, null);
-        hooks.removeAttribute?.(ownerElement as any, name, namespaceURI);
+        ownerElement[HOOKS].removeAttribute?.(
+          ownerElement as any,
+          name,
+          namespaceURI,
+        );
         return attr;
       }
 
@@ -108,7 +118,7 @@ export class NamedNodeMap {
         attr.value,
       );
 
-      hooks.setAttribute?.(
+      ownerElement[HOOKS].setAttribute?.(
         ownerElement as any,
         attr.name,
         attr.value,

package/source/Node.ts

@@ -7,6 +7,7 @@ import {
   NEXT,
   NamespaceURI,
   NodeType,
+  HOOKS,
 } from './constants.ts';
 import type {Document} from './Document.ts';
 import type {ParentNode} from './ParentNode.ts';
@@ -28,6 +29,10 @@ export class Node extends EventTarget {
   [PREV]: Node | null = null;
   [NEXT]: Node | null = null;
 
+  protected get [HOOKS]() {
+    return this[OWNER_DOCUMENT].defaultView[HOOKS];
+  }
+
   get localName() {
     return this[NAME];
   }

package/source/ParentNode.ts

@@ -1,4 +1,3 @@
-import {hooks} from './hooks.ts';
 import {
   CHILD,
   NEXT,
@@ -6,6 +5,7 @@ import {
   PARENT,
   OWNER_DOCUMENT,
   NodeType,
+  HOOKS,
 } from './constants.ts';
 import type {Node} from './Node.ts';
 import {ChildNode, toNode} from './ChildNode.ts';
@@ -66,7 +66,7 @@ export class ParentNode extends ChildNode {
       children.splice(children.indexOf(child), 1);
     }
 
-    hooks.removeChild?.(this as any, child as any, childNodesIndex);
+    this[HOOKS].removeChild?.(this as any, child as any, childNodesIndex);
   }
 
   replaceChild(newChild: Node, oldChild: Node) {
@@ -153,6 +153,6 @@ export class ParentNode extends ChildNode {
       if (isElement) this.children.push(child);
     }
 
-    hooks.insertChild?.(this as any, child as any, insertIndex);
+    this[HOOKS].insertChild?.(this as any, child as any, insertIndex);
   }
 }

package/source/Window.ts

@@ -15,8 +15,11 @@ import {DocumentFragment} from './DocumentFragment.ts';
 import {HTMLTemplateElement} from './HTMLTemplateElement.ts';
 import {CustomElementRegistryImplementation} from './CustomElementRegistry.ts';
 import {MutationObserver} from './MutationObserver.ts';
+import {HOOKS} from './constants.ts';
+import type {Hooks} from './hooks.ts';
 
 export class Window extends EventTarget {
+  [HOOKS]: Partial<Hooks> = {};
   name = '';
   parent = this;
   self = this;

package/source/constants.ts

@@ -14,6 +14,7 @@ export const LISTENERS = Symbol('listeners');
 export const IS_TRUSTED = Symbol('isTrusted');
 export const CONTENT = Symbol('content');
 export const SLOT = Symbol('slot');
+export const HOOKS = Symbol('hooks');
 
 // @TODO remove explicit values
 export const enum NodeType {

package/source/hooks.ts

@@ -24,5 +24,3 @@ export interface Hooks {
     options?: boolean | EventListenerOptions,
   ): void;
 }
-
-export const hooks: Partial<Hooks> = {};

package/source/index.ts

@@ -1,2 +1,4 @@
-export {hooks, type Hooks} from './hooks.ts';
+export {type Hooks} from './hooks.ts';
+export {HOOKS} from './constants.ts';
 export {Window} from './Window.ts';
+export {HTMLElement} from './HTMLElement.ts';

package/build/esm/hooks.mjs

@@ -1,3 +0,0 @@
-const hooks = {};
-
-export { hooks };

package/build/esnext/hooks.esnext

@@ -1,3 +0,0 @@
-const hooks = {};
-
-export { hooks };