@gjsify/dom-elements 0.3.13 → 0.3.14

package/lib/esm/dom-matrix.js

@@ -1,124 +1,159 @@
-class DOMMatrix {
-  constructor(init) {
-    // 2D components
-    this.a = 1;
-    this.b = 0;
-    this.c = 0;
-    this.d = 1;
-    this.e = 0;
-    this.f = 0;
-    // 3D components (column-major)
-    this.m11 = 1;
-    this.m12 = 0;
-    this.m13 = 0;
-    this.m14 = 0;
-    this.m21 = 0;
-    this.m22 = 1;
-    this.m23 = 0;
-    this.m24 = 0;
-    this.m31 = 0;
-    this.m32 = 0;
-    this.m33 = 1;
-    this.m34 = 0;
-    this.m41 = 0;
-    this.m42 = 0;
-    this.m43 = 0;
-    this.m44 = 1;
-    this.is2D = true;
-    this.isIdentity = true;
-    if (Array.isArray(init)) {
-      if (init.length === 6) {
-        this.a = this.m11 = init[0];
-        this.b = this.m12 = init[1];
-        this.c = this.m21 = init[2];
-        this.d = this.m22 = init[3];
-        this.e = this.m41 = init[4];
-        this.f = this.m42 = init[5];
-        this.is2D = true;
-      } else if (init.length === 16) {
-        this.m11 = init[0];
-        this.m12 = init[1];
-        this.m13 = init[2];
-        this.m14 = init[3];
-        this.m21 = init[4];
-        this.m22 = init[5];
-        this.m23 = init[6];
-        this.m24 = init[7];
-        this.m31 = init[8];
-        this.m32 = init[9];
-        this.m33 = init[10];
-        this.m34 = init[11];
-        this.m41 = init[12];
-        this.m42 = init[13];
-        this.m43 = init[14];
-        this.m44 = init[15];
-        this.a = this.m11;
-        this.b = this.m12;
-        this.c = this.m21;
-        this.d = this.m22;
-        this.e = this.m41;
-        this.f = this.m42;
-        this.is2D = false;
-      }
-      this.isIdentity = this.a === 1 && this.b === 0 && this.c === 0 && this.d === 1 && this.e === 0 && this.f === 0;
-    }
-  }
-  /**
-   * Multiply this 2D matrix by another 2D matrix and return a new matrix.
-   * [a c e] [a' c' e']   [a*a'+c*b'  a*c'+c*d'  a*e'+c*f'+e]
-   * [b d f] [b' d' f'] = [b*a'+d*b'  b*c'+d*d'  b*e'+d*f'+f]
-   * [0 0 1] [0  0  1 ]   [0          0          1           ]
-   */
-  multiply(other) {
-    const a = this.a * other.a + this.c * other.b;
-    const b = this.b * other.a + this.d * other.b;
-    const c = this.a * other.c + this.c * other.d;
-    const d = this.b * other.c + this.d * other.d;
-    const e = this.a * other.e + this.c * other.f + this.e;
-    const f = this.b * other.e + this.d * other.f + this.f;
-    return new DOMMatrix([a, b, c, d, e, f]);
-  }
-  /** In-place multiply; returns this. */
-  multiplySelf(other) {
-    const result = this.multiply(other);
-    this.a = result.a;
-    this.b = result.b;
-    this.c = result.c;
-    this.d = result.d;
-    this.e = result.e;
-    this.f = result.f;
-    this.m11 = this.a;
-    this.m12 = this.b;
-    this.m21 = this.c;
-    this.m22 = this.d;
-    this.m41 = this.e;
-    this.m42 = this.f;
-    this.isIdentity = false;
-    return this;
-  }
-  /** 2D inverse. Throws if non-invertible (det === 0). */
-  inverse() {
-    const det = this.a * this.d - this.b * this.c;
-    if (det === 0) return new DOMMatrix([1, 0, 0, 1, 0, 0]);
-    const invDet = 1 / det;
-    return new DOMMatrix([
-      this.d * invDet,
-      -this.b * invDet,
-      -this.c * invDet,
-      this.a * invDet,
-      (this.c * this.f - this.d * this.e) * invDet,
-      (this.b * this.e - this.a * this.f) * invDet
-    ]);
-  }
-  translate(tx = 0, ty = 0) {
-    return this.multiply({ a: 1, b: 0, c: 0, d: 1, e: tx, f: ty });
-  }
-  scale(sx = 1, sy = sx) {
-    return this.multiply({ a: sx, b: 0, c: 0, d: sy, e: 0, f: 0 });
-  }
-}
-const DOMMatrixReadOnly = DOMMatrix;
-export {
-  DOMMatrix,
-  DOMMatrixReadOnly
+//#region src/dom-matrix.ts
+/**
+* Minimal DOMMatrix implementation — supports 2D and 3D construction, plus
+* 2D multiply/inverse/translate/scale operations used by Canvas 2D libraries
+* like Excalibur. Full 3D math (4x4 multiply, inverse) is NOT implemented.
+*/
+var DOMMatrix = class DOMMatrix {
+	constructor(init) {
+		this.a = 1;
+		this.b = 0;
+		this.c = 0;
+		this.d = 1;
+		this.e = 0;
+		this.f = 0;
+		this.m11 = 1;
+		this.m12 = 0;
+		this.m13 = 0;
+		this.m14 = 0;
+		this.m21 = 0;
+		this.m22 = 1;
+		this.m23 = 0;
+		this.m24 = 0;
+		this.m31 = 0;
+		this.m32 = 0;
+		this.m33 = 1;
+		this.m34 = 0;
+		this.m41 = 0;
+		this.m42 = 0;
+		this.m43 = 0;
+		this.m44 = 1;
+		this.is2D = true;
+		this.isIdentity = true;
+		if (Array.isArray(init)) {
+			if (init.length === 6) {
+				this.a = this.m11 = init[0];
+				this.b = this.m12 = init[1];
+				this.c = this.m21 = init[2];
+				this.d = this.m22 = init[3];
+				this.e = this.m41 = init[4];
+				this.f = this.m42 = init[5];
+				this.is2D = true;
+			} else if (init.length === 16) {
+				this.m11 = init[0];
+				this.m12 = init[1];
+				this.m13 = init[2];
+				this.m14 = init[3];
+				this.m21 = init[4];
+				this.m22 = init[5];
+				this.m23 = init[6];
+				this.m24 = init[7];
+				this.m31 = init[8];
+				this.m32 = init[9];
+				this.m33 = init[10];
+				this.m34 = init[11];
+				this.m41 = init[12];
+				this.m42 = init[13];
+				this.m43 = init[14];
+				this.m44 = init[15];
+				this.a = this.m11;
+				this.b = this.m12;
+				this.c = this.m21;
+				this.d = this.m22;
+				this.e = this.m41;
+				this.f = this.m42;
+				this.is2D = false;
+			}
+			this.isIdentity = this.a === 1 && this.b === 0 && this.c === 0 && this.d === 1 && this.e === 0 && this.f === 0;
+		}
+	}
+	/**
+	* Multiply this 2D matrix by another 2D matrix and return a new matrix.
+	* [a c e] [a' c' e']   [a*a'+c*b'  a*c'+c*d'  a*e'+c*f'+e]
+	* [b d f] [b' d' f'] = [b*a'+d*b'  b*c'+d*d'  b*e'+d*f'+f]
+	* [0 0 1] [0  0  1 ]   [0          0          1           ]
+	*/
+	multiply(other) {
+		const a = this.a * other.a + this.c * other.b;
+		const b = this.b * other.a + this.d * other.b;
+		const c = this.a * other.c + this.c * other.d;
+		const d = this.b * other.c + this.d * other.d;
+		const e = this.a * other.e + this.c * other.f + this.e;
+		const f = this.b * other.e + this.d * other.f + this.f;
+		return new DOMMatrix([
+			a,
+			b,
+			c,
+			d,
+			e,
+			f
+		]);
+	}
+	/** In-place multiply; returns this. */
+	multiplySelf(other) {
+		const result = this.multiply(other);
+		this.a = result.a;
+		this.b = result.b;
+		this.c = result.c;
+		this.d = result.d;
+		this.e = result.e;
+		this.f = result.f;
+		this.m11 = this.a;
+		this.m12 = this.b;
+		this.m21 = this.c;
+		this.m22 = this.d;
+		this.m41 = this.e;
+		this.m42 = this.f;
+		this.isIdentity = false;
+		return this;
+	}
+	/** 2D inverse. Throws if non-invertible (det === 0). */
+	inverse() {
+		const det = this.a * this.d - this.b * this.c;
+		if (det === 0) return new DOMMatrix([
+			1,
+			0,
+			0,
+			1,
+			0,
+			0
+		]);
+		const invDet = 1 / det;
+		return new DOMMatrix([
+			this.d * invDet,
+			-this.b * invDet,
+			-this.c * invDet,
+			this.a * invDet,
+			(this.c * this.f - this.d * this.e) * invDet,
+			(this.b * this.e - this.a * this.f) * invDet
+		]);
+	}
+	translate(tx = 0, ty = 0) {
+		return this.multiply({
+			a: 1,
+			b: 0,
+			c: 0,
+			d: 1,
+			e: tx,
+			f: ty
+		});
+	}
+	scale(sx = 1, sy = sx) {
+		return this.multiply({
+			a: sx,
+			b: 0,
+			c: 0,
+			d: sy,
+			e: 0,
+			f: 0
+		});
+	}
 };
+/**
+* DOMMatrixReadOnly alias — MDN specifies this as the immutable base class.
+* We expose the same impl since consumers (Excalibur, three.js) rarely care.
+*/
+const DOMMatrixReadOnly = DOMMatrix;
+
+//#endregion
+export { DOMMatrix, DOMMatrixReadOnly };

package/lib/esm/dom-token-list.js

@@ -1,109 +1,115 @@
-class DOMTokenList {
-  constructor(ownerElement, attributeName) {
-    this._ownerElement = ownerElement;
-    this._attributeName = attributeName;
-  }
-  _getTokens() {
-    const value = this._ownerElement.getAttribute(this._attributeName);
-    if (!value) return [];
-    return value.split(/\s+/).filter((t) => t.length > 0);
-  }
-  _setTokens(tokens) {
-    const value = tokens.join(" ");
-    if (value) {
-      this._ownerElement.setAttribute(this._attributeName, value);
-    } else {
-      this._ownerElement.removeAttribute(this._attributeName);
-    }
-  }
-  get length() {
-    return this._getTokens().length;
-  }
-  get value() {
-    return this._ownerElement.getAttribute(this._attributeName) ?? "";
-  }
-  set value(val) {
-    if (val) {
-      this._ownerElement.setAttribute(this._attributeName, val);
-    } else {
-      this._ownerElement.removeAttribute(this._attributeName);
-    }
-  }
-  item(index) {
-    const tokens = this._getTokens();
-    return index >= 0 && index < tokens.length ? tokens[index] : null;
-  }
-  contains(token) {
-    return this._getTokens().includes(token);
-  }
-  add(...tokens) {
-    const current = this._getTokens();
-    for (const token of tokens) {
-      if (token && !current.includes(token)) {
-        current.push(token);
-      }
-    }
-    this._setTokens(current);
-  }
-  remove(...tokens) {
-    const current = this._getTokens().filter((t) => !tokens.includes(t));
-    this._setTokens(current);
-  }
-  toggle(token, force) {
-    const has = this.contains(token);
-    if (force !== void 0) {
-      if (force) {
-        this.add(token);
-        return true;
-      } else {
-        this.remove(token);
-        return false;
-      }
-    }
-    if (has) {
-      this.remove(token);
-      return false;
-    } else {
-      this.add(token);
-      return true;
-    }
-  }
-  replace(token, newToken) {
-    const tokens = this._getTokens();
-    const idx = tokens.indexOf(token);
-    if (idx === -1) return false;
-    tokens[idx] = newToken;
-    this._setTokens(tokens);
-    return true;
-  }
-  supports(_token) {
-    return true;
-  }
-  forEach(callback) {
-    const tokens = this._getTokens();
-    for (let i = 0; i < tokens.length; i++) {
-      callback(tokens[i], i, this);
-    }
-  }
-  keys() {
-    return this._getTokens().keys();
-  }
-  values() {
-    return this._getTokens().values();
-  }
-  entries() {
-    return this._getTokens().entries();
-  }
-  [Symbol.iterator]() {
-    return this._getTokens().values();
-  }
-  toString() {
-    return this.value;
-  }
-  get [Symbol.toStringTag]() {
-    return "DOMTokenList";
-  }
-}
-export {
-  DOMTokenList
+//#region src/dom-token-list.ts
+/**
+* DOMTokenList — manages a set of space-separated tokens on an attribute.
+*
+* Reference: https://developer.mozilla.org/en-US/docs/Web/API/DOMTokenList
+*/
+var DOMTokenList = class {
+	constructor(ownerElement, attributeName) {
+		this._ownerElement = ownerElement;
+		this._attributeName = attributeName;
+	}
+	_getTokens() {
+		const value = this._ownerElement.getAttribute(this._attributeName);
+		if (!value) return [];
+		return value.split(/\s+/).filter((t) => t.length > 0);
+	}
+	_setTokens(tokens) {
+		const value = tokens.join(" ");
+		if (value) {
+			this._ownerElement.setAttribute(this._attributeName, value);
+		} else {
+			this._ownerElement.removeAttribute(this._attributeName);
+		}
+	}
+	get length() {
+		return this._getTokens().length;
+	}
+	get value() {
+		return this._ownerElement.getAttribute(this._attributeName) ?? "";
+	}
+	set value(val) {
+		if (val) {
+			this._ownerElement.setAttribute(this._attributeName, val);
+		} else {
+			this._ownerElement.removeAttribute(this._attributeName);
+		}
+	}
+	item(index) {
+		const tokens = this._getTokens();
+		return index >= 0 && index < tokens.length ? tokens[index] : null;
+	}
+	contains(token) {
+		return this._getTokens().includes(token);
+	}
+	add(...tokens) {
+		const current = this._getTokens();
+		for (const token of tokens) {
+			if (token && !current.includes(token)) {
+				current.push(token);
+			}
+		}
+		this._setTokens(current);
+	}
+	remove(...tokens) {
+		const current = this._getTokens().filter((t) => !tokens.includes(t));
+		this._setTokens(current);
+	}
+	toggle(token, force) {
+		const has = this.contains(token);
+		if (force !== undefined) {
+			if (force) {
+				this.add(token);
+				return true;
+			} else {
+				this.remove(token);
+				return false;
+			}
+		}
+		if (has) {
+			this.remove(token);
+			return false;
+		} else {
+			this.add(token);
+			return true;
+		}
+	}
+	replace(token, newToken) {
+		const tokens = this._getTokens();
+		const idx = tokens.indexOf(token);
+		if (idx === -1) return false;
+		tokens[idx] = newToken;
+		this._setTokens(tokens);
+		return true;
+	}
+	supports(_token) {
+		return true;
+	}
+	forEach(callback) {
+		const tokens = this._getTokens();
+		for (let i = 0; i < tokens.length; i++) {
+			callback(tokens[i], i, this);
+		}
+	}
+	keys() {
+		return this._getTokens().keys();
+	}
+	values() {
+		return this._getTokens().values();
+	}
+	entries() {
+		return this._getTokens().entries();
+	}
+	[Symbol.iterator]() {
+		return this._getTokens().values();
+	}
+	toString() {
+		return this.value;
+	}
+	get [Symbol.toStringTag]() {
+		return "DOMTokenList";
+	}
 };
+
+//#endregion
+export { DOMTokenList };