@vpmedia/phaser 1.113.0 → 1.115.0

package/dist/index.js

@@ -1637,9 +1637,9 @@ const canUseNewCanvasBlendModes = () => {
 	if (document === void 0) throw new Error(ENGINE_ERROR_GETTING_DOCUMENT);
 	const pngHead = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABAQMAAADD8p2OAAAAA1BMVEX/";
 	const pngEnd = "AAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==";
-	const magenta = new Image();
+	const magenta = new globalThis.Image();
 	magenta.src = `${pngHead}AP804Oa6${pngEnd}`;
-	const yellow = new Image();
+	const yellow = new globalThis.Image();
 	yellow.src = `${pngHead}/wCKxvRF${pngEnd}`;
 	const canvas = create$1("CanvasTinter", 6, 1, true);
 	const context = canvas.getContext("2d", { willReadFrequently: false });
@@ -1678,6 +1678,110 @@ const detectCapabilities = (game) => {
 	globalThis.PhaserRegistry.CANVAS_TINT_METHOD = globalThis.PhaserRegistry.CAN_CANVAS_USE_MULTIPLY ? tintWithMultiply : tintWithPerPixel;
 };
 //#endregion
+//#region src/phaser/display/canvas/util.ts
+/**
+* Creates a new HTML canvas element.
+* @param {object} parent - The parent element to append the canvas to.
+* @param {number} width - The width of the canvas.
+* @param {number} height - The height of the canvas.
+* @param {string} id - The ID to assign to the canvas.
+* @param {boolean} skipPool - Whether to skip using the canvas pool.
+* @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;
+	canvas.style.display = "block";
+	return canvas;
+};
+/**
+* Sets the touch action property of a canvas element.
+* @param {HTMLCanvasElement} canvas - The canvas element to modify.
+* @param {string} value - The touch action value to set.
+* @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);
+	return canvas;
+};
+/**
+* Sets the user select property of a canvas element.
+* @param {HTMLCanvasElement} canvas - The canvas element to modify.
+* @param {string} value - The user select value to set.
+* @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);
+	canvas.style.setProperty("-webkit-tap-highlight-color", "rgba(0, 0, 0, 0)");
+	return canvas;
+};
+/**
+* Adds a canvas element to the DOM.
+* @param {HTMLCanvasElement} canvas - The canvas element to add.
+* @param {object} parent - The parent element to append the canvas to.
+* @param {boolean} overflowHidden - Whether to set overflow hidden on the parent.
+* @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;
+	}
+	target ??= document.body;
+	if (overflowHidden && target.style) target.style.overflow = "hidden";
+	target.append(canvas);
+	return canvas;
+};
+/**
+* Removes a canvas element from the DOM.
+* @param {HTMLCanvasElement} canvas - The canvas element to remove.
+*/
+const removeFromDOM = (canvas) => {
+	if (canvas && canvas.parentNode) canvas.parentNode.removeChild(canvas);
+};
+/**
+* Gets the smoothing prefix for a canvas rendering context.
+* @param {CanvasRenderingContext2D} context - The canvas rendering context.
+* @returns {string | null} The smoothing property name or null if not found.
+*/
+const getSmoothingPrefix = (context) => {
+	const VENDORS = [
+		"i",
+		"webkitI",
+		"msI",
+		"mozI",
+		"oI"
+	];
+	const smoothingFlags = context;
+	for (let i = 0; i < VENDORS.length; i += 1) {
+		const s = `${VENDORS[i]}mageSmoothingEnabled`;
+		if (context && smoothingFlags[s]) return s;
+	}
+	return null;
+};
+/**
+* Writes one of the vendor-prefixed image smoothing properties, which are not on the DOM type.
+* @param {CanvasRenderingContext2D} context - The canvas rendering context.
+* @param {string} property - The smoothing property name to write.
+* @param {boolean} value - The smoothing value to set.
+*/
+const setSmoothing = (context, property, value) => {
+	context[property] = value;
+};
+//#endregion
 //#region src/phaser/display/sprite_util.ts
 /**
 * Sets the texture of a sprite.
@@ -1826,7 +1930,7 @@ const renderCanvas = (target, renderSession, matrix = null) => {
 	if (matrix) wt = matrix;
 	if (target.blendMode !== renderSession.currentBlendMode) {
 		renderSession.currentBlendMode = target.blendMode;
-		renderSession.context.globalCompositeOperation = globalThis.PhaserRegistry.blendModesCanvas[renderSession.currentBlendMode];
+		renderSession.context.globalCompositeOperation = globalThis.PhaserRegistry.blendModesCanvas[renderSession.currentBlendMode] ?? "source-over";
 	}
 	if (target._mask) renderSession.maskManager.pushMask(target._mask, renderSession);
 	if (target.texture.valid) {
@@ -1834,7 +1938,7 @@ const renderCanvas = (target, renderSession, matrix = null) => {
 		renderSession.context.globalAlpha = target.worldAlpha;
 		if (renderSession.smoothProperty && renderSession.scaleMode !== target.texture.baseTexture.scaleMode) {
 			renderSession.scaleMode = target.texture.baseTexture.scaleMode;
-			renderSession.context[renderSession.smoothProperty] = renderSession.scaleMode === 0;
+			setSmoothing(renderSession.context, renderSession.smoothProperty, renderSession.scaleMode === 0);
 		}
 		let dx = target.texture.trim ? target.texture.trim.x - target.anchor.x * target.texture.trim.width : target.anchor.x * -target.texture.frame.width;
 		let dy = target.texture.trim ? target.texture.trim.y - target.anchor.y * target.texture.trim.height : target.anchor.y * -target.texture.frame.height;
@@ -1850,7 +1954,7 @@ const renderCanvas = (target, renderSession, matrix = null) => {
 		dx /= resolution;
 		dy /= resolution;
 		if (target.tint !== 16777215) {
-			if (target.texture.requiresReTint || target.cachedTint !== target.tint) {
+			if (target.texture.requiresReTint || target.cachedTint !== target.tint || !target.tintedTexture) {
 				target.tintedTexture = getTintedTexture(target, target.tint);
 				target.cachedTint = target.tint;
 				target.texture.requiresReTint = false;
@@ -1865,7 +1969,7 @@ const renderCanvas = (target, renderSession, matrix = null) => {
 		}
 	}
 	for (const child of target.children) child.renderCanvas(renderSession);
-	if (target._mask) renderSession.maskManager.popMask(renderSession);
+	if (target._mask) renderSession.maskManager.popMask(target._mask, renderSession);
 };
 //#endregion
 //#region src/phaser/display/display_object.ts
@@ -2312,7 +2416,7 @@ var DisplayObject = class {
 		if (!this.visible || this.alpha <= 0) return;
 		if (this._mask) renderSession.maskManager.pushMask(this._mask, renderSession);
 		for (const child of this.children) child.renderCanvas(renderSession);
-		if (this._mask) renderSession.maskManager.popMask(renderSession);
+		if (this._mask) renderSession.maskManager.popMask(this._mask, renderSession);
 	}
 	/**
 	* Called before the update cycle for this display object.
@@ -3323,7 +3427,6 @@ var AnimationManager = class {
 		this.currentAnim = null;
 		this.currentFrame = null;
 		this.sprite = null;
-		this.game = null;
 	}
 	/**
 	* Loads frame data into the AnimationManager.
@@ -4616,7 +4719,6 @@ var InputHandler = class {
 	draggable;
 	boundsRect;
 	boundsSprite;
-	scaleLayer;
 	dragOffset;
 	dragFromCenter;
 	dragStopBlocksInputUp;
@@ -4665,7 +4767,6 @@ var InputHandler = class {
 		this.draggable = false;
 		this.boundsRect = null;
 		this.boundsSprite = null;
-		this.scaleLayer = false;
 		this.dragOffset = new Point();
 		this.dragFromCenter = false;
 		this.dragStopBlocksInputUp = false;
@@ -5231,10 +5332,6 @@ var InputHandler = class {
 	* @returns {number} TBD.
 	*/
 	globalToLocalX(x) {
-		if (this.scaleLayer) {
-			x -= this.game.scale.grid.boundsFluid.x;
-			x *= this.game.scale.grid.scaleFluidInversed.x;
-		}
 		return x;
 	}
 	/**
@@ -5243,10 +5340,6 @@ var InputHandler = class {
 	* @returns {number} TBD.
 	*/
 	globalToLocalY(y) {
-		if (this.scaleLayer) {
-			y -= this.game.scale.grid.boundsFluid.y;
-			y *= this.game.scale.grid.scaleFluidInversed.y;
-		}
 		return y;
 	}
 	/**
@@ -6245,7 +6338,7 @@ const updateGraphicsTint = (graphics) => {
 	const tintG = (graphics.tint >> 8 & 255) / 255;
 	const tintB = (graphics.tint & 255) / 255;
 	for (const data of graphics.graphicsData) {
-		const fillColor = Math.trunc(data.fillColor);
+		const fillColor = Math.trunc(data.fillColor ?? 0);
 		const lineColor = Math.trunc(data.lineColor);
 		data._fillTint = ((fillColor >> 16 & 255) / 255 * tintR * 255 << 16) + ((fillColor >> 8 & 255) / 255 * tintG * 255 << 8) + (fillColor & 255) / 255 * tintB * 255;
 		data._lineTint = ((lineColor >> 16 & 255) / 255 * tintR * 255 << 16) + ((lineColor >> 8 & 255) / 255 * tintG * 255 << 8) + (lineColor & 255) / 255 * tintB * 255;
@@ -6267,7 +6360,7 @@ const renderGraphics$1 = (graphics, context) => {
 		const fillColor = data._fillTint;
 		const lineColor = data._lineTint;
 		context.lineWidth = data.lineWidth;
-		if (data.type === 12) {
+		if (shape instanceof Polygon) {
 			context.beginPath();
 			const { points } = shape;
 			context.moveTo(points[0], points[1]);
@@ -6276,7 +6369,7 @@ const renderGraphics$1 = (graphics, context) => {
 			if (points[0] === points.at(-2) && points[1] === points.at(-1)) context.closePath();
 			if (data.fill) {
 				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = `#${`00000${Math.trunc(fillColor).toString(16)}`.slice(-6)}`;
+				context.fillStyle = `#${`00000${Math.trunc(fillColor ?? 0).toString(16)}`.slice(-6)}`;
 				context.fill();
 			}
 			if (data.lineWidth) {
@@ -6284,10 +6377,10 @@ const renderGraphics$1 = (graphics, context) => {
 				context.strokeStyle = `#${`00000${Math.trunc(lineColor).toString(16)}`.slice(-6)}`;
 				context.stroke();
 			}
-		} else if (data.type === 22) {
+		} else if (shape instanceof Rectangle) {
 			if (data.fillColor || data.fillColor === 0) {
 				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = `#${`00000${Math.trunc(fillColor).toString(16)}`.slice(-6)}`;
+				context.fillStyle = `#${`00000${Math.trunc(fillColor ?? 0).toString(16)}`.slice(-6)}`;
 				context.fillRect(shape.x, shape.y, shape.width, shape.height);
 			}
 			if (data.lineWidth) {
@@ -6295,13 +6388,13 @@ const renderGraphics$1 = (graphics, context) => {
 				context.strokeStyle = `#${`00000${Math.trunc(lineColor).toString(16)}`.slice(-6)}`;
 				context.strokeRect(shape.x, shape.y, shape.width, shape.height);
 			}
-		} else if (data.type === 21) {
+		} else if (shape instanceof Circle) {
 			context.beginPath();
 			context.arc(shape.x, shape.y, shape.radius, 0, 2 * Math.PI);
 			context.closePath();
 			if (data.fill) {
 				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = `#${`00000${Math.trunc(fillColor).toString(16)}`.slice(-6)}`;
+				context.fillStyle = `#${`00000${Math.trunc(fillColor ?? 0).toString(16)}`.slice(-6)}`;
 				context.fill();
 			}
 			if (data.lineWidth) {
@@ -6309,7 +6402,7 @@ const renderGraphics$1 = (graphics, context) => {
 				context.strokeStyle = `#${`00000${Math.trunc(lineColor).toString(16)}`.slice(-6)}`;
 				context.stroke();
 			}
-		} else if (data.type === 16) {
+		} else if (shape instanceof Ellipse) {
 			const w = shape.width * 2;
 			const h = shape.height * 2;
 			const x = shape.x - w / 2;
@@ -6330,7 +6423,7 @@ const renderGraphics$1 = (graphics, context) => {
 			context.closePath();
 			if (data.fill) {
 				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = `#${`00000${Math.trunc(fillColor).toString(16)}`.slice(-6)}`;
+				context.fillStyle = `#${`00000${Math.trunc(fillColor ?? 0).toString(16)}`.slice(-6)}`;
 				context.fill();
 			}
 			if (data.lineWidth) {
@@ -6338,7 +6431,7 @@ const renderGraphics$1 = (graphics, context) => {
 				context.strokeStyle = `#${`00000${Math.trunc(lineColor).toString(16)}`.slice(-6)}`;
 				context.stroke();
 			}
-		} else if (data.type === 26) {
+		} else if (shape instanceof RoundedRectangle) {
 			const rx = shape.x;
 			const ry = shape.y;
 			const { width } = shape;
@@ -6359,7 +6452,7 @@ const renderGraphics$1 = (graphics, context) => {
 			context.closePath();
 			if (data.fillColor || data.fillColor === 0) {
 				context.globalAlpha = data.fillAlpha * worldAlpha;
-				context.fillStyle = `#${`00000${Math.trunc(fillColor).toString(16)}`.slice(-6)}`;
+				context.fillStyle = `#${`00000${Math.trunc(fillColor ?? 0).toString(16)}`.slice(-6)}`;
 				context.fill();
 			}
 			if (data.lineWidth) {
@@ -6380,20 +6473,19 @@ const renderGraphicsMask = (graphics, context) => {
 	if (len === 0) return;
 	context.beginPath();
 	for (let i = 0; i < len; i += 1) {
-		const data = graphics.graphicsData[i];
-		const { shape } = data;
-		if (data.type === 12) {
+		const { shape } = graphics.graphicsData[i];
+		if (shape instanceof Polygon) {
 			const { points } = shape;
 			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();
-		} else if (data.type === 22) {
+		} else if (shape instanceof Rectangle) {
 			context.rect(shape.x, shape.y, shape.width, shape.height);
 			context.closePath();
-		} else if (data.type === 21) {
+		} else if (shape instanceof Circle) {
 			context.arc(shape.x, shape.y, shape.radius, 0, 2 * Math.PI);
 			context.closePath();
-		} else if (data.type === 16) {
+		} else if (shape instanceof Ellipse) {
 			const w = shape.width * 2;
 			const h = shape.height * 2;
 			const x = shape.x - w / 2;
@@ -6411,7 +6503,7 @@ const renderGraphicsMask = (graphics, context) => {
 			context.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
 			context.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
 			context.closePath();
-		} else if (data.type === 26) {
+		} else if (shape instanceof RoundedRectangle) {
 			const rx = shape.x;
 			const ry = shape.y;
 			const { width } = shape;
@@ -6453,6 +6545,8 @@ var GraphicsData$1 = class {
 	fill;
 	shape;
 	type;
+	/** Flattened points the WebGL builders work from, filled in while updating the graphics. */
+	points = [];
 	/**
 	* Creates a new GraphicsData object.
 	* @param {number} lineWidth - The line width.
@@ -6505,8 +6599,8 @@ var Node = class {
 		this.i = i;
 		this.x = x;
 		this.y = y;
-		this.prev = null;
-		this.next = null;
+		this.prev = this;
+		this.next = this;
 		this.z = null;
 		this.prevZ = null;
 		this.nextZ = null;
@@ -6521,46 +6615,42 @@ var Node = class {
 * @returns {object} The processed earcut data structure.
 */
 function sortLinked(list) {
-	let i;
-	let p;
-	let q;
-	let e;
-	let tail;
 	let numMerges;
-	let pSize;
-	let qSize;
 	let inSize = 1;
 	do {
-		p = list;
+		let p = list;
+		let tail = null;
 		list = null;
-		tail = null;
 		numMerges = 0;
 		while (p) {
 			numMerges += 1;
-			q = p;
-			pSize = 0;
-			for (i = 0; i < inSize; i += 1) {
+			let q = p;
+			let pSize = 0;
+			for (let i = 0; i < inSize; i += 1) {
 				pSize += 1;
 				q = q.nextZ;
 				if (!q) break;
 			}
-			qSize = inSize;
+			let qSize = inSize;
 			while (pSize > 0 || qSize > 0 && q) {
+				let e;
 				if (pSize === 0) {
+					if (!q) break;
 					e = q;
-					q = q.nextZ;
+					q = e.nextZ;
 					qSize -= 1;
 				} else if (qSize === 0 || !q) {
+					if (!p) break;
 					e = p;
-					p = p.nextZ;
+					p = e.nextZ;
 					pSize -= 1;
-				} else if (p.z <= q.z) {
+				} else if (p && (p.z ?? 0) <= (q.z ?? 0)) {
 					e = p;
-					p = p.nextZ;
+					p = e.nextZ;
 					pSize -= 1;
 				} else {
 					e = q;
-					q = q.nextZ;
+					q = e.nextZ;
 					qSize -= 1;
 				}
 				if (tail) tail.nextZ = e;
@@ -6570,7 +6660,7 @@ function sortLinked(list) {
 			}
 			p = q;
 		}
-		tail.nextZ = null;
+		if (tail) tail.nextZ = null;
 		inSize *= 2;
 	} while (numMerges > 1);
 	return list;
@@ -6616,7 +6706,7 @@ function zOrder(x, y, minX, minY, size) {
 function indexCurve(start, minX = 0, minY = 0, size = 0) {
 	let p = start;
 	do {
-		if (p.z === null) p.z = zOrder(p.x, p.y, minX, minY, size);
+		p.z ??= zOrder(p.x, p.y, minX, minY, size);
 		p.prevZ = p.prev;
 		p.nextZ = p.next;
 		p = p.next;
@@ -6846,13 +6936,13 @@ function linkedList(data, start, end, dim, clockwise) {
 	let sum = 0;
 	let i;
 	let j;
-	let last;
+	let last = null;
 	for (i = start, j = end - dim; i < end; i += dim) {
 		sum += (data[j] - data[i]) * (data[i + 1] + data[j + 1]);
 		j = i;
 	}
-	if (clockwise === sum > 0) for (i = start; i < end; i += dim) last = insertNode(i, data[i], data[i + 1], last);
-	else for (i = end - dim; i >= start; i -= dim) last = insertNode(i, data[i], data[i + 1], last);
+	if (clockwise === sum > 0) for (i = start; i < end; i += dim) last = insertNode(i, data[i], data[i + 1], last ?? null);
+	else for (i = end - dim; i >= start; i -= dim) last = insertNode(i, data[i], data[i + 1], last ?? null);
 	return last;
 }
 /**
@@ -6924,9 +7014,9 @@ function findHoleBridge(hole, outerNode) {
 * @param {object} outerNode - The outer node that contains the hole.
 */
 function eliminateHole(hole, outerNode) {
-	outerNode = findHoleBridge(hole, outerNode);
-	if (outerNode) {
-		const b = splitPolygon(outerNode, hole);
+	const bridge = findHoleBridge(hole, outerNode);
+	if (bridge) {
+		const b = splitPolygon(bridge, hole);
 		filterPoints(b, b.next);
 	}
 }
@@ -6955,6 +7045,7 @@ function eliminateHoles(data, holeIndices, outerNode, dim) {
 	}
 	queue.sort(compareX);
 	for (i = 0; i < queue.length; i += 1) {
+		if (!outerNode) return outerNode;
 		eliminateHole(queue[i], outerNode);
 		outerNode = filterPoints(outerNode, outerNode.next);
 	}
@@ -7000,11 +7091,11 @@ function splitEarcut(start, triangles, dim, minX = 0, minY = 0, size = 0) {
 		let b = a.next.next;
 		while (b !== a.prev) {
 			if (a.i !== b.i && isValidDiagonal(a, b)) {
-				let c = splitPolygon(a, b);
-				a = filterPoints(a, a.next);
-				c = filterPoints(c, c.next);
-				earcutLinked(a, triangles, dim, minX, minY, size);
-				earcutLinked(c, triangles, dim, minX, minY, size);
+				const c = splitPolygon(a, b);
+				const halfA = filterPoints(a, a.next);
+				const halfC = filterPoints(c, c.next);
+				earcutLinked(halfA, triangles, dim, minX, minY, size);
+				earcutLinked(halfC, triangles, dim, minX, minY, size);
 				return;
 			}
 			b = b.next;
@@ -7475,7 +7566,7 @@ const buildCircle = (graphicsData, webGLData) => {
 	const { y } = circleData;
 	let width;
 	let height;
-	if (graphicsData.type === 21) {
+	if (graphicsData.shape instanceof Circle) {
 		width = circleData.radius;
 		height = circleData.radius;
 	} else {
@@ -7600,7 +7691,7 @@ const updateGraphics = (graphics, gl) => {
 	let webGLData;
 	for (i = webGL.lastIndex; i < graphics.graphicsData.length; i += 1) {
 		const data = graphics.graphicsData[i];
-		if (data.type === 12) {
+		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]);
@@ -7625,16 +7716,13 @@ const updateGraphics = (graphics, gl) => {
 			}
 		} else {
 			webGLData = switchMode(webGL, 0);
-			if (data.type === 22) buildRectangle(data, webGLData);
-			else if (data.type === 21 || data.type === 16) buildCircle(data, webGLData);
-			else if (data.type === 26) buildRoundedRectangle(data, webGLData);
+			if (data.shape instanceof Rectangle) buildRectangle(data, webGLData);
+			else if (data.shape instanceof Circle || data.shape instanceof Ellipse) buildCircle(data, webGLData);
+			else if (data.shape instanceof RoundedRectangle) buildRoundedRectangle(data, webGLData);
 		}
 		webGL.lastIndex += 1;
 	}
-	for (i = 0; i < webGL.data.length; i += 1) {
-		webGLData = webGL.data[i];
-		if (webGLData.dirty) webGLData.upload();
-	}
+	for (const uploadable of webGL.data) if (uploadable.dirty) uploadable.upload();
 };
 /**
 * Updates the graphics data for WebGL rendering.
@@ -7646,30 +7734,33 @@ const renderGraphics = (graphics, renderSession) => {
 	const { projection } = renderSession;
 	const { offset } = renderSession;
 	let shader = renderSession.shaderManager.primitiveShader;
+	if (!shader) return;
 	let webGLData;
 	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) if (webGL.data[i].mode === 1) {
+	for (let i = 0; i < webGL.data.length; i += 1) {
 		webGLData = webGL.data[i];
-		renderSession.stencilManager.pushStencil(graphics, webGLData, renderSession);
-		gl.drawElements(gl.TRIANGLE_FAN, 4, gl.UNSIGNED_SHORT, (webGLData.indices.length - 4) * 2);
-		renderSession.stencilManager.popStencil(graphics, webGLData, renderSession);
-	} else {
-		webGLData = webGL.data[i];
-		renderSession.shaderManager.setShader(shader);
-		shader = renderSession.shaderManager.primitiveShader;
-		gl.uniformMatrix3fv(shader.translationMatrix, false, graphics.worldTransform.toArray(true));
-		gl.uniform1f(shader.flipY, 1);
-		gl.uniform2f(shader.projectionVector, projection.x, -projection.y);
-		gl.uniform2f(shader.offsetVector, -offset.x, -offset.y);
-		gl.uniform3fv(shader.tintColor, hex2rgb(graphics.tint));
-		gl.uniform1f(shader.alpha, graphics.worldAlpha);
-		gl.bindBuffer(gl.ARRAY_BUFFER, webGLData.buffer);
-		gl.vertexAttribPointer(shader.aVertexPosition, 2, gl.FLOAT, false, 24, 0);
-		gl.vertexAttribPointer(shader.colorAttribute, 4, gl.FLOAT, false, 24, 8);
-		gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, webGLData.indexBuffer);
-		gl.drawElements(gl.TRIANGLE_STRIP, webGLData.indices.length, gl.UNSIGNED_SHORT, 0);
+		if (webGLData.mode === 1) {
+			renderSession.stencilManager.pushStencil(graphics, webGLData, renderSession);
+			gl.drawElements(gl.TRIANGLE_FAN, 4, gl.UNSIGNED_SHORT, (webGLData.indices.length - 4) * 2);
+			renderSession.stencilManager.popStencil(graphics, webGLData, renderSession);
+		} else {
+			renderSession.shaderManager.setShader(shader);
+			shader = renderSession.shaderManager.primitiveShader;
+			if (!shader) return;
+			gl.uniformMatrix3fv(shader.translationMatrix, false, graphics.worldTransform.toArray(true));
+			gl.uniform1f(shader.flipY, 1);
+			gl.uniform2f(shader.projectionVector, projection.x, -projection.y);
+			gl.uniform2f(shader.offsetVector, -offset.x, -offset.y);
+			gl.uniform3fv(shader.tintColor, hex2rgb(graphics.tint));
+			gl.uniform1f(shader.alpha, graphics.worldAlpha);
+			gl.bindBuffer(gl.ARRAY_BUFFER, webGLData.buffer);
+			gl.vertexAttribPointer(shader.aVertexPosition, 2, gl.FLOAT, false, 24, 0);
+			gl.vertexAttribPointer(shader.colorAttribute, 4, gl.FLOAT, false, 24, 8);
+			gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, webGLData.indexBuffer);
+			gl.drawElements(gl.TRIANGLE_STRIP, webGLData.indices.length, gl.UNSIGNED_SHORT, 0);
+		}
 	}
 };
 //#endregion
@@ -8159,7 +8250,7 @@ var Graphics = class extends DisplayObject {
 	* @param {object} renderSession - The render session to use.
 	*/
 	renderWebGL(renderSession) {
-		if (!this.visible || this.alpha === 0 || this.isMask === true) return;
+		if (!this.visible || this.alpha === 0 || this.isMask) return;
 		if (this._cacheAsBitmap) {
 			if (this.dirty || this.cachedSpriteDirty) {
 				this.generateCachedSprite();
@@ -8168,7 +8259,7 @@ var Graphics = class extends DisplayObject {
 				this.dirty = false;
 			}
 			this._cachedSprite.worldAlpha = this.worldAlpha;
-			renderWebGL.call(this._cachedSprite, renderSession);
+			renderWebGL(this._cachedSprite, renderSession);
 		} else {
 			renderSession.spriteBatch.stop();
 			renderSession.blendModeManager.setBlendMode(this.blendMode);
@@ -8200,7 +8291,7 @@ var Graphics = class extends DisplayObject {
 	* @param {object} renderSession - The render session to use.
 	*/
 	renderCanvas(renderSession) {
-		if (!this.visible || this.alpha === 0 || this.isMask === true) return;
+		if (!this.visible || this.alpha === 0 || this.isMask) return;
 		if (this._prevTint !== this.tint) {
 			this.dirty = true;
 			this._prevTint = this.tint;
@@ -8219,7 +8310,7 @@ var Graphics = class extends DisplayObject {
 			const transform = this.worldTransform;
 			if (this.blendMode !== renderSession.currentBlendMode) {
 				renderSession.currentBlendMode = this.blendMode;
-				context.globalCompositeOperation = globalThis.PhaserRegistry.blendModesCanvas[renderSession.currentBlendMode];
+				context.globalCompositeOperation = globalThis.PhaserRegistry.blendModesCanvas[renderSession.currentBlendMode] ?? "source-over";
 			}
 			if (this._mask) renderSession.maskManager.pushMask(this._mask, renderSession);
 			const { resolution } = renderSession;
@@ -8228,7 +8319,7 @@ var Graphics = class extends DisplayObject {
 			context.setTransform(transform.a * resolution, transform.b * resolution, transform.c * resolution, transform.d * resolution, tx, ty);
 			renderGraphics$1(this, context);
 			for (const child of this.children) child.renderCanvas(renderSession);
-			if (this._mask) renderSession.maskManager.popMask(renderSession);
+			if (this._mask) renderSession.maskManager.popMask(this._mask, renderSession);
 		}
 	}
 	/**
@@ -8309,11 +8400,8 @@ var Graphics = class extends DisplayObject {
 	containsPoint(point, tempPoint) {
 		this.worldTransform.applyInverse(point, tempPoint);
 		const { graphicsData } = this;
-		for (let i = 0; i < graphicsData.length; i += 0) {
-			const data = graphicsData[i];
-			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) {
+			if (data.shape.contains(tempPoint.x, tempPoint.y)) return true;
 		}
 		return false;
 	}
@@ -8333,10 +8421,9 @@ var Graphics = class extends DisplayObject {
 			let w;
 			let h;
 			for (const data of this.graphicsData) {
-				const { type } = data;
 				const { lineWidth } = data;
 				shape = data.shape;
-				if (type === 22 || type === 26) {
+				if (shape instanceof Rectangle || shape instanceof RoundedRectangle) {
 					x = shape.x - lineWidth / 2;
 					y = shape.y - lineWidth / 2;
 					w = shape.width + lineWidth;
@@ -8345,7 +8432,7 @@ var Graphics = class extends DisplayObject {
 					maxX = x + w > maxX ? x + w : maxX;
 					minY = y < minY ? y : minY;
 					maxY = y + h > maxY ? y + h : maxY;
-				} else if (type === 21) {
+				} else if (shape instanceof Circle) {
 					x = shape.x;
 					y = shape.y;
 					w = shape.radius + lineWidth / 2;
@@ -8354,7 +8441,7 @@ var Graphics = class extends DisplayObject {
 					maxX = x + w > maxX ? x + w : maxX;
 					minY = y - h < minY ? y - h : minY;
 					maxY = y + h > maxY ? y + h : maxY;
-				} else if (type === 16) {
+				} else if (shape instanceof Ellipse) {
 					x = shape.x;
 					y = shape.y;
 					w = shape.width + lineWidth / 2;
@@ -8447,13 +8534,14 @@ var Graphics = class extends DisplayObject {
 			if (this.currentPath.shape.points.length <= 2) this.graphicsData.pop();
 		}
 		this.currentPath = null;
-		if (shape instanceof Polygon) {
-			shape = shape.clone();
-			shape.flatten();
+		let target = shape;
+		if (target instanceof Polygon) {
+			target = target.clone();
+			target.flatten();
 		}
-		const data = new GraphicsData$1(this.lineWidth, this.lineColor, this.lineAlpha, this.fillColor, this.fillAlpha, this.filling, shape);
+		const data = new GraphicsData$1(this.lineWidth, this.lineColor, this.lineAlpha, this.fillColor, this.fillAlpha, this.filling, target);
 		this.graphicsData.push(data);
-		if (data.type === 12) {
+		if (data.shape instanceof Polygon) {
 			data.shape.closed = this.filling;
 			this.currentPath = data;
 		}
@@ -8830,7 +8918,7 @@ var Text = class extends Image$1 {
 	* @param {Game} game - The game instance this text belongs to.
 	* @param {number} x - The x position of the text.
 	* @param {number} y - The y position of the text.
-	* @param {string} text - The text content to display.
+	* @param {string | number} text - The text content to display.
 	* @param {object} style - The style settings for the text.
 	*/
 	constructor(game, x, y, text = "", style = {}) {
@@ -8839,10 +8927,11 @@ var Text = class extends Image$1 {
 		/** @type {number} */
 		this.type = 4;
 		this.canvas = create$1(this);
-		this.context = this.canvas.getContext("2d", { willReadFrequently: false });
+		const context = this.canvas.getContext("2d", { willReadFrequently: false });
+		if (!context) throw new Error(ENGINE_ERROR_CREATING_CANVAS_2D_CONTEXT);
+		this.context = context;
 		this.padding = new Point();
 		this.textBounds = null;
-		this.style = null;
 		/** @type {string[]} */
 		this.colors = [];
 		/** @type {string[]} */
@@ -8854,8 +8943,7 @@ var Text = class extends Image$1 {
 		this.autoRound = false;
 		this.useAdvancedWrap = false;
 		this._res = game.renderer.resolution;
-		this._text = text;
-		this._fontComponents = null;
+		this._text = text.toString();
 		/** @type {number} */
 		this._lineSpacing = 0;
 		/** @type {number} */
@@ -8874,17 +8962,12 @@ var Text = class extends Image$1 {
 	destroy() {
 		this.texture.destroy(true);
 		remove(this);
-		this.canvas = null;
-		this.context = null;
 		this.textBounds = null;
-		this.style = null;
-		this.colors = null;
-		this.strokeColors = null;
-		this.fontStyles = null;
-		this.fontWeights = null;
-		this.padding = null;
-		this._text = null;
-		this._fontComponents = null;
+		this.colors = [];
+		this.strokeColors = [];
+		this.fontStyles = [];
+		this.fontWeights = [];
+		this._text = "";
 		super.destroy();
 	}
 	/**
@@ -8914,34 +8997,38 @@ var Text = class extends Image$1 {
 	* @returns {Text} This Text object for chaining.
 	*/
 	setStyle(style = null, update = false) {
-		style = structuredClone(style) ?? {};
-		style.font = style.font ?? "bold 20pt Arial";
-		style.backgroundColor = style.backgroundColor ?? null;
-		style.fill = style.fill ?? "black";
-		style.align = style.align ?? "left";
-		style.boundsAlignH = style.boundsAlignH ?? "left";
-		style.boundsAlignV = style.boundsAlignV ?? "top";
-		style.stroke = style.stroke ?? "black";
-		style.strokeThickness = style.strokeThickness ?? 0;
-		style.wordWrap = style.wordWrap ?? false;
-		style.wordWrapWidth = style.wordWrapWidth ?? 100;
-		style.maxLines = style.maxLines ?? 0;
-		style.shadowOffsetX = style.shadowOffsetX ?? 0;
-		style.shadowOffsetY = style.shadowOffsetY ?? 0;
-		style.shadowColor = style.shadowColor ?? "rgba(0,0,0,0)";
-		style.shadowBlur = style.shadowBlur ?? 0;
-		style.tabs = style.tabs ?? 0;
-		const components = this.fontToComponents(style.font);
-		if (style.fontStyle) components.fontStyle = style.fontStyle;
-		if (style.fontVariant) components.fontVariant = style.fontVariant;
-		if (style.fontWeight) components.fontWeight = style.fontWeight;
-		if (style.fontSize) {
-			if (typeof style.fontSize === "number") style.fontSize += "px";
-			components.fontSize = style.fontSize;
+		const source = structuredClone(style) ?? {};
+		const resolved = {
+			...source,
+			font: source.font ?? "bold 20pt Arial",
+			backgroundColor: source.backgroundColor ?? null,
+			fill: source.fill ?? "black",
+			align: source.align ?? "left",
+			boundsAlignH: source.boundsAlignH ?? "left",
+			boundsAlignV: source.boundsAlignV ?? "top",
+			stroke: source.stroke ?? "black",
+			strokeThickness: source.strokeThickness ?? 0,
+			wordWrap: source.wordWrap ?? false,
+			wordWrapWidth: source.wordWrapWidth ?? 100,
+			maxLines: source.maxLines ?? 0,
+			shadowOffsetX: source.shadowOffsetX ?? 0,
+			shadowOffsetY: source.shadowOffsetY ?? 0,
+			shadowColor: source.shadowColor ?? "rgba(0,0,0,0)",
+			shadowBlur: source.shadowBlur ?? 0,
+			tabs: source.tabs ?? 0
+		};
+		const components = this.fontToComponents(resolved.font);
+		if (resolved.fontStyle) components.fontStyle = resolved.fontStyle;
+		if (resolved.fontVariant) components.fontVariant = resolved.fontVariant;
+		if (resolved.fontWeight) components.fontWeight = String(resolved.fontWeight);
+		if (resolved.fontSize) {
+			const fontSize = typeof resolved.fontSize === "number" ? `${resolved.fontSize}px` : resolved.fontSize;
+			resolved.fontSize = fontSize;
+			components.fontSize = fontSize;
 		}
 		this._fontComponents = components;
-		style.font = this.componentsToFont(this._fontComponents);
-		this.style = style;
+		resolved.font = this.componentsToFont(components);
+		this.style = resolved;
 		this.dirty = true;
 		if (update) this.updateText();
 		return this;
@@ -9027,12 +9114,12 @@ var Text = class extends Image$1 {
 			if (this.colors.length > 0 || this.strokeColors.length > 0 || this.fontWeights.length > 0 || this.fontStyles.length > 0) this.updateLine(lines[i], linePositionX, linePositionY);
 			else {
 				if (this.style.stroke && this.style.strokeThickness) {
-					this.updateShadow(this.style.shadowStroke);
+					this.updateShadow(this.style.shadowStroke ?? false);
 					if (tabs === 0) this.context.strokeText(lines[i], linePositionX, linePositionY);
 					else this.renderTabLine(lines[i], linePositionX, linePositionY, false);
 				}
 				if (this.style.fill) {
-					this.updateShadow(this.style.shadowFill);
+					this.updateShadow(this.style.shadowFill ?? false);
 					if (tabs === 0) this.context.fillText(lines[i], linePositionX, linePositionY);
 					else this.renderTabLine(lines[i], linePositionX, linePositionY, true);
 				}
@@ -9081,7 +9168,7 @@ var Text = class extends Image$1 {
 		} else {
 			this.context.shadowOffsetX = 0;
 			this.context.shadowOffsetY = 0;
-			this.context.shadowColor = 0;
+			this.context.shadowColor = "rgba(0,0,0,0)";
 			this.context.shadowBlur = 0;
 		}
 	}
@@ -9095,17 +9182,21 @@ var Text = class extends Image$1 {
 		for (const letter of line) {
 			if (this.fontWeights.length > 0 || this.fontStyles.length > 0) {
 				const components = this.fontToComponents(this.context.font);
-				if (this.fontStyles[this._charCount]) components.fontStyle = this.fontStyles[this._charCount];
-				if (this.fontWeights[this._charCount]) components.fontWeight = this.fontWeights[this._charCount];
+				const charFontStyle = this.fontStyles[this._charCount];
+				const charFontWeight = this.fontWeights[this._charCount];
+				if (charFontStyle) components.fontStyle = charFontStyle;
+				if (charFontWeight) components.fontWeight = charFontWeight;
 				this.context.font = this.componentsToFont(components);
 			}
 			if (this.style.stroke && this.style.strokeThickness) {
-				if (this.strokeColors[this._charCount]) this.context.strokeStyle = this.strokeColors[this._charCount];
-				this.updateShadow(this.style.shadowStroke);
+				const charStrokeColor = this.strokeColors[this._charCount];
+				if (charStrokeColor) this.context.strokeStyle = charStrokeColor;
+				this.updateShadow(this.style.shadowStroke ?? false);
 			}
 			if (this.style.fill) {
-				if (this.colors[this._charCount]) this.context.fillStyle = this.colors[this._charCount];
-				this.updateShadow(this.style.shadowFill);
+				const charFillColor = this.colors[this._charCount];
+				if (charFillColor) this.context.fillStyle = charFillColor;
+				this.updateShadow(this.style.shadowFill ?? false);
 			}
 			lineLength += this.context.measureText(letter).width;
 			this._charCount += 1;
@@ -9122,18 +9213,22 @@ var Text = class extends Image$1 {
 		for (const letter of line) {
 			if (this.fontWeights.length > 0 || this.fontStyles.length > 0) {
 				const components = this.fontToComponents(this.context.font);
-				if (this.fontStyles[this._charCount]) components.fontStyle = this.fontStyles[this._charCount];
-				if (this.fontWeights[this._charCount]) components.fontWeight = this.fontWeights[this._charCount];
+				const charFontStyle = this.fontStyles[this._charCount];
+				const charFontWeight = this.fontWeights[this._charCount];
+				if (charFontStyle) components.fontStyle = charFontStyle;
+				if (charFontWeight) components.fontWeight = charFontWeight;
 				this.context.font = this.componentsToFont(components);
 			}
 			if (this.style.stroke && this.style.strokeThickness) {
-				if (this.strokeColors[this._charCount]) this.context.strokeStyle = this.strokeColors[this._charCount];
-				this.updateShadow(this.style.shadowStroke);
+				const charStrokeColor = this.strokeColors[this._charCount];
+				if (charStrokeColor) this.context.strokeStyle = charStrokeColor;
+				this.updateShadow(this.style.shadowStroke ?? false);
 				this.context.strokeText(letter, x, y);
 			}
 			if (this.style.fill) {
-				if (this.colors[this._charCount]) this.context.fillStyle = this.colors[this._charCount];
-				this.updateShadow(this.style.shadowFill);
+				const charFillColor = this.colors[this._charCount];
+				if (charFillColor) this.context.fillStyle = charFillColor;
+				this.updateShadow(this.style.shadowFill ?? false);
 				this.context.fillText(letter, x, y);
 			}
 			x += this.context.measureText(letter).width;
@@ -9628,7 +9723,7 @@ var Text = class extends Image$1 {
 	* @returns {number} The font family.
 	*/
 	get font() {
-		return this._fontComponents.fontFamily;
+		return this._fontComponents.fontFamily ?? "";
 	}
 	/**
 	* Sets the font family of this object.
@@ -9647,17 +9742,16 @@ var Text = class extends Image$1 {
 	*/
 	get fontSize() {
 		const size = this._fontComponents.fontSize;
-		if (size && /(?:^0$|px$)/.exec(size)) return Math.trunc(Number(size));
-		return size;
+		if (typeof size === "number") return size;
+		if (size && /(?:^0$|px$)/.exec(size)) return Number.parseInt(size, 10);
+		return 0;
 	}
 	/**
 	* Sets the font size of this object.
 	* @param {number} value - The new font size to set.
 	*/
 	set fontSize(value) {
-		let mutatedValue = value || "0";
-		if (typeof mutatedValue === "number") mutatedValue = `${mutatedValue}px`;
-		this._fontComponents.fontSize = mutatedValue;
+		this._fontComponents.fontSize = value ? `${value}px` : "0";
 		this.updateFont(this._fontComponents);
 	}
 	/**
@@ -9665,7 +9759,7 @@ var Text = class extends Image$1 {
 	* @returns {string} The font weight.
 	*/
 	get fontWeight() {
-		return this._fontComponents.fontWeight ?? "normal";
+		return String(this._fontComponents.fontWeight ?? "normal");
 	}
 	/**
 	* Sets the font weight of this object.
@@ -9888,7 +9982,7 @@ var Text = class extends Image$1 {
 	*/
 	set lineSpacing(value) {
 		if (value !== this._lineSpacing) {
-			this._lineSpacing = Number(value);
+			this._lineSpacing = value;
 			this.dirty = true;
 			if (this.parent) this.updateTransform();
 		}
@@ -9966,7 +10060,7 @@ var Text = class extends Image$1 {
 	* @returns {number} The shadow stroke setting.
 	*/
 	get shadowStroke() {
-		return this.style.shadowStroke;
+		return this.style.shadowStroke ?? false;
 	}
 	/**
 	* Sets the shadow stroke setting of this object.
@@ -9983,7 +10077,7 @@ var Text = class extends Image$1 {
 	* @returns {number} The shadow fill setting.
 	*/
 	get shadowFill() {
-		return this.style.shadowFill;
+		return this.style.shadowFill ?? false;
 	}
 	/**
 	* Sets the shadow fill setting of this object.
@@ -10145,107 +10239,13 @@ const pushMask$1 = (maskData, renderSession) => {
 };
 /**
 * Pops a mask from the rendering stack.
+* @param {object} _maskData - Unused; the canvas path restores whatever was saved.
 * @param {object} renderSession - The rendering session object.
 */
-const popMask$1 = (renderSession) => {
+const popMask$1 = (_maskData, renderSession) => {
 	renderSession.context.restore();
 };
 //#endregion
-//#region src/phaser/display/canvas/util.ts
-/**
-* Creates a new HTML canvas element.
-* @param {object} parent - The parent element to append the canvas to.
-* @param {number} width - The width of the canvas.
-* @param {number} height - The height of the canvas.
-* @param {string} id - The ID to assign to the canvas.
-* @param {boolean} skipPool - Whether to skip using the canvas pool.
-* @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;
-	canvas.style.display = "block";
-	return canvas;
-};
-/**
-* Sets the touch action property of a canvas element.
-* @param {HTMLCanvasElement} canvas - The canvas element to modify.
-* @param {string} value - The touch action value to set.
-* @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);
-	return canvas;
-};
-/**
-* Sets the user select property of a canvas element.
-* @param {HTMLCanvasElement} canvas - The canvas element to modify.
-* @param {string} value - The user select value to set.
-* @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);
-	canvas.style.setProperty("-webkit-tap-highlight-color", "rgba(0, 0, 0, 0)");
-	return canvas;
-};
-/**
-* Adds a canvas element to the DOM.
-* @param {HTMLCanvasElement} canvas - The canvas element to add.
-* @param {object} parent - The parent element to append the canvas to.
-* @param {boolean} overflowHidden - Whether to set overflow hidden on the parent.
-* @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;
-	}
-	target ??= document.body;
-	if (overflowHidden && target.style) target.style.overflow = "hidden";
-	target.append(canvas);
-	return canvas;
-};
-/**
-* Removes a canvas element from the DOM.
-* @param {HTMLCanvasElement} canvas - The canvas element to remove.
-*/
-const removeFromDOM = (canvas) => {
-	if (canvas && canvas.parentNode) canvas.parentNode.removeChild(canvas);
-};
-/**
-* Gets the smoothing prefix for a canvas rendering context.
-* @param {CanvasRenderingContext2D} context - The canvas rendering context.
-* @returns {string | null} The smoothing property name or null if not found.
-*/
-const getSmoothingPrefix = (context) => {
-	const VENDORS = [
-		"i",
-		"webkitI",
-		"msI",
-		"mozI",
-		"oI"
-	];
-	const smoothingFlags = context;
-	for (let i = 0; i < VENDORS.length; i += 1) {
-		const s = `${VENDORS[i]}mageSmoothingEnabled`;
-		if (context && smoothingFlags[s]) return s;
-	}
-	return null;
-};
-//#endregion
 //#region src/phaser/display/canvas/renderer.ts
 var CanvasRenderer = class {
 	type;
@@ -10322,9 +10322,6 @@ var CanvasRenderer = class {
 	*/
 	destroy(removeView = true) {
 		if (removeView && this.view.parent) this.view.parent.removeChild(this.view);
-		this.view = null;
-		this.context = null;
-		this.renderSession = null;
 	}
 	/**
 	* Resizes the canvas to the specified dimensions.
@@ -10340,7 +10337,7 @@ var CanvasRenderer = class {
 			this.view.style.width = `${this.width / this.resolution}px`;
 			this.view.style.height = `${this.height / this.resolution}px`;
 		}
-		if (this.renderSession.smoothProperty) this.context[this.renderSession.smoothProperty] = this.renderSession.scaleMode === 0;
+		if (this.renderSession.smoothProperty) setSmoothing(this.context, this.renderSession.smoothProperty, this.renderSession.scaleMode === 0);
 	}
 	/**
 	* Renders a display object to canvas.
@@ -10451,7 +10448,7 @@ var WebGLFilterManager = class {
 	/**
 	* Updates the filter texture for the specified size.
 	*/
-	pushFilter() {}
+	pushFilter(_filterBlock) {}
 	/**
 	* Resizes the filter manager to the specified dimensions.
 	*/
@@ -10790,6 +10787,10 @@ const defaultVertexSrc = [
 	"}"
 ];
 const glMember = (gl, name) => gl[name];
+/** Applies one of the gl uniform setters, whose signatures vary by uniform kind. */
+const callUniformSetter = (setter, gl, ...args) => {
+	if (typeof setter === "function") setter.apply(gl, args);
+};
 var NormalShader = class {
 	gl;
 	_UID;
@@ -10929,11 +10930,11 @@ var NormalShader = class {
 		this.textureCount = 1;
 		const { gl } = this;
 		for (const uniform of Object.values(this.uniforms)) if (uniform.glValueLength === 1) {
-			if (uniform.glMatrix === true) uniform.glFunc?.call(gl, uniform.uniformLocation, uniform.transpose, uniform.value);
-			else uniform.glFunc?.call(gl, uniform.uniformLocation, uniform.value);
-		} else if (uniform.glValueLength === 2) uniform.glFunc?.call(gl, uniform.uniformLocation, uniform.value.x, uniform.value.y);
-		else if (uniform.glValueLength === 3) uniform.glFunc?.call(gl, uniform.uniformLocation, uniform.value.x, uniform.value.y, uniform.value.z);
-		else if (uniform.glValueLength === 4) uniform.glFunc?.call(gl, uniform.uniformLocation, uniform.value.x, uniform.value.y, uniform.value.z, uniform.value.w);
+			if (uniform.glMatrix === true) callUniformSetter(uniform.glFunc, gl, uniform.uniformLocation, uniform.transpose, uniform.value);
+			else callUniformSetter(uniform.glFunc, gl, uniform.uniformLocation, uniform.value);
+		} else if (uniform.glValueLength === 2) callUniformSetter(uniform.glFunc, gl, uniform.uniformLocation, uniform.value.x, uniform.value.y);
+		else if (uniform.glValueLength === 3) callUniformSetter(uniform.glFunc, gl, uniform.uniformLocation, uniform.value.x, uniform.value.y, uniform.value.z);
+		else if (uniform.glValueLength === 4) callUniformSetter(uniform.glFunc, gl, uniform.uniformLocation, uniform.value.x, uniform.value.y, uniform.value.z, uniform.value.w);
 		else if (uniform.type === "sampler2D") {
 			if (uniform._init) {
 				gl.activeTexture(glMember(gl, `TEXTURE${this.textureCount}`));
@@ -11162,7 +11163,7 @@ var WebGLShaderManager = class {
 	setAttribs(attribs) {
 		let i = 0;
 		for (; i < this.tempAttribState.length; i += 1) this.tempAttribState[i] = false;
-		for (const attribId of attribs) this.tempAttribState[attribId] = true;
+		for (const attribId of attribs) if (attribId !== void 0) this.tempAttribState[attribId] = true;
 		const { gl } = this;
 		for (i = 0; i < this.attribState.length; i += 1) if (this.attribState[i] !== this.tempAttribState[i]) {
 			this.attribState[i] = this.tempAttribState[i];
@@ -11180,7 +11181,7 @@ var WebGLShaderManager = class {
 		this._currentId = shader._UID;
 		this.currentShader = shader;
 		this.gl.useProgram(shader.program);
-		this.setAttribs(shader.attributes);
+		this.setAttribs(shader.attributes ?? []);
 		return true;
 	}
 	/**
@@ -11328,7 +11329,7 @@ var WebGLSpriteBatch = class {
 	* @param {Image} sprite - The sprite to render.
 	* @param {Matrix} matrix - The transformation matrix.
 	*/
-	render(sprite, matrix) {
+	render(sprite, matrix = null) {
 		const { texture } = sprite;
 		let wt = sprite.worldTransform;
 		if (matrix) wt = matrix;
@@ -11612,6 +11613,7 @@ var WebGLStencilManager = class {
 		let shader;
 		if (webGLData.mode === 1) {
 			shader = renderSession.shaderManager.complexPrimitiveShader;
+			if (!shader) return;
 			renderSession.shaderManager.setShader(shader);
 			gl.uniform1f(shader.flipY, renderSession.flipY);
 			gl.uniformMatrix3fv(shader.translationMatrix, false, graphics.worldTransform.toArray(true));
@@ -11625,6 +11627,7 @@ var WebGLStencilManager = class {
 			gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, webGLData.indexBuffer);
 		} else {
 			shader = renderSession.shaderManager.primitiveShader;
+			if (!shader) return;
 			renderSession.shaderManager.setShader(shader);
 			gl.uniformMatrix3fv(shader.translationMatrix, false, graphics.worldTransform.toArray(true));
 			gl.uniform1f(shader.flipY, renderSession.flipY);
@@ -11770,7 +11773,6 @@ var WebGLRenderer = class {
 			const loseContextExt = this.gl.getExtension("WEBGL_lose_context");
 			if (loseContextExt) loseContextExt.loseContext();
 		}
-		this.renderSession = null;
 		remove(this);
 		globalThis.PhaserRegistry.INSTANCES[this.glContextId] = null;
 		globalThis.PhaserRegistry.GL_CONTEXT_ID -= 1;
@@ -13346,7 +13348,7 @@ var Mouse = class {
 	* TBD.
 	*/
 	start() {
-		if (this.game.device.android && this.game.device.chrome === false) return;
+		if (this.game.device.android && !this.game.device.chrome) return;
 		if (this._onMouseDown !== null) return;
 		const scope = this;
 		this._onMouseDown = (event) => {
@@ -13389,15 +13391,17 @@ var Mouse = class {
 	*/
 	stop() {
 		const { canvas } = this.game;
-		canvas.removeEventListener("mousedown", this._onMouseDown, true);
-		canvas.removeEventListener("mousemove", this._onMouseMove, true);
-		canvas.removeEventListener("mouseup", this._onMouseUp, true);
-		canvas.removeEventListener("mouseover", this._onMouseOver, true);
-		canvas.removeEventListener("mouseout", this._onMouseOut, true);
+		if (this._onMouseDown) canvas.removeEventListener("mousedown", this._onMouseDown, true);
+		if (this._onMouseMove) canvas.removeEventListener("mousemove", this._onMouseMove, true);
+		if (this._onMouseUp) canvas.removeEventListener("mouseup", this._onMouseUp, true);
+		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) canvas.removeEventListener(wheelEvent, this._onMouseWheel, true);
-		globalThis.removeEventListener("mouseup", this._onMouseUpGlobal, true);
-		globalThis.removeEventListener("mouseout", this._onMouseOutGlobal, true);
+		if (wheelEvent) {
+			if (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);
 	}
 	/**
 	* TBD.
@@ -13490,7 +13494,7 @@ var Mouse = class {
 		if (this._wheelEvent) event = this._wheelEvent.bindEvent(event);
 		this.event = event;
 		this.eventPreventDefault(event);
-		this.wheelDelta = Math.max(-1, Math.min(1, -event.deltaY));
+		this.wheelDelta = Math.max(-1, Math.min(1, -(event.deltaY ?? 0)));
 		if (this.mouseWheelCallback) this.mouseWheelCallback.call(this.callbackContext, event);
 	}
 	/**
@@ -13575,8 +13579,8 @@ var MSPointer = class {
 		canvas.addEventListener("pointerdown", this._onMSPointerDown, false);
 		canvas.addEventListener("pointermove", this._onMSPointerMove, false);
 		canvas.addEventListener("pointerup", this._onMSPointerUp, false);
-		canvas.style["-ms-content-zooming"] = "none";
-		canvas.style["-ms-touch-action"] = "none";
+		canvas.style.setProperty("-ms-content-zooming", "none");
+		canvas.style.setProperty("-ms-touch-action", "none");
 		globalThis.addEventListener("MSPointerUp", this._onMSPointerUpGlobal, true);
 		canvas.addEventListener("MSPointerOver", this._onMSPointerOver, true);
 		canvas.addEventListener("MSPointerOut", this._onMSPointerOut, true);
@@ -13590,18 +13594,22 @@ var MSPointer = class {
 	stop() {
 		if (!this.game.device.mspointer) return;
 		const { canvas } = this.game;
-		canvas.removeEventListener("MSPointerDown", this._onMSPointerDown, false);
-		canvas.removeEventListener("MSPointerMove", this._onMSPointerMove, false);
-		canvas.removeEventListener("MSPointerUp", this._onMSPointerUp, false);
-		canvas.removeEventListener("pointerdown", this._onMSPointerDown, false);
-		canvas.removeEventListener("pointermove", this._onMSPointerMove, false);
-		canvas.removeEventListener("pointerup", this._onMSPointerUp, false);
-		if (this._onMSPointerUpGlobal) globalThis.removeEventListener("MSPointerUp", this._onMSPointerUpGlobal, true);
-		canvas.removeEventListener("MSPointerOver", this._onMSPointerOver, true);
-		canvas.removeEventListener("MSPointerOut", this._onMSPointerOut, true);
-		if (this._onMSPointerUpGlobal) globalThis.removeEventListener("pointerup", this._onMSPointerUpGlobal, true);
-		canvas.removeEventListener("pointerover", this._onMSPointerOver, true);
-		canvas.removeEventListener("pointerout", this._onMSPointerOut, true);
+		if (this._onMSPointerDown) canvas.removeEventListener("MSPointerDown", this._onMSPointerDown, false);
+		if (this._onMSPointerMove) canvas.removeEventListener("MSPointerMove", this._onMSPointerMove, false);
+		if (this._onMSPointerUp) canvas.removeEventListener("MSPointerUp", this._onMSPointerUp, false);
+		if (this._onMSPointerDown) canvas.removeEventListener("pointerdown", this._onMSPointerDown, false);
+		if (this._onMSPointerMove) canvas.removeEventListener("pointermove", this._onMSPointerMove, false);
+		if (this._onMSPointerUp) canvas.removeEventListener("pointerup", this._onMSPointerUp, false);
+		if (this._onMSPointerUpGlobal) {
+			if (this._onMSPointerUpGlobal) globalThis.removeEventListener("MSPointerUp", this._onMSPointerUpGlobal, true);
+		}
+		if (this._onMSPointerOver) canvas.removeEventListener("MSPointerOver", this._onMSPointerOver, true);
+		if (this._onMSPointerOut) canvas.removeEventListener("MSPointerOut", this._onMSPointerOut, true);
+		if (this._onMSPointerUpGlobal) {
+			if (this._onMSPointerUpGlobal) globalThis.removeEventListener("pointerup", this._onMSPointerUpGlobal, true);
+		}
+		if (this._onMSPointerOver) canvas.removeEventListener("pointerover", this._onMSPointerOver, true);
+		if (this._onMSPointerOut) canvas.removeEventListener("pointerout", this._onMSPointerOut, true);
 	}
 	/**
 	* TBD.
@@ -13809,7 +13817,7 @@ var Pointer = class {
 	* @param {MouseEvent|PointerEvent} event - TBD.
 	*/
 	updateButtons(event) {
-		if (event.type.toLowerCase().slice(-4) === "down") {
+		if (event.type.toLowerCase().endsWith("down")) {
 			this.isUp = false;
 			this.isDown = true;
 		} else {
@@ -13825,7 +13833,7 @@ var Pointer = class {
 	start(event) {
 		const { input } = this.game;
 		if (event.pointerId) this.pointerId = event.pointerId;
-		this.identifier = event.identifier;
+		this.identifier = event.identifier ?? null;
 		this.target = event.target;
 		if (this.isMouse) this.updateButtons(event);
 		else {
@@ -13889,12 +13897,12 @@ var Pointer = class {
 		const { input } = this.game;
 		if (input.pollLocked) return null;
 		if (fromClick && this.isMouse) this.updateButtons(event);
-		this.clientX = event.clientX;
-		this.clientY = event.clientY;
-		this.pageX = event.pageX;
-		this.pageY = event.pageY;
-		this.screenX = event.screenX;
-		this.screenY = event.screenY;
+		this.clientX = event.clientX ?? 0;
+		this.clientY = event.clientY ?? 0;
+		this.pageX = event.pageX ?? 0;
+		this.pageY = event.pageY ?? 0;
+		this.screenX = event.screenX ?? 0;
+		this.screenY = event.screenY ?? 0;
 		if (this.isMouse && input.mouse.locked && !fromClick) {
 			this.rawMovementX = event.movementX ?? event.mozMovementX ?? event.webkitMovementX ?? 0;
 			this.rawMovementY = event.movementY ?? event.mozMovementY ?? event.webkitMovementY ?? 0;
@@ -13919,7 +13927,8 @@ var Pointer = class {
 		let i = input.moveCallbacks.length;
 		while (i) {
 			i -= 1;
-			input.moveCallbacks[i].callback.call(input.moveCallbacks[i].context, this, this.x, this.y, fromClick);
+			const moveCallback = input.moveCallbacks[i];
+			moveCallback.callback.call(moveCallback.context, this, this.x, this.y, fromClick);
 		}
 		if (this.targetObject !== null && this.targetObject.isDragged === true) {
 			if (this.targetObject.update(this) === false) this.targetObject = null;
@@ -14022,11 +14031,10 @@ var Pointer = class {
 			this.isUp = true;
 		}
 		if (this.id > 0) this.active = false;
-		this.withinGame = this.game.scale.bounds.contains(event.pageX, event.pageY);
+		this.withinGame = this.game.scale.bounds.contains(event.pageX ?? 0, event.pageY ?? 0);
 		this.pointerId = null;
 		this.identifier = null;
 		this.positionUp.setTo(this.x, this.y);
-		if (!this.isMouse) input.currentPointers -= 1;
 		input.interactiveItems.callAll("_releasedHandler", this);
 		if (this._clickTrampolines) this._trampolineTargetObject = this.targetObject;
 		this.targetObject = null;
@@ -14210,12 +14218,12 @@ var Touch = class {
 	*/
 	stop() {
 		if (!this.game.device.touch) return;
-		this.game.canvas.removeEventListener("touchstart", this._onTouchStart);
-		this.game.canvas.removeEventListener("touchmove", this._onTouchMove);
-		this.game.canvas.removeEventListener("touchend", this._onTouchEnd);
-		this.game.canvas.removeEventListener("touchenter", this._onTouchEnter);
-		this.game.canvas.removeEventListener("touchleave", this._onTouchLeave);
-		this.game.canvas.removeEventListener("touchcancel", this._onTouchCancel);
+		if (this._onTouchStart) this.game.canvas.removeEventListener("touchstart", this._onTouchStart);
+		if (this._onTouchMove) this.game.canvas.removeEventListener("touchmove", this._onTouchMove);
+		if (this._onTouchEnd) this.game.canvas.removeEventListener("touchend", this._onTouchEnd);
+		if (this._onTouchEnter) this.game.canvas.removeEventListener("touchenter", this._onTouchEnter);
+		if (this._onTouchLeave) this.game.canvas.removeEventListener("touchleave", this._onTouchLeave);
+		if (this._onTouchCancel) this.game.canvas.removeEventListener("touchcancel", this._onTouchCancel);
 	}
 	/**
 	* TBD.
@@ -14235,7 +14243,8 @@ var Touch = class {
 		if (!this.game.input.enabled || !this.enabled) return;
 		if (this.touchStartCallback) this.touchStartCallback.call(this.callbackContext, event);
 		this.eventPreventDefault(event);
-		for (let i = 0; i < event.changedTouches.length; i += 1) this.game.input.startPointer(event.changedTouches[i]);
+		const changed = event.changedTouches ?? [];
+		for (let i = 0; i < changed.length; i += 1) this.game.input.startPointer(changed[i]);
 	}
 	/**
 	* TBD.
@@ -14246,7 +14255,8 @@ var Touch = class {
 		if (this.touchCancelCallback) this.touchCancelCallback.call(this.callbackContext, event);
 		if (!this.game.input.enabled || !this.enabled) return;
 		this.eventPreventDefault(event);
-		for (let i = 0; i < event.changedTouches.length; i += 1) this.game.input.stopPointer(event.changedTouches[i]);
+		const changed = event.changedTouches ?? [];
+		for (let i = 0; i < changed.length; i += 1) this.game.input.stopPointer(changed[i]);
 	}
 	/**
 	* TBD.
@@ -14275,7 +14285,8 @@ var Touch = class {
 		this.event = event;
 		if (this.touchMoveCallback) this.touchMoveCallback.call(this.callbackContext, event);
 		this.eventPreventDefault(event);
-		for (let i = 0; i < event.changedTouches.length; i += 1) this.game.input.updatePointer(event.changedTouches[i]);
+		const changed = event.changedTouches ?? [];
+		for (let i = 0; i < changed.length; i += 1) this.game.input.updatePointer(changed[i]);
 	}
 	/**
 	* TBD.
@@ -14285,7 +14296,8 @@ var Touch = class {
 		this.event = event;
 		if (this.touchEndCallback) this.touchEndCallback.call(this.callbackContext, event);
 		this.eventPreventDefault(event);
-		for (let i = 0; i < event.changedTouches.length; i += 1) this.game.input.stopPointer(event.changedTouches[i]);
+		const changed = event.changedTouches ?? [];
+		for (let i = 0; i < changed.length; i += 1) this.game.input.stopPointer(changed[i]);
 	}
 	/**
 	* TBD.
@@ -14924,12 +14936,9 @@ var Loader = class {
 			data: null,
 			loading: false,
 			loaded: false,
-			error: false
+			error: false,
+			...properties
 		};
-		if (properties) {
-			const extraProperties = properties;
-			for (const prop of Object.keys(extraProperties)) file[prop] = extraProperties[prop];
-		}
 		const fileIndex = this.getAssetIndex(type, key);
 		if (overwrite && fileIndex > -1) {
 			const currentFile = this._fileList[fileIndex];
@@ -15358,6 +15367,7 @@ var Loader = class {
 	* @returns {string} The transformed URL.
 	*/
 	transformUrl(url, file) {
+		if (typeof url !== "string") return false;
 		if (!url) return false;
 		if (/^(?:blob:|data:|http:\/\/|https:\/\/|\/\/)/.test(url)) return url;
 		return this.baseURL + file.path + url;
@@ -15377,13 +15387,16 @@ var Loader = class {
 			case "bitmapfont":
 				this.loadImageTag(file);
 				break;
-			case "audio":
-				file.url = this.getAudioURL(file.url);
-				if (file.url) this.xhrLoad(file, this.transformUrl(file.url, file), "arraybuffer", this.fileComplete);
-				else if (this.game.sound.noAudio) this.fileError(file, null, "Device does not have audio playback support");
+			case "audio": {
+				const resolved = this.getAudioURL(file.url);
+				if (resolved) {
+					file.url = resolved;
+					this.xhrLoad(file, this.transformUrl(resolved, file), "arraybuffer", this.fileComplete);
+				} else if (this.game.sound.noAudio) this.fileError(file, null, "Device does not have audio playback support");
 				else if (this.game.device.noAudioFormat) this.fileError(file, null, "Device does not have audio format support");
 				else this.fileError(file, null, "No supported audio URL specified");
 				break;
+			}
 			case "json":
 				this.xhrLoad(file, this.transformUrl(file.url, file), "text", this.jsonLoadComplete);
 				break;
@@ -15432,6 +15445,10 @@ var Loader = class {
 	* @param {Function} onerror - The function to call if the file fails to load.
 	*/
 	xhrLoad(file, url, type, onload, onerror = null) {
+		if (url === false) {
+			this.fileError(file, null, "Could not resolve the file URL");
+			return;
+		}
 		this.log("xhrLoad", file);
 		const scope = this;
 		const xhr = new XMLHttpRequest();
@@ -15493,18 +15510,21 @@ var Loader = class {
 	*/
 	getAudioURL(urls) {
 		if (this.game.sound.noAudio || this.game.device.noAudioFormat) return null;
-		for (let i = 0; i < urls.length; i += 1) {
-			let url = urls[i];
+		const candidates = typeof urls === "string" ? [urls] : urls;
+		for (let i = 0; i < candidates.length; i += 1) {
+			const candidate = candidates[i];
+			let url;
 			let audioType = null;
-			if (url.uri) {
-				audioType = url.type;
-				url = url.uri;
+			if (typeof candidate !== "string") {
+				audioType = candidate.type ?? "";
+				url = candidate.uri;
 				if (canPlayAudio(this.game.device, audioType)) return url;
 			} else {
-				if (url.indexOf("blob:") === 0 || url.indexOf("data:") === 0) return url;
-				if (url.includes("?")) url = url.substr(0, url.indexOf("?"));
-				audioType = url.slice((Math.max(0, url.lastIndexOf(".")) || Infinity) + 1).toLowerCase();
-				if (canPlayAudio(this.game.device, audioType)) return urls[i];
+				url = candidate;
+				if (url.startsWith("blob:") || url.startsWith("data:")) return url;
+				const withoutQuery = url.includes("?") ? url.slice(0, url.indexOf("?")) : url;
+				audioType = withoutQuery.slice((Math.max(0, withoutQuery.lastIndexOf(".")) || Infinity) + 1).toLowerCase();
+				if (canPlayAudio(this.game.device, audioType)) return candidate;
 			}
 		}
 		const formats = this.game.device.supportedAudioFormats;
@@ -15533,18 +15553,20 @@ var Loader = class {
 	*/
 	fileComplete(file, xhr) {
 		let loadNext = true;
+		const url = typeof file.url === "string" ? file.url : "";
+		const response = xhr;
 		switch (file.type) {
 			case "packfile":
-				file.data = JSON.parse(xhr.responseText) ?? {};
+				file.data = JSON.parse(response.responseText) ?? {};
 				break;
 			case "image":
-				this.cache.addImage(file.key, file.url, file.data);
+				this.cache.addImage(file.key, url, file.data);
 				break;
 			case "spritesheet":
-				this.cache.addSpriteSheet(file.key, file.url, file.data, file.frameWidth, file.frameHeight, file.frameMax, file.margin, file.spacing);
+				this.cache.addSpriteSheet(file.key, url, file.data, file.frameWidth ?? 0, file.frameHeight ?? 0, file.frameMax ?? -1, file.margin ?? 0, file.spacing ?? 0);
 				break;
 			case "textureatlas":
-				if (file.atlasURL == null) this.cache.addTextureAtlas(file.key, file.url, file.data, file.atlasData);
+				if (file.atlasURL == null) this.cache.addTextureAtlas(file.key, url, file.data, file.atlasData);
 				else {
 					loadNext = false;
 					if (file.format === TEXTURE_ATLAS_JSON_HASH) this.xhrLoad(file, this.transformUrl(file.atlasURL, file), "text", this.jsonLoadComplete);
@@ -15552,7 +15574,7 @@ var Loader = class {
 				}
 				break;
 			case "bitmapfont":
-				if (!file.atlasURL) this.cache.addBitmapFont(file.key, file.url, file.data, file.atlasData, file.atlasType, file.xSpacing, file.ySpacing);
+				if (!file.atlasURL) this.cache.addBitmapFont(file.key, url, file.data, file.atlasData, file.atlasType ?? "xml", file.xSpacing ?? 0, file.ySpacing ?? 0);
 				else {
 					loadNext = false;
 					this.xhrLoad(file, this.transformUrl(file.atlasURL, file), "text", (bitmapFontFile, bitmapFontXhr) => {
@@ -15561,23 +15583,23 @@ var Loader = class {
 							json = JSON.parse(bitmapFontXhr.responseText);
 						} catch {}
 						if (json) {
-							bitmapFontFile["atlasType"] = "json";
+							bitmapFontFile.atlasType = "json";
 							this.jsonLoadComplete(bitmapFontFile, bitmapFontXhr);
 						} else {
-							bitmapFontFile["atlasType"] = "xml";
+							bitmapFontFile.atlasType = "xml";
 							this.xmlLoadComplete(bitmapFontFile, bitmapFontXhr);
 						}
 					});
 				}
 				break;
 			case "audio":
-				file.data = xhr.response;
-				this.cache.addSound(file.key, file.url, file.data);
+				file.data = response.response;
+				this.cache.addSound(file.key, url, file.data);
 				if (file.autoDecode) this.game.sound.decode(file.key);
 				break;
 			case "text":
-				file.data = xhr.responseText;
-				this.cache.addText(file.key, file.url, file.data);
+				file.data = response.responseText;
+				this.cache.addText(file.key, url, file.data);
 		}
 		if (loadNext) this.asyncComplete(file);
 	}
@@ -15588,9 +15610,10 @@ var Loader = class {
 	*/
 	jsonLoadComplete(file, xhr) {
 		const data = JSON.parse(xhr.responseText);
-		if (file.type === "bitmapfont") this.cache.addBitmapFont(file.key, file.url, file.data, data, file.atlasType, file.xSpacing, file.ySpacing);
-		else if (file.type === "json") this.cache.addJSON(file.key, file.url, data);
-		else this.cache.addTextureAtlas(file.key, file.url, file.data, data);
+		const url = typeof file.url === "string" ? file.url : "";
+		if (file.type === "bitmapfont") this.cache.addBitmapFont(file.key, url, file.data, data, file.atlasType ?? "json", file.xSpacing ?? 0, file.ySpacing ?? 0);
+		else if (file.type === "json") this.cache.addJSON(file.key, url, data);
+		else this.cache.addTextureAtlas(file.key, url, file.data, data);
 		this.asyncComplete(file);
 	}
 	/**
@@ -15613,9 +15636,10 @@ var Loader = class {
 			this.asyncComplete(file, "invalid XML");
 			return;
 		}
-		if (file.type === "bitmapfont") this.cache.addBitmapFont(file.key, file.url, file.data, xml, file.atlasType, file.xSpacing, file.ySpacing);
-		else if (file.type === "textureatlas") this.cache.addTextureAtlas(file.key, file.url, file.data, xml);
-		else if (file.type === "xml") this.cache.addXML(file.key, file.url, xml);
+		const url = typeof file.url === "string" ? file.url : "";
+		if (file.type === "bitmapfont") this.cache.addBitmapFont(file.key, url, file.data, xml, file.atlasType ?? "xml", file.xSpacing ?? 0, file.ySpacing ?? 0);
+		else if (file.type === "textureatlas") this.cache.addTextureAtlas(file.key, url, file.data, xml);
+		else if (file.type === "xml") this.cache.addXML(file.key, url, xml);
 		this.asyncComplete(file);
 	}
 	/**
@@ -16994,7 +17018,6 @@ var SceneManager = class {
 	*/
 	remove(key) {
 		if (this.current === key) {
-			this.callbackContext = null;
 			this.onInitCallback = null;
 			this.onShutDownCallback = null;
 			this.onPreloadCallback = null;
@@ -17062,7 +17085,7 @@ var SceneManager = class {
 			this.game.tweens.removeAll();
 			this.game.input.reset(true);
 			this.game.time.removeAll();
-			this.game.scale.reset(this._clearWorld);
+			this.game.scale.reset();
 			if (this._clearWorld) {
 				this.game.world.destroy(true, true);
 				if (this._clearCache) this.game.cache.destroy();
@@ -17164,14 +17187,12 @@ var SceneManager = class {
 		this._clearWorld = true;
 		this._clearCache = true;
 		this.clearCurrentState();
-		this.callbackContext = null;
 		this.onInitCallback = null;
 		this.onShutDownCallback = null;
 		this.onPreloadCallback = null;
 		this.onCreateCallback = null;
 		this.onUpdateCallback = null;
 		this.onPauseUpdateCallback = null;
-		this.game = null;
 		this.states = {};
 		this._pendingState = null;
 		this.current = "";
@@ -17672,7 +17693,7 @@ var SoundSprite = class {
 		for (const k in this.config.spritemap) {
 			const marker = this.config.spritemap[k];
 			const sound = this.game.sound.add(this.key);
-			sound.addMarker(k, marker.start, marker.end - marker.start, null, marker.loop);
+			sound.addMarker(k, marker.start, marker.end - marker.start, void 0, marker.loop);
 			this.sounds[k] = sound;
 		}
 		if (this.config.autoplay) {
@@ -19333,8 +19354,8 @@ var Tween = class {
 		let i = args.length;
 		while (i) {
 			i -= 1;
-			if (i > 0) args[i - 1].chainedTween = args[i];
-			else this.chainedTween = args[i];
+			if (i > 0) args[i - 1].chainedTween = args[i] ?? null;
+			else this.chainedTween = args[i] ?? null;
 		}
 		return this;
 	}
@@ -19968,6 +19989,8 @@ var World = class extends Group {
 //#endregion
 //#region src/phaser/core/game.ts
 var Game = class {
+	/** Set when the scene manager kick-starts the first scene. */
+	isKickStart = false;
 	config;
 	id;
 	parent;