@vpmedia/phaser 1.120.0 → 1.121.0

package/dist/index.js

@@ -114,7 +114,7 @@ const TIME_SECOND = 1e3;
 const distance$1 = (a, b, round = false) => {
 	const dx = a.x - b.x;
 	const dy = a.y - b.y;
-	const abDistance = Math.sqrt(dx * dx + dy * dy);
+	const abDistance = Math.hypot(dx, dy);
 	return round ? Math.round(abDistance) : abDistance;
 };
 /**
@@ -347,7 +347,7 @@ var Point = class {
 	* @returns {number} The magnitude of the point.
 	*/
 	getMagnitude() {
-		return Math.sqrt(this.x * this.x + this.y * this.y);
+		return Math.hypot(this.x, this.y);
 	}
 	/**
 	* Calculates the square of the magnitude (length) of this point from the origin.
@@ -1161,8 +1161,7 @@ var Rectangle = class {
 	* Sets the bottom coordinate of this rectangle.
 	*/
 	set bottom(value) {
-		if (value <= this.y) this.height = 0;
-		else this.height = value - this.y;
+		this.height = value <= this.y ? 0 : value - this.y;
 	}
 	/**
 	* Gets the bottom-left point of this rectangle.
@@ -1203,8 +1202,7 @@ var Rectangle = class {
 	* Sets the left coordinate of this rectangle.
 	*/
 	set left(value) {
-		if (value >= this.right) this.width = 0;
-		else this.width = this.right - value;
+		this.width = value >= this.right ? 0 : this.right - value;
 		this.x = value;
 	}
 	/**
@@ -1218,8 +1216,7 @@ var Rectangle = class {
 	* Sets the right coordinate of this rectangle.
 	*/
 	set right(value) {
-		if (value <= this.x) this.width = 0;
-		else this.width = value - this.x;
+		this.width = value <= this.x ? 0 : value - this.x;
 	}
 	/**
 	* Gets the volume (area) of this rectangle.
@@ -1371,11 +1368,7 @@ const linearInterpolation = (v, k) => {
 	return linear(v[i], v[i + 1 > m ? m : i + 1], f - i);
 };
 /** Calculates the distance between two points. */
-const distance = (x1, y1, x2, y2) => {
-	const dx = x1 - x2;
-	const dy = y1 - y2;
-	return Math.sqrt(dx * dx + dy * dy);
-};
+const distance = (x1, y1, x2, y2) => Math.hypot(x1 - x2, y1 - y2);
 /** Checks if two numbers are within a tolerance of each other. */
 const within = (a, b, tolerance) => Math.abs(a - b) <= tolerance;
 /** Creates a 32-bit color value from alpha, red, green, and blue components. */
@@ -1511,19 +1504,18 @@ const create$1 = (parent, width, height, skipPool = false) => {
 	if (parent === void 0) console.warn("Created CanvasPool element with undefined parent.");
 	const idx = getFirst();
 	const pool = getPool();
-	let canvas;
+	let entry;
 	if (idx === -1 || skipPool) {
-		const container = {
+		entry = {
 			parent,
 			canvas: document.createElement("canvas")
 		};
-		pool.push(container);
-		canvas = container.canvas;
+		pool.push(entry);
 	} else {
-		const entry = pool[idx];
+		entry = pool[idx];
 		entry.parent = parent;
-		canvas = entry.canvas;
 	}
+	const { canvas } = entry;
 	if (width !== void 0) {
 		canvas.width = width;
 		canvas.height = height;
@@ -1540,7 +1532,8 @@ const create$1 = (parent, width, height, skipPool = false) => {
 */
 const getTintedTexture = (sprite, color) => {
 	const canvas = sprite.tintedTexture ?? create$1("CanvasTinter", 1, 1);
-	globalThis.PhaserRegistry.CANVAS_TINT_METHOD(sprite.texture, color, canvas);
+	const tint = globalThis.PhaserRegistry.CANVAS_TINT_METHOD;
+	tint(sprite.texture, color, canvas);
 	return canvas;
 };
 /**
@@ -1581,21 +1574,18 @@ const tintWithPerPixel = (texture, color, canvas) => {
 	canvas.height = crop.height;
 	context.globalCompositeOperation = "copy";
 	context.drawImage(texture.baseTexture.source, crop.x, crop.y, crop.width, crop.height, 0, 0, crop.width, crop.height);
-	const rgbValues = hex2rgb(color);
-	const r = rgbValues[0];
-	const g = rgbValues[1];
-	const b = rgbValues[2];
+	const [r, g, b] = hex2rgb(color);
 	const pixelData = context.getImageData(0, 0, crop.width, crop.height);
 	const pixels = pixelData.data;
 	for (let i = 0; i < pixels.length; i += 4) {
-		pixels[i + 0] = pixels[i + 0] * r;
-		pixels[i + 1] = pixels[i + 1] * g;
-		pixels[i + 2] = pixels[i + 2] * b;
+		pixels[i + 0] *= r;
+		pixels[i + 1] *= g;
+		pixels[i + 2] *= b;
 		if (!globalThis.PhaserRegistry.CAN_CANVAS_HANDLE_ALPHA) {
 			const alpha = pixels[i + 3];
-			pixels[i + 0] = pixels[i + 0] / (255 / alpha);
-			pixels[i + 1] = pixels[i + 1] / (255 / alpha);
-			pixels[i + 2] = pixels[i + 2] / (255 / alpha);
+			pixels[i + 0] /= 255 / alpha;
+			pixels[i + 1] /= 255 / alpha;
+			pixels[i + 2] /= 255 / alpha;
 		}
 	}
 	context.putImageData(pixelData, 0, 0);
@@ -1683,12 +1673,12 @@ const detectCapabilities = (game) => {
 * @returns {HTMLCanvasElement} The created HTML canvas element.
 */
 const create = (parent, width, height, id, skipPool) => {
-	width = width || 256;
-	height = height || 256;
-	const canvas = skipPool ? document.createElement("canvas") : create$1(parent, width, height);
-	if (typeof id === "string" && id !== "") canvas.id = id;
-	canvas.width = width;
-	canvas.height = height;
+	const canvasWidth = width || 256;
+	const canvasHeight = height || 256;
+	const canvas = skipPool ? document.createElement("canvas") : create$1(parent, canvasWidth, canvasHeight);
+	if (id !== "") canvas.id = id;
+	canvas.width = canvasWidth;
+	canvas.height = canvasHeight;
 	canvas.style.display = "block";
 	return canvas;
 };
@@ -1699,9 +1689,9 @@ const create = (parent, width, height, id, skipPool) => {
 * @returns {HTMLCanvasElement} The modified canvas element.
 */
 const setTouchAction = (canvas, value = "none") => {
-	value = value || "none";
-	canvas.style.setProperty("-ms-touch-action", value);
-	canvas.style.setProperty("touch-action", value);
+	const touchAction = value || "none";
+	canvas.style.setProperty("-ms-touch-action", touchAction);
+	canvas.style.setProperty("touch-action", touchAction);
 	return canvas;
 };
 /**
@@ -1711,13 +1701,13 @@ const setTouchAction = (canvas, value = "none") => {
 * @returns {HTMLCanvasElement} The modified canvas element.
 */
 const setUserSelect = (canvas, value = "none") => {
-	value = value || "none";
-	canvas.style.setProperty("-webkit-touch-callout", value);
-	canvas.style.setProperty("-webkit-user-select", value);
-	canvas.style.setProperty("-khtml-user-select", value);
-	canvas.style.setProperty("-moz-user-select", value);
-	canvas.style.setProperty("-ms-user-select", value);
-	canvas.style.setProperty("user-select", value);
+	const userSelect = value || "none";
+	canvas.style.setProperty("-webkit-touch-callout", userSelect);
+	canvas.style.setProperty("-webkit-user-select", userSelect);
+	canvas.style.setProperty("-khtml-user-select", userSelect);
+	canvas.style.setProperty("-moz-user-select", userSelect);
+	canvas.style.setProperty("-ms-user-select", userSelect);
+	canvas.style.setProperty("user-select", userSelect);
 	canvas.style.setProperty("-webkit-tap-highlight-color", "rgba(0, 0, 0, 0)");
 	return canvas;
 };
@@ -1729,13 +1719,11 @@ const setUserSelect = (canvas, value = "none") => {
 * @returns {HTMLCanvasElement} The added canvas element.
 */
 const addToDOM = (canvas, parent, overflowHidden = true) => {
-	let target;
-	if (parent) {
-		if (typeof parent === "string") target = document.querySelector(`#${parent}`);
-		else if (typeof parent === "object" && parent.nodeType === 1) target = parent;
-	}
+	let target = null;
+	if (typeof parent === "string") target = document.querySelector(`#${CSS.escape(parent)}`);
+	else if (parent?.nodeType === 1) target = parent;
 	target ??= document.body;
-	if (overflowHidden && target.style) target.style.overflow = "hidden";
+	if (overflowHidden) target.style.overflow = "hidden";
 	target.append(canvas);
 	return canvas;
 };
@@ -1744,7 +1732,7 @@ const addToDOM = (canvas, parent, overflowHidden = true) => {
 * @param {HTMLCanvasElement} canvas - The canvas element to remove.
 */
 const removeFromDOM = (canvas) => {
-	if (canvas && canvas.parentNode) canvas.parentNode.removeChild(canvas);
+	canvas.remove();
 };
 /**
 * Gets the smoothing prefix for a canvas rendering context.
@@ -1760,9 +1748,9 @@ const getSmoothingPrefix = (context) => {
 		"oI"
 	];
 	const smoothingFlags = context;
-	for (let i = 0; i < VENDORS.length; i += 1) {
-		const s = `${VENDORS[i]}mageSmoothingEnabled`;
-		if (context && smoothingFlags[s]) return s;
+	for (const vendor of VENDORS) {
+		const flag = `${vendor}mageSmoothingEnabled`;
+		if (smoothingFlags[flag]) return flag;
 	}
 	return null;
 };
@@ -2065,9 +2053,9 @@ var DisplayObject = class {
 		/** @type {boolean} */
 		this.ignoreChildInput = false;
 		/** @type {string | null } */
-		this.name = this.name ?? null;
+		this.name ??= null;
 		/** @type {object | null } */
-		this.data = this.data ?? null;
+		this.data ??= null;
 		/** @type {Game } */
 		this.game = game;
 	}
@@ -2118,7 +2106,7 @@ var DisplayObject = class {
 			this.children.splice(index, 0, child);
 			return child;
 		}
-		throw new Error(`${child}addChildAt: The index ${index} supplied is out of bounds ${this.children.length}`);
+		throw new Error(`addChildAt: index ${index} is out of bounds for ${this.children.length} children`);
 	}
 	/**
 	* Swaps the positions of two child display objects.
@@ -2261,7 +2249,7 @@ var DisplayObject = class {
 			wt.ty = tx * pt.b + ty * pt.d + pt.ty;
 		}
 		this.worldAlpha = this.alpha * p.worldAlpha;
-		this.worldScale.setTo(this.scale.x * Math.sqrt(wt.a * wt.a + wt.c * wt.c), this.scale.y * Math.sqrt(wt.b * wt.b + wt.d * wt.d));
+		this.worldScale.setTo(this.scale.x * Math.hypot(wt.a, wt.c), this.scale.y * Math.hypot(wt.b, wt.d));
 		this.worldRotation = Math.atan2(-wt.c, wt.d);
 		this.currentBounds = null;
 		if (this.transformCallback) this.transformCallback.call(this.transformCallbackContext, wt, pt);
@@ -2274,17 +2262,20 @@ var DisplayObject = class {
 	* @returns {Rectangle} The bounds rectangle of this display object.
 	*/
 	getBounds(targetCoordinateSpace) {
-		const isTargetCoordinateSpaceDisplayObject = targetCoordinateSpace && targetCoordinateSpace.contains !== void 0;
+		const candidate = targetCoordinateSpace;
+		const isTargetCoordinateSpaceDisplayObject = Boolean(candidate?.contains);
+		let target = this;
 		let isTargetCoordinateSpaceThisOrParent = true;
-		if (!isTargetCoordinateSpaceDisplayObject) targetCoordinateSpace = this;
-		else if (targetCoordinateSpace.contains !== void 0) isTargetCoordinateSpaceThisOrParent = targetCoordinateSpace.contains(this);
-		else isTargetCoordinateSpaceThisOrParent = false;
+		if (isTargetCoordinateSpaceDisplayObject) {
+			target = candidate;
+			isTargetCoordinateSpaceThisOrParent = target.contains(this);
+		}
 		let i;
 		let matrixCache;
 		if (isTargetCoordinateSpaceDisplayObject) {
-			matrixCache = targetCoordinateSpace.worldTransform;
-			targetCoordinateSpace.worldTransform = getIdentityMatrix();
-			for (i = 0; i < targetCoordinateSpace.children.length; i += 1) targetCoordinateSpace.children[i].updateTransform();
+			matrixCache = target.worldTransform;
+			target.worldTransform = getIdentityMatrix();
+			for (i = 0; i < target.children.length; i += 1) target.children[i].updateTransform();
 		}
 		let minX = Infinity;
 		let minY = Infinity;
@@ -2351,11 +2342,11 @@ var DisplayObject = class {
 		bounds.width = maxX - minX;
 		bounds.height = maxY - minY;
 		if (isTargetCoordinateSpaceDisplayObject) {
-			targetCoordinateSpace.worldTransform = matrixCache;
-			for (i = 0; i < targetCoordinateSpace.children.length; i += 1) targetCoordinateSpace.children[i].updateTransform();
+			target.worldTransform = matrixCache;
+			for (i = 0; i < target.children.length; i += 1) target.children[i].updateTransform();
 		}
 		if (!isTargetCoordinateSpaceThisOrParent) {
-			const targetCoordinateSpaceBounds = targetCoordinateSpace.getBounds();
+			const targetCoordinateSpaceBounds = target.getBounds();
 			bounds.x -= targetCoordinateSpaceBounds.x;
 			bounds.y -= targetCoordinateSpaceBounds.y;
 		}
@@ -2486,8 +2477,7 @@ var DisplayObject = class {
 	*/
 	set width(value) {
 		const { width } = this.getLocalBounds();
-		if (width !== 0) this.scale.x = value / width;
-		else this.scale.x = 1;
+		this.scale.x = width === 0 ? 1 : value / width;
 		this._width = value;
 	}
 	/**
@@ -2503,8 +2493,7 @@ var DisplayObject = class {
 	*/
 	set height(value) {
 		const { height } = this.getLocalBounds();
-		if (height !== 0) this.scale.y = value / height;
-		else this.scale.y = 1;
+		this.scale.y = height === 0 ? 1 : value / height;
 		this._height = value;
 	}
 	/**
@@ -2703,10 +2692,9 @@ var SignalBinding = class {
 	*/
 	execute(paramsArr) {
 		let handlerReturn;
-		let params;
-		if (this.active && Boolean(this._listener)) {
-			params = this.params ? this.params.concat(paramsArr) : paramsArr;
-			if (this._args) params = params.concat(this._args);
+		if (this.active && this._listener) {
+			let params = this.params ? [...this.params, ...paramsArr] : paramsArr;
+			if (this._args) params = [...params, ...this._args];
 			handlerReturn = this._listener.apply(this.context, params);
 			this.callCount += 1;
 			if (this._isOnce) this.detach();
@@ -2752,9 +2740,9 @@ var SignalBinding = class {
 	* TBD.
 	*/
 	_destroy() {
-		delete this._signal;
-		delete this._listener;
-		delete this.context;
+		this._signal = null;
+		this._listener = null;
+		this.context = null;
 	}
 	/**
 	* TBD.
@@ -2963,9 +2951,8 @@ var Signal = class {
 	* @returns {Function} A function that will dispatch the signal with the correct context.
 	*/
 	get boundDispatch() {
-		const _this = this;
 		this._boundDispatch ??= (...rest) => {
-			_this.dispatch(...rest);
+			this.dispatch(...rest);
 		};
 		return this._boundDispatch;
 	}
@@ -3025,8 +3012,7 @@ var Animation = class {
 		this._frameData = frameData;
 		/** @type {string} */
 		this.name = name;
-		this._frames = [];
-		this._frames = this._frames.concat(frames);
+		this._frames = [...frames];
 		/** @type {number} */
 		this.delay = 1e3 / frameRate;
 		/** @type {boolean} */
@@ -3463,12 +3449,9 @@ var AnimationManager = class {
 	*/
 	add(name, frameList, frameRate = 60, loop = false, useNumericIndex) {
 		const frames = frameList ?? [];
-		if (useNumericIndex === void 0) {
-			if (frames && typeof frames[0] === "number") useNumericIndex = true;
-			else useNumericIndex = false;
-		}
+		const numericIndex = useNumericIndex ?? typeof frames[0] === "number";
 		this._outputFrames = [];
-		this._frameData.getFrameIndexes(frames, useNumericIndex, this._outputFrames);
+		this._frameData.getFrameIndexes(frames, numericIndex, this._outputFrames);
 		this._anims[name] = new Animation(this.game, this.sprite, name, this._frameData, this._outputFrames, frameRate, loop);
 		this.currentAnim = this._anims[name];
 		if (this.sprite.tilingTexture) this.sprite.refreshTexture = true;
@@ -3481,12 +3464,9 @@ var AnimationManager = class {
 	* @returns {boolean} True if all frames are valid, false otherwise.
 	*/
 	validateFrames(frames, useNumericIndex = false) {
-		for (let i = 0; i < frames.length; i += 1) {
-			const frame = frames[i];
-			if (useNumericIndex) {
-				if (Number(frame) > this._frameData.total) return false;
-			} else if (!this._frameData.checkFrameName(String(frame))) return false;
-		}
+		for (const frame of frames) if (useNumericIndex) {
+			if (Number(frame) > this._frameData.total) return false;
+		} else if (!this._frameData.checkFrameName(String(frame))) return false;
 		return true;
 	}
 	/**
@@ -3842,14 +3822,12 @@ var Texture = class Texture {
 	* @param {Rectangle | null | undefined} trim - The trim rectangle.
 	*/
 	constructor(baseTexture, frame = null, crop = null, trim = null) {
-		if (!frame) {
-			this.noFrame = true;
-			frame = new Rectangle(0, 0, 1, 1);
-		}
-		if (baseTexture instanceof Texture) baseTexture = baseTexture.baseTexture;
-		this.baseTexture = baseTexture;
+		this.noFrame = !frame;
+		let textureFrame = frame ?? new Rectangle(0, 0, 1, 1);
+		const source = baseTexture instanceof Texture ? baseTexture.baseTexture : baseTexture;
+		this.baseTexture = source;
 		/** @type {Rectangle} */
-		this.frame = frame;
+		this.frame = textureFrame;
 		/** @type {Rectangle | null | undefined} */
 		this.trim = trim;
 		/** @type {boolean} */
@@ -3868,9 +3846,9 @@ var Texture = class Texture {
 		this.height = 0;
 		/** @type {Rectangle} */
 		this.crop = crop ?? new Rectangle(0, 0, 1, 1);
-		if (baseTexture.hasLoaded) {
-			if (this.noFrame) frame = new Rectangle(0, 0, baseTexture.width, baseTexture.height);
-			this.setFrame(frame);
+		if (source.hasLoaded) {
+			if (this.noFrame) textureFrame = new Rectangle(0, 0, source.width, source.height);
+			this.setFrame(textureFrame);
 		}
 	}
 	/**
@@ -4040,25 +4018,23 @@ var Image$1 = class extends DisplayObject {
 	* @param {boolean} stopAnimation - Whether to stop the animation when changing textures.
 	*/
 	loadTexture(key, frame = 0, stopAnimation = true) {
-		if (key === -1) {
-			key = frame ?? 0;
-			frame = 0;
-		} else frame = frame ?? 0;
+		const isPendingAtlas = key === -1;
+		const textureKey = isPendingAtlas ? frame ?? 0 : key;
+		const textureFrame = isPendingAtlas ? 0 : frame ?? 0;
 		if (stopAnimation) this.animations.stop();
-		this.key = key;
+		this.key = textureKey;
 		this.customRender = false;
 		const { cache } = this.game;
 		const smoothed = !this.texture.baseTexture.scaleMode;
 		let setFrame = true;
-		if (key instanceof Texture) this.setTexture(key);
+		if (textureKey instanceof Texture) this.setTexture(textureKey);
 		else {
-			const img = cache.getImage(key ?? void 0, true);
+			const img = cache.getImage(textureKey ?? void 0, true);
 			if (img) {
 				this.key = img.key;
 				this.setTexture(new Texture(img.base));
-				if (key === "__default") this.texture.baseTexture.skipRender = true;
-				else this.texture.baseTexture.skipRender = false;
-				setFrame = !this.animations.loadFrameData(img.frameData, frame);
+				this.texture.baseTexture.skipRender = textureKey === "__default";
+				setFrame = !this.animations.loadFrameData(img.frameData, textureFrame);
 			}
 		}
 		if (setFrame) this._frame = clone$5(this.texture.frame);
@@ -4359,11 +4335,11 @@ var BitmapText = class extends DisplayObject {
 			end = i === text.length - 1;
 			if (/(?:\r\n|\r|\n)/.test(text.charAt(i))) return {
 				width: w,
-				text: text.substr(0, i),
+				text: text.slice(0, i),
 				end,
 				chars
 			};
-			let charCode = text.charCodeAt(i);
+			let charCode = text.codePointAt(i) ?? 32;
 			let charData = data.chars[charCode];
 			let c = 0;
 			if (charData === void 0) {
@@ -4379,7 +4355,7 @@ var BitmapText = class extends DisplayObject {
 			c = (kerning + (charData.texture?.width ?? 0) + charData.xOffset) * scale;
 			if (maxWidth && w + c >= maxWidth && lastSpace > -1) return {
 				width: wrappedWidth || w,
-				text: text.substr(0, i - (i - lastSpace)),
+				text: text.slice(0, lastSpace),
 				end,
 				chars
 			};
@@ -4408,8 +4384,7 @@ var BitmapText = class extends DisplayObject {
 		for (let i = 0; i < lines.length; i += 1) {
 			const line = lines[i];
 			let output = "";
-			for (let c = 0; c < line.length; c += 1) if (data.chars[line.charCodeAt(c)]) output = output.concat(line[c]);
-			else output = output.concat(replace);
+			for (let c = 0; c < line.length; c += 1) output = output.concat(data.chars[line.codePointAt(c) ?? 32] ? line[c] : replace);
 			lines[i] = output;
 		}
 		return lines.join("\n");
@@ -4420,7 +4395,7 @@ var BitmapText = class extends DisplayObject {
 	updateText() {
 		const data = this._data?.font;
 		if (!data) return;
-		let text = this.text;
+		let { text } = this;
 		const scale = this._fontSize / data.size;
 		const lines = [];
 		let y = 0;
@@ -4435,7 +4410,7 @@ var BitmapText = class extends DisplayObject {
 			if (line.width > this.textWidth) this.textWidth = line.width;
 			y += data.lineHeight * scale;
 			text = text.slice(line.text.length + 1);
-			end = line.end;
+			({end} = line);
 		} while (!end);
 		this.textHeight = y;
 		let t = 0;
@@ -4446,7 +4421,7 @@ var BitmapText = class extends DisplayObject {
 			if (this._align === "right") align = this.textWidth - currentLine.width;
 			else if (this._align === "center") align = (this.textWidth - currentLine.width) / 2;
 			for (let c = 0; c < currentLine.text.length; c += 1) {
-				let charCode = currentLine.text.charCodeAt(c);
+				let charCode = currentLine.text.codePointAt(c) ?? 32;
 				let charData = data.chars[charCode];
 				if (charData === void 0) {
 					charCode = 32;
@@ -4994,28 +4969,29 @@ var InputHandler = class {
 	*/
 	checkPixel(x, y, pointer) {
 		if (this.sprite.texture.baseTexture.source) {
-			if (x === null || y === null) {
+			let localX = x;
+			let localY = y;
+			if (localX === null || localY === null) {
 				this.game.input.getLocalPosition(this.sprite, pointer, this._tempPoint);
-				x = this._tempPoint.x;
-				y = this._tempPoint.y;
+				({x: localX, y: localY} = this._tempPoint);
 			}
-			if (this.sprite.anchor.x !== 0) x -= -this.sprite.texture.frame.width * this.sprite.anchor.x;
-			if (this.sprite.anchor.y !== 0) y -= -this.sprite.texture.frame.height * this.sprite.anchor.y;
-			x += this.sprite.texture.frame.x;
-			y += this.sprite.texture.frame.y;
+			if (this.sprite.anchor.x !== 0) localX -= -this.sprite.texture.frame.width * this.sprite.anchor.x;
+			if (this.sprite.anchor.y !== 0) localY -= -this.sprite.texture.frame.height * this.sprite.anchor.y;
+			localX += this.sprite.texture.frame.x;
+			localY += this.sprite.texture.frame.y;
 			if (this.sprite.texture.trim) {
-				x -= this.sprite.texture.trim.x;
-				y -= this.sprite.texture.trim.y;
-				if (x < this.sprite.texture.crop.x || x > this.sprite.texture.crop.right || y < this.sprite.texture.crop.y || y > this.sprite.texture.crop.bottom) {
-					this._dx = x;
-					this._dy = y;
+				localX -= this.sprite.texture.trim.x;
+				localY -= this.sprite.texture.trim.y;
+				if (localX < this.sprite.texture.crop.x || localX > this.sprite.texture.crop.right || localY < this.sprite.texture.crop.y || localY > this.sprite.texture.crop.bottom) {
+					this._dx = localX;
+					this._dy = localY;
 					return false;
 				}
 			}
-			this._dx = x;
-			this._dy = y;
+			this._dx = localX;
+			this._dy = localY;
 			this.game.input.hitContext.clearRect(0, 0, 1, 1);
-			this.game.input.hitContext.drawImage(this.sprite.texture.baseTexture.source, x, y, 1, 1, 0, 0, 1, 1);
+			this.game.input.hitContext.drawImage(this.sprite.texture.baseTexture.source, localX, localY, 1, 1, 0, 0, 1, 1);
 			if (this.game.input.hitContext.getImageData(0, 0, 1, 1).data[3] >= this.pixelPerfectAlpha) return true;
 		}
 		return false;
@@ -5128,9 +5104,7 @@ var InputHandler = class {
 	*/
 	dragTimeElapsed(pointer) {
 		this._dragTimePass = true;
-		if (this._pendingDrag && this.sprite) {
-			if (this._dragDistancePass) this.startDrag(pointer);
-		}
+		if (this._pendingDrag && this.sprite && this._dragDistancePass) this.startDrag(pointer);
 	}
 	/**
 	* TBD.
@@ -6069,13 +6043,13 @@ var Polygon = class {
 	* @returns {number[]} An array of numbers representing the polygon's points.
 	*/
 	toNumberArray(output = []) {
-		for (let i = 0; i < this._points.length; i += 1) if (typeof this._points[i] === "number") {
-			output.push(this._points[i]);
-			output.push(this._points[i + 1]);
-			i += 1;
-		} else {
-			output.push(this._points[i].x);
-			output.push(this._points[i].y);
+		const points = this._points;
+		for (let i = 0; i < points.length; i += 1) {
+			const point = points[i];
+			if (typeof point === "number") {
+				output.push(point, points[i + 1]);
+				i += 1;
+			} else if (point) output.push(point.x, point.y);
 		}
 		return output;
 	}
@@ -6103,19 +6077,22 @@ var Polygon = class {
 	*/
 	contains(x, y) {
 		let inside = false;
-		if (this.flattened) for (let i = -2, j = this._points.length - 2; (i += 2) < this._points.length; j = i) {
-			const ix = this._points[i];
-			const iy = this._points[i + 1];
-			const jx = this._points[j];
-			const jy = this._points[j + 1];
-			if ((iy <= y && y < jy || jy <= y && y < iy) && x < (jx - ix) * (y - iy) / (jy - iy) + ix) inside = !inside;
-		}
-		else for (let i = 0, j = this._points.length - 1; i < this._points.length; j = i, i += 1) {
-			const ix = this._points[i].x;
-			const iy = this._points[i].y;
-			const jx = this._points[j].x;
-			const jy = this._points[j].y;
-			if ((iy <= y && y < jy || jy <= y && y < iy) && x < (jx - ix) * (y - iy) / (jy - iy) + ix) inside = !inside;
+		if (this.flattened) {
+			const points = this._points;
+			for (let i = -2, j = points.length - 2; (i += 2) < points.length; j = i) {
+				const ix = points[i];
+				const iy = points[i + 1];
+				const jx = points[j];
+				const jy = points[j + 1];
+				if ((iy <= y && y < jy || jy <= y && y < iy) && x < (jx - ix) * (y - iy) / (jy - iy) + ix) inside = !inside;
+			}
+		} else {
+			const points = this._points;
+			for (let i = 0, j = points.length - 1; i < points.length; j = i, i += 1) {
+				const { x: ix, y: iy } = points[i];
+				const { x: jx, y: jy } = points[j];
+				if ((iy <= y && y < jy || jy <= y && y < iy) && x < (jx - ix) * (y - iy) / (jy - iy) + ix) inside = !inside;
+			}
 		}
 		return inside;
 	}
@@ -6126,18 +6103,20 @@ var Polygon = class {
 	*/
 	setTo(points) {
 		this.area = 0;
-		this._points = [];
+		const vertices = [];
+		this._points = vertices;
 		if (points) {
 			if (!Array.isArray(points)) console.error("[Polygon] setTo() error, input parameter is not an array", points);
 			let y0 = Number.MAX_VALUE;
 			for (let i = 0, len = points.length; i < len; i += 1) {
+				const vertex = points[i];
 				let p;
-				if (typeof points[i] === "number") {
-					p = new Point(points[i], points[i + 1]);
+				if (typeof vertex === "number") {
+					p = new Point(vertex, points[i + 1]);
 					i += 1;
-				} else if (Array.isArray(points[i])) p = new Point(points[i][0], points[i][1]);
-				else p = new Point(points[i].x, points[i].y);
-				this._points.push(p);
+				} else if (Array.isArray(vertex)) p = new Point(vertex[0], vertex[1]);
+				else p = new Point(vertex.x, vertex.y);
+				vertices.push(p);
 				if (p.y < y0) y0 = p.y;
 			}
 			this.calculateArea(y0);
@@ -6150,16 +6129,12 @@ var Polygon = class {
 	* @returns {number} The area of this polygon.
 	*/
 	calculateArea(y0) {
-		let p1;
-		let p2;
-		let avgHeight;
-		let width;
-		for (let i = 0, len = this._points.length; i < len; i += 1) {
-			p1 = this._points[i];
-			if (i === len - 1) p2 = this._points[0];
-			else p2 = this._points[i + 1];
-			avgHeight = (p1.y - y0 + (p2.y - y0)) / 2;
-			width = p1.x - p2.x;
+		const points = this._points;
+		for (let i = 0, len = points.length; i < len; i += 1) {
+			const p1 = points[i];
+			const p2 = i === len - 1 ? points[0] : points[i + 1];
+			const avgHeight = (p1.y - y0 + (p2.y - y0)) / 2;
+			const width = p1.x - p2.x;
 			this.area += avgHeight * width;
 		}
 		return this.area;
@@ -6175,11 +6150,10 @@ var Polygon = class {
 	* Sets the points of this polygon.
 	*/
 	set points(value) {
-		if (value !== null) this.setTo(value);
-		else {
+		if (value === null) {
 			this.area = 0;
 			this._points = [];
-		}
+		} else this.setTo(value);
 	}
 };
 //#endregion
@@ -6232,9 +6206,7 @@ var RoundedRectangle = class {
 	*/
 	contains(x, y) {
 		if (this.width <= 0 || this.height <= 0) return false;
-		if (x >= this.x && x <= this.x + this.width) {
-			if (y >= this.y && y <= this.y + this.height) return true;
-		}
+		if (x >= this.x && x <= this.x + this.width && y >= this.y && y <= this.y + this.height) return true;
 		return false;
 	}
 	/**
@@ -6329,7 +6301,7 @@ const renderGraphics$1 = (graphics, context) => {
 		context.lineWidth = data.lineWidth;
 		if (shape instanceof Polygon) {
 			context.beginPath();
-			const { points } = shape;
+			const points = shape.points;
 			context.moveTo(points[0], points[1]);
 			for (let j = 1; j < points.length / 2; j += 1) context.lineTo(points[j * 2], points[j * 2 + 1]);
 			if (shape.closed) context.lineTo(points[0], points[1]);
@@ -6442,7 +6414,7 @@ const renderGraphicsMask = (graphics, context) => {
 	for (let i = 0; i < len; i += 1) {
 		const { shape } = graphics.graphicsData[i];
 		if (shape instanceof Polygon) {
-			const { points } = shape;
+			const points = shape.points;
 			context.moveTo(points[0], points[1]);
 			for (let j = 1; j < points.length / 2; j += 1) context.lineTo(points[j * 2], points[j * 2 + 1]);
 			if (points[0] === points.at(-2) && points[1] === points.at(-1)) context.closePath();
@@ -7087,8 +7059,7 @@ function earcutLinked(ear, triangles, dim, minX, minY, size, pass) {
 	let prev;
 	let next;
 	while (ear.prev !== ear.next) {
-		prev = ear.prev;
-		next = ear.next;
+		({prev, next} = ear);
 		if (size ? isEarHashed(ear, minX, minY, size) : isEar(ear)) {
 			triangles.push(prev.i / dim);
 			triangles.push(ear.i / dim);
@@ -7117,7 +7088,7 @@ function earcutLinked(ear, triangles, dim, minX, minY, size, pass) {
 * @returns {object} The processed earcut data structure with triangulation information.
 */
 function triangulate(data, holeIndices, dim = 2) {
-	const hasHoles = holeIndices && holeIndices.length;
+	const hasHoles = holeIndices !== null && holeIndices.length > 0;
 	const outerLen = hasHoles ? holeIndices[0] * dim : data.length;
 	let outerNode = linkedList(data, 0, outerLen, dim, true);
 	const triangles = [];
@@ -7307,7 +7278,7 @@ const buildLine = (graphicsData, webGLData) => {
 	p2y = points[3];
 	perpx = -(p1y - p2y);
 	perpy = p1x - p2x;
-	dist = Math.sqrt(perpx * perpx + perpy * perpy);
+	dist = Math.hypot(perpx, perpy);
 	perpx /= dist;
 	perpy /= dist;
 	perpx *= width;
@@ -7323,14 +7294,14 @@ const buildLine = (graphicsData, webGLData) => {
 		p3y = points[(i + 1) * 2 + 1];
 		perpx = -(p1y - p2y);
 		perpy = p1x - p2x;
-		dist = Math.sqrt(perpx * perpx + perpy * perpy);
+		dist = Math.hypot(perpx, perpy);
 		perpx /= dist;
 		perpy /= dist;
 		perpx *= width;
 		perpy *= width;
 		perp2x = -(p2y - p3y);
 		perp2y = p2x - p3x;
-		dist = Math.sqrt(perp2x * perp2x + perp2y * perp2y);
+		dist = Math.hypot(perp2x, perp2y);
 		perp2x /= dist;
 		perp2y /= dist;
 		perp2x *= width;
@@ -7354,7 +7325,7 @@ const buildLine = (graphicsData, webGLData) => {
 		if (pdist > 19600) {
 			perp3x = perpx - perp2x;
 			perp3y = perpy - perp2y;
-			dist = Math.sqrt(perp3x * perp3x + perp3y * perp3y);
+			dist = Math.hypot(perp3x, perp3y);
 			perp3x /= dist;
 			perp3y /= dist;
 			perp3x *= width;
@@ -7379,7 +7350,7 @@ const buildLine = (graphicsData, webGLData) => {
 	p2y = points[(length - 1) * 2 + 1];
 	perpx = -(p1y - p2y);
 	perpy = p1x - p2x;
-	dist = Math.sqrt(perpx * perpx + perpy * perpy);
+	dist = Math.hypot(perpx, perpy);
 	perpx /= dist;
 	perpy /= dist;
 	perpx *= width;
@@ -7490,12 +7461,14 @@ const buildRoundedRectangle = (graphicsData, webGLData) => {
 	const { width } = rrectData;
 	const { height } = rrectData;
 	const { radius } = rrectData;
-	let recPoints = [];
-	recPoints.push(x, y + radius);
-	recPoints = recPoints.concat(quadraticBezierCurve(x, y + height - radius, x, y + height, x + radius, y + height));
-	recPoints = recPoints.concat(quadraticBezierCurve(x + width - radius, y + height, x + width, y + height, x + width, y + height - radius));
-	recPoints = recPoints.concat(quadraticBezierCurve(x + width, y + radius, x + width, y, x + width - radius, y));
-	recPoints = recPoints.concat(quadraticBezierCurve(x + radius, y, x, y, x, y + radius));
+	const recPoints = [
+		x,
+		y + radius,
+		...quadraticBezierCurve(x, y + height - radius, x, y + height, x + radius, y + height),
+		...quadraticBezierCurve(x + width - radius, y + height, x + width, y + height, x + width, y + height - radius),
+		...quadraticBezierCurve(x + width, y + radius, x + width, y, x + width - radius, y),
+		...quadraticBezierCurve(x + radius, y, x, y, x, y + radius)
+	];
 	if (graphicsData.fill) {
 		const color = hex2rgb(graphicsData.fillColor ?? 0);
 		const alpha = graphicsData.fillAlpha;
@@ -7536,10 +7509,7 @@ const buildCircle = (graphicsData, webGLData) => {
 	if (circleData instanceof Circle) {
 		width = circleData.radius;
 		height = circleData.radius;
-	} else {
-		width = circleData.width;
-		height = circleData.height;
-	}
+	} else ({width, height} = circleData);
 	const seg = Math.PI * 2 / 40;
 	if (graphicsData.fill) {
 		const color = hex2rgb(graphicsData.fillColor ?? 0);
@@ -7660,21 +7630,17 @@ const updateGraphics = (graphics, gl) => {
 		const data = graphics.graphicsData[i];
 		if (data.shape instanceof Polygon) {
 			data.points = [...data.shape.points];
-			if (data.shape.closed) {
-				if (data.points[0] !== data.points.at(-2) || data.points[1] !== data.points.at(-1)) data.points.push(data.points[0], data.points[1]);
-			}
-			if (data.fill) {
-				if (data.points.length >= stencilBufferLimit) {
-					if (data.points.length < stencilBufferLimit * 2) {
-						webGLData = switchMode(webGL, 0);
-						if (!buildPoly(data, webGLData)) {
-							webGLData = switchMode(webGL, 1);
-							buildComplexPoly(data, webGLData);
-						}
-					} else {
+			if (data.shape.closed && (data.points[0] !== data.points.at(-2) || data.points[1] !== data.points.at(-1))) data.points.push(data.points[0], data.points[1]);
+			if (data.fill && data.points.length >= stencilBufferLimit) {
+				if (data.points.length < stencilBufferLimit * 2) {
+					webGLData = switchMode(webGL, 0);
+					if (!buildPoly(data, webGLData)) {
 						webGLData = switchMode(webGL, 1);
 						buildComplexPoly(data, webGLData);
 					}
+				} else {
+					webGLData = switchMode(webGL, 1);
+					buildComplexPoly(data, webGLData);
 				}
 			}
 			if (data.lineWidth > 0) {
@@ -7706,8 +7672,8 @@ const renderGraphics = (graphics, renderSession) => {
 	if (graphics.dirty) updateGraphics(graphics, gl);
 	const webGL = graphics._webGL[gl.id];
 	if (!webGL) return;
-	for (let i = 0; i < webGL.data.length; i += 1) {
-		webGLData = webGL.data[i];
+	for (const data of webGL.data) {
+		webGLData = data;
 		if (webGLData.mode === 1) {
 			renderSession.stencilManager.pushStencil(graphics, webGLData, renderSession);
 			gl.drawElements(gl.TRIANGLE_FAN, 4, gl.UNSIGNED_SHORT, (webGLData.indices.length - 4) * 2);
@@ -8113,12 +8079,10 @@ var Graphics = class extends DisplayObject {
 		this.filling = true;
 		this.fillColor = color || 0;
 		this.fillAlpha = alpha ?? 1;
-		if (this.currentPath) {
-			if (this.currentPath.shape.points.length <= 2) {
-				this.currentPath.fill = this.filling;
-				this.currentPath.fillColor = this.fillColor;
-				this.currentPath.fillAlpha = this.fillAlpha;
-			}
+		if (this.currentPath && this.currentPath.shape.points.length <= 2) {
+			this.currentPath.fill = this.filling;
+			this.currentPath.fillColor = this.fillColor;
+			this.currentPath.fillAlpha = this.fillAlpha;
 		}
 		return this;
 	}
@@ -8186,9 +8150,7 @@ var Graphics = class extends DisplayObject {
 	* @returns {Graphics} This Graphics object for chaining.
 	*/
 	drawPolygon(path) {
-		let points;
-		if (path instanceof Polygon) points = path.points;
-		else points = path;
+		const points = path instanceof Polygon ? path.points : path;
 		this.drawShape(new Polygon(points));
 		return this;
 	}
@@ -8367,9 +8329,7 @@ var Graphics = class extends DisplayObject {
 	containsPoint(point, tempPoint) {
 		this.worldTransform.applyInverse(point, tempPoint);
 		const { graphicsData } = this;
-		for (const data of graphicsData) if (data.fill && data.shape) {
-			if (data.shape.contains(tempPoint.x, tempPoint.y)) return true;
-		}
+		for (const data of graphicsData) if (data.fill && data.shape?.contains(tempPoint.x, tempPoint.y)) return true;
 		return false;
 	}
 	/**
@@ -8381,15 +8341,13 @@ var Graphics = class extends DisplayObject {
 		let minY = Infinity;
 		let maxY = -Infinity;
 		if (this.graphicsData.length > 0) {
-			let shape;
 			let points;
 			let x;
 			let y;
 			let w;
 			let h;
 			for (const data of this.graphicsData) {
-				const { lineWidth } = data;
-				shape = data.shape;
+				const { lineWidth, shape } = data;
 				if (shape instanceof Rectangle || shape instanceof RoundedRectangle) {
 					x = shape.x - lineWidth / 2;
 					y = shape.y - lineWidth / 2;
@@ -8400,8 +8358,7 @@ var Graphics = class extends DisplayObject {
 					minY = y < minY ? y : minY;
 					maxY = y + h > maxY ? y + h : maxY;
 				} else if (shape instanceof Circle) {
-					x = shape.x;
-					y = shape.y;
+					({x, y} = shape);
 					w = shape.radius + lineWidth / 2;
 					h = shape.radius + lineWidth / 2;
 					minX = x - w < minX ? x - w : minX;
@@ -8409,8 +8366,7 @@ var Graphics = class extends DisplayObject {
 					minY = y - h < minY ? y - h : minY;
 					maxY = y + h > maxY ? y + h : maxY;
 				} else if (shape instanceof Ellipse) {
-					x = shape.x;
-					y = shape.y;
+					({x, y} = shape);
 					w = shape.width + lineWidth / 2;
 					h = shape.height + lineWidth / 2;
 					minX = x - w < minX ? x - w : minX;
@@ -8418,13 +8374,12 @@ var Graphics = class extends DisplayObject {
 					minY = y - h < minY ? y - h : minY;
 					maxY = y + h > maxY ? y + h : maxY;
 				} else {
-					points = shape.points;
+					({points} = shape);
 					for (let j = 0; j < points.length; j += 1) {
-						if (points[j] instanceof Point) {
-							x = points[j].x;
-							y = points[j].y;
-						} else {
-							x = points[j];
+						const vertex = points[j];
+						if (vertex instanceof Point) ({x, y} = vertex);
+						else {
+							x = vertex;
 							y = points[j + 1];
 							if (j < points.length - 1) j += 1;
 						}
@@ -8497,9 +8452,7 @@ var Graphics = class extends DisplayObject {
 	* @returns {GraphicsData} The graphics data for the drawn shape.
 	*/
 	drawShape(shape) {
-		if (this.currentPath) {
-			if (this.currentPath.shape.points.length <= 2) this.graphicsData.pop();
-		}
+		if (this.currentPath && this.currentPath.shape.points.length <= 2) this.graphicsData.pop();
 		this.currentPath = null;
 		let target = shape;
 		if (target instanceof Polygon) {
@@ -9021,8 +8974,7 @@ var Text = class extends Image$1 {
 		for (let i = 0; i < drawnLines; i += 1) {
 			if (tabs === 0) {
 				lineWidth = this.style.strokeThickness + this.padding.x;
-				if (this.colors.length > 0 || this.strokeColors.length > 0 || this.fontWeights.length > 0 || this.fontStyles.length > 0) lineWidth += this.measureLine(lines[i]);
-				else lineWidth += this.context.measureText(lines[i]).width;
+				lineWidth += this.hasCharacterStyles() ? this.measureLine(lines[i]) : this.context.measureText(lines[i]).width;
 				if (this.style.wordWrap) lineWidth -= this.context.measureText(" ").width;
 			} else {
 				const line = lines[i].split(/(?:\t)/);
@@ -9030,15 +8982,12 @@ var Text = class extends Image$1 {
 				if (Array.isArray(tabs)) {
 					let tab = 0;
 					for (let c = 0; c < line.length; c += 1) {
-						let section = 0;
-						if (this.colors.length > 0 || this.strokeColors.length > 0 || this.fontWeights.length > 0 || this.fontStyles.length > 0) section = this.measureLine(line[c]);
-						else section = Math.ceil(this.context.measureText(line[c]).width);
+						const section = this.hasCharacterStyles() ? this.measureLine(line[c]) : Math.ceil(this.context.measureText(line[c]).width);
 						if (c > 0) tab += tabs[c - 1];
 						lineWidth = tab + section;
 					}
-				} else for (let c = 0; c < line.length; c += 1) {
-					if (this.colors.length > 0 || this.strokeColors.length > 0 || this.fontWeights.length > 0 || this.fontStyles.length > 0) lineWidth += this.measureLine(line[c]);
-					else lineWidth += Math.ceil(this.context.measureText(line[c]).width);
+				} else for (const section of line) {
+					lineWidth += this.hasCharacterStyles() ? this.measureLine(section) : Math.ceil(this.context.measureText(section).width);
 					const diff = snapToCeil(lineWidth, tabs) - lineWidth;
 					lineWidth += diff;
 				}
@@ -9078,7 +9027,7 @@ var Text = class extends Image$1 {
 				linePositionX = Math.round(linePositionX);
 				linePositionY = Math.round(linePositionY);
 			}
-			if (this.colors.length > 0 || this.strokeColors.length > 0 || this.fontWeights.length > 0 || this.fontStyles.length > 0) this.updateLine(lines[i], linePositionX, linePositionY);
+			if (this.hasCharacterStyles()) this.updateLine(lines[i], linePositionX, linePositionY);
 			else {
 				if (this.style.stroke && this.style.strokeThickness) {
 					this.updateShadow(this.style.shadowStroke ?? false);
@@ -9114,11 +9063,11 @@ var Text = class extends Image$1 {
 				if (fill) this.context.fillText(text[c], snap, y);
 				else this.context.strokeText(text[c], snap, y);
 			}
-		} else for (let c = 0; c < text.length; c += 1) {
-			const section = Math.ceil(this.context.measureText(text[c]).width);
+		} else for (const part of text) {
+			const section = Math.ceil(this.context.measureText(part).width);
 			snap = snapToCeil(x, tabs);
-			if (fill) this.context.fillText(text[c], snap, y);
-			else this.context.strokeText(text[c], snap, y);
+			if (fill) this.context.fillText(part, snap, y);
+			else this.context.strokeText(part, snap, y);
 			x = snap + section;
 		}
 	}
@@ -9140,6 +9089,13 @@ var Text = class extends Image$1 {
 		}
 	}
 	/**
+	* Reports whether any per-character style has been set, which forces the slower per-glyph path.
+	* @returns {boolean} True when a colour, weight or style has been assigned to a character.
+	*/
+	hasCharacterStyles() {
+		return this.colors.length > 0 || this.strokeColors.length > 0 || this.fontWeights.length > 0 || this.fontStyles.length > 0;
+	}
+	/**
 	* Measures the width of a line of text.
 	* @param {string} line - The line of text to measure.
 	* @returns {number} The width of the line in pixels.
@@ -10288,7 +10244,7 @@ var CanvasRenderer = class {
 	* @param {boolean} removeView - Whether to remove the view from the DOM.
 	*/
 	destroy(removeView = true) {
-		if (removeView && this.view.parent) this.view.parent.removeChild(this.view);
+		if (removeView) this.view.remove();
 	}
 	/**
 	* Resizes the canvas to the specified dimensions.
@@ -11409,8 +11365,7 @@ var WebGLSpriteBatch = class {
 		let sprite;
 		for (let i = 0, j = this.currentBatchSize; i < j; i += 1) {
 			sprite = this.sprites[i];
-			if (sprite.tilingTexture) nextTexture = sprite.tilingTexture.baseTexture;
-			else nextTexture = sprite.texture.baseTexture;
+			nextTexture = sprite.tilingTexture ? sprite.tilingTexture.baseTexture : sprite.texture.baseTexture;
 			nextBlendMode = sprite.blendMode;
 			nextShader = sprite.shader ?? this.defaultShader;
 			blendSwap = currentBlendMode !== nextBlendMode;
@@ -12083,9 +12038,9 @@ const spriteSheet = (game, key, frameWidth, frameHeight, frameMax, margin, spaci
 * @param {object} json - TBD.
 * @returns {FrameData} TBD.
 */
-const JSONDataHash = (game, json, _key) => {
+const jsonDataHash = (game, json, _key) => {
 	if (!json.frames) {
-		game.logger.warn("JSONDataHash: Invalid Texture Atlas JSON given, missing frames object", json);
+		game.logger.warn("jsonDataHash: Invalid Texture Atlas JSON given, missing frames object", json);
 		return null;
 	}
 	const data = new FrameData();
@@ -12121,8 +12076,8 @@ const finalizeBitmapFont = (baseTexture, bitmapFontData) => {
 * @returns {object} The parsed bitmap font data.
 */
 const xmlBitmapFont = (xml, baseTexture, xSpacing, ySpacing) => {
-	const info = xml.querySelectorAll("info")[0];
-	const common = xml.querySelectorAll("common")[0];
+	const [info] = xml.querySelectorAll("info");
+	const [common] = xml.querySelectorAll("common");
 	const attr = (element, name) => Math.trunc(Number(element?.getAttribute(name)));
 	const data = {
 		font: info?.getAttribute("face") ?? "",
@@ -12161,7 +12116,7 @@ const jsonBitmapFont = (json, baseTexture, xSpacing, ySpacing) => {
 		lineHeight: Math.trunc(Number(json.font.common._lineHeight)) + ySpacing,
 		chars: {}
 	};
-	json.font.chars.char.forEach((letter) => {
+	for (const letter of json.font.chars.char) {
 		const charCode = Math.trunc(Number(letter["_id"]));
 		data.chars[charCode] = {
 			x: Math.trunc(Number(letter["_x"])),
@@ -12173,11 +12128,11 @@ const jsonBitmapFont = (json, baseTexture, xSpacing, ySpacing) => {
 			xAdvance: Math.trunc(Number(letter["_xadvance"])) + xSpacing,
 			kerning: {}
 		};
-	});
-	if (json.font.kernings && json.font.kernings.kerning) json.font.kernings.kerning.forEach((kerning) => {
+	}
+	if (json.font.kernings && json.font.kernings.kerning) for (const kerning of json.font.kernings.kerning) {
 		const char = data.chars[Math.trunc(Number(kerning["_second"]))];
 		if (char) char.kerning[Math.trunc(Number(kerning["_first"]))] = Math.trunc(Number(kerning["_amount"]));
-	});
+	}
 	return finalizeBitmapFont(baseTexture, data);
 };
 var Cache = class {
@@ -12303,7 +12258,7 @@ var Cache = class {
 			url,
 			data,
 			base: new BaseTexture(data),
-			frameData: JSONDataHash(this.game, atlasData, key)
+			frameData: jsonDataHash(this.game, atlasData, key)
 		};
 		this._cache.image[key] = obj;
 		this._resolveURL(url, obj);
@@ -12850,60 +12805,31 @@ var Cache = class {
 };
 //#endregion
 //#region src/phaser/core/device.ts
+/** What the current device and browser can do, as probed at boot. */
 var Device = class {
 	desktop = false;
 	iOS = false;
 	android = false;
 	chromeOS = false;
 	linux = false;
-	macOS;
-	windows;
-	windowsPhone;
-	canvas;
-	touch;
-	mspointer;
-	wheelEvent;
-	chrome;
-	firefox;
-	edge;
-	safari;
-	fullscreen;
-	requestFullscreen;
-	cancelFullscreen;
-	fullscreenKeyboard;
-	noAudioFormat;
-	supportedAudioFormats;
-	supportedImageFormats;
-	/**
-	* Creates a new Device instance.
-	* This class provides information about the current device and browser capabilities.
-	*/
-	constructor() {
-		this.macOS = false;
-		this.windows = false;
-		this.windowsPhone = false;
-		this.canvas = false;
-		this.touch = false;
-		this.mspointer = false;
-		this.wheelEvent = null;
-		this.chrome = false;
-		this.firefox = false;
-		this.edge = false;
-		this.safari = false;
-		this.fullscreen = false;
-		this.requestFullscreen = "";
-		this.cancelFullscreen = "";
-		this.fullscreenKeyboard = false;
-		this.noAudioFormat = false;
-		/**
-		* @type {{[key: string]: boolean}}
-		*/
-		this.supportedAudioFormats = {};
-		/**
-		* @type {{[key: string]: boolean}}
-		*/
-		this.supportedImageFormats = {};
-	}
+	macOS = false;
+	windows = false;
+	windowsPhone = false;
+	canvas = false;
+	touch = false;
+	mspointer = false;
+	wheelEvent = null;
+	chrome = false;
+	firefox = false;
+	edge = false;
+	safari = false;
+	fullscreen = false;
+	requestFullscreen = "";
+	cancelFullscreen = "";
+	fullscreenKeyboard = false;
+	noAudioFormat = false;
+	supportedAudioFormats = {};
+	supportedImageFormats = {};
 };
 //#endregion
 //#region src/phaser/core/device_util.ts
@@ -13178,11 +13104,7 @@ var ArraySet = class {
 	* @param {object} value - TBD.
 	*/
 	setAll(key, value) {
-		let i = this.list.length;
-		while (i) {
-			i -= 1;
-			if (this.list[i]) this.list[i][key] = value;
-		}
+		for (const item of this.list) if (item) item[key] = value;
 	}
 	/**
 	* TBD.
@@ -13190,10 +13112,9 @@ var ArraySet = class {
 	* @param {...any} args - TBD.
 	*/
 	callAll(key, ...args) {
-		let i = this.list.length;
-		while (i) {
-			i -= 1;
-			if (this.list[i] && this.list[i][key]) this.list[i][key].apply(this.list[i], args);
+		for (let i = this.list.length - 1; i >= 0; i -= 1) {
+			const item = this.list[i];
+			if (item && item[key]) item[key](...args);
 		}
 	}
 	/**
@@ -13303,30 +13224,29 @@ var Mouse = class {
 	start() {
 		if (this.game.device.android && !this.game.device.chrome) return;
 		if (this._onMouseDown !== null) return;
-		const scope = this;
 		this._onMouseDown = (event) => {
-			scope.onMouseDown(event);
+			this.onMouseDown(event);
 		};
 		this._onMouseMove = (event) => {
-			scope.onMouseMove(event);
+			this.onMouseMove(event);
 		};
 		this._onMouseUp = (event) => {
-			scope.onMouseUp(event);
+			this.onMouseUp(event);
 		};
 		this._onMouseUpGlobal = (event) => {
-			scope.onMouseUpGlobal(event);
+			this.onMouseUpGlobal(event);
 		};
 		this._onMouseOutGlobal = (event) => {
-			scope.onMouseOutGlobal(event);
+			this.onMouseOutGlobal(event);
 		};
 		this._onMouseOut = (event) => {
-			scope.onMouseOut(event);
+			this.onMouseOut(event);
 		};
 		this._onMouseOver = (event) => {
-			scope.onMouseOver(event);
+			this.onMouseOver(event);
 		};
 		this._onMouseWheel = (event) => {
-			scope.onMouseWheel(event);
+			this.onMouseWheel(event);
 		};
 		const { canvas } = this.game;
 		canvas.addEventListener("mousedown", this._onMouseDown, true);
@@ -13350,9 +13270,7 @@ var Mouse = class {
 		if (this._onMouseOver) canvas.removeEventListener("mouseover", this._onMouseOver, true);
 		if (this._onMouseOut) canvas.removeEventListener("mouseout", this._onMouseOut, true);
 		const { wheelEvent } = this.game.device;
-		if (wheelEvent) {
-			if (this._onMouseWheel) canvas.removeEventListener(wheelEvent, this._onMouseWheel, true);
-		}
+		if (wheelEvent && this._onMouseWheel) canvas.removeEventListener(wheelEvent, this._onMouseWheel, true);
 		if (this._onMouseUpGlobal) globalThis.removeEventListener("mouseup", this._onMouseUpGlobal, true);
 		if (this._onMouseOutGlobal) globalThis.removeEventListener("mouseout", this._onMouseOutGlobal, true);
 	}
@@ -13455,9 +13373,7 @@ var Mouse = class {
 	* @param {MouseEvent} event - TBD.
 	*/
 	eventPreventDefault(event) {
-		if (this.capture) {
-			if (typeof event.cancelable !== "boolean" || event.cancelable) event.preventDefault();
-		}
+		if (this.capture && (typeof event.cancelable !== "boolean" || event.cancelable)) event.preventDefault();
 	}
 };
 //#endregion
@@ -13506,24 +13422,23 @@ var MSPointer = class {
 	*/
 	start() {
 		if (!this.game.device.mspointer || this._onMSPointerDown !== null) return;
-		const scope = this;
 		this._onMSPointerDown = (event) => {
-			scope.onPointerDown(event);
+			this.onPointerDown(event);
 		};
 		this._onMSPointerMove = (event) => {
-			scope.onPointerMove(event);
+			this.onPointerMove(event);
 		};
 		this._onMSPointerUp = (event) => {
-			scope.onPointerUp(event);
+			this.onPointerUp(event);
 		};
 		this._onMSPointerUpGlobal = (event) => {
-			scope.onPointerUpGlobal(event);
+			this.onPointerUpGlobal(event);
 		};
 		this._onMSPointerOut = (event) => {
-			scope.onPointerOut(event);
+			this.onPointerOut(event);
 		};
 		this._onMSPointerOver = (event) => {
-			scope.onPointerOver(event);
+			this.onPointerOver(event);
 		};
 		const { canvas } = this.game;
 		canvas.addEventListener("MSPointerDown", this._onMSPointerDown, false);
@@ -13650,9 +13565,7 @@ var MSPointer = class {
 	* @param {Event} event - TBD.
 	*/
 	eventPreventDefault(event) {
-		if (this.capture) {
-			if (typeof event.cancelable !== "boolean" || event.cancelable) event.preventDefault();
-		}
+		if (this.capture && (typeof event.cancelable !== "boolean" || event.cancelable)) event.preventDefault();
 	}
 };
 //#endregion
@@ -13910,13 +13823,11 @@ var Pointer = class {
 		}
 		currentNode = this.game.input.interactiveItems.first;
 		while (currentNode) {
-			if (!currentNode.checked && currentNode.validForInput(highestInputPriorityID, highestRenderOrderID, true)) {
-				if (fromClick && currentNode.checkPointerDown(this, false) || !fromClick && currentNode.checkPointerOver(this, false)) {
-					highestRenderOrderID = currentNode.sprite.renderOrderID;
-					highestInputPriorityID = currentNode.priorityID;
-					candidateTarget = currentNode;
-					this.interactiveCandidates.push(currentNode);
-				}
+			if (!currentNode.checked && currentNode.validForInput(highestInputPriorityID, highestRenderOrderID, true) && (fromClick && currentNode.checkPointerDown(this, false) || !fromClick && currentNode.checkPointerOver(this, false))) {
+				highestRenderOrderID = currentNode.sprite.renderOrderID;
+				highestInputPriorityID = currentNode.priorityID;
+				candidateTarget = currentNode;
+				this.interactiveCandidates.push(currentNode);
 			}
 			currentNode = this.game.input.interactiveItems.next;
 		}
@@ -13995,8 +13906,8 @@ var Pointer = class {
 	* @returns {boolean} TBD.
 	*/
 	justPressed(duration) {
-		duration = duration || this.game.input.justPressedRate;
-		return this.isDown && this.timeDown + duration > this.game.time.time;
+		const window = duration || this.game.input.justPressedRate;
+		return this.isDown && this.timeDown + window > this.game.time.time;
 	}
 	/**
 	* TBD.
@@ -14004,8 +13915,8 @@ var Pointer = class {
 	* @returns {boolean} TBD.
 	*/
 	justReleased(duration) {
-		duration = duration || this.game.input.justReleasedRate;
-		return this.isUp && this.timeUp + duration > this.game.time.time;
+		const window = duration || this.game.input.justReleasedRate;
+		return this.isUp && this.timeUp + window > this.game.time.time;
 	}
 	/**
 	* TBD.
@@ -14016,7 +13927,7 @@ var Pointer = class {
 	*/
 	addClickTrampoline(name, callback, callbackContext, callbackArgs) {
 		if (!this.isDown) return;
-		this._clickTrampolines = this._clickTrampolines ?? [];
+		this._clickTrampolines ??= [];
 		const trampolines = this._clickTrampolines;
 		for (let i = 0; i < trampolines.length; i += 1) if (trampolines[i].name === name) {
 			trampolines.splice(i, 1);
@@ -14136,24 +14047,23 @@ var Touch = class {
 	*/
 	start() {
 		if (!this.game.device.touch || this._onTouchStart !== null) return;
-		const scope = this;
 		this._onTouchStart = (event) => {
-			scope.onTouchStart(event);
+			this.onTouchStart(event);
 		};
 		this._onTouchMove = (event) => {
-			scope.onTouchMove(event);
+			this.onTouchMove(event);
 		};
 		this._onTouchEnd = (event) => {
-			scope.onTouchEnd(event);
+			this.onTouchEnd(event);
 		};
 		this._onTouchEnter = (event) => {
-			scope.onTouchEnter(event);
+			this.onTouchEnter(event);
 		};
 		this._onTouchLeave = (event) => {
-			scope.onTouchLeave(event);
+			this.onTouchLeave(event);
 		};
 		this._onTouchCancel = (event) => {
-			scope.onTouchCancel(event);
+			this.onTouchCancel(event);
 		};
 		this.game.canvas.addEventListener("touchstart", this._onTouchStart, false);
 		this.game.canvas.addEventListener("touchmove", this._onTouchMove, false);
@@ -14193,7 +14103,7 @@ var Touch = class {
 		if (this.touchStartCallback) this.touchStartCallback.call(this.callbackContext, event);
 		this.eventPreventDefault(event);
 		const changed = event.changedTouches ?? [];
-		for (let i = 0; i < changed.length; i += 1) this.game.input.startPointer(changed[i]);
+		for (const touch of changed) this.game.input.startPointer(touch);
 	}
 	/**
 	* TBD.
@@ -14205,7 +14115,7 @@ var Touch = class {
 		if (!this.game.input.enabled || !this.enabled) return;
 		this.eventPreventDefault(event);
 		const changed = event.changedTouches ?? [];
-		for (let i = 0; i < changed.length; i += 1) this.game.input.stopPointer(changed[i]);
+		for (const touch of changed) this.game.input.stopPointer(touch);
 	}
 	/**
 	* TBD.
@@ -14235,7 +14145,7 @@ var Touch = class {
 		if (this.touchMoveCallback) this.touchMoveCallback.call(this.callbackContext, event);
 		this.eventPreventDefault(event);
 		const changed = event.changedTouches ?? [];
-		for (let i = 0; i < changed.length; i += 1) this.game.input.updatePointer(changed[i]);
+		for (const touch of changed) this.game.input.updatePointer(touch);
 	}
 	/**
 	* TBD.
@@ -14246,16 +14156,14 @@ var Touch = class {
 		if (this.touchEndCallback) this.touchEndCallback.call(this.callbackContext, event);
 		this.eventPreventDefault(event);
 		const changed = event.changedTouches ?? [];
-		for (let i = 0; i < changed.length; i += 1) this.game.input.stopPointer(changed[i]);
+		for (const touch of changed) this.game.input.stopPointer(touch);
 	}
 	/**
 	* TBD.
 	* @param {TouchEvent} event - TBD.
 	*/
 	eventPreventDefault(event) {
-		if (this.preventDefault) {
-			if (typeof event.cancelable !== "boolean" || event.cancelable) event.preventDefault();
-		}
+		if (this.preventDefault && (typeof event.cancelable !== "boolean" || event.cancelable)) event.preventDefault();
 	}
 };
 //#endregion
@@ -14395,8 +14303,9 @@ var Input = class {
 		if (this.game.device.mspointer) this.mspointer.start();
 		else if (this.game.device.touch) this.touch.start();
 		this.mousePointer.active = true;
-		const scope = this;
-		this._onClickTrampoline = (event) => scope.onClickTrampoline(event);
+		this._onClickTrampoline = () => {
+			this.onClickTrampoline();
+		};
 		this.game.canvas.addEventListener("click", this._onClickTrampoline, false);
 	}
 	/**
@@ -14408,7 +14317,7 @@ var Input = class {
 		else if (this.game.device.touch) this.touch.stop();
 		this.moveCallbacks = [];
 		remove(this);
-		this.game.canvas.removeEventListener("click", this._onClickTrampoline);
+		if (this._onClickTrampoline) this.game.canvas.removeEventListener("click", this._onClickTrampoline);
 	}
 	/**
 	* TBD.
@@ -14776,8 +14685,7 @@ var Loader = class {
 			height: sprite.height,
 			rect: null
 		};
-		if (direction === 0) this.preloadSprite.rect = new Rectangle(0, 0, 1, sprite.height);
-		else this.preloadSprite.rect = new Rectangle(0, 0, sprite.width, 1);
+		this.preloadSprite.rect = direction === 0 ? new Rectangle(0, 0, 1, sprite.height) : new Rectangle(0, 0, sprite.width, 1);
 		sprite.crop(this.preloadSprite.rect);
 		sprite.visible = true;
 	}
@@ -15146,9 +15054,7 @@ var Loader = class {
 	*/
 	removeFile(type, key) {
 		const asset = this.getAsset(type, key);
-		if (asset) {
-			if (!asset.file.loaded && !asset.file.loading) this._fileList.splice(asset.index, 1);
-		}
+		if (asset && !asset.file.loaded && !asset.file.loading) this._fileList.splice(asset.index, 1);
 	}
 	/**
 	* Removes all files from the file list.
@@ -15228,9 +15134,8 @@ var Loader = class {
 		if (this._processingHead >= this._fileList.length) this.finishedLoading();
 		else if (this._flightQueue.length === 0) {
 			this.game.logger.warn("Aborting: processing queue empty, loading may have stalled");
-			const scope = this;
 			setTimeout(() => {
-				scope.finishedLoading(true);
+				this.finishedLoading(true);
 			}, 2e3);
 		}
 	}
@@ -15359,29 +15264,27 @@ var Loader = class {
 	*/
 	loadImageTag(file) {
 		this.log("loadImageTag", file);
-		const scope = this;
 		const image = new globalThis.Image();
 		file.data = image;
-		image.name = file.key;
+		image.dataset["key"] = file.key;
 		if (typeof this.crossOrigin === "string" && this.crossOrigin) image.crossOrigin = this.crossOrigin;
-		image.onload = () => {
-			if (image.onload) {
-				image.onload = null;
-				image.onerror = null;
-				scope.fileComplete(file);
+		let settled = false;
+		image.addEventListener("load", () => {
+			if (!settled) {
+				settled = true;
+				this.fileComplete(file);
 			}
-		};
-		image.onerror = () => {
-			if (scope.isUseRetry && (!file.numRetry || file.numRetry < scope.maxRetry)) setTimeout(() => {
-				file.numRetry = !file.numRetry ? 1 : file.numRetry += 1;
-				scope.loadImageTag(file);
+		}, { once: true });
+		image.addEventListener("error", () => {
+			if (this.isUseRetry && (!file.numRetry || file.numRetry < this.maxRetry)) setTimeout(() => {
+				file.numRetry = file.numRetry ? file.numRetry + 1 : 1;
+				this.loadImageTag(file);
 			}, 1e3);
-			else if (image.onload) {
-				image.onload = null;
-				image.onerror = null;
-				scope.fileError(file);
+			else if (!settled) {
+				settled = true;
+				this.fileError(file);
 			}
-		};
+		});
 		const src = this.transformUrl(file.url, file);
 		if (src === false) {
 			this.fileError(file, null, "Could not resolve the file URL");
@@ -15403,7 +15306,6 @@ var Loader = class {
 			return;
 		}
 		this.log("xhrLoad", file);
-		const scope = this;
 		const xhr = new XMLHttpRequest();
 		xhr.open("GET", url, true);
 		xhr.responseType = type;
@@ -15411,41 +15313,39 @@ var Loader = class {
 		if (requestedWith !== false && requestedWith !== void 0) xhr.setRequestHeader("X-Requested-With", requestedWith);
 		const acceptHeader = this.headers[file.type];
 		if (acceptHeader) xhr.setRequestHeader("Accept", acceptHeader);
-		onerror = onerror ?? this.fileError;
-		xhr.onload = () => {
+		const handleError = onerror ?? this.fileError;
+		const retry = () => {
+			if (!this.isUseRetry || file.numRetry && file.numRetry >= this.maxRetry) return false;
+			setTimeout(() => {
+				file.numRetry = file.numRetry ? file.numRetry + 1 : 1;
+				this.xhrLoad(file, url, type, onload, handleError);
+			}, 1e3);
+			return true;
+		};
+		const reportException = (error) => {
+			const typedError = error instanceof Error ? error : new Error(String(error));
+			if (this.hasLoaded) this.game.logger.fatal("Loader", { error: typedError });
+			else this.asyncComplete(file, typedError.message || "Exception");
+		};
+		xhr.addEventListener("load", () => {
 			try {
 				if (xhr.readyState === 4 && xhr.status >= 400 && xhr.status <= 599) {
-					if (scope.isUseRetry && (!file.numRetry || file.numRetry < scope.maxRetry)) {
-						setTimeout(() => {
-							file.numRetry = !file.numRetry ? 1 : file.numRetry += 1;
-							scope.xhrLoad(file, url, type, onload, onerror);
-						}, 1e3);
-						return null;
-					}
-					return onerror.call(scope, file, xhr);
+					if (!retry()) handleError.call(this, file, xhr);
+					return;
 				}
-				return onload.call(scope, file, xhr);
+				onload.call(this, file, xhr);
 			} catch (error) {
-				const typedError = error instanceof Error ? error : new Error(String(error));
-				if (!scope.hasLoaded) scope.asyncComplete(file, typedError.message || "Exception");
-				else scope.game.logger.fatal("Loader", { error: typedError });
+				reportException(error);
 			}
-			return null;
-		};
-		xhr.onerror = () => {
-			if (scope.isUseRetry && (!file.numRetry || file.numRetry < scope.maxRetry)) setTimeout(() => {
-				file.numRetry = !file.numRetry ? 1 : file.numRetry += 1;
-				scope.xhrLoad(file, url, type, onload, onerror);
-			}, 1e3);
-			else try {
-				return onerror.call(scope, file, xhr);
+		});
+		xhr.addEventListener("error", () => {
+			if (retry()) return;
+			try {
+				handleError.call(this, file, xhr);
 			} catch (error) {
-				const typedError = error instanceof Error ? error : new Error(String(error));
-				if (!scope.hasLoaded) scope.asyncComplete(file, typedError.message || "Exception");
-				else scope.game.logger.fatal("Loader", { error: typedError });
+				reportException(error);
 			}
-			return null;
-		};
+		});
 		file.requestObject = xhr;
 		file.requestUrl = url;
 		xhr.send();
@@ -15464,8 +15364,7 @@ var Loader = class {
 	getAudioURL(urls) {
 		if (this.game.sound.noAudio || this.game.device.noAudioFormat) return null;
 		const candidates = typeof urls === "string" ? [urls] : urls;
-		for (let i = 0; i < candidates.length; i += 1) {
-			const candidate = candidates[i];
+		for (const candidate of candidates) {
 			let url;
 			let audioType = null;
 			if (typeof candidate !== "string") {
@@ -15495,7 +15394,7 @@ var Loader = class {
 	*/
 	fileError(file, xhr = null, reason = 0) {
 		if (!reason && xhr) reason = xhr.status;
-		const message = `Error loading asset (${reason})`;
+		const message = `Error loading asset (${String(reason)})`;
 		this.asyncComplete(file, message);
 	}
 	/**
@@ -15523,7 +15422,7 @@ var Loader = class {
 				else {
 					loadNext = false;
 					if (file.format === TEXTURE_ATLAS_JSON_HASH) this.xhrLoad(file, this.transformUrl(file.atlasURL, file), "text", this.jsonLoadComplete);
-					else throw new Error(`Invalid Texture Atlas format: ${file.format}`);
+					else throw new Error(`Invalid Texture Atlas format: ${String(file.format)}`);
 				}
 				break;
 			case "bitmapfont":
@@ -15634,11 +15533,14 @@ var Loader = class {
 	/**
 	* Logs a message to the console if logging is enabled.
 	* @param {string} message - The message to log.
-	* @param {string|object} data - Additional data to log with the message.
+	* @param {object} file - The file the message is about.
 	*/
-	log(message, data = "") {
+	log(message, file) {
 		if (!this.isUseLog) return;
-		this.game.logger.info(message, data);
+		this.game.logger.info(message, {
+			key: file.key,
+			type: file.type
+		});
 	}
 	/**
 	* Gets the number of files that have been loaded.
@@ -15890,15 +15792,15 @@ var DOM = class {
 	* @returns {Point} The offset position of the element.
 	*/
 	getOffset(element, point = null) {
-		point = point ?? new Point();
+		const offset = point ?? new Point();
 		const box = element.getBoundingClientRect();
 		const scrollTop = this.scrollY;
 		const scrollLeft = this.scrollX;
 		const { clientTop } = document.documentElement;
 		const { clientLeft } = document.documentElement;
-		point.x = box.left + scrollLeft - clientLeft;
-		point.y = box.top + scrollTop - clientTop;
-		return point;
+		offset.x = box.left + scrollLeft - clientLeft;
+		offset.y = box.top + scrollTop - clientTop;
+		return offset;
 	}
 	/**
 	* Gets the bounding rectangle of an element with optional cushion.
@@ -15944,7 +15846,8 @@ var DOM = class {
 		const LANDSCAPE = "landscape-primary";
 		if (primaryFallback === "screen") return screen.height > screen.width ? PORTRAIT : LANDSCAPE;
 		else if (primaryFallback === "viewport") return this.visualBounds.height > this.visualBounds.width ? PORTRAIT : LANDSCAPE;
-		else if (primaryFallback === "window.orientation" && typeof globalThis.orientation === "number") return globalThis.orientation === 0 || globalThis.orientation === 180 ? PORTRAIT : LANDSCAPE;
+		const { orientation: legacyOrientation } = globalThis;
+		if (primaryFallback === "window.orientation" && typeof legacyOrientation === "number") return legacyOrientation === 0 || legacyOrientation === 180 ? PORTRAIT : LANDSCAPE;
 		else if (globalThis.matchMedia) {
 			if (globalThis.matchMedia("(orientation: portrait)").matches) return PORTRAIT;
 			else if (globalThis.matchMedia("(orientation: landscape)").matches) return LANDSCAPE;
@@ -16136,21 +16039,20 @@ var ScaleManager = class {
 			compat.orientationFallback = "";
 			compat.clickTrampoline = "";
 		}
-		const scope = this;
 		this._orientationChange = (event) => {
-			scope.orientationChange(event);
+			this.orientationChange(event);
 		};
 		this._windowResize = (event) => {
-			scope.windowResize(event);
+			this.windowResize(event);
 		};
 		globalThis.addEventListener("orientationchange", this._orientationChange, false);
 		window.addEventListener("resize", this._windowResize, false);
 		if (this.compatibility.supportsFullScreen) {
 			this._fullScreenChange = (event) => {
-				scope.fullScreenChange(event);
+				this.fullScreenChange(event);
 			};
 			this._fullScreenError = (event) => {
-				scope.fullScreenError(event);
+				this.fullScreenError(event);
 			};
 			document.addEventListener("webkitfullscreenchange", this._fullScreenChange, false);
 			document.addEventListener("mozfullscreenchange", this._fullScreenChange, false);
@@ -16182,8 +16084,7 @@ var ScaleManager = class {
 			else this._pendingScaleMode = config.scaleMode;
 		}
 		if (config.fullScreenScaleMode !== void 0) this.fullScreenScaleMode = config.fullScreenScaleMode;
-		if (config.fullScreenTarget) this.fullScreenTarget = config.fullScreenTarget;
-		else this.fullScreenTarget = document.documentElement;
+		this.fullScreenTarget = config.fullScreenTarget ?? document.documentElement;
 	}
 	/**
 	* TBD.
@@ -16194,7 +16095,7 @@ var ScaleManager = class {
 		let target;
 		const rect = new Rectangle();
 		if (this.game.parent !== "") {
-			if (typeof this.game.parent === "string") target = document.getElementById(this.game.parent);
+			if (typeof this.game.parent === "string") target = document.querySelector(`#${CSS.escape(this.game.parent)}`);
 			else if (this.game.parent && this.game.parent.nodeType === 1) target = this.game.parent;
 		}
 		if (!target) {
@@ -16441,8 +16342,8 @@ var ScaleManager = class {
 			this.width = Math.min(this.width, bounds.width);
 			this.height = Math.min(this.height, bounds.height);
 		}
-		this.width |= 0;
-		this.height |= 0;
+		this.width = Math.trunc(this.width);
+		this.height = Math.trunc(this.height);
 		this.reflowCanvas();
 	}
 	/**
@@ -16588,9 +16489,7 @@ var ScaleManager = class {
 		const bounds = this.getParentBounds(this._tempBounds);
 		const { width } = bounds;
 		const { height } = bounds;
-		let multiplier;
-		if (expanding) multiplier = Math.max(height / this.game.height, width / this.game.width);
-		else multiplier = Math.min(height / this.game.height, width / this.game.width);
+		const multiplier = expanding ? Math.max(height / this.game.height, width / this.game.width) : Math.min(height / this.game.height, width / this.game.width);
 		this.width = Math.round(this.game.width * multiplier);
 		this.height = Math.round(this.game.height * multiplier);
 	}
@@ -16625,9 +16524,8 @@ var ScaleManager = class {
 	startFullScreen(antialias, allowTrampoline) {
 		if (this.isFullScreen) return false;
 		if (!this.compatibility.supportsFullScreen) {
-			const scope = this;
 			setTimeout(() => {
-				scope.fullScreenError({});
+				this.fullScreenError(new Event("fullscreenerror"));
 			}, 10);
 			return false;
 		}
@@ -16673,9 +16571,8 @@ var ScaleManager = class {
 	cleanupCreatedTarget() {
 		const fsTarget = this._createdFullScreenTarget;
 		if (fsTarget && fsTarget.parentNode) {
-			const parent = fsTarget.parentNode;
-			parent.insertBefore(this.game.canvas, fsTarget);
-			parent.removeChild(fsTarget);
+			fsTarget.before(this.game.canvas);
+			fsTarget.remove();
 		}
 		this._createdFullScreenTarget = null;
 	}
@@ -16687,15 +16584,13 @@ var ScaleManager = class {
 		const fsTarget = this._createdFullScreenTarget ?? this.fullScreenTarget;
 		if (!fsTarget) return;
 		if (enteringFullscreen) {
-			if (this._createdFullScreenTarget || this.fullScreenScaleMode === 0) {
-				if (fsTarget !== this.game.canvas) {
-					this._fullScreenRestore = {
-						targetWidth: fsTarget.style.width,
-						targetHeight: fsTarget.style.height
-					};
-					fsTarget.style.width = "100%";
-					fsTarget.style.height = "100%";
-				}
+			if ((this._createdFullScreenTarget || this.fullScreenScaleMode === 0) && fsTarget !== this.game.canvas) {
+				this._fullScreenRestore = {
+					targetWidth: fsTarget.style.width,
+					targetHeight: fsTarget.style.height
+				};
+				fsTarget.style.width = "100%";
+				fsTarget.style.height = "100%";
 			}
 		} else {
 			if (this._fullScreenRestore) {
@@ -17323,8 +17218,7 @@ var Sound = class {
 	/**
 	* Handler for when the sound ends.
 	*/
-	onEndedHandler() {
-		this._sound.onended = null;
+	onEndedHandler = () => {
 		this.isPlaying = false;
 		this.currentTime = this.durationMS;
 		this.stop();
@@ -17346,7 +17240,7 @@ var Sound = class {
 			this.onMarkerComplete.dispose();
 			this.onFadeComplete.dispose();
 		}
-	}
+	};
 	/**
 	* Updates the sound state.
 	*/
@@ -17445,7 +17339,7 @@ var Sound = class {
 			this._buffer = this.game.cache.getSoundData(this.key);
 			this._sound.buffer = this._buffer;
 			if (this.loop && marker === "") this._sound.loop = true;
-			if (!this.loop && marker === "") this._sound.onended = this.onEndedHandler.bind(this);
+			if (!this.loop && marker === "") this._sound.addEventListener("ended", this.onEndedHandler, { once: true });
 			this.totalDuration = this._sound.buffer?.duration ?? 0;
 			if (this.duration === 0) {
 				this.duration = this.totalDuration;
@@ -17499,7 +17393,7 @@ var Sound = class {
 			if (this.externalNode) this._sound.connect(this.externalNode);
 			else this._sound.connect(this.gainNode);
 			if (this.loop) this._sound.loop = true;
-			if (!this.loop && this.currentMarker === "") this._sound.onended = this.onEndedHandler.bind(this);
+			if (!this.loop && this.currentMarker === "") this._sound.addEventListener("ended", this.onEndedHandler, { once: true });
 			const duration = this.duration - this.pausedPosition / 1e3;
 			if (this._sound.start === void 0) this._sound.noteGrainOn(0, p, duration);
 			else this._sound.start(0, p, duration);
@@ -17599,9 +17493,9 @@ var Sound = class {
 	* Sets the muted state of the sound.
 	*/
 	set mute(value) {
-		value = value ?? false;
-		if (value === this._muted) return;
-		if (value) {
+		const muted = value ?? false;
+		if (muted === this._muted) return;
+		if (muted) {
 			this._muted = true;
 			this._muteVolume = this._tempVolume;
 			this.gainNode.gain.value = 0;
@@ -17651,13 +17545,11 @@ var SoundSprite = class {
 		this.config = this.game.cache.getJSON(`${key}-audioatlas`);
 		this.autoplayKey = null;
 		this.autoplay = false;
-		/** @type {{[key: string]: Sound}} */
 		this.sounds = {};
-		for (const k in this.config.spritemap) {
-			const marker = this.config.spritemap[k];
+		for (const [markerKey, marker] of Object.entries(this.config.spritemap)) {
 			const sound = this.game.sound.add(this.key);
-			sound.addMarker(k, marker.start, marker.end - marker.start, void 0, marker.loop);
-			this.sounds[k] = sound;
+			sound.addMarker(markerKey, marker.start, marker.end - marker.start, void 0, marker.loop);
+			this.sounds[markerKey] = sound;
 		}
 		if (this.config.autoplay) {
 			this.autoplayKey = this.config.autoplay;
@@ -17672,15 +17564,18 @@ var SoundSprite = class {
 	* @returns {Sound} TBD.
 	*/
 	play(marker, volume = 1) {
-		return this.sounds[marker].play(marker, null, volume);
+		return this.sounds[marker]?.play(marker, void 0, volume);
 	}
 	/**
 	* TBD.
 	* @param {string} marker - TBD.
 	*/
 	stop(marker) {
-		if (!marker) for (const key in this.sounds) this.sounds[key].stop();
-		else this.sounds[marker].stop();
+		if (marker) {
+			this.sounds[marker]?.stop();
+			return;
+		}
+		for (const sound of Object.values(this.sounds)) sound.stop();
 	}
 	/**
 	* TBD.
@@ -17763,7 +17658,8 @@ var SoundManager = class {
 		}
 		else if (globalThis.webkitAudioContext) try {
 			this.game.logger.info("initWebkitAudioContext");
-			this.context = new globalThis.webkitAudioContext();
+			const WebkitAudioContext = globalThis.webkitAudioContext;
+			this.context = new WebkitAudioContext();
 			this.type = 2;
 		} catch (error) {
 			this.context = null;
@@ -17777,8 +17673,7 @@ var SoundManager = class {
 			return;
 		}
 		this.baseLatency = this.context.baseLatency ?? 256 / (this.context.sampleRate ?? 44100);
-		if (this.context.createGain === void 0) this.masterGain = this.context.createGainNode();
-		else this.masterGain = this.context.createGain();
+		this.masterGain = this.context.createGain === void 0 ? this.context.createGainNode() : this.context.createGain();
 		this.masterGain.gain.value = 1;
 		this.masterGain.connect(this.context.destination);
 		if (this.context.state === "suspended" || this.context.state === "interrupted") this.addUnlockHandlers();
@@ -17847,6 +17742,13 @@ var SoundManager = class {
 	* @param {Event} event - The DOM event that triggered the unlock.
 	*/
 	onUnlockEvent = (event) => {
+		this.resumeContext(event);
+	};
+	/**
+	* Resumes the audio context a user gesture has just unlocked.
+	* @param {Event} event - The DOM event that triggered the unlock.
+	*/
+	async resumeContext(event) {
 		const initialState = this.context.state;
 		if (initialState !== "suspended" && initialState !== "interrupted") {
 			this.game.logger.info("onUnlockResumeDenied", {
@@ -17862,14 +17764,15 @@ var SoundManager = class {
 			isLocked: this.isLocked,
 			event
 		});
-		this.context.resume().then(() => {
+		try {
+			await this.context.resume();
 			this.game.logger.info("onContextResumeResult", {
 				initialState,
 				state: this.context.state,
 				isLocked: this.isLocked
 			});
 			this.removeUnlockHandlers();
-		}).catch((error) => {
+		} catch (error) {
 			this.game.logger.info("onContextResumeReject", {
 				initialState,
 				state: this.context.state,
@@ -17884,8 +17787,8 @@ var SoundManager = class {
 					"audio.state": this.context.state
 				}
 			});
-		});
-	};
+		}
+	}
 	/**
 	* Stops all sounds in the manager.
 	*/
@@ -17911,14 +17814,14 @@ var SoundManager = class {
 	* Decodes an audio file for playback.
 	* @param {string} key - The key of the sound to decode.
 	*/
-	decode(key) {
+	async decode(key) {
 		const soundData = this.game.cache.getSoundData(key);
 		if (!(soundData instanceof ArrayBuffer)) return;
 		if (this.game.cache.isSoundDecoded(key) === true) return;
 		this.game.cache.updateSound(key, "isDecoding", true);
-		this.context.decodeAudioData(soundData).then((buffer) => {
-			this.game.cache.decodedSound(key, buffer);
-		}).catch((error) => {
+		try {
+			this.game.cache.decodedSound(key, await this.context.decodeAudioData(soundData));
+		} catch (error) {
 			const typedError = error instanceof Error ? error : new Error(String(error));
 			this.game.logger.fatal("SoundManager", {
 				error: typedError,
@@ -17928,7 +17831,7 @@ var SoundManager = class {
 				this.decode(key);
 			});
 			else if (typedError.name === "EncodingError") this._watchList.remove(key);
-		});
+		}
 	}
 	/**
 	* Sets up a callback to be called when audio files are decoded.
@@ -18160,7 +18063,7 @@ var Stage = class extends DisplayObject {
 	*/
 	preUpdate() {
 		this.currentRenderOrderID = 0;
-		for (let i = 0; i < this.children.length; i += 1) this.children[i].preUpdate();
+		for (const child of this.children) child.preUpdate();
 	}
 	/**
 	* Updates the stage and its children.
@@ -18176,7 +18079,7 @@ var Stage = class extends DisplayObject {
 	* Post-updates the stage and its children.
 	*/
 	postUpdate() {
-		for (let i = 0; i < this.children.length; i += 1) this.children[i].postUpdate();
+		for (const child of this.children) child.postUpdate();
 		this.updateTransform();
 	}
 	/**
@@ -18310,8 +18213,7 @@ var Timer = class {
 	create(delay, loop, repeatCount, callback, callbackContext = null, args = []) {
 		const roundedDelay = Math.round(delay);
 		let tick = roundedDelay;
-		if (this._now === 0) tick += this.game.time.time;
-		else tick += this._now;
+		tick += this._now === 0 ? this.game.time.time : this._now;
 		const event = new TimerEvent(this, roundedDelay, tick, repeatCount, loop, callback, callbackContext, args);
 		this.events.push(event);
 		this.order();
@@ -18402,7 +18304,7 @@ var Timer = class {
 	order() {
 		if (this.events.length > 0) {
 			this.events.sort(this.sortHandler);
-			const first = this.events[0];
+			const [first] = this.events;
 			if (first) this.nextTick = first.tick;
 		}
 	}
@@ -18501,8 +18403,7 @@ var Timer = class {
 			event.tick = this._now + t;
 		}
 		const d = this.nextTick - baseTime;
-		if (d < 0) this.nextTick = this._now;
-		else this.nextTick = this._now + d;
+		this.nextTick = d < 0 ? this._now : this._now + d;
 	}
 	/**
 	* Resumes the timer.
@@ -18919,10 +18820,8 @@ var TweenData = class {
 	*/
 	start() {
 		this.startTime = this.game.time.time + this.delay;
-		if (this.parent.reverse) this.dt = this.duration;
-		else this.dt = 0;
-		if (this.delay > 0) this.isRunning = false;
-		else this.isRunning = true;
+		this.dt = this.parent.reverse ? this.duration : 0;
+		this.isRunning = this.delay <= 0;
 		if (this.isFrom) {
 			const keys = Object.keys(this.vStartCache);
 			for (const property of keys) {
@@ -18945,7 +18844,7 @@ var TweenData = class {
 		for (const property of keys) {
 			this.vStart[property] = this.parent.properties[property];
 			if (Array.isArray(this.vEnd[property])) {
-				if (this.vEnd[property].length === 0) {} else if (this.percent === 0) this.vEnd[property] = [this.vStart[property]].concat(this.vEnd[property]);
+				if (this.vEnd[property].length === 0) {} else if (this.percent === 0) this.vEnd[property] = [this.vStart[property], ...this.vEnd[property]];
 			}
 			if (this.vEnd[property] !== void 0) {
 				if (typeof this.vEnd[property] === "string") this.vEnd[property] = this.vStart[property] + Number(this.vEnd[property]);
@@ -18980,8 +18879,7 @@ var TweenData = class {
 		for (const property of keys) {
 			const start = this.vStart[property];
 			const end = this.vEnd[property];
-			if (Array.isArray(end)) this.parent.target[property] = this.interpolationFunction.call(this.interpolationContext, end, this.value);
-			else this.parent.target[property] = start + (end - start) * this.value;
+			this.parent.target[property] = Array.isArray(end) ? this.interpolationFunction.call(this.interpolationContext, end, this.value) : start + (end - start) * this.value;
 		}
 		if (!this.parent.reverse && this.percent === 1 || this.parent.reverse && this.percent === 0) return this.repeat();
 		return 1;
@@ -18992,8 +18890,7 @@ var TweenData = class {
 	* @returns {object[]} An array of tween data points.
 	*/
 	generateData(frameRate) {
-		if (this.parent.reverse) this.dt = this.duration;
-		else this.dt = 0;
+		this.dt = this.parent.reverse ? this.duration : 0;
 		let data = [];
 		let complete = false;
 		const fps = 1 / frameRate * 1e3;
@@ -19012,17 +18909,12 @@ var TweenData = class {
 			for (const property of keys) {
 				const start = this.vStart[property];
 				const end = this.vEnd[property];
-				if (Array.isArray(end)) blob[property] = this.interpolationFunction(end, this.value);
-				else blob[property] = start + (end - start) * this.value;
+				blob[property] = Array.isArray(end) ? this.interpolationFunction(end, this.value) : start + (end - start) * this.value;
 			}
 			data.push(blob);
 			if (!this.parent.reverse && this.percent === 1 || this.parent.reverse && this.percent === 0) complete = true;
 		} while (!complete);
-		if (this.yoyo) {
-			const reversed = [...data];
-			reversed.reverse();
-			data = data.concat(reversed);
-		}
+		if (this.yoyo) data = [...data, ...data.toReversed()];
 		return data;
 	}
 	/**
@@ -19059,8 +18951,7 @@ var TweenData = class {
 		this.startTime = this.game.time.time;
 		if (this.yoyo && this.inReverse) this.startTime += this.yoyoDelay;
 		else if (!this.inReverse) this.startTime += this.repeatDelay;
-		if (this.parent.reverse) this.dt = this.duration;
-		else this.dt = 0;
+		this.dt = this.parent.reverse ? this.duration : 0;
 		return 2;
 	}
 };
@@ -19452,7 +19343,7 @@ var Tween = class {
 			}
 		}
 		for (const tweenData of this.timeline) tweenData.loadValues();
-		for (const tweenData of this.timeline) data = data.concat(tweenData.generateData(frameRate));
+		for (const tweenData of this.timeline) data = [...data, ...tweenData.generateData(frameRate)];
 		return data;
 	}
 	/**
@@ -19472,25 +19363,25 @@ var Tween = class {
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const LinearNone = (k) => k;
+const linearNone = (k) => k;
 /**
 * TBD.
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const QuadraticIn = (k) => k * k;
+const quadraticIn = (k) => k * k;
 /**
 * TBD.
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const QuadraticOut = (k) => k * (2 - k);
+const quadraticOut = (k) => k * (2 - k);
 /**
 * TBD.
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const QuadraticInOut = (k) => {
+const quadraticInOut = (k) => {
 	const t = k * 2;
 	if (t < 1) return .5 * t * t;
 	const u = t - 1;
@@ -19501,13 +19392,13 @@ const QuadraticInOut = (k) => {
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const CubicIn = (k) => k * k * k;
+const cubicIn = (k) => k * k * k;
 /**
 * TBD.
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const CubicOut = (k) => {
+const cubicOut = (k) => {
 	const u = k - 1;
 	return u * u * u + 1;
 };
@@ -19516,7 +19407,7 @@ const CubicOut = (k) => {
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const CubicInOut = (k) => {
+const cubicInOut = (k) => {
 	const t = k * 2;
 	if (t < 1) return .5 * t * t * t;
 	const u = t - 2;
@@ -19527,13 +19418,13 @@ const CubicInOut = (k) => {
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const QuarticIn = (k) => k * k * k * k;
+const quarticIn = (k) => k * k * k * k;
 /**
 * TBD.
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const QuarticOut = (k) => {
+const quarticOut = (k) => {
 	const u = k - 1;
 	return 1 - u * u * u * u;
 };
@@ -19542,7 +19433,7 @@ const QuarticOut = (k) => {
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const QuarticInOut = (k) => {
+const quarticInOut = (k) => {
 	const t = k * 2;
 	if (t < 1) return .5 * t * t * t * t;
 	const u = t - 2;
@@ -19553,13 +19444,13 @@ const QuarticInOut = (k) => {
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const QuinticIn = (k) => k * k * k * k * k;
+const quinticIn = (k) => k * k * k * k * k;
 /**
 * TBD.
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const QuinticOut = (k) => {
+const quinticOut = (k) => {
 	const u = k - 1;
 	return u * u * u * u * u + 1;
 };
@@ -19568,7 +19459,7 @@ const QuinticOut = (k) => {
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const QuinticInOut = (k) => {
+const quinticInOut = (k) => {
 	const t = k * 2;
 	if (t < 1) return .5 * t * t * t * t * t;
 	const u = t - 2;
@@ -19579,7 +19470,7 @@ const QuinticInOut = (k) => {
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const SinusoidalIn = (k) => {
+const sinusoidalIn = (k) => {
 	if (k === 0) return 0;
 	if (k === 1) return 1;
 	return 1 - Math.cos(k * Math.PI / 2);
@@ -19589,7 +19480,7 @@ const SinusoidalIn = (k) => {
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const SinusoidalOut = (k) => {
+const sinusoidalOut = (k) => {
 	if (k === 0) return 0;
 	if (k === 1) return 1;
 	return Math.sin(k * Math.PI / 2);
@@ -19599,7 +19490,7 @@ const SinusoidalOut = (k) => {
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const SinusoidalInOut = (k) => {
+const sinusoidalInOut = (k) => {
 	if (k === 0) return 0;
 	if (k === 1) return 1;
 	return .5 * (1 - Math.cos(Math.PI * k));
@@ -19609,19 +19500,19 @@ const SinusoidalInOut = (k) => {
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const ExponentialIn = (k) => k === 0 ? 0 : 1024 ** (k - 1);
+const exponentialIn = (k) => k === 0 ? 0 : 1024 ** (k - 1);
 /**
 * TBD.
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const ExponentialOut = (k) => k === 1 ? 1 : 1 - 2 ** (-10 * k);
+const exponentialOut = (k) => k === 1 ? 1 : 1 - 2 ** (-10 * k);
 /**
 * TBD.
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const ExponentialInOut = (k) => {
+const exponentialInOut = (k) => {
 	if (k === 0) return 0;
 	if (k === 1) return 1;
 	const t = k * 2;
@@ -19633,13 +19524,13 @@ const ExponentialInOut = (k) => {
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const CircularIn = (k) => 1 - Math.sqrt(1 - k * k);
+const circularIn = (k) => 1 - Math.sqrt(1 - k * k);
 /**
 * TBD.
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const CircularOut = (k) => {
+const circularOut = (k) => {
 	const u = k - 1;
 	return Math.sqrt(1 - u * u);
 };
@@ -19648,7 +19539,7 @@ const CircularOut = (k) => {
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const CircularInOut = (k) => {
+const circularInOut = (k) => {
 	const t = k * 2;
 	if (t < 1) return -.5 * (Math.sqrt(1 - t * t) - 1);
 	const u = t - 2;
@@ -19662,7 +19553,7 @@ const ELASTIC_PHASE = ELASTIC_PERIOD / 4;
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const ElasticIn = (k) => {
+const elasticIn = (k) => {
 	if (k === 0) return 0;
 	if (k === 1) return 1;
 	const u = k - 1;
@@ -19673,7 +19564,7 @@ const ElasticIn = (k) => {
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const ElasticOut = (k) => {
+const elasticOut = (k) => {
 	if (k === 0) return 0;
 	if (k === 1) return 1;
 	return ELASTIC_AMPLITUDE * 2 ** (-10 * k) * Math.sin((k - ELASTIC_PHASE) * (2 * Math.PI) / ELASTIC_PERIOD) + 1;
@@ -19683,7 +19574,7 @@ const ElasticOut = (k) => {
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const ElasticInOut = (k) => {
+const elasticInOut = (k) => {
 	if (k === 0) return 0;
 	if (k === 1) return 1;
 	const t = k * 2;
@@ -19699,13 +19590,13 @@ const BACK_OVERSHOOT_IN_OUT = BACK_OVERSHOOT * 1.525;
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const BackIn = (k) => k * k * (2.70158 * k - BACK_OVERSHOOT);
+const backIn = (k) => k * k * (2.70158 * k - BACK_OVERSHOOT);
 /**
 * TBD.
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const BackOut = (k) => {
+const backOut = (k) => {
 	const u = k - 1;
 	return u * u * (2.70158 * u + BACK_OVERSHOOT) + 1;
 };
@@ -19714,7 +19605,7 @@ const BackOut = (k) => {
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const BackInOut = (k) => {
+const backInOut = (k) => {
 	const t = k * 2;
 	if (t < 1) return .5 * (t * t * (3.5949095 * t - BACK_OVERSHOOT_IN_OUT));
 	const u = t - 2;
@@ -19725,7 +19616,7 @@ const BackInOut = (k) => {
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const BounceOut = (k) => {
+const bounceOut = (k) => {
 	if (k < 1 / 2.75) return 7.5625 * k * k;
 	if (k < 2 / 2.75) {
 		const u = k - 1.5 / 2.75;
@@ -19743,15 +19634,15 @@ const BounceOut = (k) => {
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const BounceIn = (k) => 1 - BounceOut(1 - k);
+const bounceIn = (k) => 1 - bounceOut(1 - k);
 /**
 * TBD.
 * @param {number} k - TBD.
 * @returns {number} TBD.
 */
-const BounceInOut = (k) => {
-	if (k < .5) return BounceIn(k * 2) * .5;
-	return BounceOut(k * 2 - 1) * .5 + .5;
+const bounceInOut = (k) => {
+	if (k < .5) return bounceIn(k * 2) * .5;
+	return bounceOut(k * 2 - 1) * .5 + .5;
 };
 //#endregion
 //#region src/phaser/core/tween_manager.ts
@@ -19772,47 +19663,47 @@ var TweenManager = class {
 		this._add = [];
 		/** @type {{[key: string]: (k: number) => number}} */
 		this.easeMap = {
-			Linear: LinearNone,
-			Quad: QuadraticOut,
-			Cubic: CubicOut,
-			Quart: QuarticOut,
-			Quint: QuinticOut,
-			Sine: SinusoidalOut,
-			Expo: ExponentialOut,
-			Circ: CircularOut,
-			Elastic: ElasticOut,
-			Back: BackOut,
-			Bounce: BounceOut,
-			"Quad.easeIn": QuadraticIn,
-			"Cubic.easeIn": CubicIn,
-			"Quart.easeIn": QuarticIn,
-			"Quint.easeIn": QuinticIn,
-			"Sine.easeIn": SinusoidalIn,
-			"Expo.easeIn": ExponentialIn,
-			"Circ.easeIn": CircularIn,
-			"Elastic.easeIn": ElasticIn,
-			"Back.easeIn": BackIn,
-			"Bounce.easeIn": BounceIn,
-			"Quad.easeOut": QuadraticOut,
-			"Cubic.easeOut": CubicOut,
-			"Quart.easeOut": QuarticOut,
-			"Quint.easeOut": QuinticOut,
-			"Sine.easeOut": SinusoidalOut,
-			"Expo.easeOut": ExponentialOut,
-			"Circ.easeOut": CircularOut,
-			"Elastic.easeOut": ElasticOut,
-			"Back.easeOut": BackOut,
-			"Bounce.easeOut": BounceOut,
-			"Quad.easeInOut": QuadraticInOut,
-			"Cubic.easeInOut": CubicInOut,
-			"Quart.easeInOut": QuarticInOut,
-			"Quint.easeInOut": QuinticInOut,
-			"Sine.easeInOut": SinusoidalInOut,
-			"Expo.easeInOut": ExponentialInOut,
-			"Circ.easeInOut": CircularInOut,
-			"Elastic.easeInOut": ElasticInOut,
-			"Back.easeInOut": BackInOut,
-			"Bounce.easeInOut": BounceInOut
+			Linear: linearNone,
+			Quad: quadraticOut,
+			Cubic: cubicOut,
+			Quart: quarticOut,
+			Quint: quinticOut,
+			Sine: sinusoidalOut,
+			Expo: exponentialOut,
+			Circ: circularOut,
+			Elastic: elasticOut,
+			Back: backOut,
+			Bounce: bounceOut,
+			"Quad.easeIn": quadraticIn,
+			"Cubic.easeIn": cubicIn,
+			"Quart.easeIn": quarticIn,
+			"Quint.easeIn": quinticIn,
+			"Sine.easeIn": sinusoidalIn,
+			"Expo.easeIn": exponentialIn,
+			"Circ.easeIn": circularIn,
+			"Elastic.easeIn": elasticIn,
+			"Back.easeIn": backIn,
+			"Bounce.easeIn": bounceIn,
+			"Quad.easeOut": quadraticOut,
+			"Cubic.easeOut": cubicOut,
+			"Quart.easeOut": quarticOut,
+			"Quint.easeOut": quinticOut,
+			"Sine.easeOut": sinusoidalOut,
+			"Expo.easeOut": exponentialOut,
+			"Circ.easeOut": circularOut,
+			"Elastic.easeOut": elasticOut,
+			"Back.easeOut": backOut,
+			"Bounce.easeOut": bounceOut,
+			"Quad.easeInOut": quadraticInOut,
+			"Cubic.easeInOut": cubicInOut,
+			"Quart.easeInOut": quarticInOut,
+			"Quint.easeInOut": quinticInOut,
+			"Sine.easeInOut": sinusoidalInOut,
+			"Expo.easeInOut": exponentialInOut,
+			"Circ.easeInOut": circularInOut,
+			"Elastic.easeInOut": elasticInOut,
+			"Back.easeInOut": backInOut,
+			"Bounce.easeInOut": bounceInOut
 		};
 		this.game.onPause.add(this._pauseAll, this);
 		this.game.onResume.add(this._resumeAll, this);
@@ -19847,8 +19738,10 @@ var TweenManager = class {
 			for (const child of group.children) this.removeFrom(child);
 			return;
 		}
-		for (const tween of this._tweens.slice()) if (obj === tween.target) this.remove(tween);
-		for (const tween of this._add.slice()) if (obj === tween.target) this.remove(tween);
+		const running = [...this._tweens];
+		for (const tween of running) if (obj === tween.target) this.remove(tween);
+		const pending = [...this._add];
+		for (const tween of pending) if (obj === tween.target) this.remove(tween);
 	}
 	/**
 	* Add a tween to the manager.
@@ -19894,7 +19787,7 @@ var TweenManager = class {
 			numTweens -= 1;
 		}
 		if (addTweens > 0) {
-			this._tweens = this._tweens.concat(this._add);
+			this._tweens = [...this._tweens, ...this._add];
 			this._add.length = 0;
 		}
 		return true;
@@ -20070,8 +19963,7 @@ var Game = class {
 	createRendererCanvas() {
 		this.logger.info("createRendererCanvas");
 		if (this.canvas) removeFromDOM(this.canvas);
-		if (this.config.canvas) this.canvas = this.config.canvas;
-		else this.canvas = create(this, this.width, this.height, this.config.canvasID, true);
+		this.canvas = this.config.canvas ?? create(this, this.width, this.height, this.config.canvasID, true);
 		if (this.config.canvasStyle) {
 			const { canvasStyle } = this.config;
 			for (const property of Object.keys(canvasStyle)) this.canvas.style.setProperty(property, canvasStyle[property] ?? null);