@remote-dom/polyfill 1.2.1 → 1.3.1

package/build/esm/Event.mjs

@@ -1,4 +1,4 @@
-import { IS_TRUSTED, LISTENERS } from './constants.mjs';
+import { PATH, STOP_IMMEDIATE_PROPAGATION, IS_TRUSTED, LISTENERS } from './constants.mjs';
 
 let EventPhase = /*#__PURE__*/function (EventPhase) {
   EventPhase[EventPhase["NONE"] = 0] = "NONE";
@@ -10,17 +10,17 @@ let EventPhase = /*#__PURE__*/function (EventPhase) {
 const CAPTURE_MARKER = '@';
 const now = typeof performance === 'undefined' ? Date.now : performance.now.bind(performance);
 class Event {
-  static NONE = EventPhase.NONE;
-  static CAPTURING_PHASE = EventPhase.CAPTURING_PHASE;
-  static AT_TARGET = EventPhase.AT_TARGET;
-  static BUBBLING_PHASE = EventPhase.BUBBLING_PHASE;
+  static NONE = (() => EventPhase.NONE)();
+  static CAPTURING_PHASE = (() => EventPhase.CAPTURING_PHASE)();
+  static AT_TARGET = (() => EventPhase.AT_TARGET)();
+  static BUBBLING_PHASE = (() => EventPhase.BUBBLING_PHASE)();
 
   // NONE = EventPhase.NONE;
   // CAPTURING_PHASE = EventPhase.CAPTURING_PHASE;
   // AT_TARGET = EventPhase.AT_TARGET;
   // BUBBLING_PHASE = EventPhase.BUBBLING_PHASE;
 
-  timeStamp = now();
+  timeStamp = (() => now())();
   target = null;
   currentTarget = null;
   srcElement = null;
@@ -29,11 +29,11 @@ class Event {
   composed = false;
   defaultPrevented = false;
   cancelBubble = false;
-  immediatePropagationStopped = false;
   eventPhase = 0;
-  path = [];
   // private inPassiveListener = false;
 
+  [PATH] = [];
+  [STOP_IMMEDIATE_PROPAGATION] = false;
   constructor(type, options) {
     this.type = type;
     Object.defineProperty(this, IS_TRUSTED, {
@@ -46,17 +46,18 @@ class Event {
       if (options.composed) this.composed = options.composed;
     }
   }
-  get composedPath() {
-    return this.path;
-  }
   get isTrusted() {
     return this[IS_TRUSTED];
   }
+  composedPath() {
+    return this[PATH];
+  }
   stopPropagation() {
     this.cancelBubble = true;
   }
   stopImmediatePropagation() {
-    this.immediatePropagationStopped = true;
+    this[STOP_IMMEDIATE_PROPAGATION] = true;
+    this.cancelBubble = true;
   }
   preventDefault() {
     this.defaultPrevented = true;
@@ -75,31 +76,24 @@ class Event {
     this.cancelable = Boolean(cancelable);
   }
 }
-function fireEvent(event, target, phase) {
-  const listeners = target[LISTENERS];
+function fireEvent(event, currentTarget, phase) {
+  const listeners = currentTarget[LISTENERS];
   const list = listeners?.get(`${event.type}${phase === EventPhase.CAPTURING_PHASE ? CAPTURE_MARKER : ''}`);
-  if (!list) return false;
-  let defaultPrevented = false;
+  if (!list) return;
   for (const listener of list) {
-    event.eventPhase = phase;
-    event.currentTarget = target;
+    event.eventPhase = event.target === currentTarget ? EventPhase.AT_TARGET : phase;
+    event.currentTarget = currentTarget;
     try {
       if (typeof listener === 'object') {
         listener.handleEvent(event);
       } else {
-        listener.call(target, event);
+        listener.call(currentTarget, event);
       }
     } catch (err) {
       setTimeout(thrower, 0, err);
     }
-    if (event.defaultPrevented === true) {
-      defaultPrevented = true;
-    }
-    if (event.immediatePropagationStopped) {
-      break;
-    }
+    if (event[STOP_IMMEDIATE_PROPAGATION]) break;
   }
-  return defaultPrevented;
 }
 function thrower(error) {
   throw error;

package/build/esm/EventTarget.mjs

@@ -1,4 +1,4 @@
-import { LISTENERS, OWNER_DOCUMENT, HOOKS } from './constants.mjs';
+import { LISTENERS, OWNER_DOCUMENT, HOOKS, PATH } from './constants.mjs';
 import { fireEvent, CAPTURE_MARKER, EventPhase } from './Event.mjs';
 
 const ONCE_LISTENERS = Symbol('onceListeners');
@@ -67,22 +67,17 @@ 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;
   }
 }
 function removeEventListener(type, listener, options) {

package/build/esm/Node.mjs

@@ -3,7 +3,7 @@ import { EventTarget } from './EventTarget.mjs';
 import { isCharacterData, isParentNode, cloneNode, isTextNode } from './shared.mjs';
 
 class Node extends EventTarget {
-  nodeType = NodeType.NODE;
+  nodeType = (() => NodeType.NODE)();
   [NAME] = '';
   [PARENT] = null;
   [CHILD] = null;

package/build/esm/ParentNode.mjs

@@ -4,8 +4,8 @@ import { NodeList } from './NodeList.mjs';
 import { querySelectorAll, querySelector } from './selectors.mjs';
 
 class ParentNode extends ChildNode {
-  childNodes = new NodeList();
-  children = new NodeList();
+  childNodes = (() => new NodeList())();
+  children = (() => new NodeList())();
   appendChild(child) {
     this.insertInto(child, null);
   }
@@ -45,6 +45,7 @@ class ParentNode extends ChildNode {
       const children = this.children;
       children.splice(children.indexOf(child), 1);
     }
+    child.disconnectedCallback?.();
     this[HOOKS].removeChild?.(this, child, childNodesIndex);
   }
   replaceChild(newChild, oldChild) {
@@ -120,6 +121,7 @@ class ParentNode extends ChildNode {
       childNodes.push(child);
       if (isElement) this.children.push(child);
     }
+    child.connectedCallback?.();
     this[HOOKS].insertChild?.(this, child, insertIndex);
   }
 }

package/build/esm/SVGElement.mjs

@@ -2,7 +2,7 @@ import { NS, NamespaceURI } from './constants.mjs';
 import { Element } from './Element.mjs';
 
 class SVGElement extends Element {
-  [NS] = NamespaceURI.SVG;
+  [NS] = (() => NamespaceURI.SVG)();
   get ownerSVGElement() {
     let root = null;
     let parent = this.parentNode;

package/build/esm/Text.mjs

@@ -2,7 +2,7 @@ import { NodeType, NAME } from './constants.mjs';
 import { CharacterData } from './CharacterData.mjs';
 
 class Text extends CharacterData {
-  nodeType = NodeType.TEXT_NODE;
+  nodeType = (() => NodeType.TEXT_NODE)();
   [NAME] = '#text';
 }
 

package/build/esm/Window.mjs

@@ -23,26 +23,26 @@ class Window extends EventTarget {
   parent = this;
   self = this;
   top = this;
-  document = new Document(this);
-  customElements = new CustomElementRegistryImplementation();
-  location = globalThis.location;
-  navigator = globalThis.navigator;
-  Event = Event;
-  EventTarget = EventTarget;
-  CustomEvent = CustomEvent;
-  Node = Node;
-  ParentNode = ParentNode;
-  ChildNode = ChildNode;
-  DocumentFragment = DocumentFragment;
-  Document = Document;
-  CharacterData = CharacterData;
-  Comment = Comment;
-  Text = Text;
-  Element = Element;
-  HTMLElement = HTMLElement;
-  SVGElement = SVGElement;
-  HTMLTemplateElement = HTMLTemplateElement;
-  MutationObserver = MutationObserver;
+  document = (() => new Document(this))();
+  customElements = (() => new CustomElementRegistryImplementation())();
+  location = (() => globalThis.location)();
+  navigator = (() => globalThis.navigator)();
+  Event = (() => Event)();
+  EventTarget = (() => EventTarget)();
+  CustomEvent = (() => CustomEvent)();
+  Node = (() => Node)();
+  ParentNode = (() => ParentNode)();
+  ChildNode = (() => ChildNode)();
+  DocumentFragment = (() => DocumentFragment)();
+  Document = (() => Document)();
+  CharacterData = (() => CharacterData)();
+  Comment = (() => Comment)();
+  Text = (() => Text)();
+  Element = (() => Element)();
+  HTMLElement = (() => HTMLElement)();
+  SVGElement = (() => SVGElement)();
+  HTMLTemplateElement = (() => HTMLTemplateElement)();
+  MutationObserver = (() => MutationObserver)();
   static setGlobal(window) {
     const properties = Object.getOwnPropertyDescriptors(window);
     delete properties.self;

package/build/esm/constants.mjs

@@ -11,6 +11,8 @@ const PARENT = Symbol('parent');
 const DATA = Symbol('data');
 const LISTENERS = Symbol('listeners');
 const IS_TRUSTED = Symbol('isTrusted');
+const PATH = Symbol('path');
+const STOP_IMMEDIATE_PROPAGATION = Symbol('stop_immediate_propagation');
 const CONTENT = Symbol('content');
 const HOOKS = Symbol('hooks');
 
@@ -36,4 +38,4 @@ let NamespaceURI = /*#__PURE__*/function (NamespaceURI) {
   return NamespaceURI;
 }({});
 
-export { ATTRIBUTES, CHILD, CONTENT, DATA, HOOKS, IS_TRUSTED, LISTENERS, NAME, NEXT, NS, NamespaceURI, NodeType, OWNER_DOCUMENT, OWNER_ELEMENT, PARENT, PREV, VALUE };
+export { ATTRIBUTES, CHILD, CONTENT, DATA, HOOKS, IS_TRUSTED, LISTENERS, NAME, NEXT, NS, NamespaceURI, NodeType, OWNER_DOCUMENT, OWNER_ELEMENT, PARENT, PATH, PREV, STOP_IMMEDIATE_PROPAGATION, VALUE };

package/build/esnext/Document.esnext

@@ -1,4 +1,4 @@
-import { NodeType, NAME, OWNER_DOCUMENT, NamespaceURI, NS, HOOKS } from './constants.esnext';
+import { NodeType, NAME, OWNER_DOCUMENT, HOOKS, NamespaceURI, NS } from './constants.esnext';
 import { Event } from './Event.esnext';
 import { ParentNode } from './ParentNode.esnext';
 import { Element } from './Element.esnext';
@@ -36,7 +36,9 @@ class Document extends ParentNode {
     return createElement(this, localName, namespaceURI);
   }
   createTextNode(data) {
-    return createNode(new Text(data), this);
+    const text = createNode(new Text(data), this);
+    this[HOOKS].createText?.(text, String(data));
+    return text;
   }
   createComment(data) {
     return createNode(new Comment(data), this);

package/build/esnext/Element.esnext

@@ -32,6 +32,9 @@ class Element extends ParentNode {
     }
     return attributes;
   }
+  getAttributeNames() {
+    return [...this.attributes].map((attr) => attr.name);
+  }
   get firstElementChild() {
     return this.children[0] ?? null;
   }

package/build/esnext/Event.esnext

@@ -1,4 +1,4 @@
-import { IS_TRUSTED, LISTENERS } from './constants.esnext';
+import { IS_TRUSTED, PATH, STOP_IMMEDIATE_PROPAGATION, LISTENERS } from './constants.esnext';
 
 var EventPhase = /* @__PURE__ */ ((EventPhase2) => {
   EventPhase2[EventPhase2["NONE"] = 0] = "NONE";
@@ -36,23 +36,24 @@ class Event {
   composed = false;
   defaultPrevented = false;
   cancelBubble = false;
-  immediatePropagationStopped = false;
   eventPhase = 0;
-  path = [];
   // private inPassiveListener = false;
   data;
+  [PATH] = [];
   [IS_TRUSTED];
-  get composedPath() {
-    return this.path;
-  }
+  [STOP_IMMEDIATE_PROPAGATION] = false;
   get isTrusted() {
     return this[IS_TRUSTED];
   }
+  composedPath() {
+    return this[PATH];
+  }
   stopPropagation() {
     this.cancelBubble = true;
   }
   stopImmediatePropagation() {
-    this.immediatePropagationStopped = true;
+    this[STOP_IMMEDIATE_PROPAGATION] = true;
+    this.cancelBubble = true;
   }
   preventDefault() {
     this.defaultPrevented = true;
@@ -70,33 +71,26 @@ class Event {
     this.cancelable = Boolean(cancelable);
   }
 }
-function fireEvent(event, target, phase) {
-  const listeners = target[LISTENERS];
+function fireEvent(event, currentTarget, phase) {
+  const listeners = currentTarget[LISTENERS];
   const list = listeners?.get(
     `${event.type}${phase === 1 /* CAPTURING_PHASE */ ? CAPTURE_MARKER : ""}`
   );
-  if (!list) return false;
-  let defaultPrevented = false;
+  if (!list) return;
   for (const listener of list) {
-    event.eventPhase = phase;
-    event.currentTarget = target;
+    event.eventPhase = event.target === currentTarget ? 2 /* AT_TARGET */ : phase;
+    event.currentTarget = currentTarget;
     try {
       if (typeof listener === "object") {
         listener.handleEvent(event);
       } else {
-        listener.call(target, event);
+        listener.call(currentTarget, event);
       }
     } catch (err) {
       setTimeout(thrower, 0, err);
     }
-    if (event.defaultPrevented === true) {
-      defaultPrevented = true;
-    }
-    if (event.immediatePropagationStopped) {
-      break;
-    }
+    if (event[STOP_IMMEDIATE_PROPAGATION]) break;
   }
-  return defaultPrevented;
 }
 function thrower(error) {
   throw error;

package/build/esnext/EventTarget.esnext

@@ -1,4 +1,4 @@
-import { LISTENERS, OWNER_DOCUMENT, HOOKS } from './constants.esnext';
+import { LISTENERS, OWNER_DOCUMENT, HOOKS, PATH } from './constants.esnext';
 import { fireEvent, EventPhase, CAPTURE_MARKER } from './Event.esnext';
 
 const ONCE_LISTENERS = Symbol("onceListeners");
@@ -70,22 +70,17 @@ 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;
   }
 }
 function removeEventListener(type, listener, options) {

package/build/esnext/ParentNode.esnext

@@ -46,6 +46,7 @@ class ParentNode extends ChildNode {
       const children = this.children;
       children.splice(children.indexOf(child), 1);
     }
+    child.disconnectedCallback?.();
     this[HOOKS].removeChild?.(this, child, childNodesIndex);
   }
   replaceChild(newChild, oldChild) {
@@ -120,6 +121,7 @@ class ParentNode extends ChildNode {
       childNodes.push(child);
       if (isElement) this.children.push(child);
     }
+    child.connectedCallback?.();
     this[HOOKS].insertChild?.(this, child, insertIndex);
   }
 }

package/build/esnext/constants.esnext

@@ -11,6 +11,8 @@ const PARENT = Symbol("parent");
 const DATA = Symbol("data");
 const LISTENERS = Symbol("listeners");
 const IS_TRUSTED = Symbol("isTrusted");
+const PATH = Symbol("path");
+const STOP_IMMEDIATE_PROPAGATION = Symbol("stop_immediate_propagation");
 const CONTENT = Symbol("content");
 const HOOKS = Symbol("hooks");
 var NodeType = /* @__PURE__ */ ((NodeType2) => {
@@ -34,4 +36,4 @@ var NamespaceURI = /* @__PURE__ */ ((NamespaceURI2) => {
   return NamespaceURI2;
 })(NamespaceURI || {});
 
-export { ATTRIBUTES, CHILD, CONTENT, DATA, HOOKS, IS_TRUSTED, LISTENERS, NAME, NEXT, NS, NamespaceURI, NodeType, OWNER_DOCUMENT, OWNER_ELEMENT, PARENT, PREV, VALUE };
+export { ATTRIBUTES, CHILD, CONTENT, DATA, HOOKS, IS_TRUSTED, LISTENERS, NAME, NEXT, NS, NamespaceURI, NodeType, OWNER_DOCUMENT, OWNER_ELEMENT, PARENT, PATH, PREV, STOP_IMMEDIATE_PROPAGATION, VALUE };