@gjsify/dom-elements 0.3.21 → 0.4.3

package/src/html-image-element.spec.ts

@@ -1,285 +0,0 @@
-// HTMLImageElement lifecycle tests — verifies the src → onload → pixbuf
-// chain Excalibur relies on, plus the native GJS extensions used by
-// @gjsify/canvas2d-core drawImage.
-//
-// Ported from refs/happy-dom/packages/happy-dom/test/nodes/html-image-element/
-// HTMLImageElement.test.ts (MIT, David Ortner) plus custom cases that
-// lock in compatibility with Excalibur's ImageSource.load pattern:
-//     const image = new Image();
-//     image.onload = () => futureResolve();
-//     image.src = url;
-//     await future;
-// (refs/excalibur/src/engine/graphics/image-source.ts:226-273)
-
-import { describe, it, expect } from '@gjsify/unit';
-import GLib from 'gi://GLib?version=2.0';
-import GdkPixbuf from 'gi://GdkPixbuf?version=2.0';
-
-import { HTMLImageElement, Image } from '@gjsify/dom-elements';
-
-// ── Test fixture setup ────────────────────────────────────────────────────
-//
-// Generates a 2×2 RGBA test PNG in /tmp at module load. Each pixel has a
-// distinct color (red/green/blue/white) so get-pixel tests can verify
-// byte order. Cleaned up by /tmp rotation; no explicit teardown needed.
-
-const FIXTURE_DIR = GLib.get_tmp_dir();
-const FIXTURE_PATH = GLib.build_filenamev([FIXTURE_DIR, 'gjsify-test-2x2.png']);
-const FIXTURE_URI = 'file://' + FIXTURE_PATH;
-
-function writeFixturePng(): void {
-    // 2×2 RGBA raw pixel buffer:
-    //   (0,0) red   (1,0) green
-    //   (0,1) blue  (1,1) white
-    const pixels = new Uint8Array([
-        255, 0, 0, 255,    0, 255, 0, 255,
-        0, 0, 255, 255,  255, 255, 255, 255,
-    ]);
-    // GdkPixbuf.Pixbuf.new_from_bytes expects row-major, w*4 stride for RGBA.
-    const bytes = GLib.Bytes.new(pixels);
-    const pixbuf = GdkPixbuf.Pixbuf.new_from_bytes(
-        bytes,
-        GdkPixbuf.Colorspace.RGB,
-        true,  // has_alpha
-        8,     // bits_per_sample
-        2,     // width
-        2,     // height
-        8,     // rowstride (2 px * 4 bytes)
-    );
-    pixbuf.savev(FIXTURE_PATH, 'png', [], []);
-}
-
-writeFixturePng();
-
-export default async () => {
-    await describe('HTMLImageElement', async () => {
-
-        await describe('constructor + static Image alias', async () => {
-            await it('new HTMLImageElement() creates an empty image', async () => {
-                const img = new HTMLImageElement();
-                expect(img.complete).toBe(false);
-                expect(img.naturalWidth).toBe(0);
-                expect(img.naturalHeight).toBe(0);
-                expect(img.src).toBe('');
-            });
-
-            await it('new Image() yields an HTMLImageElement instance', async () => {
-                const img = new Image();
-                expect(img instanceof HTMLImageElement).toBe(true);
-            });
-        });
-
-        await describe('src setter — file:// loading', async () => {
-            await it('loads a file:// URL synchronously and sets natural dimensions', async () => {
-                const img = new HTMLImageElement();
-                img.src = FIXTURE_URI;
-                expect(img.complete).toBe(true);
-                expect(img.naturalWidth).toBe(2);
-                expect(img.naturalHeight).toBe(2);
-                expect(img.isPixbuf()).toBe(true);
-            });
-
-            await it('fires the load event (sync dispatch)', async () => {
-                const img = new HTMLImageElement();
-                let loaded = false;
-                img.addEventListener('load', () => { loaded = true; });
-                img.src = FIXTURE_URI;
-                expect(loaded).toBe(true);
-            });
-
-            await it('fires the error event for non-existent files', async () => {
-                const img = new HTMLImageElement();
-                let errored = false;
-                img.addEventListener('error', () => { errored = true; });
-                img.src = 'file:///nonexistent/definitely/not/here.png';
-                expect(errored).toBe(true);
-                expect(img.complete).toBe(true);
-                expect(img.isPixbuf()).toBe(false);
-            });
-
-            await it('fires error immediately for http:// URLs (not supported in GJS)', async () => {
-                const img = new HTMLImageElement();
-                let errored = false;
-                img.addEventListener('error', () => { errored = true; });
-                img.src = 'http://example.com/img.png';
-                expect(errored).toBe(true);
-                expect(img.complete).toBe(true);
-            });
-        });
-
-        await describe('Excalibur.ImageSource.load pattern — handler before src', async () => {
-            // This is the canonical pattern Excalibur uses in
-            // refs/excalibur/src/engine/graphics/image-source.ts:247-252.
-            // The handler must be set BEFORE src so the sync dispatch fires
-            // it and the awaited promise resolves correctly.
-            await it('onload-set-then-src-set resolves the future', async () => {
-                const img = new HTMLImageElement();
-                const future = new Promise<void>((resolve) => {
-                    img.onload = () => resolve();
-                });
-                img.src = FIXTURE_URI;
-                // Sync dispatch fires onload before returning from src=.
-                await future;
-                expect(img.complete).toBe(true);
-                expect(img.naturalWidth).toBe(2);
-            });
-
-            await it('onload registered AFTER src is set does NOT fire', async () => {
-                // Matches browser semantics: the load event is a one-shot
-                // dispatch — registering a listener after it fires does not
-                // retroactively invoke it.
-                const img = new HTMLImageElement();
-                img.src = FIXTURE_URI;
-                expect(img.complete).toBe(true);
-                let fired = false;
-                img.onload = () => { fired = true; };
-                // Give microtasks a chance to fire (they won't).
-                await new Promise<void>((r) => r());
-                expect(fired).toBe(false);
-            });
-        });
-
-        await describe('getImageData — RGBA byte order', async () => {
-            await it('extracts correct pixel bytes from the loaded pixbuf', async () => {
-                const img = new HTMLImageElement();
-                img.src = FIXTURE_URI;
-                const data = img.getImageData();
-                expect(data).not.toBeNull();
-                expect(data!.width).toBe(2);
-                expect(data!.height).toBe(2);
-                // Pixel (0,0) — red
-                expect(data!.data[0]).toBe(255);
-                expect(data!.data[1]).toBe(0);
-                expect(data!.data[2]).toBe(0);
-                expect(data!.data[3]).toBe(255);
-                // Pixel (1,0) — green
-                expect(data!.data[4]).toBe(0);
-                expect(data!.data[5]).toBe(255);
-                expect(data!.data[6]).toBe(0);
-                expect(data!.data[7]).toBe(255);
-                // Pixel (0,1) — blue
-                expect(data!.data[8]).toBe(0);
-                expect(data!.data[9]).toBe(0);
-                expect(data!.data[10]).toBe(255);
-                expect(data!.data[11]).toBe(255);
-                // Pixel (1,1) — white
-                expect(data!.data[12]).toBe(255);
-                expect(data!.data[13]).toBe(255);
-                expect(data!.data[14]).toBe(255);
-                expect(data!.data[15]).toBe(255);
-            });
-        });
-
-        await describe('src setter — data: URI loading', async () => {
-            // Excalibur's Loader.onBeforeLoad() sets img.src to a data:image/png;base64,...
-            // URI for the loader logo. If this fires error instead of load, the
-            // _imageLoaded promise never resolves and the loader hangs forever.
-            // Regression test for the GJS fix using GLib.base64_decode + Gio.MemoryInputStream.
-
-            function makeDataUri(): string {
-                // Encode the 2×2 fixture PNG as a data URI using GLib.
-                const [ok, bytes] = GLib.file_get_contents(FIXTURE_PATH);
-                if (!ok) throw new Error('fixture PNG not found');
-                const b64 = GLib.base64_encode(bytes as unknown as Uint8Array);
-                return `data:image/png;base64,${b64}`;
-            }
-
-            await it('loads a base64 PNG data URI and sets natural dimensions', async () => {
-                const img = new HTMLImageElement();
-                const dataUri = makeDataUri();
-                img.src = dataUri;
-                expect(img.complete).toBe(true);
-                expect(img.naturalWidth).toBe(2);
-                expect(img.naturalHeight).toBe(2);
-                expect(img.isPixbuf()).toBe(true);
-            });
-
-            await it('fires load event for a base64 PNG data URI', async () => {
-                const img = new HTMLImageElement();
-                let loaded = false;
-                img.addEventListener('load', () => { loaded = true; });
-                img.src = makeDataUri();
-                expect(loaded).toBe(true);
-            });
-
-            await it('Excalibur pattern: onload-then-src resolves for data URIs', async () => {
-                const img = new HTMLImageElement();
-                const future = new Promise<void>((resolve) => {
-                    img.onload = () => resolve();
-                });
-                img.src = makeDataUri();
-                await future;
-                expect(img.complete).toBe(true);
-                expect(img.naturalWidth).toBe(2);
-            });
-
-            await it('fires error for a malformed data URI (no comma)', async () => {
-                const img = new HTMLImageElement();
-                let errored = false;
-                img.addEventListener('error', () => { errored = true; });
-                img.src = 'data:image/png;base64';
-                expect(errored).toBe(true);
-                expect(img.complete).toBe(true);
-            });
-
-            await it('getImageData returns correct RGBA pixels from data URI', async () => {
-                const img = new HTMLImageElement();
-                img.src = makeDataUri();
-                const data = img.getImageData();
-                expect(data).not.toBeNull();
-                expect(data!.width).toBe(2);
-                expect(data!.height).toBe(2);
-                // Pixel (0,0) — red
-                expect(data!.data[0]).toBe(255);
-                expect(data!.data[1]).toBe(0);
-                expect(data!.data[2]).toBe(0);
-                expect(data!.data[3]).toBe(255);
-            });
-        });
-
-        await describe('dataset proxy — Excalibur data-original-src pattern', async () => {
-            // Excalibur's ImageSource.load does:
-            //   image.setAttribute('data-original-src', this.path);
-            // and TextureLoader.checkImageSizeSupportedAndLog reads
-            //   image.dataset.originalSrc
-            // Our dataset Proxy must perform the kebab→camel case conversion.
-            await it('reads a data-* attribute via camelCase dataset access', async () => {
-                const img = new HTMLImageElement();
-                img.setAttribute('data-original-src', 'sprites/hero.png');
-                expect(img.dataset.originalSrc).toBe('sprites/hero.png');
-            });
-
-            await it('sets a data-* attribute via dataset assignment', async () => {
-                const img = new HTMLImageElement();
-                img.dataset.tileIndex = '42';
-                expect(img.getAttribute('data-tile-index')).toBe('42');
-            });
-
-            await it('delete operator removes the data-* attribute', async () => {
-                const img = new HTMLImageElement();
-                img.setAttribute('data-foo', 'bar');
-                delete img.dataset.foo;
-                expect(img.hasAttribute('data-foo')).toBe(false);
-            });
-
-            await it('returns undefined for unset dataset keys', async () => {
-                const img = new HTMLImageElement();
-                expect(img.dataset.nothing).toBe(undefined);
-            });
-        });
-
-        await describe('attribute-backed properties', async () => {
-            await it('alt, title, crossOrigin round-trip through attributes', async () => {
-                const img = new HTMLImageElement();
-                img.alt = 'hero sprite';
-                img.title = 'A jumping jelly';
-                img.crossOrigin = 'anonymous';
-                expect(img.getAttribute('alt')).toBe('hero sprite');
-                expect(img.getAttribute('title')).toBe('A jumping jelly');
-                expect(img.getAttribute('crossorigin')).toBe('anonymous');
-                expect(img.alt).toBe('hero sprite');
-                expect(img.crossOrigin).toBe('anonymous');
-            });
-        });
-    });
-};

package/src/html-image-element.ts

@@ -1,295 +0,0 @@
-// HTMLImageElement for GJS — original implementation using GdkPixbuf
-// Reference: refs/happy-dom/packages/happy-dom/src/nodes/html-image-element/HTMLImageElement.ts
-
-import GLib from '@girs/glib-2.0';
-import Gio from '@girs/gio-2.0';
-import GdkPixbuf from '@girs/gdkpixbuf-2.0';
-import { Event } from '@gjsify/dom-events';
-import { HTMLElement } from './html-element.js';
-import * as PropertySymbol from './property-symbol.js';
-import { NamespaceURI } from './namespace-uri.js';
-import System from 'system';
-
-import type { ImageData } from './types/index.js';
-
-/**
- * HTML Image Element.
- *
- * Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement
- */
-export class HTMLImageElement extends HTMLElement {
-	private _complete = false;
-	private _naturalHeight = 0;
-	private _naturalWidth = 0;
-	protected _pixbuf?: GdkPixbuf.Pixbuf;
-
-	constructor() {
-		super();
-		this[PropertySymbol.tagName] = 'IMG';
-		this[PropertySymbol.localName] = 'img';
-		this[PropertySymbol.namespaceURI] = NamespaceURI.html;
-	}
-
-	// -- Read-only properties --
-
-	get complete(): boolean {
-		return this._complete;
-	}
-
-	get naturalHeight(): number {
-		return this._naturalHeight;
-	}
-
-	get naturalWidth(): number {
-		return this._naturalWidth;
-	}
-
-	get currentSrc(): string {
-		return this.src;
-	}
-
-	get x(): number {
-		return 0;
-	}
-
-	get y(): number {
-		return 0;
-	}
-
-	// -- Attribute-backed string properties --
-
-	get alt(): string {
-		return this.getAttribute('alt') ?? '';
-	}
-
-	set alt(value: string) {
-		this.setAttribute('alt', value);
-	}
-
-	get crossOrigin(): string | null {
-		return this.getAttribute('crossorigin');
-	}
-
-	set crossOrigin(value: string | null) {
-		if (value === null) {
-			this.removeAttribute('crossorigin');
-		} else {
-			this.setAttribute('crossorigin', value);
-		}
-	}
-
-	get decoding(): string {
-		return this.getAttribute('decoding') ?? 'auto';
-	}
-
-	set decoding(value: string) {
-		this.setAttribute('decoding', value);
-	}
-
-	get loading(): string {
-		const value = this.getAttribute('loading');
-		if (value === 'lazy' || value === 'eager') return value;
-		return 'auto';
-	}
-
-	set loading(value: string) {
-		this.setAttribute('loading', value);
-	}
-
-	get referrerPolicy(): string {
-		return this.getAttribute('referrerpolicy') ?? '';
-	}
-
-	set referrerPolicy(value: string) {
-		this.setAttribute('referrerpolicy', value);
-	}
-
-	get sizes(): string {
-		return this.getAttribute('sizes') ?? '';
-	}
-
-	set sizes(value: string) {
-		this.setAttribute('sizes', value);
-	}
-
-	get src(): string {
-		return this.getAttribute('src') ?? '';
-	}
-
-	set src(src: string) {
-		this.setAttribute('src', src);
-
-		const DEBUG = (globalThis as any).__GJSIFY_DEBUG_IMG === true;
-
-		// Handle data: URIs (e.g. base64 PNG logos from Excalibur's loader)
-		if (src.startsWith('data:')) {
-			const commaIdx = src.indexOf(',');
-			if (commaIdx === -1) {
-				this._complete = true;
-				this.dispatchEvent(new Event('error'));
-				return;
-			}
-			const meta = src.slice(5, commaIdx); // between 'data:' and ','
-			const data = src.slice(commaIdx + 1);
-			const isBase64 = meta.includes(';base64');
-			try {
-				let bytes: Uint8Array;
-				if (isBase64) {
-					// Use GLib.base64_decode — available in all GJS versions, no global needed
-					bytes = GLib.base64_decode(data) as unknown as Uint8Array;
-				} else {
-					bytes = new TextEncoder().encode(decodeURIComponent(data));
-				}
-				const gbytes = GLib.Bytes.new(bytes);
-				const stream = Gio.MemoryInputStream.new_from_bytes(gbytes);
-				this._pixbuf = GdkPixbuf.Pixbuf.new_from_stream(stream, null);
-				this._naturalWidth = this._pixbuf!.get_width();
-				this._naturalHeight = this._pixbuf!.get_height();
-				this._complete = true;
-				if (DEBUG) console.log(`[img] ok data: (${this._naturalWidth}x${this._naturalHeight})`);
-				this.dispatchEvent(new Event('load'));
-			} catch (_error) {
-				if (DEBUG) console.warn(`[img] error data:: ${(_error as any)?.message ?? _error}`);
-				this._complete = true;
-				this.dispatchEvent(new Event('error'));
-			}
-			return;
-		}
-
-		let filename: string;
-		if (src.startsWith('file://')) {
-			// GLib.filename_from_uri returns [localPath, hostname]
-			filename = GLib.filename_from_uri(src)[0];
-		} else if (src.startsWith('http://') || src.startsWith('https://')) {
-			// Remote URLs are not supported in GJS — fire error
-			this._complete = true;
-			this.dispatchEvent(new Event('error'));
-			return;
-		} else {
-			// Relative path — resolve against the directory of the running script
-			const dir = GLib.path_get_dirname(System.programInvocationName);
-			filename = GLib.build_filenamev([dir, src]);
-		}
-
-		try {
-			if (DEBUG) console.log(`[img] load ${filename}`);
-			this._pixbuf = GdkPixbuf.Pixbuf.new_from_file(filename);
-			this._naturalWidth = this._pixbuf.get_width();
-			this._naturalHeight = this._pixbuf.get_height();
-			this._complete = true;
-			if (DEBUG) console.log(`[img] ok ${filename} (${this._naturalWidth}x${this._naturalHeight})`);
-
-			this.dispatchEvent(new Event('load'));
-		} catch (_error) {
-			if (DEBUG) console.warn(`[img] error ${filename}: ${(_error as any)?.message ?? _error}`);
-			this._complete = true;
-			this.dispatchEvent(new Event('error'));
-		}
-	}
-
-	get srcset(): string {
-		return this.getAttribute('srcset') ?? '';
-	}
-
-	set srcset(value: string) {
-		this.setAttribute('srcset', value);
-	}
-
-	get useMap(): string {
-		return this.getAttribute('usemap') ?? '';
-	}
-
-	set useMap(value: string) {
-		this.setAttribute('usemap', value);
-	}
-
-	// -- Attribute-backed numeric properties --
-
-	get height(): number {
-		if (this._pixbuf) {
-			return this._pixbuf.get_height();
-		}
-		const attr = this.getAttribute('height');
-		return attr !== null ? Number(attr) : 0;
-	}
-
-	set height(value: number) {
-		this.setAttribute('height', String(value));
-	}
-
-	get width(): number {
-		if (this._pixbuf) {
-			return this._pixbuf.get_width();
-		}
-		const attr = this.getAttribute('width');
-		return attr !== null ? Number(attr) : 0;
-	}
-
-	set width(value: number) {
-		this.setAttribute('width', String(value));
-	}
-
-	// -- Attribute-backed boolean property --
-
-	get isMap(): boolean {
-		return this.hasAttribute('ismap');
-	}
-
-	set isMap(value: boolean) {
-		if (value) {
-			this.setAttribute('ismap', '');
-		} else {
-			this.removeAttribute('ismap');
-		}
-	}
-
-	// -- Methods --
-
-	/**
-	 * Decode the image. Returns a promise that resolves when the image is decoded.
-	 */
-	decode(): Promise<void> {
-		return Promise.resolve();
-	}
-
-	/**
-	 * Clone this node.
-	 */
-	cloneNode(deep = false): HTMLImageElement {
-		return super.cloneNode(deep) as HTMLImageElement;
-	}
-
-	// -- GJS-specific extensions --
-
-	/**
-	 * Get the pixels of the loaded GdkPixbuf as ImageData.
-	 * Always returns RGBA (4 channels) — matches standard browser ImageData behaviour
-	 * and what WebGL expects for texSubImage2D with format=RGBA.
-	 * JPEG and other non-alpha formats are promoted to RGBA via add_alpha().
-	 */
-	getImageData(): ImageData | null {
-		if (!this._pixbuf) return null;
-		// add_alpha() is a no-op when the pixbuf already has alpha; for RGB-only
-		// pixbufs (e.g. JPEG) it appends a fully opaque alpha channel.
-		const rgba = this._pixbuf.get_has_alpha()
-			? this._pixbuf
-			: (this._pixbuf.add_alpha(false, 0, 0, 0) ?? this._pixbuf);
-		return {
-			colorSpace: 'srgb',
-			data: new Uint8ClampedArray(rgba.get_pixels()),
-			height: rgba.get_height(),
-			width: rgba.get_width(),
-		};
-	}
-
-	/**
-	 * Check if this image is backed by a GdkPixbuf.
-	 */
-	isPixbuf(): boolean {
-		return !!this._pixbuf;
-	}
-
-	get [Symbol.toStringTag](): string {
-		return 'HTMLImageElement';
-	}
-}

package/src/html-media-element.ts

@@ -1,123 +0,0 @@
-// HTMLMediaElement for GJS — base class for HTMLVideoElement and HTMLAudioElement.
-// Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement
-// Reference: refs/happy-dom/packages/happy-dom/src/nodes/html-media-element/HTMLMediaElement.ts
-//
-// This is a pure DOM class — it stores media state and dispatches events but
-// does NOT interact with GStreamer. The bridge container (VideoBridge etc.)
-// listens for internal events and handles the actual pipeline.
-
-import { Event } from '@gjsify/dom-events';
-
-import { HTMLElement } from './html-element.js';
-
-// Readiness states
-export const HAVE_NOTHING = 0;
-export const HAVE_METADATA = 1;
-export const HAVE_CURRENT_DATA = 2;
-export const HAVE_FUTURE_DATA = 3;
-export const HAVE_ENOUGH_DATA = 4;
-
-// Network states
-export const NETWORK_EMPTY = 0;
-export const NETWORK_IDLE = 1;
-export const NETWORK_LOADING = 2;
-export const NETWORK_NO_SOURCE = 3;
-
-/**
- * Base class for media elements (video, audio).
- *
- * Stores media state and dispatches DOM events. Pipeline construction is
- * delegated to the bridge container via internal events.
- */
-export class HTMLMediaElement extends HTMLElement {
-    // -- Source --
-    private _src = '';
-    private _srcObject: any = null;
-
-    // -- Playback state --
-    currentTime = 0;
-    duration = NaN;
-    paused = true;
-    ended = false;
-    volume = 1;
-    muted = false;
-    defaultMuted = false;
-    loop = false;
-    autoplay = false;
-    preload: '' | 'none' | 'metadata' | 'auto' = '';
-    playbackRate = 1;
-    defaultPlaybackRate = 1;
-
-    // -- Readiness --
-    readyState = HAVE_NOTHING;
-    networkState = NETWORK_EMPTY;
-
-    // -- Buffered/seekable stubs --
-    get buffered(): { length: number; start(index: number): number; end(index: number): number } {
-        return { length: 0, start: () => 0, end: () => 0 };
-    }
-    get seekable(): { length: number; start(index: number): number; end(index: number): number } {
-        return { length: 0, start: () => 0, end: () => 0 };
-    }
-    get played(): { length: number; start(index: number): number; end(index: number): number } {
-        return { length: 0, start: () => 0, end: () => 0 };
-    }
-
-    // -- src property --
-    get src(): string {
-        return this._src;
-    }
-    set src(value: string) {
-        this._src = value;
-        this._srcObject = null;
-        this.dispatchEvent(new Event('srcchange'));
-    }
-
-    // -- srcObject property (MediaStream) --
-    get srcObject(): any {
-        return this._srcObject;
-    }
-    set srcObject(stream: any) {
-        this._srcObject = stream;
-        this._src = '';
-        this.dispatchEvent(new Event('srcobjectchange'));
-    }
-
-    // -- Playback control --
-    play(): Promise<void> {
-        this.paused = false;
-        this.ended = false;
-        this.dispatchEvent(new Event('play'));
-        return Promise.resolve();
-    }
-
-    pause(): void {
-        this.paused = true;
-        this.dispatchEvent(new Event('pause'));
-    }
-
-    load(): void {
-        this.readyState = HAVE_NOTHING;
-        this.networkState = NETWORK_LOADING;
-        this.dispatchEvent(new Event('loadstart'));
-    }
-
-    canPlayType(_type: string): '' | 'maybe' | 'probably' {
-        return '';
-    }
-
-    // -- Static constants --
-    static readonly HAVE_NOTHING = HAVE_NOTHING;
-    static readonly HAVE_METADATA = HAVE_METADATA;
-    static readonly HAVE_CURRENT_DATA = HAVE_CURRENT_DATA;
-    static readonly HAVE_FUTURE_DATA = HAVE_FUTURE_DATA;
-    static readonly HAVE_ENOUGH_DATA = HAVE_ENOUGH_DATA;
-    static readonly NETWORK_EMPTY = NETWORK_EMPTY;
-    static readonly NETWORK_IDLE = NETWORK_IDLE;
-    static readonly NETWORK_LOADING = NETWORK_LOADING;
-    static readonly NETWORK_NO_SOURCE = NETWORK_NO_SOURCE;
-
-    get [Symbol.toStringTag](): string {
-        return 'HTMLMediaElement';
-    }
-}