@gjsify/dom-elements 0.3.16 → 0.3.17

package/lib/esm/element.js

@@ -1,247 +1 @@
-import { attributes, childNodesList, elementChildren, localName, namespaceURI, nodeType, parentNode, prefix, propertyEventListeners, tagName } from "./property-symbol.js";
-import { NodeType } from "./node-type.js";
-import { Node } from "./node.js";
-import { NamespaceURI } from "./namespace-uri.js";
-import { NamedNodeMap } from "./named-node-map.js";
-
-//#region src/element.ts
-let _PS$tagName, _PS$localName, _PS$namespaceURI, _PS$prefix, _PS$attributes, _PS$propertyEventList;
-/**
-* DOM Element class.
-*
-* Reference: https://developer.mozilla.org/en-US/docs/Web/API/Element
-*/
-var Element = class extends Node {
-	constructor() {
-		super();
-		this[_PS$tagName] = "";
-		this[_PS$localName] = "";
-		this[_PS$namespaceURI] = NamespaceURI.html;
-		this[_PS$prefix] = null;
-		this[_PS$attributes] = new NamedNodeMap(this);
-		this[_PS$propertyEventList] = new Map();
-		this._pointerCaptures = new Set();
-		this[nodeType] = NodeType.ELEMENT_NODE;
-	}
-	get tagName() {
-		return this[tagName];
-	}
-	get localName() {
-		return this[localName];
-	}
-	get namespaceURI() {
-		return this[namespaceURI];
-	}
-	get prefix() {
-		return this[prefix];
-	}
-	get nodeName() {
-		return this[tagName];
-	}
-	get attributes() {
-		return this[attributes];
-	}
-	get id() {
-		return this.getAttribute("id") ?? "";
-	}
-	set id(value) {
-		this.setAttribute("id", value);
-	}
-	get className() {
-		return this.getAttribute("class") ?? "";
-	}
-	set className(value) {
-		this.setAttribute("class", value);
-	}
-	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 previousElementSibling() {
-		const parent = this[parentNode];
-		if (!parent) return null;
-		const siblings = parent[elementChildren];
-		const idx = siblings.indexOf(this);
-		return idx > 0 ? siblings[idx - 1] : null;
-	}
-	get nextElementSibling() {
-		const parent = this[parentNode];
-		if (!parent) return null;
-		const siblings = parent[elementChildren];
-		const idx = siblings.indexOf(this);
-		return idx !== -1 && idx < siblings.length - 1 ? siblings[idx + 1] : null;
-	}
-	get textContent() {
-		let text = "";
-		for (const child of this[childNodesList]) {
-			if (child.textContent !== null) {
-				text += child.textContent;
-			}
-		}
-		return text;
-	}
-	set textContent(_value) {
-		const children = this[childNodesList];
-		while (children.length > 0) {
-			this.removeChild(children[0]);
-		}
-	}
-	getAttribute(qualifiedName) {
-		const attr = this[attributes].getNamedItem(qualifiedName);
-		return attr ? attr.value : null;
-	}
-	getAttributeNS(namespace, localName) {
-		const attr = this[attributes].getNamedItemNS(namespace, localName);
-		return attr ? attr.value : null;
-	}
-	setAttribute(qualifiedName, value) {
-		this[attributes]._setNamedItem(qualifiedName, String(value));
-	}
-	setAttributeNS(namespace, qualifiedName, value) {
-		const ns = namespace === "" ? null : namespace;
-		const parts = qualifiedName.split(":");
-		const prefix = parts.length > 1 ? parts[0] : null;
-		this[attributes]._setNamedItem(qualifiedName, String(value), ns, prefix);
-	}
-	removeAttribute(qualifiedName) {
-		this[attributes]._removeNamedItem(qualifiedName);
-	}
-	removeAttributeNS(namespace, localName) {
-		const ns = namespace === "" ? null : namespace;
-		this[attributes]._removeNamedItemNS(ns, localName);
-	}
-	hasAttribute(qualifiedName) {
-		return this[attributes].getNamedItem(qualifiedName) !== null;
-	}
-	hasAttributeNS(namespace, localName) {
-		return this[attributes].getNamedItemNS(namespace, localName) !== null;
-	}
-	getAttributeNode(qualifiedName) {
-		return this[attributes].getNamedItem(qualifiedName);
-	}
-	setAttributeNode(attr) {
-		return this[attributes].setNamedItem(attr);
-	}
-	removeAttributeNode(attr) {
-		const existing = this[attributes].getNamedItem(attr.name);
-		if (!existing) {
-			throw new DOMException("Failed to execute 'removeAttributeNode' on 'Element': The attribute is not owned by this element.", "NotFoundError");
-		}
-		this[attributes].removeNamedItem(existing.name);
-		return existing;
-	}
-	toggleAttribute(qualifiedName, force) {
-		if (force !== undefined) {
-			if (force) {
-				this.setAttribute(qualifiedName, "");
-				return true;
-			}
-			this.removeAttribute(qualifiedName);
-			return false;
-		}
-		if (this.hasAttribute(qualifiedName)) {
-			this.removeAttribute(qualifiedName);
-			return false;
-		}
-		this.setAttribute(qualifiedName, "");
-		return true;
-	}
-	hasAttributes() {
-		return this[attributes].length > 0;
-	}
-	dispatchEvent(event) {
-		const result = super.dispatchEvent(event);
-		const handler = this[propertyEventListeners].get("on" + event.type);
-		if (typeof handler === "function") {
-			handler.call(this, event);
-		}
-		return result;
-	}
-	querySelector(_selectors) {
-		return null;
-	}
-	querySelectorAll(_selectors) {
-		return [];
-	}
-	matches(_selectors) {
-		return false;
-	}
-	closest(_selectors) {
-		return null;
-	}
-	getElementsByTagName(tagName$1) {
-		const results = [];
-		const upperTag = tagName$1.toUpperCase();
-		const walk = (node) => {
-			for (const child of node[childNodesList]) {
-				if (child[nodeType] === NodeType.ELEMENT_NODE) {
-					const el = child;
-					if (tagName$1 === "*" || el[tagName] === upperTag) {
-						results.push(el);
-					}
-					walk(el);
-				}
-			}
-		};
-		walk(this);
-		return results;
-	}
-	getElementsByClassName(className) {
-		const results = [];
-		const targetClasses = className.split(/\s+/).filter(Boolean);
-		const walk = (node) => {
-			for (const child of node[childNodesList]) {
-				if (child[nodeType] === NodeType.ELEMENT_NODE) {
-					const el = child;
-					const elClasses = el.className.split(/\s+/);
-					if (targetClasses.every((c) => elClasses.includes(c))) {
-						results.push(el);
-					}
-					walk(el);
-				}
-			}
-		};
-		walk(this);
-		return results;
-	}
-	cloneNode(deep = false) {
-		const clone = super.cloneNode(false);
-		clone[tagName] = this[tagName];
-		clone[localName] = this[localName];
-		clone[namespaceURI] = this[namespaceURI];
-		clone[prefix] = this[prefix];
-		for (const attr of this[attributes]) {
-			clone.setAttributeNS(attr.namespaceURI, attr.name, attr.value);
-		}
-		if (deep) {
-			for (const child of this[childNodesList]) {
-				clone.appendChild(child.cloneNode(true));
-			}
-		}
-		return clone;
-	}
-	setPointerCapture(pointerId) {
-		this._pointerCaptures.add(pointerId);
-	}
-	releasePointerCapture(pointerId) {
-		this._pointerCaptures.delete(pointerId);
-	}
-	hasPointerCapture(pointerId) {
-		return this._pointerCaptures.has(pointerId);
-	}
-	get [(_PS$tagName = tagName, _PS$localName = localName, _PS$namespaceURI = namespaceURI, _PS$prefix = prefix, _PS$attributes = attributes, _PS$propertyEventList = propertyEventListeners, Symbol.toStringTag)]() {
-		return "Element";
-	}
-};
-
-//#endregion
-export { Element };
+import{attributes as e,childNodesList as t,elementChildren as n,localName as r,namespaceURI as i,nodeType as a,parentNode as o,prefix as s,propertyEventListeners as c,tagName as l}from"./property-symbol.js";import{NodeType as u}from"./node-type.js";import{Node as d}from"./node.js";import{NamespaceURI as f}from"./namespace-uri.js";import{NamedNodeMap as p}from"./named-node-map.js";let m,h,g,_,v,y;var b=class extends d{constructor(){super(),this[m]=``,this[h]=``,this[g]=f.html,this[_]=null,this[v]=new p(this),this[y]=new Map,this._pointerCaptures=new Set,this[a]=u.ELEMENT_NODE}get tagName(){return this[l]}get localName(){return this[r]}get namespaceURI(){return this[i]}get prefix(){return this[s]}get nodeName(){return this[l]}get attributes(){return this[e]}get id(){return this.getAttribute(`id`)??``}set id(e){this.setAttribute(`id`,e)}get className(){return this.getAttribute(`class`)??``}set className(e){this.setAttribute(`class`,e)}get children(){return this[n]}get childElementCount(){return this[n].length}get firstElementChild(){return this[n][0]??null}get lastElementChild(){let e=this[n];return e[e.length-1]??null}get previousElementSibling(){let e=this[o];if(!e)return null;let t=e[n],r=t.indexOf(this);return r>0?t[r-1]:null}get nextElementSibling(){let e=this[o];if(!e)return null;let t=e[n],r=t.indexOf(this);return r!==-1&&r<t.length-1?t[r+1]:null}get textContent(){let e=``;for(let n of this[t])n.textContent!==null&&(e+=n.textContent);return e}set textContent(e){let n=this[t];for(;n.length>0;)this.removeChild(n[0])}getAttribute(t){let n=this[e].getNamedItem(t);return n?n.value:null}getAttributeNS(t,n){let r=this[e].getNamedItemNS(t,n);return r?r.value:null}setAttribute(t,n){this[e]._setNamedItem(t,String(n))}setAttributeNS(t,n,r){let i=t===``?null:t,a=n.split(`:`),o=a.length>1?a[0]:null;this[e]._setNamedItem(n,String(r),i,o)}removeAttribute(t){this[e]._removeNamedItem(t)}removeAttributeNS(t,n){let r=t===``?null:t;this[e]._removeNamedItemNS(r,n)}hasAttribute(t){return this[e].getNamedItem(t)!==null}hasAttributeNS(t,n){return this[e].getNamedItemNS(t,n)!==null}getAttributeNode(t){return this[e].getNamedItem(t)}setAttributeNode(t){return this[e].setNamedItem(t)}removeAttributeNode(t){let n=this[e].getNamedItem(t.name);if(!n)throw new DOMException(`Failed to execute 'removeAttributeNode' on 'Element': The attribute is not owned by this element.`,`NotFoundError`);return this[e].removeNamedItem(n.name),n}toggleAttribute(e,t){return t===void 0?this.hasAttribute(e)?(this.removeAttribute(e),!1):(this.setAttribute(e,``),!0):t?(this.setAttribute(e,``),!0):(this.removeAttribute(e),!1)}hasAttributes(){return this[e].length>0}dispatchEvent(e){let t=super.dispatchEvent(e),n=this[c].get(`on`+e.type);return typeof n==`function`&&n.call(this,e),t}querySelector(e){return null}querySelectorAll(e){return[]}matches(e){return!1}closest(e){return null}getElementsByTagName(e){let n=[],r=e.toUpperCase(),i=o=>{for(let s of o[t])if(s[a]===u.ELEMENT_NODE){let t=s;(e===`*`||t[l]===r)&&n.push(t),i(t)}};return i(this),n}getElementsByClassName(e){let n=[],r=e.split(/\s+/).filter(Boolean),i=e=>{for(let o of e[t])if(o[a]===u.ELEMENT_NODE){let e=o,t=e.className.split(/\s+/);r.every(e=>t.includes(e))&&n.push(e),i(e)}};return i(this),n}cloneNode(n=!1){let a=super.cloneNode(!1);a[l]=this[l],a[r]=this[r],a[i]=this[i],a[s]=this[s];for(let t of this[e])a.setAttributeNS(t.namespaceURI,t.name,t.value);if(n)for(let e of this[t])a.appendChild(e.cloneNode(!0));return a}setPointerCapture(e){this._pointerCaptures.add(e)}releasePointerCapture(e){this._pointerCaptures.delete(e)}hasPointerCapture(e){return this._pointerCaptures.has(e)}get[(m=l,h=r,g=i,_=s,v=e,y=c,Symbol.toStringTag)](){return`Element`}};export{b as Element};

package/lib/esm/font-face.js

@@ -1,95 +1 @@
-//#region src/font-face.ts
-var FontFace = class {
-	constructor(family, source, _descriptors) {
-		this.status = "unloaded";
-		this.display = "auto";
-		this.style = "normal";
-		this.weight = "normal";
-		this.stretch = "normal";
-		this.unicodeRange = "U+0-10FFFF";
-		this.variant = "normal";
-		this.featureSettings = "normal";
-		this.family = family;
-		this.source = typeof source === "string" ? source : "[binary]";
-		this.loaded = Promise.resolve(this);
-	}
-	_extractFilePath() {
-		const m = this.source.match(/url\s*\(\s*["']?(file:\/\/\/[^"')]+)["']?\s*\)/i);
-		if (!m) return null;
-		return m[1].replace(/^file:\/\//, "");
-	}
-	async load() {
-		this.status = "loading";
-		const filePath = this._extractFilePath();
-		if (filePath) {
-			try {
-				const { default: PangoCairo } = await import("gi://PangoCairo?version=1.0");
-				PangoCairo.font_map_get_default().add_font_file(filePath);
-			} catch {}
-		}
-		this.status = "loaded";
-		return this;
-	}
-};
-/**
-* FontFaceSet — tracks loaded FontFace objects and exposes them to consumers.
-*
-* Intentionally does NOT extend EventTarget. The dom-elements /register module
-* runs before dom-events/register in the inject order, so EventTarget may not
-* yet exist when this class is defined at module load time. All event methods
-* are provided as no-ops; consumers that call addEventListener('loadingdone')
-* etc. will silently receive nothing.
-*/
-var FontFaceSet = class {
-	constructor() {
-		this.status = "loaded";
-		this.ready = Promise.resolve(this);
-		this._faces = new Set();
-	}
-	addEventListener(_type, _listener) {}
-	removeEventListener(_type, _listener) {}
-	dispatchEvent(_event) {
-		return true;
-	}
-	add(face) {
-		this._faces.add(face);
-		return this;
-	}
-	delete(face) {
-		return this._faces.delete(face);
-	}
-	clear() {
-		this._faces.clear();
-	}
-	has(face) {
-		return this._faces.has(face);
-	}
-	check(_font, _text) {
-		return false;
-	}
-	load(_font, _text) {
-		return Promise.resolve([]);
-	}
-	forEach(callback) {
-		this._faces.forEach((f) => callback(f, f, this));
-	}
-	values() {
-		return this._faces.values();
-	}
-	keys() {
-		return this._faces.values();
-	}
-	entries() {
-		const faces = Array.from(this._faces);
-		return faces.map((f) => [f, f])[Symbol.iterator]();
-	}
-	[Symbol.iterator]() {
-		return this._faces[Symbol.iterator]();
-	}
-	get size() {
-		return this._faces.size;
-	}
-};
-
-//#endregion
-export { FontFace, FontFaceSet };
+var e=class{constructor(e,t,n){this.status=`unloaded`,this.display=`auto`,this.style=`normal`,this.weight=`normal`,this.stretch=`normal`,this.unicodeRange=`U+0-10FFFF`,this.variant=`normal`,this.featureSettings=`normal`,this.family=e,this.source=typeof t==`string`?t:`[binary]`,this.loaded=Promise.resolve(this)}_extractFilePath(){let e=this.source.match(/url\s*\(\s*["']?(file:\/\/\/[^"')]+)["']?\s*\)/i);return e?e[1].replace(/^file:\/\//,``):null}async load(){this.status=`loading`;let e=this._extractFilePath();if(e)try{let{default:t}=await import(`gi://PangoCairo?version=1.0`);t.font_map_get_default().add_font_file(e)}catch{}return this.status=`loaded`,this}},t=class{constructor(){this.status=`loaded`,this.ready=Promise.resolve(this),this._faces=new Set}addEventListener(e,t){}removeEventListener(e,t){}dispatchEvent(e){return!0}add(e){return this._faces.add(e),this}delete(e){return this._faces.delete(e)}clear(){this._faces.clear()}has(e){return this._faces.has(e)}check(e,t){return!1}load(e,t){return Promise.resolve([])}forEach(e){this._faces.forEach(t=>e(t,t,this))}values(){return this._faces.values()}keys(){return this._faces.values()}entries(){return Array.from(this._faces).map(e=>[e,e])[Symbol.iterator]()}[Symbol.iterator](){return this._faces[Symbol.iterator]()}get size(){return this._faces.size}};export{e as FontFace,t as FontFaceSet};

package/lib/esm/gst-time.js

@@ -1,22 +1 @@
-//#region src/gst-time.ts
-const NS_PER_SECOND = 1e9;
-/**
-* Convert seconds (number) to GStreamer nanoseconds (bigint).
-* Rounds to the nearest nanosecond to avoid floating-point drift over
-* repeated back-and-forth conversions.
-*/
-function secondsToGstTime(seconds) {
-	return BigInt(Math.round(seconds * NS_PER_SECOND));
-}
-/**
-* Convert GStreamer nanoseconds to seconds (number).
-* Accepts both `bigint` (the runtime type from GStreamer queries) and `number`
-* (what the `@girs/gst-1.0` typings currently declare — a known GIR bug for
-* `gint64` return values in `query_position` / `query_duration`).
-*/
-function gstTimeToSeconds(nanoseconds) {
-	return Number(nanoseconds) / NS_PER_SECOND;
-}
-
-//#endregion
-export { gstTimeToSeconds, secondsToGstTime };
+const e=1e9;function t(t){return BigInt(Math.round(t*e))}function n(t){return Number(t)/e}export{n as gstTimeToSeconds,t as secondsToGstTime};

package/lib/esm/html-canvas-element.js

@@ -1,84 +1 @@
-import { HTMLElement } from "./html-element.js";
-
-//#region src/html-canvas-element.ts
-/**
-* HTMLCanvasElement base class.
-*
-* This is a DOM-spec-compliant stub. The GTK-backed implementation lives in
-* `@gjsify/webgl` and extends this class, overriding `getContext()`.
-*
-* Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement
-*/
-var HTMLCanvasElement = class HTMLCanvasElement extends HTMLElement {
-	constructor(..._args) {
-		super(..._args);
-		this.oncontextlost = null;
-		this.oncontextrestored = null;
-		this.onwebglcontextcreationerror = null;
-		this.onwebglcontextlost = null;
-		this.onwebglcontextrestored = null;
-	}
-	static {
-		this._contextFactories = new Map();
-	}
-	/**
-	* Register a rendering context factory for a given context type.
-	* Called by packages like @gjsify/canvas2d and @gjsify/webgl to plug in their implementations.
-	*/
-	static registerContextFactory(contextId, factory) {
-		HTMLCanvasElement._contextFactories.set(contextId, factory);
-	}
-	/** Returns the width of the canvas element. Default: 300. */
-	get width() {
-		const w = this.getAttribute("width");
-		return w !== null ? Number(w) : 300;
-	}
-	set width(value) {
-		this.setAttribute("width", String(value));
-	}
-	/** Returns the height of the canvas element. Default: 150. */
-	get height() {
-		const h = this.getAttribute("height");
-		return h !== null ? Number(h) : 150;
-	}
-	set height(value) {
-		this.setAttribute("height", String(value));
-	}
-	/**
-	* Returns a rendering context.
-	* Checks the static context factory registry for a matching factory.
-	* Subclasses (e.g. @gjsify/webgl) may override and fall through via super.getContext().
-	*/
-	getContext(contextId, options) {
-		const factory = HTMLCanvasElement._contextFactories.get(contextId);
-		if (factory) return factory(this, options);
-		return null;
-	}
-	/** Returns a data URL representing the canvas image. Delegates to the active 2D context if available. */
-	toDataURL(type, quality) {
-		const ctx = this.getContext("2d");
-		if (ctx && typeof ctx._toDataURL === "function") return ctx._toDataURL(type, quality);
-		return "";
-	}
-	/** Converts the canvas to a Blob and passes it to the callback. Delegates to the active 2D context if available. */
-	toBlob(callback, type, quality) {
-		const dataUrl = this.toDataURL(type, quality);
-		if (!dataUrl) {
-			callback(null);
-			return;
-		}
-		const [header, b64] = dataUrl.split(",");
-		const mime = header.split(":")[1].split(";")[0];
-		const bytes = atob(b64);
-		const arr = new Uint8Array(bytes.length);
-		for (let i = 0; i < bytes.length; i++) arr[i] = bytes.charCodeAt(i);
-		callback(new Blob([arr], { type: mime }));
-	}
-	/** Returns a MediaStream capturing the canvas. Stub — returns empty object. */
-	captureStream(_frameRequestRate) {
-		return {};
-	}
-};
-
-//#endregion
-export { HTMLCanvasElement };
+import{HTMLElement as e}from"./html-element.js";var t=class t extends e{constructor(...e){super(...e),this.oncontextlost=null,this.oncontextrestored=null,this.onwebglcontextcreationerror=null,this.onwebglcontextlost=null,this.onwebglcontextrestored=null}static{this._contextFactories=new Map}static registerContextFactory(e,n){t._contextFactories.set(e,n)}get width(){let e=this.getAttribute(`width`);return e===null?300:Number(e)}set width(e){this.setAttribute(`width`,String(e))}get height(){let e=this.getAttribute(`height`);return e===null?150:Number(e)}set height(e){this.setAttribute(`height`,String(e))}getContext(e,n){let r=t._contextFactories.get(e);return r?r(this,n):null}toDataURL(e,t){let n=this.getContext(`2d`);return n&&typeof n._toDataURL==`function`?n._toDataURL(e,t):``}toBlob(e,t,n){let r=this.toDataURL(t,n);if(!r){e(null);return}let[i,a]=r.split(`,`),o=i.split(`:`)[1].split(`;`)[0],s=atob(a),c=new Uint8Array(s.length);for(let e=0;e<s.length;e++)c[e]=s.charCodeAt(e);e(new Blob([c],{type:o}))}captureStream(e){return{}}};export{t as HTMLCanvasElement};