@remote-dom/polyfill 1.3.0 → 1.4.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @remote-dom/polyfill
 
+## 1.4.0
+
+### Minor Changes
+
+- [#446](https://github.com/Shopify/remote-dom/pull/446) [`b297fc5`](https://github.com/Shopify/remote-dom/commit/b297fc5efecc6479fa5e0e3bdcdb48dea721df43) Thanks [@jakearchibald](https://github.com/jakearchibald)! - Implement node.isConnected
+
+### Patch Changes
+
+- [#446](https://github.com/Shopify/remote-dom/pull/446) [`b297fc5`](https://github.com/Shopify/remote-dom/commit/b297fc5efecc6479fa5e0e3bdcdb48dea721df43) Thanks [@jakearchibald](https://github.com/jakearchibald)! - Ensure that the insert and remove hooks are only called for element parents.
+
+- [#446](https://github.com/Shopify/remote-dom/pull/446) [`b297fc5`](https://github.com/Shopify/remote-dom/commit/b297fc5efecc6479fa5e0e3bdcdb48dea721df43) Thanks [@jakearchibald](https://github.com/jakearchibald)! - Make connectedCallback and disconnectedCallback call on connect/disconnect recursively
+
+## 1.3.1
+
+### Patch Changes
+
+- [#436](https://github.com/Shopify/remote-dom/pull/436) [`5979797`](https://github.com/Shopify/remote-dom/commit/59797975a3ccf2bee825809f67e05ca4a28e2647) Thanks [@jakearchibald](https://github.com/jakearchibald)! - Ensure the `createText` hook is called when creating a new text node
+
 ## 1.3.0
 
 ### Minor Changes

package/build/cjs/Attr.cjs

@@ -6,11 +6,10 @@ const constants = require('./constants.cjs');
 const Node = require('./Node.cjs');
 
 class Attr extends Node.Node {
-  nodeType = constants.NodeType.ATTRIBUTE_NODE;
+  nodeType = (() => constants.NodeType.ATTRIBUTE_NODE)();
   [constants.NS] = null;
   [constants.NEXT] = null;
   [constants.OWNER_ELEMENT] = null;
-  isConnected = false;
   constructor(name, value, namespace) {
     super();
     this[constants.NAME] = name;

package/build/cjs/CustomElementRegistry.cjs

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 class CustomElementRegistryImplementation {
-  registry = new Map();
-  listenersByName = new Map();
+  registry = (() => new Map())();
+  listenersByName = (() => new Map())();
   define(name, Constructor, _options) {
     this.registry.set(name, Constructor);
     const listeners = this.listenersByName.get(name);

package/build/cjs/Document.cjs

@@ -17,8 +17,9 @@ const HTMLHeadElement = require('./HTMLHeadElement.cjs');
 const HTMLHtmlElement = require('./HTMLHtmlElement.cjs');
 
 class Document extends ParentNode.ParentNode {
-  nodeType = constants.NodeType.DOCUMENT_NODE;
+  nodeType = (() => constants.NodeType.DOCUMENT_NODE)();
   [constants.NAME] = '#document';
+  [constants.IS_CONNECTED] = true;
   constructor(defaultView) {
     super();
     this.defaultView = defaultView;
@@ -26,6 +27,7 @@ class Document extends ParentNode.ParentNode {
     this.documentElement = setupElement(new HTMLHtmlElement.HTMLHtmlElement(), this, 'html');
     this.body = setupElement(new HTMLBodyElement.HTMLBodyElement(), this, 'body');
     this.head = setupElement(new HTMLHeadElement.HTMLHeadElement(), this, 'head');
+    this.appendChild(this.documentElement);
     this.documentElement.appendChild(this.head);
     this.documentElement.appendChild(this.body);
   }
@@ -36,7 +38,9 @@ class Document extends ParentNode.ParentNode {
     return createElement(this, localName, namespaceURI);
   }
   createTextNode(data) {
-    return createNode(new Text.Text(data), this);
+    const text = createNode(new Text.Text(data), this);
+    this[constants.HOOKS].createText?.(text, String(data));
+    return text;
   }
   createComment(data) {
     return createNode(new Comment.Comment(data), this);

package/build/cjs/DocumentFragment.cjs

@@ -6,9 +6,9 @@ const constants = require('./constants.cjs');
 const ParentNode = require('./ParentNode.cjs');
 
 class DocumentFragment extends ParentNode.ParentNode {
-  nodeType = constants.NodeType.DOCUMENT_FRAGMENT_NODE;
+  nodeType = (() => constants.NodeType.DOCUMENT_FRAGMENT_NODE)();
   [constants.NAME] = '#document-fragment';
-  [constants.OWNER_DOCUMENT] = window.document;
+  [constants.OWNER_DOCUMENT] = (() => window.document)();
 }
 
 exports.DocumentFragment = DocumentFragment;

package/build/cjs/Element.cjs

@@ -9,8 +9,8 @@ const Attr = require('./Attr.cjs');
 const serialization = require('./serialization.cjs');
 
 class Element extends ParentNode.ParentNode {
-  nodeType = constants.NodeType.ELEMENT_NODE;
-  [constants.NS] = constants.NamespaceURI.XHTML;
+  nodeType = (() => constants.NodeType.ELEMENT_NODE)();
+  [constants.NS] = (() => constants.NamespaceURI.XHTML)();
   get namespaceURI() {
     return this[constants.NS];
   }

package/build/cjs/Event.cjs

@@ -14,17 +14,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;

package/build/cjs/Node.cjs

@@ -7,12 +7,13 @@ const EventTarget = require('./EventTarget.cjs');
 const shared = require('./shared.cjs');
 
 class Node extends EventTarget.EventTarget {
-  nodeType = constants.NodeType.NODE;
+  nodeType = (() => constants.NodeType.NODE)();
   [constants.NAME] = '';
   [constants.PARENT] = null;
   [constants.CHILD] = null;
   [constants.PREV] = null;
   [constants.NEXT] = null;
+  [constants.IS_CONNECTED] = false;
   get [constants.HOOKS]() {
     return this[constants.OWNER_DOCUMENT].defaultView[constants.HOOKS];
   }
@@ -25,6 +26,9 @@ class Node extends EventTarget.EventTarget {
   get ownerDocument() {
     return this[constants.OWNER_DOCUMENT];
   }
+  get isConnected() {
+    return this[constants.IS_CONNECTED];
+  }
   isDefaultNamespace(namespace) {
     return namespace === constants.NamespaceURI.XHTML;
   }
@@ -76,17 +80,11 @@ class Node extends EventTarget.EventTarget {
   get textContent() {
     if (shared.isCharacterData(this)) return this.data;
     let text = '';
-    function walk(node) {
+    for (const node of shared.descendants(this)) {
       if (shared.isTextNode(node)) {
         text += node.data;
       }
-      const child = node[constants.CHILD];
-      if (child) walk(child);
-      const sibling = node[constants.NEXT];
-      if (sibling) walk(sibling);
     }
-    const child = this[constants.CHILD];
-    if (child) walk(child);
     return text;
   }
   set textContent(data) {

package/build/cjs/ParentNode.cjs

@@ -6,10 +6,11 @@ const constants = require('./constants.cjs');
 const ChildNode = require('./ChildNode.cjs');
 const NodeList = require('./NodeList.cjs');
 const selectors = require('./selectors.cjs');
+const shared = require('./shared.cjs');
 
 class ParentNode extends ChildNode.ChildNode {
-  childNodes = new NodeList.NodeList();
-  children = new NodeList.NodeList();
+  childNodes = (() => new NodeList.NodeList())();
+  children = (() => new NodeList.NodeList())();
   appendChild(child) {
     this.insertInto(child, null);
   }
@@ -49,8 +50,15 @@ class ParentNode extends ChildNode.ChildNode {
       const children = this.children;
       children.splice(children.indexOf(child), 1);
     }
-    child.disconnectedCallback?.();
-    this[constants.HOOKS].removeChild?.(this, child, childNodesIndex);
+    if (this[constants.IS_CONNECTED]) {
+      for (const node of shared.selfAndDescendants(child)) {
+        node[constants.IS_CONNECTED] = false;
+        node.disconnectedCallback?.();
+      }
+    }
+    if (this.nodeType === constants.NodeType.ELEMENT_NODE) {
+      this[constants.HOOKS].removeChild?.(this, child, childNodesIndex);
+    }
   }
   replaceChild(newChild, oldChild) {
     if (oldChild.parentNode !== this) {
@@ -125,8 +133,15 @@ class ParentNode extends ChildNode.ChildNode {
       childNodes.push(child);
       if (isElement) this.children.push(child);
     }
-    child.connectedCallback?.();
-    this[constants.HOOKS].insertChild?.(this, child, insertIndex);
+    if (this[constants.IS_CONNECTED]) {
+      for (const node of shared.selfAndDescendants(child)) {
+        node[constants.IS_CONNECTED] = true;
+        node.connectedCallback?.();
+      }
+    }
+    if (this.nodeType === constants.NodeType.ELEMENT_NODE) {
+      this[constants.HOOKS].insertChild?.(this, child, insertIndex);
+    }
   }
 }
 

package/build/cjs/SVGElement.cjs

@@ -6,7 +6,7 @@ const constants = require('./constants.cjs');
 const Element = require('./Element.cjs');
 
 class SVGElement extends Element.Element {
-  [constants.NS] = constants.NamespaceURI.SVG;
+  [constants.NS] = (() => constants.NamespaceURI.SVG)();
   get ownerSVGElement() {
     let root = null;
     let parent = this.parentNode;

package/build/cjs/Text.cjs

@@ -6,7 +6,7 @@ const constants = require('./constants.cjs');
 const CharacterData = require('./CharacterData.cjs');
 
 class Text extends CharacterData.CharacterData {
-  nodeType = constants.NodeType.TEXT_NODE;
+  nodeType = (() => constants.NodeType.TEXT_NODE)();
   [constants.NAME] = '#text';
 }
 

package/build/cjs/Window.cjs

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

package/build/cjs/constants.cjs

@@ -19,6 +19,7 @@ const PATH = Symbol('path');
 const STOP_IMMEDIATE_PROPAGATION = Symbol('stop_immediate_propagation');
 const CONTENT = Symbol('content');
 const HOOKS = Symbol('hooks');
+const IS_CONNECTED = Symbol('is_connected');
 
 // @TODO remove explicit values
 let NodeType = /*#__PURE__*/function (NodeType) {
@@ -47,6 +48,7 @@ exports.CHILD = CHILD;
 exports.CONTENT = CONTENT;
 exports.DATA = DATA;
 exports.HOOKS = HOOKS;
+exports.IS_CONNECTED = IS_CONNECTED;
 exports.IS_TRUSTED = IS_TRUSTED;
 exports.LISTENERS = LISTENERS;
 exports.NAME = NAME;

package/build/cjs/shared.cjs

@@ -55,11 +55,31 @@ function cloneNode(node, deep, document = node.ownerDocument) {
     return cloned;
   }
 }
+function descendants(node) {
+  const nodes = [];
+  const walk = node => {
+    nodes.push(node);
+    const child = node[constants.CHILD];
+    if (child) walk(child);
+    const sibling = node[constants.NEXT];
+    if (sibling) walk(sibling);
+  };
+  const child = node[constants.CHILD];
+  if (child) walk(child);
+  return nodes;
+}
+function selfAndDescendants(node) {
+  const nodes = descendants(node);
+  nodes.unshift(node);
+  return nodes;
+}
 
 exports.cloneNode = cloneNode;
+exports.descendants = descendants;
 exports.isCharacterData = isCharacterData;
 exports.isCommentNode = isCommentNode;
 exports.isDocumentFragmentNode = isDocumentFragmentNode;
 exports.isElementNode = isElementNode;
 exports.isParentNode = isParentNode;
 exports.isTextNode = isTextNode;
+exports.selfAndDescendants = selfAndDescendants;

package/build/esm/Attr.mjs

@@ -2,11 +2,10 @@ import { NodeType, NS, NEXT, OWNER_ELEMENT, NAME, VALUE, HOOKS } from './constan
 import { Node } from './Node.mjs';
 
 class Attr extends Node {
-  nodeType = NodeType.ATTRIBUTE_NODE;
+  nodeType = (() => NodeType.ATTRIBUTE_NODE)();
   [NS] = null;
   [NEXT] = null;
   [OWNER_ELEMENT] = null;
-  isConnected = false;
   constructor(name, value, namespace) {
     super();
     this[NAME] = name;

package/build/esm/CustomElementRegistry.mjs

@@ -1,6 +1,6 @@
 class CustomElementRegistryImplementation {
-  registry = new Map();
-  listenersByName = new Map();
+  registry = (() => new Map())();
+  listenersByName = (() => new Map())();
   define(name, Constructor, _options) {
     this.registry.set(name, Constructor);
     const listeners = this.listenersByName.get(name);

package/build/esm/Document.mjs

@@ -1,4 +1,4 @@
-import { NodeType, NAME, OWNER_DOCUMENT, NamespaceURI, NS, HOOKS } from './constants.mjs';
+import { NodeType, NAME, IS_CONNECTED, OWNER_DOCUMENT, HOOKS, NamespaceURI, NS } from './constants.mjs';
 import { Event } from './Event.mjs';
 import { ParentNode } from './ParentNode.mjs';
 import { Element } from './Element.mjs';
@@ -13,8 +13,9 @@ import { HTMLHeadElement } from './HTMLHeadElement.mjs';
 import { HTMLHtmlElement } from './HTMLHtmlElement.mjs';
 
 class Document extends ParentNode {
-  nodeType = NodeType.DOCUMENT_NODE;
+  nodeType = (() => NodeType.DOCUMENT_NODE)();
   [NAME] = '#document';
+  [IS_CONNECTED] = true;
   constructor(defaultView) {
     super();
     this.defaultView = defaultView;
@@ -22,6 +23,7 @@ class Document extends ParentNode {
     this.documentElement = setupElement(new HTMLHtmlElement(), this, 'html');
     this.body = setupElement(new HTMLBodyElement(), this, 'body');
     this.head = setupElement(new HTMLHeadElement(), this, 'head');
+    this.appendChild(this.documentElement);
     this.documentElement.appendChild(this.head);
     this.documentElement.appendChild(this.body);
   }
@@ -32,7 +34,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/esm/DocumentFragment.mjs

@@ -2,9 +2,9 @@ import { NodeType, NAME, OWNER_DOCUMENT } from './constants.mjs';
 import { ParentNode } from './ParentNode.mjs';
 
 class DocumentFragment extends ParentNode {
-  nodeType = NodeType.DOCUMENT_FRAGMENT_NODE;
+  nodeType = (() => NodeType.DOCUMENT_FRAGMENT_NODE)();
   [NAME] = '#document-fragment';
-  [OWNER_DOCUMENT] = window.document;
+  [OWNER_DOCUMENT] = (() => window.document)();
 }
 
 export { DocumentFragment };

package/build/esm/Element.mjs

@@ -5,8 +5,8 @@ import { Attr } from './Attr.mjs';
 import { serializeNode, serializeChildren, parseHtml } from './serialization.mjs';
 
 class Element extends ParentNode {
-  nodeType = NodeType.ELEMENT_NODE;
-  [NS] = NamespaceURI.XHTML;
+  nodeType = (() => NodeType.ELEMENT_NODE)();
+  [NS] = (() => NamespaceURI.XHTML)();
   get namespaceURI() {
     return this[NS];
   }

package/build/esm/Event.mjs

@@ -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;

package/build/esm/Node.mjs

@@ -1,14 +1,15 @@
-import { NodeType, NAME, PARENT, CHILD, PREV, NEXT, HOOKS, OWNER_DOCUMENT, NamespaceURI } from './constants.mjs';
+import { NodeType, NAME, PARENT, CHILD, PREV, NEXT, IS_CONNECTED, HOOKS, OWNER_DOCUMENT, NamespaceURI } from './constants.mjs';
 import { EventTarget } from './EventTarget.mjs';
-import { isCharacterData, isParentNode, cloneNode, isTextNode } from './shared.mjs';
+import { isCharacterData, descendants, isTextNode, isParentNode, cloneNode } from './shared.mjs';
 
 class Node extends EventTarget {
-  nodeType = NodeType.NODE;
+  nodeType = (() => NodeType.NODE)();
   [NAME] = '';
   [PARENT] = null;
   [CHILD] = null;
   [PREV] = null;
   [NEXT] = null;
+  [IS_CONNECTED] = false;
   get [HOOKS]() {
     return this[OWNER_DOCUMENT].defaultView[HOOKS];
   }
@@ -21,6 +22,9 @@ class Node extends EventTarget {
   get ownerDocument() {
     return this[OWNER_DOCUMENT];
   }
+  get isConnected() {
+    return this[IS_CONNECTED];
+  }
   isDefaultNamespace(namespace) {
     return namespace === NamespaceURI.XHTML;
   }
@@ -72,17 +76,11 @@ class Node extends EventTarget {
   get textContent() {
     if (isCharacterData(this)) return this.data;
     let text = '';
-    function walk(node) {
+    for (const node of descendants(this)) {
       if (isTextNode(node)) {
         text += node.data;
       }
-      const child = node[CHILD];
-      if (child) walk(child);
-      const sibling = node[NEXT];
-      if (sibling) walk(sibling);
     }
-    const child = this[CHILD];
-    if (child) walk(child);
     return text;
   }
   set textContent(data) {

package/build/esm/ParentNode.mjs

@@ -1,11 +1,12 @@
-import { PREV, NEXT, CHILD, HOOKS, NodeType, OWNER_DOCUMENT, PARENT } from './constants.mjs';
+import { PREV, NEXT, CHILD, IS_CONNECTED, NodeType, HOOKS, OWNER_DOCUMENT, PARENT } from './constants.mjs';
 import { ChildNode, toNode } from './ChildNode.mjs';
 import { NodeList } from './NodeList.mjs';
 import { querySelectorAll, querySelector } from './selectors.mjs';
+import { selfAndDescendants } from './shared.mjs';
 
 class ParentNode extends ChildNode {
-  childNodes = new NodeList();
-  children = new NodeList();
+  childNodes = (() => new NodeList())();
+  children = (() => new NodeList())();
   appendChild(child) {
     this.insertInto(child, null);
   }
@@ -45,8 +46,15 @@ class ParentNode extends ChildNode {
       const children = this.children;
       children.splice(children.indexOf(child), 1);
     }
-    child.disconnectedCallback?.();
-    this[HOOKS].removeChild?.(this, child, childNodesIndex);
+    if (this[IS_CONNECTED]) {
+      for (const node of selfAndDescendants(child)) {
+        node[IS_CONNECTED] = false;
+        node.disconnectedCallback?.();
+      }
+    }
+    if (this.nodeType === NodeType.ELEMENT_NODE) {
+      this[HOOKS].removeChild?.(this, child, childNodesIndex);
+    }
   }
   replaceChild(newChild, oldChild) {
     if (oldChild.parentNode !== this) {
@@ -121,8 +129,15 @@ class ParentNode extends ChildNode {
       childNodes.push(child);
       if (isElement) this.children.push(child);
     }
-    child.connectedCallback?.();
-    this[HOOKS].insertChild?.(this, child, insertIndex);
+    if (this[IS_CONNECTED]) {
+      for (const node of selfAndDescendants(child)) {
+        node[IS_CONNECTED] = true;
+        node.connectedCallback?.();
+      }
+    }
+    if (this.nodeType === NodeType.ELEMENT_NODE) {
+      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

@@ -15,6 +15,7 @@ const PATH = Symbol('path');
 const STOP_IMMEDIATE_PROPAGATION = Symbol('stop_immediate_propagation');
 const CONTENT = Symbol('content');
 const HOOKS = Symbol('hooks');
+const IS_CONNECTED = Symbol('is_connected');
 
 // @TODO remove explicit values
 let NodeType = /*#__PURE__*/function (NodeType) {
@@ -38,4 +39,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, PATH, PREV, STOP_IMMEDIATE_PROPAGATION, VALUE };
+export { ATTRIBUTES, CHILD, CONTENT, DATA, HOOKS, IS_CONNECTED, IS_TRUSTED, LISTENERS, NAME, NEXT, NS, NamespaceURI, NodeType, OWNER_DOCUMENT, OWNER_ELEMENT, PARENT, PATH, PREV, STOP_IMMEDIATE_PROPAGATION, VALUE };