@gjsify/dom-elements 0.3.13 → 0.3.14

package/lib/esm/node.js

@@ -1,249 +1,244 @@
-var _a, _b, _c, _d, _e;
-import { EventTarget } from "@gjsify/dom-events";
+import { childNodesList, elementChildren, isConnected, nodeType, parentNode } from "./property-symbol.js";
 import { NodeType } from "./node-type.js";
 import { NodeList } from "./node-list.js";
-import * as PS from "./property-symbol.js";
-class Node extends EventTarget {
-  constructor() {
-    super(...arguments);
-    // Instance node type constants (mirror static for spec compliance)
-    this.ELEMENT_NODE = NodeType.ELEMENT_NODE;
-    this.ATTRIBUTE_NODE = NodeType.ATTRIBUTE_NODE;
-    this.TEXT_NODE = NodeType.TEXT_NODE;
-    this.CDATA_SECTION_NODE = NodeType.CDATA_SECTION_NODE;
-    this.PROCESSING_INSTRUCTION_NODE = NodeType.PROCESSING_INSTRUCTION_NODE;
-    this.COMMENT_NODE = NodeType.COMMENT_NODE;
-    this.DOCUMENT_NODE = NodeType.DOCUMENT_NODE;
-    this.DOCUMENT_TYPE_NODE = NodeType.DOCUMENT_TYPE_NODE;
-    this.DOCUMENT_FRAGMENT_NODE = NodeType.DOCUMENT_FRAGMENT_NODE;
-    // Internal state
-    this[_e] = NodeType.ELEMENT_NODE;
-    this[_d] = null;
-    this[_c] = [];
-    this[_b] = [];
-    this[_a] = false;
-  }
-  static {
-    // Static node type constants
-    this.ELEMENT_NODE = NodeType.ELEMENT_NODE;
-  }
-  static {
-    this.ATTRIBUTE_NODE = NodeType.ATTRIBUTE_NODE;
-  }
-  static {
-    this.TEXT_NODE = NodeType.TEXT_NODE;
-  }
-  static {
-    this.CDATA_SECTION_NODE = NodeType.CDATA_SECTION_NODE;
-  }
-  static {
-    this.PROCESSING_INSTRUCTION_NODE = NodeType.PROCESSING_INSTRUCTION_NODE;
-  }
-  static {
-    this.COMMENT_NODE = NodeType.COMMENT_NODE;
-  }
-  static {
-    this.DOCUMENT_NODE = NodeType.DOCUMENT_NODE;
-  }
-  static {
-    this.DOCUMENT_TYPE_NODE = NodeType.DOCUMENT_TYPE_NODE;
-  }
-  static {
-    this.DOCUMENT_FRAGMENT_NODE = NodeType.DOCUMENT_FRAGMENT_NODE;
-  }
-  static {
-    // DOCUMENT_POSITION constants
-    this.DOCUMENT_POSITION_DISCONNECTED = 1;
-  }
-  static {
-    this.DOCUMENT_POSITION_PRECEDING = 2;
-  }
-  static {
-    this.DOCUMENT_POSITION_FOLLOWING = 4;
-  }
-  static {
-    this.DOCUMENT_POSITION_CONTAINS = 8;
-  }
-  static {
-    this.DOCUMENT_POSITION_CONTAINED_BY = 16;
-  }
-  static {
-    this.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC = 32;
-  }
-  get nodeType() {
-    return this[PS.nodeType];
-  }
-  get nodeName() {
-    return "";
-  }
-  get parentNode() {
-    return this[PS.parentNode];
-  }
-  get parentElement() {
-    const parent = this[PS.parentNode];
-    return parent && parent[PS.nodeType] === NodeType.ELEMENT_NODE ? parent : null;
-  }
-  get childNodes() {
-    return new NodeList(this[PS.childNodesList]);
-  }
-  get firstChild() {
-    return this[PS.childNodesList][0] ?? null;
-  }
-  get lastChild() {
-    const children = this[PS.childNodesList];
-    return children[children.length - 1] ?? null;
-  }
-  get previousSibling() {
-    const parent = this[PS.parentNode];
-    if (!parent) return null;
-    const siblings = parent[PS.childNodesList];
-    const idx = siblings.indexOf(this);
-    return idx > 0 ? siblings[idx - 1] : null;
-  }
-  get nextSibling() {
-    const parent = this[PS.parentNode];
-    if (!parent) return null;
-    const siblings = parent[PS.childNodesList];
-    const idx = siblings.indexOf(this);
-    return idx !== -1 && idx < siblings.length - 1 ? siblings[idx + 1] : null;
-  }
-  get textContent() {
-    return null;
-  }
-  set textContent(_value) {
-  }
-  get nodeValue() {
-    return null;
-  }
-  set nodeValue(_value) {
-  }
-  get ownerDocument() {
-    let root = this;
-    while (root[PS.parentNode]) {
-      root = root[PS.parentNode];
-    }
-    const doc = globalThis.document;
-    return root === doc ? doc : null;
-  }
-  get isConnected() {
-    return this[PS.isConnected];
-  }
-  hasChildNodes() {
-    return this[PS.childNodesList].length > 0;
-  }
-  contains(other) {
-    if (other === null) return false;
-    if (other === this) return true;
-    let node = other;
-    while (node) {
-      if (node === this) return true;
-      node = node[PS.parentNode];
-    }
-    return false;
-  }
-  getRootNode() {
-    let node = this;
-    while (node[PS.parentNode]) {
-      node = node[PS.parentNode];
-    }
-    return node;
-  }
-  appendChild(node) {
-    if (node[PS.parentNode]) {
-      node[PS.parentNode].removeChild(node);
-    }
-    node[PS.parentNode] = this;
-    this[PS.childNodesList].push(node);
-    if (node[PS.nodeType] === NodeType.ELEMENT_NODE) {
-      this[PS.elementChildren].push(node);
-    }
-    return node;
-  }
-  removeChild(node) {
-    const children = this[PS.childNodesList];
-    const idx = children.indexOf(node);
-    if (idx === -1) {
-      throw new DOMException(
-        "Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.",
-        "NotFoundError"
-      );
-    }
-    children.splice(idx, 1);
-    node[PS.parentNode] = null;
-    if (node[PS.nodeType] === NodeType.ELEMENT_NODE) {
-      const elemIdx = this[PS.elementChildren].indexOf(node);
-      if (elemIdx !== -1) {
-        this[PS.elementChildren].splice(elemIdx, 1);
-      }
-    }
-    return node;
-  }
-  insertBefore(newNode, referenceNode) {
-    if (referenceNode === null) {
-      return this.appendChild(newNode);
-    }
-    const children = this[PS.childNodesList];
-    const refIdx = children.indexOf(referenceNode);
-    if (refIdx === -1) {
-      throw new DOMException(
-        "Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.",
-        "NotFoundError"
-      );
-    }
-    if (newNode[PS.parentNode]) {
-      newNode[PS.parentNode].removeChild(newNode);
-    }
-    newNode[PS.parentNode] = this;
-    children.splice(refIdx, 0, newNode);
-    if (newNode[PS.nodeType] === NodeType.ELEMENT_NODE) {
-      const elemChildren = this[PS.elementChildren];
-      let elemIdx = elemChildren.length;
-      for (let i = refIdx; i < children.length; i++) {
-        if (children[i][PS.nodeType] === NodeType.ELEMENT_NODE && children[i] !== newNode) {
-          elemIdx = elemChildren.indexOf(children[i]);
-          break;
-        }
-      }
-      elemChildren.splice(elemIdx, 0, newNode);
-    }
-    return newNode;
-  }
-  replaceChild(newChild, oldChild) {
-    this.insertBefore(newChild, oldChild);
-    this.removeChild(oldChild);
-    return oldChild;
-  }
-  cloneNode(deep = false) {
-    const clone = new this.constructor();
-    clone[PS.nodeType] = this[PS.nodeType];
-    if (deep) {
-      for (const child of this[PS.childNodesList]) {
-        clone.appendChild(child.cloneNode(true));
-      }
-    }
-    return clone;
-  }
-  /**
-   * Override dispatchEvent to support event bubbling through the DOM tree.
-   * After AT_TARGET phase, if event.bubbles is true, walk up the parentNode
-   * chain and dispatch on each ancestor (BUBBLING_PHASE).
-   */
-  dispatchEvent(event) {
-    const result = super.dispatchEvent(event);
-    if (event.bubbles && !event.cancelBubble) {
-      let parent = this[PS.parentNode];
-      while (parent) {
-        Object.getPrototypeOf(Node.prototype).dispatchEvent.call(parent, event);
-        if (event.cancelBubble) break;
-        parent = parent[PS.parentNode];
-      }
-    }
-    return result;
-  }
-  get [(_e = PS.nodeType, _d = PS.parentNode, _c = PS.childNodesList, _b = PS.elementChildren, _a = PS.isConnected, Symbol.toStringTag)]() {
-    return "Node";
-  }
-}
-export {
-  Node
+import { EventTarget } from "@gjsify/dom-events";
+
+//#region src/node.ts
+let _PS$nodeType, _PS$parentNode, _PS$childNodesList, _PS$elementChildren, _PS$isConnected;
+/**
+* DOM Node base class.
+*
+* Reference: https://developer.mozilla.org/en-US/docs/Web/API/Node
+*/
+var Node = class Node extends EventTarget {
+	constructor(..._args) {
+		super(..._args);
+		this.ELEMENT_NODE = NodeType.ELEMENT_NODE;
+		this.ATTRIBUTE_NODE = NodeType.ATTRIBUTE_NODE;
+		this.TEXT_NODE = NodeType.TEXT_NODE;
+		this.CDATA_SECTION_NODE = NodeType.CDATA_SECTION_NODE;
+		this.PROCESSING_INSTRUCTION_NODE = NodeType.PROCESSING_INSTRUCTION_NODE;
+		this.COMMENT_NODE = NodeType.COMMENT_NODE;
+		this.DOCUMENT_NODE = NodeType.DOCUMENT_NODE;
+		this.DOCUMENT_TYPE_NODE = NodeType.DOCUMENT_TYPE_NODE;
+		this.DOCUMENT_FRAGMENT_NODE = NodeType.DOCUMENT_FRAGMENT_NODE;
+		this[_PS$nodeType] = NodeType.ELEMENT_NODE;
+		this[_PS$parentNode] = null;
+		this[_PS$childNodesList] = [];
+		this[_PS$elementChildren] = [];
+		this[_PS$isConnected] = false;
+	}
+	static {
+		this.ELEMENT_NODE = NodeType.ELEMENT_NODE;
+	}
+	static {
+		this.ATTRIBUTE_NODE = NodeType.ATTRIBUTE_NODE;
+	}
+	static {
+		this.TEXT_NODE = NodeType.TEXT_NODE;
+	}
+	static {
+		this.CDATA_SECTION_NODE = NodeType.CDATA_SECTION_NODE;
+	}
+	static {
+		this.PROCESSING_INSTRUCTION_NODE = NodeType.PROCESSING_INSTRUCTION_NODE;
+	}
+	static {
+		this.COMMENT_NODE = NodeType.COMMENT_NODE;
+	}
+	static {
+		this.DOCUMENT_NODE = NodeType.DOCUMENT_NODE;
+	}
+	static {
+		this.DOCUMENT_TYPE_NODE = NodeType.DOCUMENT_TYPE_NODE;
+	}
+	static {
+		this.DOCUMENT_FRAGMENT_NODE = NodeType.DOCUMENT_FRAGMENT_NODE;
+	}
+	static {
+		this.DOCUMENT_POSITION_DISCONNECTED = 1;
+	}
+	static {
+		this.DOCUMENT_POSITION_PRECEDING = 2;
+	}
+	static {
+		this.DOCUMENT_POSITION_FOLLOWING = 4;
+	}
+	static {
+		this.DOCUMENT_POSITION_CONTAINS = 8;
+	}
+	static {
+		this.DOCUMENT_POSITION_CONTAINED_BY = 16;
+	}
+	static {
+		this.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC = 32;
+	}
+	get nodeType() {
+		return this[nodeType];
+	}
+	get nodeName() {
+		return "";
+	}
+	get parentNode() {
+		return this[parentNode];
+	}
+	get parentElement() {
+		const parent = this[parentNode];
+		return parent && parent[nodeType] === NodeType.ELEMENT_NODE ? parent : null;
+	}
+	get childNodes() {
+		return new NodeList(this[childNodesList]);
+	}
+	get firstChild() {
+		return this[childNodesList][0] ?? null;
+	}
+	get lastChild() {
+		const children = this[childNodesList];
+		return children[children.length - 1] ?? null;
+	}
+	get previousSibling() {
+		const parent = this[parentNode];
+		if (!parent) return null;
+		const siblings = parent[childNodesList];
+		const idx = siblings.indexOf(this);
+		return idx > 0 ? siblings[idx - 1] : null;
+	}
+	get nextSibling() {
+		const parent = this[parentNode];
+		if (!parent) return null;
+		const siblings = parent[childNodesList];
+		const idx = siblings.indexOf(this);
+		return idx !== -1 && idx < siblings.length - 1 ? siblings[idx + 1] : null;
+	}
+	get textContent() {
+		return null;
+	}
+	set textContent(_value) {}
+	get nodeValue() {
+		return null;
+	}
+	set nodeValue(_value) {}
+	get ownerDocument() {
+		let root = this;
+		while (root[parentNode]) {
+			root = root[parentNode];
+		}
+		const doc = globalThis.document;
+		return root === doc ? doc : null;
+	}
+	get isConnected() {
+		return this[isConnected];
+	}
+	hasChildNodes() {
+		return this[childNodesList].length > 0;
+	}
+	contains(other) {
+		if (other === null) return false;
+		if (other === this) return true;
+		let node = other;
+		while (node) {
+			if (node === this) return true;
+			node = node[parentNode];
+		}
+		return false;
+	}
+	getRootNode() {
+		let node = this;
+		while (node[parentNode]) {
+			node = node[parentNode];
+		}
+		return node;
+	}
+	appendChild(node) {
+		if (node[parentNode]) {
+			node[parentNode].removeChild(node);
+		}
+		node[parentNode] = this;
+		this[childNodesList].push(node);
+		if (node[nodeType] === NodeType.ELEMENT_NODE) {
+			this[elementChildren].push(node);
+		}
+		return node;
+	}
+	removeChild(node) {
+		const children = this[childNodesList];
+		const idx = children.indexOf(node);
+		if (idx === -1) {
+			throw new DOMException("Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.", "NotFoundError");
+		}
+		children.splice(idx, 1);
+		node[parentNode] = null;
+		if (node[nodeType] === NodeType.ELEMENT_NODE) {
+			const elemIdx = this[elementChildren].indexOf(node);
+			if (elemIdx !== -1) {
+				this[elementChildren].splice(elemIdx, 1);
+			}
+		}
+		return node;
+	}
+	insertBefore(newNode, referenceNode) {
+		if (referenceNode === null) {
+			return this.appendChild(newNode);
+		}
+		const children = this[childNodesList];
+		const refIdx = children.indexOf(referenceNode);
+		if (refIdx === -1) {
+			throw new DOMException("Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.", "NotFoundError");
+		}
+		if (newNode[parentNode]) {
+			newNode[parentNode].removeChild(newNode);
+		}
+		newNode[parentNode] = this;
+		children.splice(refIdx, 0, newNode);
+		if (newNode[nodeType] === NodeType.ELEMENT_NODE) {
+			const elemChildren = this[elementChildren];
+			let elemIdx = elemChildren.length;
+			for (let i = refIdx; i < children.length; i++) {
+				if (children[i][nodeType] === NodeType.ELEMENT_NODE && children[i] !== newNode) {
+					elemIdx = elemChildren.indexOf(children[i]);
+					break;
+				}
+			}
+			elemChildren.splice(elemIdx, 0, newNode);
+		}
+		return newNode;
+	}
+	replaceChild(newChild, oldChild) {
+		this.insertBefore(newChild, oldChild);
+		this.removeChild(oldChild);
+		return oldChild;
+	}
+	cloneNode(deep = false) {
+		const clone = new this.constructor();
+		clone[nodeType] = this[nodeType];
+		if (deep) {
+			for (const child of this[childNodesList]) {
+				clone.appendChild(child.cloneNode(true));
+			}
+		}
+		return clone;
+	}
+	/**
+	* Override dispatchEvent to support event bubbling through the DOM tree.
+	* After AT_TARGET phase, if event.bubbles is true, walk up the parentNode
+	* chain and dispatch on each ancestor (BUBBLING_PHASE).
+	*/
+	dispatchEvent(event) {
+		const result = super.dispatchEvent(event);
+		if (event.bubbles && !event.cancelBubble) {
+			let parent = this[parentNode];
+			while (parent) {
+				Object.getPrototypeOf(Node.prototype).dispatchEvent.call(parent, event);
+				if (event.cancelBubble) break;
+				parent = parent[parentNode];
+			}
+		}
+		return result;
+	}
+	get [(_PS$nodeType = nodeType, _PS$parentNode = parentNode, _PS$childNodesList = childNodesList, _PS$elementChildren = elementChildren, _PS$isConnected = isConnected, Symbol.toStringTag)]() {
+		return "Node";
+	}
 };
+
+//#endregion
+export { Node };

package/lib/esm/property-symbol.js

@@ -1,30 +1,36 @@
-const nodeType = /* @__PURE__ */ Symbol("nodeType");
-const parentNode = /* @__PURE__ */ Symbol("parentNode");
-const childNodesList = /* @__PURE__ */ Symbol("childNodesList");
-const elementChildren = /* @__PURE__ */ Symbol("elementChildren");
-const isConnected = /* @__PURE__ */ Symbol("isConnected");
-const tagName = /* @__PURE__ */ Symbol("tagName");
-const localName = /* @__PURE__ */ Symbol("localName");
-const namespaceURI = /* @__PURE__ */ Symbol("namespaceURI");
-const prefix = /* @__PURE__ */ Symbol("prefix");
-const attributes = /* @__PURE__ */ Symbol("attributes");
-const propertyEventListeners = /* @__PURE__ */ Symbol("propertyEventListeners");
-const name = /* @__PURE__ */ Symbol("name");
-const value = /* @__PURE__ */ Symbol("value");
-const ownerElement = /* @__PURE__ */ Symbol("ownerElement");
-export {
-  attributes,
-  childNodesList,
-  elementChildren,
-  isConnected,
-  localName,
-  name,
-  namespaceURI,
-  nodeType,
-  ownerElement,
-  parentNode,
-  prefix,
-  propertyEventListeners,
-  tagName,
-  value
-};
+import { __exportAll } from "./_virtual/_rolldown/runtime.js";
+
+//#region src/property-symbol.ts
+var property_symbol_exports = /* @__PURE__ */ __exportAll({
+	attributes: () => attributes,
+	childNodesList: () => childNodesList,
+	elementChildren: () => elementChildren,
+	isConnected: () => isConnected,
+	localName: () => localName,
+	name: () => name,
+	namespaceURI: () => namespaceURI,
+	nodeType: () => nodeType,
+	ownerElement: () => ownerElement,
+	parentNode: () => parentNode,
+	prefix: () => prefix,
+	propertyEventListeners: () => propertyEventListeners,
+	tagName: () => tagName,
+	value: () => value
+});
+const nodeType = Symbol("nodeType");
+const parentNode = Symbol("parentNode");
+const childNodesList = Symbol("childNodesList");
+const elementChildren = Symbol("elementChildren");
+const isConnected = Symbol("isConnected");
+const tagName = Symbol("tagName");
+const localName = Symbol("localName");
+const namespaceURI = Symbol("namespaceURI");
+const prefix = Symbol("prefix");
+const attributes = Symbol("attributes");
+const propertyEventListeners = Symbol("propertyEventListeners");
+const name = Symbol("name");
+const value = Symbol("value");
+const ownerElement = Symbol("ownerElement");
+
+//#endregion
+export { attributes, childNodesList, elementChildren, isConnected, localName, name, namespaceURI, nodeType, ownerElement, parentNode, prefix, propertyEventListeners, property_symbol_exports, tagName, value };

package/lib/esm/register/canvas.js

@@ -1,16 +1,20 @@
-import { CanvasRenderingContext2D } from "@gjsify/canvas2d-core";
 import { HTMLCanvasElement } from "../html-canvas-element.js";
 import { DOMMatrix, DOMMatrixReadOnly } from "../dom-matrix.js";
 import { defineGlobal } from "./helpers.js";
+import { CanvasRenderingContext2D } from "@gjsify/canvas2d-core";
+
+//#region src/register/canvas.ts
 defineGlobal("HTMLCanvasElement", HTMLCanvasElement);
 defineGlobal("CanvasRenderingContext2D", CanvasRenderingContext2D);
 defineGlobal("DOMMatrix", DOMMatrix);
 defineGlobal("DOMMatrixReadOnly", DOMMatrixReadOnly);
-const CANVAS2D_KEY = /* @__PURE__ */ Symbol.for("gjsify_canvas2d_context");
+const CANVAS2D_KEY = Symbol.for("gjsify_canvas2d_context");
 HTMLCanvasElement.registerContextFactory("2d", (canvas, options) => {
-  const existing = canvas[CANVAS2D_KEY];
-  if (existing) return existing;
-  const ctx = new CanvasRenderingContext2D(canvas, options);
-  canvas[CANVAS2D_KEY] = ctx;
-  return ctx;
+	const existing = canvas[CANVAS2D_KEY];
+	if (existing) return existing;
+	const ctx = new CanvasRenderingContext2D(canvas, options);
+	canvas[CANVAS2D_KEY] = ctx;
+	return ctx;
 });
+
+//#endregion

package/lib/esm/register/document.js

@@ -1,30 +1,29 @@
-import { EventTarget as OurEventTarget } from "@gjsify/dom-events";
 import { Comment } from "../comment.js";
-import { document } from "../document.js";
+import { Text } from "../text.js";
 import { DocumentFragment } from "../document-fragment.js";
+import { document } from "../document.js";
 import { DOMTokenList } from "../dom-token-list.js";
-import { Text } from "../text.js";
 import { defineGlobal, defineGlobalIfMissing } from "./helpers.js";
+import { EventTarget } from "@gjsify/dom-events";
+
+//#region src/register/document.ts
 defineGlobal("Text", Text);
 defineGlobal("Comment", Comment);
 defineGlobal("DocumentFragment", DocumentFragment);
 defineGlobal("DOMTokenList", DOMTokenList);
 defineGlobal("document", document);
 defineGlobalIfMissing("self", globalThis);
-class Window {
-}
+var Window = class {};
 defineGlobalIfMissing("Window", Window);
 defineGlobalIfMissing("window", globalThis);
-defineGlobalIfMissing("focus", () => {
-});
-defineGlobalIfMissing("blur", () => {
-});
+defineGlobalIfMissing("focus", () => {});
+defineGlobalIfMissing("blur", () => {});
 if (typeof globalThis.addEventListener !== "function") {
-  const _globalEventTarget = new OurEventTarget();
-  globalThis.__gjsify_globalEventTarget = _globalEventTarget;
-  globalThis.addEventListener = (type, listener, options) => _globalEventTarget.addEventListener(type, listener, options);
-  globalThis.removeEventListener = (type, listener, options) => _globalEventTarget.removeEventListener(type, listener, options);
-  globalThis.dispatchEvent = (event) => _globalEventTarget.dispatchEvent(event);
+	const _globalEventTarget = new EventTarget();
+	globalThis.__gjsify_globalEventTarget = _globalEventTarget;
+	globalThis.addEventListener = (type, listener, options) => _globalEventTarget.addEventListener(type, listener, options);
+	globalThis.removeEventListener = (type, listener, options) => _globalEventTarget.removeEventListener(type, listener, options);
+	globalThis.dispatchEvent = (event) => _globalEventTarget.dispatchEvent(event);
 }
 defineGlobalIfMissing("devicePixelRatio", 1);
 defineGlobalIfMissing("scrollX", 0);
@@ -33,8 +32,10 @@ defineGlobalIfMissing("pageXOffset", 0);
 defineGlobalIfMissing("pageYOffset", 0);
 defineGlobalIfMissing("alert", (...args) => console.error("alert:", ...args));
 if (typeof globalThis.top === "undefined") {
-  Object.defineProperty(globalThis, "top", {
-    get: () => globalThis,
-    configurable: true
-  });
+	Object.defineProperty(globalThis, "top", {
+		get: () => globalThis,
+		configurable: true
+	});
 }
+
+//#endregion