@gjsify/dom-elements 0.3.13 → 0.3.15

package/lib/esm/font-face.js

@@ -1,90 +1,95 @@
-class FontFace {
-  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);
-  }
-  // Parses: url(file:///path), url("file:///path"), url('file:///path')
-  _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;
-  }
-}
-class FontFaceSet {
-  constructor() {
-    this.status = "loaded";
-    this.ready = Promise.resolve(this);
-    this._faces = /* @__PURE__ */ 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;
-  }
-}
-export {
-  FontFace,
-  FontFaceSet
+//#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 };

package/lib/esm/gst-time.js

@@ -1,11 +1,22 @@
+//#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));
+	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;
+	return Number(nanoseconds) / NS_PER_SECOND;
 }
-export {
-  gstTimeToSeconds,
-  secondsToGstTime
-};
+
+//#endregion
+export { gstTimeToSeconds, secondsToGstTime };

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

@@ -1,77 +1,84 @@
 import { HTMLElement } from "./html-element.js";
-class HTMLCanvasElement extends HTMLElement {
-  constructor() {
-    super(...arguments);
-    // WebGL context event handlers
-    this.oncontextlost = null;
-    this.oncontextrestored = null;
-    this.onwebglcontextcreationerror = null;
-    this.onwebglcontextlost = null;
-    this.onwebglcontextrestored = null;
-  }
-  static {
-    // Context factory registry — packages register their context types here.
-    // e.g. @gjsify/canvas2d registers '2d', @gjsify/webgl registers 'webgl'.
-    this._contextFactories = /* @__PURE__ */ 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 {};
-  }
-}
-export {
-  HTMLCanvasElement
+
+//#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 };