@gjsify/dom-elements 0.3.13 → 0.3.14

package/lib/esm/_virtual/_rolldown/runtime.js

@@ -0,0 +1,18 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
+			enumerable: true
+		});
+	}
+	if (!no_symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+	}
+	return target;
+};
+
+//#endregion
+export { __exportAll };

package/lib/esm/attr.js

@@ -1,31 +1,38 @@
-import * as PS from "./property-symbol.js";
-class Attr {
-  constructor(name, value, namespaceURI = null, prefix = null, ownerElement = null) {
-    this.specified = true;
-    this[PS.name] = name;
-    this[PS.value] = value;
-    this[PS.ownerElement] = ownerElement;
-    this.namespaceURI = namespaceURI;
-    this.prefix = prefix;
-    const colonIndex = name.indexOf(":");
-    this.localName = colonIndex !== -1 ? name.slice(colonIndex + 1) : name;
-  }
-  get name() {
-    return this[PS.name];
-  }
-  get value() {
-    return this[PS.value];
-  }
-  set value(value) {
-    this[PS.value] = value;
-  }
-  get ownerElement() {
-    return this[PS.ownerElement];
-  }
-  get [(PS.name, PS.value, PS.ownerElement, Symbol.toStringTag)]() {
-    return "Attr";
-  }
-}
-export {
-  Attr
+import { name, ownerElement, value } from "./property-symbol.js";
+
+//#region src/attr.ts
+/**
+* Represents a DOM attribute.
+*
+* Reference: https://developer.mozilla.org/en-US/docs/Web/API/Attr
+*/
+var Attr = class {
+	constructor(name$1, value$1, namespaceURI = null, prefix = null, ownerElement$1 = null) {
+		this.specified = true;
+		this[name] = name$1;
+		this[value] = value$1;
+		this[ownerElement] = ownerElement$1;
+		this.namespaceURI = namespaceURI;
+		this.prefix = prefix;
+		const colonIndex = name$1.indexOf(":");
+		this.localName = colonIndex !== -1 ? name$1.slice(colonIndex + 1) : name$1;
+	}
+	get name() {
+		return this[name];
+	}
+	get value() {
+		return this[value];
+	}
+	set value(value$2) {
+		this[value] = value$2;
+	}
+	get ownerElement() {
+		return this[ownerElement];
+	}
+	get [(name, value, ownerElement, Symbol.toStringTag)]() {
+		return "Attr";
+	}
 };
+
+//#endregion
+export { Attr };

package/lib/esm/character-data.js

@@ -1,56 +1,63 @@
-import { Node } from "./node.js";
+import { nodeType } from "./property-symbol.js";
 import { NodeType } from "./node-type.js";
-import * as PS from "./property-symbol.js";
-class CharacterData extends Node {
-  constructor(data = "") {
-    super();
-    this[PS.nodeType] = NodeType.TEXT_NODE;
-    this._data = data;
-  }
-  get data() {
-    return this._data;
-  }
-  set data(value) {
-    this._data = value;
-  }
-  get textContent() {
-    return this._data;
-  }
-  set textContent(value) {
-    this._data = value;
-  }
-  get nodeValue() {
-    return this._data;
-  }
-  set nodeValue(value) {
-    this._data = value;
-  }
-  get length() {
-    return this._data.length;
-  }
-  appendData(data) {
-    this._data += data;
-  }
-  deleteData(offset, count) {
-    this._data = this._data.substring(0, offset) + this._data.substring(offset + count);
-  }
-  insertData(offset, data) {
-    this._data = this._data.substring(0, offset) + data + this._data.substring(offset);
-  }
-  replaceData(offset, count, data) {
-    this._data = this._data.substring(0, offset) + data + this._data.substring(offset + count);
-  }
-  substringData(offset, count) {
-    return this._data.substring(offset, offset + count);
-  }
-  cloneNode(_deep = false) {
-    const clone = new this.constructor(this._data);
-    return clone;
-  }
-  get [Symbol.toStringTag]() {
-    return "CharacterData";
-  }
-}
-export {
-  CharacterData
+import { Node } from "./node.js";
+
+//#region src/character-data.ts
+/**
+* CharacterData base class for Text and Comment nodes.
+*
+* Reference: https://developer.mozilla.org/en-US/docs/Web/API/CharacterData
+*/
+var CharacterData = class extends Node {
+	constructor(data = "") {
+		super();
+		this[nodeType] = NodeType.TEXT_NODE;
+		this._data = data;
+	}
+	get data() {
+		return this._data;
+	}
+	set data(value) {
+		this._data = value;
+	}
+	get textContent() {
+		return this._data;
+	}
+	set textContent(value) {
+		this._data = value;
+	}
+	get nodeValue() {
+		return this._data;
+	}
+	set nodeValue(value) {
+		this._data = value;
+	}
+	get length() {
+		return this._data.length;
+	}
+	appendData(data) {
+		this._data += data;
+	}
+	deleteData(offset, count) {
+		this._data = this._data.substring(0, offset) + this._data.substring(offset + count);
+	}
+	insertData(offset, data) {
+		this._data = this._data.substring(0, offset) + data + this._data.substring(offset);
+	}
+	replaceData(offset, count, data) {
+		this._data = this._data.substring(0, offset) + data + this._data.substring(offset + count);
+	}
+	substringData(offset, count) {
+		return this._data.substring(offset, offset + count);
+	}
+	cloneNode(_deep = false) {
+		const clone = new this.constructor(this._data);
+		return clone;
+	}
+	get [Symbol.toStringTag]() {
+		return "CharacterData";
+	}
 };
+
+//#endregion
+export { CharacterData };

package/lib/esm/comment.js

@@ -1,21 +1,28 @@
-import { CharacterData } from "./character-data.js";
+import { nodeType } from "./property-symbol.js";
 import { NodeType } from "./node-type.js";
-import * as PS from "./property-symbol.js";
-class Comment extends CharacterData {
-  constructor(data = "") {
-    super(data);
-    this[PS.nodeType] = NodeType.COMMENT_NODE;
-  }
-  get nodeName() {
-    return "#comment";
-  }
-  cloneNode(_deep = false) {
-    return new Comment(this.data);
-  }
-  get [Symbol.toStringTag]() {
-    return "Comment";
-  }
-}
-export {
-  Comment
+import { CharacterData } from "./character-data.js";
+
+//#region src/comment.ts
+/**
+* Comment node.
+*
+* Reference: https://developer.mozilla.org/en-US/docs/Web/API/Comment
+*/
+var Comment = class Comment extends CharacterData {
+	constructor(data = "") {
+		super(data);
+		this[nodeType] = NodeType.COMMENT_NODE;
+	}
+	get nodeName() {
+		return "#comment";
+	}
+	cloneNode(_deep = false) {
+		return new Comment(this.data);
+	}
+	get [Symbol.toStringTag]() {
+		return "Comment";
+	}
 };
+
+//#endregion
+export { Comment };

package/lib/esm/document-fragment.js

@@ -1,112 +1,119 @@
+import { elementChildren, nodeType } from "./property-symbol.js";
+import { NodeType } from "./node-type.js";
 import { Node } from "./node.js";
 import { Text } from "./text.js";
-import { NodeType } from "./node-type.js";
-import * as PS from "./property-symbol.js";
-class DocumentFragment extends Node {
-  constructor() {
-    super();
-    this[PS.nodeType] = NodeType.DOCUMENT_FRAGMENT_NODE;
-  }
-  get nodeName() {
-    return "#document-fragment";
-  }
-  /** Element children only (excludes text/comment nodes) */
-  get children() {
-    return this[PS.elementChildren];
-  }
-  get childElementCount() {
-    return this[PS.elementChildren].length;
-  }
-  get firstElementChild() {
-    return this[PS.elementChildren][0] ?? null;
-  }
-  get lastElementChild() {
-    const children = this[PS.elementChildren];
-    return children[children.length - 1] ?? null;
-  }
-  get textContent() {
-    let text = "";
-    for (const child of this.childNodes) {
-      if (child.textContent !== null) {
-        text += child.textContent;
-      }
-    }
-    return text;
-  }
-  set textContent(value) {
-    while (this.firstChild) {
-      this.removeChild(this.firstChild);
-    }
-    if (value) {
-      this.appendChild(new Text(value));
-    }
-  }
-  /**
-   * Append nodes or strings to this fragment.
-   */
-  append(...nodes) {
-    for (const node of nodes) {
-      if (typeof node === "string") {
-        this.appendChild(new Text(node));
-      } else {
-        this.appendChild(node);
-      }
-    }
-  }
-  /**
-   * Prepend nodes or strings to this fragment.
-   */
-  prepend(...nodes) {
-    const firstChild = this.firstChild;
-    for (const node of nodes) {
-      if (typeof node === "string") {
-        this.insertBefore(new Text(node), firstChild);
-      } else {
-        this.insertBefore(node, firstChild);
-      }
-    }
-  }
-  /**
-   * Replace all children with the given nodes.
-   */
-  replaceChildren(...nodes) {
-    while (this.firstChild) {
-      this.removeChild(this.firstChild);
-    }
-    this.append(...nodes);
-  }
-  /**
-   * Find an element by ID in this fragment's children.
-   */
-  getElementById(id) {
-    for (const child of this.children) {
-      if (child.id === id) return child;
-      const found = this._findById(child, id);
-      if (found) return found;
-    }
-    return null;
-  }
-  _findById(element, id) {
-    for (const child of element.children) {
-      if (child.id === id) return child;
-      const found = this._findById(child, id);
-      if (found) return found;
-    }
-    return null;
-  }
-  cloneNode(deep = false) {
-    const clone = new DocumentFragment();
-    if (deep) {
-      for (const child of this.childNodes) {
-        clone.appendChild(child.cloneNode(true));
-      }
-    }
-    return clone;
-  }
-  get [Symbol.toStringTag]() {
-    return "DocumentFragment";
-  }
-}
-export {
-  DocumentFragment
+
+//#region src/document-fragment.ts
+/**
+* DocumentFragment.
+*
+* Reference: https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment
+*/
+var DocumentFragment = class DocumentFragment extends Node {
+	constructor() {
+		super();
+		this[nodeType] = NodeType.DOCUMENT_FRAGMENT_NODE;
+	}
+	get nodeName() {
+		return "#document-fragment";
+	}
+	/** Element children only (excludes text/comment nodes) */
+	get children() {
+		return this[elementChildren];
+	}
+	get childElementCount() {
+		return this[elementChildren].length;
+	}
+	get firstElementChild() {
+		return this[elementChildren][0] ?? null;
+	}
+	get lastElementChild() {
+		const children = this[elementChildren];
+		return children[children.length - 1] ?? null;
+	}
+	get textContent() {
+		let text = "";
+		for (const child of this.childNodes) {
+			if (child.textContent !== null) {
+				text += child.textContent;
+			}
+		}
+		return text;
+	}
+	set textContent(value) {
+		while (this.firstChild) {
+			this.removeChild(this.firstChild);
+		}
+		if (value) {
+			this.appendChild(new Text(value));
+		}
+	}
+	/**
+	* Append nodes or strings to this fragment.
+	*/
+	append(...nodes) {
+		for (const node of nodes) {
+			if (typeof node === "string") {
+				this.appendChild(new Text(node));
+			} else {
+				this.appendChild(node);
+			}
+		}
+	}
+	/**
+	* Prepend nodes or strings to this fragment.
+	*/
+	prepend(...nodes) {
+		const firstChild = this.firstChild;
+		for (const node of nodes) {
+			if (typeof node === "string") {
+				this.insertBefore(new Text(node), firstChild);
+			} else {
+				this.insertBefore(node, firstChild);
+			}
+		}
+	}
+	/**
+	* Replace all children with the given nodes.
+	*/
+	replaceChildren(...nodes) {
+		while (this.firstChild) {
+			this.removeChild(this.firstChild);
+		}
+		this.append(...nodes);
+	}
+	/**
+	* Find an element by ID in this fragment's children.
+	*/
+	getElementById(id) {
+		for (const child of this.children) {
+			if (child.id === id) return child;
+			const found = this._findById(child, id);
+			if (found) return found;
+		}
+		return null;
+	}
+	_findById(element, id) {
+		for (const child of element.children) {
+			if (child.id === id) return child;
+			const found = this._findById(child, id);
+			if (found) return found;
+		}
+		return null;
+	}
+	cloneNode(deep = false) {
+		const clone = new DocumentFragment();
+		if (deep) {
+			for (const child of this.childNodes) {
+				clone.appendChild(child.cloneNode(true));
+			}
+		}
+		return clone;
+	}
+	get [Symbol.toStringTag]() {
+		return "DocumentFragment";
+	}
 };
+
+//#endregion
+export { DocumentFragment };

package/lib/esm/document.js

@@ -1,88 +1,82 @@
 import { Node } from "./node.js";
+import { Comment } from "./comment.js";
+import { Text } from "./text.js";
+import { DocumentFragment } from "./document-fragment.js";
 import { HTMLElement } from "./html-element.js";
 import { HTMLImageElement } from "./html-image-element.js";
 import { HTMLVideoElement } from "./html-video-element.js";
 import { HTMLCanvasElement } from "./html-canvas-element.js";
-import { Text } from "./text.js";
-import { Comment } from "./comment.js";
-import { DocumentFragment } from "./document-fragment.js";
 import { Event } from "@gjsify/dom-events";
-class Document extends Node {
-  constructor() {
-    super();
-    /** Stub body element */
-    this.body = new HTMLElement();
-    /** Stub head element */
-    this.head = new HTMLElement();
-    /** Stub documentElement */
-    this.documentElement = new HTMLElement();
-    this.appendChild(this.documentElement);
-    this.documentElement.appendChild(this.body);
-  }
-  static {
-    /** External packages register element factories here (e.g. @gjsify/iframe registers 'iframe') */
-    this._elementFactories = /* @__PURE__ */ new Map();
-  }
-  /**
-   * Register a factory for a custom element tag name.
-   * Called as a side-effect by DOM packages to avoid circular dependencies.
-   *
-   * Example: `Document.registerElementFactory('iframe', () => new HTMLIFrameElement())`
-   */
-  static registerElementFactory(tagName, factory) {
-    Document._elementFactories.set(tagName.toLowerCase(), factory);
-  }
-  createElementNS(_namespace, tagName) {
-    const tag = tagName.toLowerCase();
-    switch (tag) {
-      case "img":
-        return new HTMLImageElement();
-      case "video":
-        return new HTMLVideoElement();
-      case "canvas":
-        return new HTMLCanvasElement();
-      default: {
-        const factory = Document._elementFactories.get(tag);
-        if (factory) return factory();
-        return new HTMLElement();
-      }
-    }
-  }
-  createElement(tagName) {
-    return this.createElementNS("http://www.w3.org/1999/xhtml", tagName);
-  }
-  createTextNode(data) {
-    return new Text(data);
-  }
-  createComment(data) {
-    return new Comment(data);
-  }
-  createDocumentFragment() {
-    return new DocumentFragment();
-  }
-  createEvent(type) {
-    return new Event(type);
-  }
-  /**
-   * Find an element by ID. Searches body's descendants.
-   */
-  getElementById(id) {
-    return this._findById(this.body, id);
-  }
-  _findById(element, id) {
-    if (element.id === id) return element;
-    for (const child of element.children) {
-      const found = this._findById(child, id);
-      if (found) return found;
-    }
-    return null;
-  }
-  get [Symbol.toStringTag]() {
-    return "Document";
-  }
-}
-const document = new Document();
-export {
-  Document,
-  document
+
+//#region src/document.ts
+var Document = class Document extends Node {
+	static {
+		this._elementFactories = new Map();
+	}
+	constructor() {
+		super();
+		this.body = new HTMLElement();
+		this.head = new HTMLElement();
+		this.documentElement = new HTMLElement();
+		this.appendChild(this.documentElement);
+		this.documentElement.appendChild(this.body);
+	}
+	/**
+	* Register a factory for a custom element tag name.
+	* Called as a side-effect by DOM packages to avoid circular dependencies.
+	*
+	* Example: `Document.registerElementFactory('iframe', () => new HTMLIFrameElement())`
+	*/
+	static registerElementFactory(tagName, factory) {
+		Document._elementFactories.set(tagName.toLowerCase(), factory);
+	}
+	createElementNS(_namespace, tagName) {
+		const tag = tagName.toLowerCase();
+		switch (tag) {
+			case "img": return new HTMLImageElement();
+			case "video": return new HTMLVideoElement();
+			case "canvas": return new HTMLCanvasElement();
+			default: {
+				const factory = Document._elementFactories.get(tag);
+				if (factory) return factory();
+				return new HTMLElement();
+			}
+		}
+	}
+	createElement(tagName) {
+		return this.createElementNS("http://www.w3.org/1999/xhtml", tagName);
+	}
+	createTextNode(data) {
+		return new Text(data);
+	}
+	createComment(data) {
+		return new Comment(data);
+	}
+	createDocumentFragment() {
+		return new DocumentFragment();
+	}
+	createEvent(type) {
+		return new Event(type);
+	}
+	/**
+	* Find an element by ID. Searches body's descendants.
+	*/
+	getElementById(id) {
+		return this._findById(this.body, id);
+	}
+	_findById(element, id) {
+		if (element.id === id) return element;
+		for (const child of element.children) {
+			const found = this._findById(child, id);
+			if (found) return found;
+		}
+		return null;
+	}
+	get [Symbol.toStringTag]() {
+		return "Document";
+	}
 };
+const document = new Document();
+
+//#endregion
+export { Document, document };