@vpmedia/phaser 1.105.0 → 1.107.0

package/dist/index.js

@@ -567,7 +567,7 @@ var Matrix = class {
 	* @returns {Float32Array} A Float32Array containing the matrix elements.
 	*/
 	toArray(transpose = false, output = null) {
-		const result = output || new Float32Array(9);
+		const result = output || /* @__PURE__ */ new Float32Array(9);
 		if (transpose) {
 			result[0] = this.a;
 			result[1] = this.b;
@@ -1447,12 +1447,13 @@ const getRGB = (color) => {
 };
 /** Converts a color value (string or number) to an object with various color formats. */
 const valueToColor = (value, out) => {
-	if (typeof value === "string") if (value.indexOf("rgb") === 0) webToColor(value, out);
-	else {
-		out.a = 1;
-		hexToColor(value, out);
-	}
-	else if (typeof value === "number") {
+	if (typeof value === "string") {
+		if (value.indexOf("rgb") === 0) webToColor(value, out);
+		else {
+			out.a = 1;
+			hexToColor(value, out);
+		}
+	} else if (typeof value === "number") {
 		const tempColor = getRGB(value);
 		out.r = tempColor.r;
 		out.g = tempColor.g;
@@ -1897,35 +1898,26 @@ var DisplayObject = class {
 	rotation = 0;
 	/** @type {number} */
 	alpha = 1;
-	/** @type {Rectangle} */
 	hitArea = null;
-	/** @type {DisplayObject} */
 	parent = null;
 	/** @type {number} */
 	worldAlpha = 1;
 	worldTransform;
 	worldScale;
-	/** @type {Rectangle} */
 	filterArea = null;
 	/** @type {number} */
 	_sr = 0;
 	/** @type {number} */
 	_cr = 1;
 	cachedBounds;
-	/** @type {Rectangle} */
 	currentBounds = null;
-	/** @type {import('./graphics.js').Graphics} */
 	_mask = null;
-	/** @type {object[]} */
 	_filters = null;
-	/** @type {object} */
 	_filterBlock = null;
 	children;
 	/** @type {boolean} */
 	ignoreChildInput = false;
-	/** @type {string | null} */
 	name = null;
-	/** @type {object | null} */
 	data = null;
 	game;
 	type;
@@ -2147,9 +2139,7 @@ var DisplayObject = class {
 	updateTransform(parent = null) {
 		if (!parent && !this.parent) return this;
 		if (!this.game || !this.visible) return this;
-		let p = this.parent;
-		if (parent) p = parent;
-		else if (!this.parent) p = this.game.world;
+		const p = parent ?? this.parent ?? this.game.world;
 		const pt = p.worldTransform;
 		const wt = this.worldTransform;
 		let a;
@@ -2492,7 +2482,7 @@ var DisplayObject = class {
 	set mask(value) {
 		if (this._mask) this._mask.isMask = false;
 		this._mask = value;
-		if (value) this._mask.isMask = true;
+		if (value) value.isMask = true;
 	}
 	/**
 	* Gets the x offset for this display object (based on anchor point).
@@ -3163,8 +3153,10 @@ var Animation = class {
 	*/
 	next(quantity = 1) {
 		let frame = this._frameIndex + quantity;
-		if (frame >= this._frames.length) if (this.loop) frame %= this._frames.length;
-		else frame = this._frames.length - 1;
+		if (frame >= this._frames.length) {
+			if (this.loop) frame %= this._frames.length;
+			else frame = this._frames.length - 1;
+		}
 		if (frame !== this._frameIndex) {
 			this._frameIndex = frame;
 			this.updateCurrentFrame(true);
@@ -3176,8 +3168,10 @@ var Animation = class {
 	*/
 	previous(quantity = 1) {
 		let frame = this._frameIndex - quantity;
-		if (frame < 0) if (this.loop) frame = this._frames.length + frame;
-		else frame += 1;
+		if (frame < 0) {
+			if (this.loop) frame = this._frames.length + frame;
+			else frame += 1;
+		}
 		if (frame !== this._frameIndex) {
 			this._frameIndex = frame;
 			this.updateCurrentFrame(true);
@@ -3412,8 +3406,10 @@ var AnimationManager = class {
 	*/
 	add(name, frameList, frameRate = 60, loop = false, useNumericIndex = void 0) {
 		const frames = frameList || [];
-		if (useNumericIndex === void 0) if (frames && typeof frames[0] === "number") useNumericIndex = true;
-		else useNumericIndex = false;
+		if (useNumericIndex === void 0) {
+			if (frames && typeof frames[0] === "number") useNumericIndex = true;
+			else useNumericIndex = false;
+		}
 		this._outputFrames = [];
 		this._frameData.getFrameIndexes(frames, useNumericIndex, this._outputFrames);
 		this._anims[name] = new Animation(this.game, this.sprite, name, this._frameData, this._outputFrames, frameRate, loop);
@@ -3562,7 +3558,7 @@ var AnimationManager = class {
 		if (typeof value === "number" && this._frameData && this._frameData.getFrame(value) !== null) {
 			this.currentFrame = this._frameData.getFrame(value);
 			if (this.currentFrame) this.sprite.setFrame(this.currentFrame);
-		} else this.game.logger.exception("AnimationManager", new Error(ENGINE_ERROR_CANNOT_SET_FRAME), { tags: { "asset.key": value } });
+		} else this.game.logger.exception("AnimationManager", /* @__PURE__ */ new Error(ENGINE_ERROR_CANNOT_SET_FRAME), { tags: { "asset.key": value } });
 	}
 	/**
 	* Gets the current frame name.
@@ -3582,7 +3578,7 @@ var AnimationManager = class {
 				this._frameIndex = this.currentFrame.index;
 				this.sprite.setFrame(this.currentFrame);
 			}
-		} else this.game.logger.exception("AnimationManager", new Error(ENGINE_ERROR_CANNOT_SET_FRAME_NAME), { tags: { "asset.key": value } });
+		} else this.game.logger.exception("AnimationManager", /* @__PURE__ */ new Error(ENGINE_ERROR_CANNOT_SET_FRAME_NAME), { tags: { "asset.key": value } });
 	}
 };
 //#endregion
@@ -3985,7 +3981,7 @@ var Image$1 = class extends DisplayObject {
 			this.destroy();
 			return;
 		}
-		if (!this.exists || !this.parent.exists) {
+		if (!this.exists || !this.parent?.exists) {
 			this.renderOrderID = -1;
 			return;
 		}
@@ -4004,7 +4000,7 @@ var Image$1 = class extends DisplayObject {
 	*/
 	loadTexture(key, frame = 0, stopAnimation = true) {
 		if (key === -1) {
-			key = frame;
+			key = frame ?? 0;
 			frame = 0;
 		} else frame = frame || 0;
 		if (stopAnimation) this.animations.stop();
@@ -4065,11 +4061,11 @@ var Image$1 = class extends DisplayObject {
 	}
 	/**
 	* Resizes the frame of this image.
-	* @param {DisplayObject} parent - The parent display object.
+	* @param {DisplayObject} _parent - The parent display object.
 	* @param {number} width - The new width of the frame.
 	* @param {number} height - The new height of the frame.
 	*/
-	resizeFrame(parent, width, height) {
+	resizeFrame(_parent, width, height) {
 		this.texture.frame.resize(width, height);
 		this.texture.setFrame(this.texture.frame);
 	}
@@ -4301,7 +4297,7 @@ var BitmapText = class extends DisplayObject {
 			this.destroy();
 			return;
 		}
-		if (!this.exists || !this.parent.exists) {
+		if (!this.exists || !this.parent?.exists) {
 			this.renderOrderID = -1;
 			return;
 		}
@@ -4476,10 +4472,10 @@ var BitmapText = class extends DisplayObject {
 	/**
 	* Adds a color to a specific position in the text.
 	* @param {string} value - The color to apply (in hex format or CSS color name).
-	* @param {number} position - The character position to apply the color to.
+	* @param {number} _position - The character position to apply the color to.
 	* @returns {BitmapText} This bitmap text instance for chaining.
 	*/
-	addColor(value, position) {
+	addColor(value, _position) {
 		const color = typeof value === "string" ? Number.parseInt(value.replace("#", ""), 16) : value;
 		if (color !== this._tint) {
 			this._tint = color;
@@ -4927,6 +4923,7 @@ var InputHandler = class {
 		if (!this.enabled) return false;
 		if (pointerId === void 0 || pointerId === null) {
 			for (let i = 0; i < 10; i += 1) if (this._pointerData[i].isOut) return true;
+			return false;
 		}
 		return this._pointerData[pointerId].isOut;
 	}
@@ -4991,7 +4988,7 @@ var InputHandler = class {
 	*/
 	checkPixel(x, y, pointer) {
 		if (this.sprite.texture.baseTexture.source) {
-			if (x === null && y === null) {
+			if (x === null || y === null) {
 				this.game.input.getLocalPosition(this.sprite, pointer, this._tempPoint);
 				x = this._tempPoint.x;
 				y = this._tempPoint.y;
@@ -5106,14 +5103,16 @@ var InputHandler = class {
 				if (this.sprite && this.sprite.parent && this.sprite.parent.type === 7) this.sprite.parent.onChildInputDown.dispatch(this.sprite, pointer);
 				if (this.sprite === null) return;
 			}
-			if (this.draggable && this.isDragged === false) if (this.dragTimeThreshold === 0 && this.dragDistanceThreshold === 0) this.startDrag(pointer);
-			else {
-				this._pendingDrag = true;
-				this._dragDistancePass = this.dragDistanceThreshold === 0;
-				if (this.dragTimeThreshold > 0) {
-					this._dragTimePass = false;
-					this.game.time.events.add(this.dragTimeThreshold, this.dragTimeElapsed, this, pointer);
-				} else this._dragTimePass = true;
+			if (this.draggable && this.isDragged === false) {
+				if (this.dragTimeThreshold === 0 && this.dragDistanceThreshold === 0) this.startDrag(pointer);
+				else {
+					this._pendingDrag = true;
+					this._dragDistancePass = this.dragDistanceThreshold === 0;
+					if (this.dragTimeThreshold > 0) {
+						this._dragTimePass = false;
+						this.game.time.events.add(this.dragTimeThreshold, this.dragTimeElapsed, this, pointer);
+					} else this._dragTimePass = true;
+				}
 			}
 			if (this.bringToTop) this.sprite.bringToTop();
 		}
@@ -5544,10 +5543,10 @@ var Button = class extends Image$1 {
 	}
 	/**
 	* Handles the input over event for this button.
-	* @param {object} sprite - The sprite that triggered the event.
+	* @param {object} _sprite - The sprite that triggered the event.
 	* @param {object} pointer - The pointer that triggered the event.
 	*/
-	onInputOverHandler(sprite, pointer) {
+	onInputOverHandler(_sprite, pointer) {
 		if (pointer.justReleased() && (this.justReleasedPreventsOver & pointer.pointerMode) === pointer.pointerMode) return;
 		this.changeStateFrame(STATE_OVER);
 		if (this.onOverMouseOnly && !pointer.isMouse) return;
@@ -5555,34 +5554,36 @@ var Button = class extends Image$1 {
 	}
 	/**
 	* Handles the input out event for this button.
-	* @param {object} sprite - The sprite that triggered the event.
+	* @param {object} _sprite - The sprite that triggered the event.
 	* @param {object} pointer - The pointer that triggered the event.
 	*/
-	onInputOutHandler(sprite, pointer) {
+	onInputOutHandler(_sprite, pointer) {
 		this.changeStateFrame(STATE_OUT);
 		if (this.onInputOut) this.onInputOut.dispatch(this, pointer);
 	}
 	/**
 	* Handles the input down event for this button.
-	* @param {object} sprite - The sprite that triggered the event.
+	* @param {object} _sprite - The sprite that triggered the event.
 	* @param {object} pointer - The pointer that triggered the event.
 	*/
-	onInputDownHandler(sprite, pointer) {
+	onInputDownHandler(_sprite, pointer) {
 		this.changeStateFrame(STATE_DOWN);
 		if (this.onInputDown) this.onInputDown.dispatch(this, pointer);
 	}
 	/**
 	* Handles the input up event for this button.
-	* @param {object} sprite - The sprite that triggered the event.
+	* @param {object} _sprite - The sprite that triggered the event.
 	* @param {object} pointer - The pointer that triggered the event.
 	* @param {boolean} isOver - Whether the pointer is currently over the button (default: true).
 	*/
-	onInputUpHandler(sprite, pointer, isOver) {
+	onInputUpHandler(_sprite, pointer, isOver) {
 		if (this.onInputUp) this.onInputUp.dispatch(this, pointer, isOver);
 		if (this.freezeFrames) return;
 		if (this.forceOut === true || (this.forceOut & pointer.pointerMode) === pointer.pointerMode) this.changeStateFrame(STATE_OUT);
-		else if (!this.changeStateFrame(STATE_UP)) if (isOver) this.changeStateFrame(STATE_OVER);
-		else this.changeStateFrame(STATE_OUT);
+		else if (!this.changeStateFrame(STATE_UP)) {
+			if (isOver) this.changeStateFrame(STATE_OVER);
+			else this.changeStateFrame(STATE_OUT);
+		}
 	}
 	/**
 	* Gets whether input is currently enabled for this button.
@@ -6685,7 +6686,7 @@ function zOrder(x, y, minX, minY, size) {
 * @param {number} minY - The minimum y-coordinate of the bounding box.
 * @param {number} size - The size of the bounding box.
 */
-function indexCurve(start, 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);
@@ -6882,7 +6883,7 @@ function isEar(ear) {
 * @param {number} size - TBD.
 * @returns {boolean} TBD.
 */
-function isEarHashed(ear, minX, minY, size) {
+function isEarHashed(ear, minX = 0, minY = 0, size = 0) {
 	const a = ear.prev;
 	const b = ear;
 	const c = ear.next;
@@ -7021,6 +7022,7 @@ function eliminateHoles(data, holeIndices, outerNode, dim) {
 		start = holeIndices[i] * dim;
 		end = i < len - 1 ? holeIndices[i + 1] * dim : data.length;
 		list = linkedList(data, start, end, dim, false);
+		if (!list) continue;
 		if (list === list.next) list.steiner = true;
 		queue.push(getLeftmost(list));
 	}
@@ -7065,7 +7067,7 @@ function cureLocalIntersections(start, triangles, dim) {
 * @param {number} minY - The minimum y-coordinate of the bounding box.
 * @param {number} size - The size of the bounding box.
 */
-function splitEarcut(start, triangles, dim, minX, minY, size) {
+function splitEarcut(start, triangles, dim, minX = 0, minY = 0, size = 0) {
 	let a = start;
 	do {
 		let b = a.next.next;
@@ -7552,8 +7554,7 @@ const buildCircle = (graphicsData, webGLData) => {
 		width = circleData.width;
 		height = circleData.height;
 	}
-	const totalSegs = 40;
-	const seg = Math.PI * 2 / totalSegs;
+	const seg = Math.PI * 2 / 40;
 	if (graphicsData.fill) {
 		const color = hex2rgb(graphicsData.fillColor);
 		const alpha = graphicsData.fillAlpha;
@@ -7564,7 +7565,7 @@ const buildCircle = (graphicsData, webGLData) => {
 		const indices = webGLData.indices;
 		let vecPos = verts.length / 6;
 		indices.push(vecPos);
-		for (let i = 0; i < totalSegs + 1; i += 1) {
+		for (let i = 0; i < 41; i += 1) {
 			verts.push(x, y, r, g, b, alpha);
 			verts.push(x + Math.sin(seg * i) * width, y + Math.cos(seg * i) * height, r, g, b, alpha);
 			indices.push(vecPos, vecPos + 1);
@@ -7575,7 +7576,7 @@ const buildCircle = (graphicsData, webGLData) => {
 	if (graphicsData.lineWidth) {
 		const tempPoints = graphicsData.points;
 		graphicsData.points = [];
-		for (let i = 0; i < totalSegs + 1; i += 1) graphicsData.points.push(x + Math.sin(seg * i) * width, y + Math.cos(seg * i) * height);
+		for (let i = 0; i < 41; i += 1) graphicsData.points.push(x + Math.sin(seg * i) * width, y + Math.cos(seg * i) * height);
 		buildLine(graphicsData, webGLData);
 		graphicsData.points = tempPoints;
 	}
@@ -7677,15 +7678,17 @@ const updateGraphics = (graphics, gl) => {
 				if (data.points[0] !== data.points[data.points.length - 2] || data.points[1] !== data.points[data.points.length - 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)) {
+				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 {
 						webGLData = switchMode(webGL, 1);
 						buildComplexPoly(data, webGLData);
 					}
-				} else {
-					webGLData = switchMode(webGL, 1);
-					buildComplexPoly(data, webGLData);
 				}
 			}
 			if (data.lineWidth > 0) {
@@ -7935,11 +7938,13 @@ var Graphics = class extends DisplayObject {
 		this.lineWidth = lineWidth || 0;
 		this.lineColor = color || 0;
 		this.lineAlpha = alpha === void 0 ? 1 : alpha;
-		if (this.currentPath) if (this.currentPath.shape.points.length) this.drawShape(new Polygon(this.currentPath.shape.points.slice(-2)));
-		else {
-			this.currentPath.lineWidth = this.lineWidth;
-			this.currentPath.lineColor = this.lineColor;
-			this.currentPath.lineAlpha = this.lineAlpha;
+		if (this.currentPath) {
+			if (this.currentPath.shape.points.length) this.drawShape(new Polygon(this.currentPath.shape.points.slice(-2)));
+			else {
+				this.currentPath.lineWidth = this.lineWidth;
+				this.currentPath.lineColor = this.lineColor;
+				this.currentPath.lineAlpha = this.lineAlpha;
+			}
 		}
 		return this;
 	}
@@ -8570,25 +8575,26 @@ var Graphics = class extends DisplayObject {
 		const point3 = new Point();
 		let points = [];
 		let i;
-		if (!indices) if (vertices[0] instanceof Point) for (i = 0; i < vertices.length / 3; i += 1) this.drawTriangle([
-			vertices[i * 3],
-			vertices[i * 3 + 1],
-			vertices[i * 3 + 2]
-		], cull);
-		else for (i = 0; i < vertices.length / 6; i += 1) {
-			point1.x = vertices[i * 6 + 0];
-			point1.y = vertices[i * 6 + 1];
-			point2.x = vertices[i * 6 + 2];
-			point2.y = vertices[i * 6 + 3];
-			point3.x = vertices[i * 6 + 4];
-			point3.y = vertices[i * 6 + 5];
-			this.drawTriangle([
-				point1,
-				point2,
-				point3
+		if (!indices) {
+			if (vertices[0] instanceof Point) for (i = 0; i < vertices.length / 3; i += 1) this.drawTriangle([
+				vertices[i * 3],
+				vertices[i * 3 + 1],
+				vertices[i * 3 + 2]
 			], cull);
-		}
-		else if (vertices[0] instanceof Point) for (i = 0; i < indices.length / 3; i += 1) {
+			else for (i = 0; i < vertices.length / 6; i += 1) {
+				point1.x = vertices[i * 6 + 0];
+				point1.y = vertices[i * 6 + 1];
+				point2.x = vertices[i * 6 + 2];
+				point2.y = vertices[i * 6 + 3];
+				point3.x = vertices[i * 6 + 4];
+				point3.y = vertices[i * 6 + 5];
+				this.drawTriangle([
+					point1,
+					point2,
+					point3
+				], cull);
+			}
+		} else if (vertices[0] instanceof Point) for (i = 0; i < indices.length / 3; i += 1) {
 			points.push(vertices[indices[i * 3]]);
 			points.push(vertices[indices[i * 3 + 1]]);
 			points.push(vertices[indices[i * 3 + 2]]);
@@ -8819,7 +8825,7 @@ var Group = class extends DisplayObject {
 			this.destroy();
 			return;
 		}
-		if (!this.exists || !this.parent.exists) {
+		if (!this.exists || !this.parent?.exists) {
 			this.renderOrderID = -1;
 			return;
 		}
@@ -9326,7 +9332,8 @@ var Text = class extends Image$1 {
 								if (wordWidth <= currentLineWidth) break;
 							}
 							if (!newWord.length) throw new Error("This text's wordWrapWidth setting is less than a single character!");
-							words[j] = word.substr(newWord.length);
+							const secondPart = word.substr(newWord.length);
+							words[j] = secondPart;
 							out += newWord;
 						}
 						const offset = words[j].length ? j : j + 1;
@@ -9566,12 +9573,10 @@ var Text = class extends Image$1 {
 	determineFontProperties(font) {
 		let properties = this.getFontPropertiesCache()[font];
 		if (properties) return properties;
-		const METRICS_STRING = "|ÉqÅ";
-		const BASELINE_SYMBOL = "M";
 		/** @type {CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D} */
 		const context = this.getFontPropertiesContext();
 		context.font = font;
-		const metrics = context.measureText(METRICS_STRING + BASELINE_SYMBOL);
+		const metrics = context.measureText("|ÉqÅM");
 		properties = {
 			ascent: Math.ceil(metrics.actualBoundingBoxAscent),
 			descent: Math.ceil(metrics.actualBoundingBoxDescent),
@@ -10121,8 +10126,7 @@ var GameObjectFactory = class {
 	* @returns {Image} The created Image object.
 	*/
 	image(x, y, key, frame, group = null) {
-		if (!group) group = this.game.world;
-		return group.add(new Image$1(this.game, x, y, key, frame));
+		return (group ?? this.game.world).add(new Image$1(this.game, x, y, key, frame));
 	}
 	/**
 	* Creates a new Group object.
@@ -10246,9 +10250,8 @@ const create = (parent, width, height, id, skipPool) => {
 */
 const setTouchAction = (canvas, value = "none") => {
 	value = value || "none";
-	canvas.style.msTouchAction = value;
-	canvas.style["ms-touch-action"] = value;
-	canvas.style["touch-action"] = value;
+	canvas.style.setProperty("-ms-touch-action", value);
+	canvas.style.setProperty("touch-action", value);
 	return canvas;
 };
 /**
@@ -10259,13 +10262,13 @@ const setTouchAction = (canvas, value = "none") => {
 */
 const setUserSelect = (canvas, value = "none") => {
 	value = value || "none";
-	canvas.style["-webkit-touch-callout"] = value;
-	canvas.style["-webkit-user-select"] = value;
-	canvas.style["-khtml-user-select"] = value;
-	canvas.style["-moz-user-select"] = value;
-	canvas.style["-ms-user-select"] = value;
-	canvas.style["user-select"] = value;
-	canvas.style["-webkit-tap-highlight-color"] = "rgba(0, 0, 0, 0)";
+	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;
 };
 /**
@@ -10306,9 +10309,10 @@ const getSmoothingPrefix = (context) => {
 		"mozI",
 		"oI"
 	];
+	const smoothingFlags = context;
 	for (let i = 0; i < VENDORS.length; i += 1) {
 		const s = `${VENDORS[i]}mageSmoothingEnabled`;
-		if (context && context[s]) return s;
+		if (context && smoothingFlags[s]) return s;
 	}
 	return null;
 };
@@ -10330,7 +10334,7 @@ var CanvasRenderer = class {
 	renderSession;
 	/**
 	* Creates a new CanvasRenderer instance.
-	* @param {import('../../core/game.js').Game} game - The game instance.
+	* @param {import('../../core/game.js').Game} _game - The game instance.
 	*/
 	constructor(game) {
 		detectCapabilities(game);
@@ -10450,7 +10454,7 @@ var CanvasRenderer = class {
 	* Initializes the WebGL context for rendering.
 	* @param {import('../../core/game.js').Game} game - The game instance.
 	*/
-	initContext(game) {}
+	initContext(_game) {}
 };
 //#endregion
 //#region src/phaser/display/webgl/blend_manager.ts
@@ -10606,6 +10610,7 @@ const getWebGLContextErrorName = (errorCode) => {
 const compileShader = (gl, shaderSrc, shaderType) => {
 	const src = Array.isArray(shaderSrc) ? shaderSrc.join("\n") : shaderSrc;
 	const shader = gl.createShader(shaderType);
+	if (!shader) return null;
 	gl.shaderSource(shader, src);
 	gl.compileShader(shader);
 	if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
@@ -10644,6 +10649,7 @@ const compileProgram = (gl, vertexSrc, fragmentSrc) => {
 	const fragmentShader = compileFragmentShader(gl, fragmentSrc);
 	const vertexShader = compileVertexShader(gl, vertexSrc);
 	const shaderProgram = gl.createProgram();
+	if (!shaderProgram || !vertexShader || !fragmentShader) return null;
 	gl.attachShader(shaderProgram, vertexShader);
 	gl.attachShader(shaderProgram, fragmentShader);
 	gl.linkProgram(shaderProgram);
@@ -10974,18 +10980,21 @@ var NormalShader = class {
 		for (let i = 0; i < keys.length; i += 1) {
 			const key = keys[i];
 			uniform = this.uniforms[key];
-			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);
+			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);
-			else if (uniform.type === "sampler2D") if (uniform._init) {
-				gl.activeTexture(gl[`TEXTURE${this.textureCount}`]);
-				if (uniform.value.baseTexture._dirty[gl.id]) window.PhaserRegistry.INSTANCES[gl.id].updateTexture(uniform.value.baseTexture);
-				else gl.bindTexture(gl.TEXTURE_2D, uniform.value.baseTexture._glTextures[gl.id]);
-				gl.uniform1i(uniform.uniformLocation, this.textureCount);
-				this.textureCount += 1;
-			} else this.initSampler2D(uniform);
+			else if (uniform.type === "sampler2D") {
+				if (uniform._init) {
+					gl.activeTexture(gl[`TEXTURE${this.textureCount}`]);
+					if (uniform.value.baseTexture._dirty[gl.id]) window.PhaserRegistry.INSTANCES[gl.id].updateTexture(uniform.value.baseTexture);
+					else gl.bindTexture(gl.TEXTURE_2D, uniform.value.baseTexture._glTextures[gl.id]);
+					gl.uniform1i(uniform.uniformLocation, this.textureCount);
+					this.textureCount += 1;
+				} else this.initSampler2D(uniform);
+			}
 		}
 	}
 	/**
@@ -12210,7 +12219,8 @@ const jsonBitmapFont = (json, baseTexture, xSpacing, ySpacing) => {
 		};
 	});
 	if (json.font.kernings && json.font.kernings.kerning) json.font.kernings.kerning.forEach((kerning) => {
-		data.chars[kerning._second].kerning[kerning._first] = Number.parseInt(kerning._amount, 10);
+		const char = data.chars[Number.parseInt(kerning._second, 10)];
+		if (char) char.kerning[Number.parseInt(kerning._first, 10)] = Number.parseInt(kerning._amount, 10);
 	});
 	return finalizeBitmapFont(baseTexture, data);
 };
@@ -12287,18 +12297,19 @@ var Cache = class {
 	* @returns {object} The cached image object.
 	*/
 	addImage(key, url, data) {
+		const resolvedUrl = url ?? "";
 		if (this.checkImageKey(key)) this.removeImage(key);
 		const img = {
 			key,
-			url,
+			url: resolvedUrl,
 			data,
 			base: new BaseTexture(data),
 			frame: new Frame(0, 0, 0, data.width, data.height, key),
 			frameData: new FrameData()
 		};
-		img.frameData.addFrame(new Frame(0, 0, 0, data.width, data.height, url));
+		img.frameData.addFrame(new Frame(0, 0, 0, data.width, data.height, resolvedUrl));
 		this._cache.image[key] = img;
-		this._resolveURL(url, img);
+		this._resolveURL(resolvedUrl, img);
 		return img;
 	}
 	/**
@@ -12531,11 +12542,11 @@ var Cache = class {
 	* TBD.
 	* @param {string} key - TBD.
 	* @param {number} cache - TBD.
-	* @param {string} method - TBD.
+	* @param {string} _method - TBD.
 	* @param {string} property - TBD.
 	* @returns {*} TBD.
 	*/
-	getItem(key, cache, method, property = null) {
+	getItem(key, cache, _method, property = null) {
 		if (this.checkKey(cache, key)) {
 			if (!property) return this._cacheMap[cache][key];
 			return this._cacheMap[cache][key][property];
@@ -13057,14 +13068,15 @@ const checkFullScreenSupport = (device) => {
 		"mozCancelFullScreen",
 		"mozExitFullscreen"
 	];
-	const element = document.createElement("div");
-	for (let i = 0; i < fs.length; i += 1) if (element[fs[i]]) {
+	const elementApi = document.createElement("div");
+	for (let i = 0; i < fs.length; i += 1) if (elementApi[fs[i]]) {
 		device.fullscreen = true;
 		device.requestFullscreen = fs[i];
 		break;
 	}
 	if (device.fullscreen) {
-		for (let i = 0; i < cfs.length; i += 1) if (document[cfs[i]]) {
+		const documentApi = document;
+		for (let i = 0; i < cfs.length; i += 1) if (documentApi[cfs[i]]) {
 			device.cancelFullscreen = cfs[i];
 			break;
 		}
@@ -13603,10 +13615,10 @@ var MSPointer = class {
 		canvas.removeEventListener("pointerdown", this._onMSPointerDown, false);
 		canvas.removeEventListener("pointermove", this._onMSPointerMove, false);
 		canvas.removeEventListener("pointerup", this._onMSPointerUp, false);
-		window.removeEventListener("MSPointerUp", this._onMSPointerUpGlobal, true);
+		if (this._onMSPointerUpGlobal) window.removeEventListener("MSPointerUp", this._onMSPointerUpGlobal, true);
 		canvas.removeEventListener("MSPointerOver", this._onMSPointerOver, true);
 		canvas.removeEventListener("MSPointerOut", this._onMSPointerOut, true);
-		window.removeEventListener("pointerup", this._onMSPointerUpGlobal, true);
+		if (this._onMSPointerUpGlobal) window.removeEventListener("pointerup", this._onMSPointerUpGlobal, true);
 		canvas.removeEventListener("pointerover", this._onMSPointerOver, true);
 		canvas.removeEventListener("pointerout", this._onMSPointerOut, true);
 	}
@@ -14934,10 +14946,12 @@ var Loader = class {
 			this.game.logger.warn(`Loader: Invalid or no key given of type ${type}`);
 			return this;
 		}
-		if (url === void 0 || url === null) if (extension) url = key + extension;
-		else {
-			this.game.logger.warn(`Loader: No URL given for file type: ${type} key: ${key}`);
-			return this;
+		if (url === void 0 || url === null) {
+			if (extension) url = key + extension;
+			else {
+				this.game.logger.warn(`Loader: No URL given for file type: ${type} key: ${key}`);
+				return this;
+			}
 		}
 		const file = {
 			type,
@@ -14951,11 +14965,8 @@ var Loader = class {
 			error: false
 		};
 		if (properties) {
-			const keys = Object.keys(properties);
-			for (let i = 0; i < keys.length; i += 1) {
-				const prop = keys[i];
-				file[prop] = properties[prop];
-			}
+			const extraProperties = properties;
+			for (const prop of Object.keys(extraProperties)) file[prop] = extraProperties[prop];
 		}
 		const fileIndex = this.getAssetIndex(type, key);
 		if (overwrite && fileIndex > -1) {
@@ -15377,9 +15388,7 @@ var Loader = class {
 				case "bitmapFont":
 					this.bitmapFont(file.key, file.textureURL, file.fontDataURL ? file.fontDataURL : file.atlasURL, file.atlasData, file.xSpacing, file.ySpacing);
 					break;
-				case "atlas":
-					this.atlas(file.key, file.textureURL, file.atlasURL, file.atlasData, TEXTURE_ATLAS_JSON_HASH);
-					break;
+				case "atlas": this.atlas(file.key, file.textureURL, file.atlasURL, file.atlasData, TEXTURE_ATLAS_JSON_HASH);
 			}
 		}
 	}
@@ -15422,10 +15431,7 @@ var Loader = class {
 			case "xml":
 				this.xhrLoad(file, this.transformUrl(file.url, file), "text", this.xmlLoadComplete);
 				break;
-			case "text":
-				this.xhrLoad(file, this.transformUrl(file.url, file), "text", this.fileComplete);
-				break;
-			default: break;
+			case "text": this.xhrLoad(file, this.transformUrl(file.url, file), "text", this.fileComplete);
 		}
 	}
 	/**
@@ -15477,13 +15483,15 @@ var Loader = class {
 		onerror = onerror || this.fileError;
 		xhr.onload = () => {
 			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;
-				} else return onerror.call(scope, file, xhr);
+				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;
+					} else return onerror.call(scope, file, xhr);
+				}
 				return onload.call(scope, file, xhr);
 			} catch (error) {
 				const typedError = error instanceof Error ? error : new Error(String(error));
@@ -15608,8 +15616,6 @@ var Loader = class {
 			case "text":
 				file.data = xhr.responseText;
 				this.cache.addText(file.key, file.url, file.data);
-				break;
-			default: break;
 		}
 		if (loadNext) this.asyncComplete(file);
 	}
@@ -16232,8 +16238,10 @@ var ScaleManager = class {
 	* @param {object} config - TBD.
 	*/
 	parseConfig(config) {
-		if (config.scaleMode !== void 0) if (this._booted) this.scaleMode = config.scaleMode;
-		else this._pendingScaleMode = config.scaleMode;
+		if (config.scaleMode !== void 0) {
+			if (this._booted) this.scaleMode = config.scaleMode;
+			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;
@@ -16436,8 +16444,10 @@ var ScaleManager = class {
 		this.incorrectOrientation = this.forceLandscape && !this.isLandscape || this.forcePortrait && !this.isPortrait;
 		const changed = previousOrientation !== this.screenOrientation;
 		const correctnessChanged = previouslyIncorrect !== this.incorrectOrientation;
-		if (correctnessChanged) if (this.incorrectOrientation) this.enterIncorrectOrientation.dispatch();
-		else this.leaveIncorrectOrientation.dispatch();
+		if (correctnessChanged) {
+			if (this.incorrectOrientation) this.enterIncorrectOrientation.dispatch();
+			else this.leaveIncorrectOrientation.dispatch();
+		}
 		if (changed || correctnessChanged) this.onOrientationChange.dispatch(this, previousOrientation, previouslyIncorrect);
 		return changed || correctnessChanged;
 	}
@@ -16474,12 +16484,13 @@ var ScaleManager = class {
 		}
 		if (this.incorrectOrientation) this.setMaximum();
 		else if (scaleMode === 0) this.setExactFit();
-		else if (scaleMode === 2) if (!this.isFullScreen && this.boundingParent && this.compatibility.canExpandParent) {
-			this.setShowAll(true);
-			this.resetCanvas();
-			this.setShowAll();
-		} else this.setShowAll();
-		else if (scaleMode === 1) {
+		else if (scaleMode === 2) {
+			if (!this.isFullScreen && this.boundingParent && this.compatibility.canExpandParent) {
+				this.setShowAll(true);
+				this.resetCanvas();
+				this.setShowAll();
+			} else this.setShowAll();
+		} else if (scaleMode === 1) {
 			this.width = this.game.width;
 			this.height = this.game.height;
 		} else if (scaleMode === 4) {
@@ -16586,8 +16597,10 @@ var ScaleManager = class {
 			this.height = Math.max(this.minHeight || 0, Math.min(this.maxHeight || this.height, this.height));
 		}
 		this.resetCanvas();
-		if (!this.compatibility.noMargins) if (this.isFullScreen && this._createdFullScreenTarget) this.alignCanvas(true, true);
-		else this.alignCanvas(this.pageAlignHorizontally, this.pageAlignVertically);
+		if (!this.compatibility.noMargins) {
+			if (this.isFullScreen && this._createdFullScreenTarget) this.alignCanvas(true, true);
+			else this.alignCanvas(this.pageAlignHorizontally, this.pageAlignVertically);
+		}
 		this.updateScalingAndBounds();
 	}
 	/**
@@ -16837,12 +16850,14 @@ var ScaleManager = class {
 	* TBD.
 	*/
 	set fullScreenScaleMode(value) {
-		if (value !== this._fullScreenScaleMode) if (this.isFullScreen) {
-			this.prepScreenMode(false);
-			this._fullScreenScaleMode = value;
-			this.prepScreenMode(true);
-			this.queueUpdate(true);
-		} else this._fullScreenScaleMode = value;
+		if (value !== this._fullScreenScaleMode) {
+			if (this.isFullScreen) {
+				this.prepScreenMode(false);
+				this._fullScreenScaleMode = value;
+				this.prepScreenMode(true);
+				this.queueUpdate(true);
+			} else this._fullScreenScaleMode = value;
+		}
 	}
 	/**
 	* TBD.
@@ -16935,10 +16950,10 @@ var Scene = class {
 	update() {}
 	/**
 	* Handle scene resize.
-	* @param {number} width - The new width of the scene.
-	* @param {number} height - The new height of the scene.
+	* @param {number} _width - The new width of the scene.
+	* @param {number} _height - The new height of the scene.
 	*/
-	resize(width, height) {}
+	resize(_width, _height) {}
 	/**
 	* Update the scene while paused.
 	* This method is called every frame while the scene is paused.
@@ -17014,8 +17029,10 @@ var SceneManager = class {
 			newState.game = this.game;
 		} else if (typeof state === "function") newState = new state(this.game);
 		this.states[key] = newState;
-		if (autoStart) if (this.game.isBooted) this.start(key);
-		else this._pendingState = key;
+		if (autoStart) {
+			if (this.game.isBooted) this.start(key);
+			else this._pendingState = key;
+		}
 		return newState;
 	}
 	/**
@@ -17283,7 +17300,6 @@ var Sound = class {
 		this.key = key;
 		this.loop = loop;
 		this.markers = {};
-		this.context = null;
 		this.autoplay = false;
 		this.totalDuration = 0;
 		this.startTime = 0;
@@ -17303,20 +17319,14 @@ var Sound = class {
 		this.allowMultiple = false;
 		/** @type {GainNode} */
 		this.externalNode = null;
-		/** @type {GainNode} */
-		this.masterGainNode = null;
-		/** @type {GainNode} */
-		this.gainNode = null;
-		/** @type {AudioBufferSourceNode} */
-		this._sound = null;
 		this._markedToDelete = false;
 		this._removeFromSoundManager = false;
 		this.context = this.game.sound.context;
 		this.masterGainNode = this.game.sound.masterGain;
-		if (this.context.createGain === void 0) this.gainNode = this.context.createGainNode();
-		else this.gainNode = this.context.createGain();
-		this.gainNode.gain.value = volume * this.game.sound.volume;
-		if (connect) this.gainNode.connect(this.masterGainNode);
+		const gainNode = this.context.createGain === void 0 ? this.context.createGainNode() : this.context.createGain();
+		this.gainNode = gainNode;
+		gainNode.gain.value = volume * this.game.sound.volume;
+		if (connect && this.masterGainNode) gainNode.connect(this.masterGainNode);
 		this.onPlay = new Signal();
 		this.onPause = new Signal();
 		this.onResume = new Signal();
@@ -17458,24 +17468,25 @@ var Sound = class {
 			this.isPlaying = false;
 		}
 		if (marker === "" && Object.keys(this.markers).length > 0) return this;
-		if (marker !== "") if (this.markers[marker]) {
-			this.currentMarker = marker;
-			this.position = this.markers[marker].start;
-			this.volume = this.markers[marker].volume;
-			this.loop = this.markers[marker].loop;
-			this.duration = this.markers[marker].duration;
-			this.durationMS = this.markers[marker].durationMS;
-			if (volume !== void 0) this.volume = volume;
-			if (loop !== void 0) this.loop = loop;
-			this._tempMarker = marker;
-			this._tempPosition = this.position;
-			this._tempVolume = this.volume;
-			this._tempLoop = this.loop;
+		if (marker !== "") {
+			if (this.markers[marker]) {
+				this.currentMarker = marker;
+				this.position = this.markers[marker].start;
+				this.volume = this.markers[marker].volume;
+				this.loop = this.markers[marker].loop;
+				this.duration = this.markers[marker].duration;
+				this.durationMS = this.markers[marker].durationMS;
+				if (volume !== void 0) this.volume = volume;
+				if (loop !== void 0) this.loop = loop;
+				this._tempMarker = marker;
+				this._tempPosition = this.position;
+				this._tempVolume = this.volume;
+				this._tempLoop = this.loop;
+			} else {
+				this.game.logger.warn(`Sound.play: audio marker ${marker} does not exist`);
+				return this;
+			}
 		} else {
-			this.game.logger.warn(`Sound.play: audio marker ${marker} does not exist`);
-			return this;
-		}
-		else {
 			position = position || 0;
 			if (volume === void 0) volume = this._volume;
 			if (loop === void 0) ({loop} = this);
@@ -17497,7 +17508,7 @@ var Sound = class {
 			this._sound.buffer = this._buffer;
 			if (this.loop && marker === "") this._sound.loop = true;
 			if (!this.loop && marker === "") this._sound.onended = this.onEndedHandler.bind(this);
-			this.totalDuration = this._sound.buffer.duration;
+			this.totalDuration = this._sound.buffer?.duration ?? 0;
 			if (this.duration === 0) {
 				this.duration = this.totalDuration;
 				this.durationMS = Math.ceil(this.totalDuration * 1e3);
@@ -17823,7 +17834,7 @@ var SoundManager = class {
 			this.game.logger.exception("SoundManager", typedError);
 		}
 		if (!this.context) {
-			this.game.logger.exception("SoundManager", new Error(ENGINE_ERROR_CREATING_AUDIO_CONTEXT));
+			this.game.logger.exception("SoundManager", /* @__PURE__ */ new Error(ENGINE_ERROR_CREATING_AUDIO_CONTEXT));
 			setAudioDisabledState();
 			return;
 		}
@@ -19047,9 +19058,10 @@ var TweenData = class {
 	* @returns {number} The tween status (TWEEN_PENDING, TWEEN_RUNNING, or TWEEN_COMPLETE).
 	*/
 	update(time) {
-		if (!this.isRunning) if (time >= this.startTime) this.isRunning = true;
-		else return 0;
-		else if (time < this.startTime) return 1;
+		if (!this.isRunning) {
+			if (time >= this.startTime) this.isRunning = true;
+			else return 0;
+		} else if (time < this.startTime) return 1;
 		const ms = this.game.time.elapsedMS;
 		if (this.parent.reverse) {
 			this.dt -= ms * this.parent.timeScale;
@@ -19277,7 +19289,8 @@ var Tween = class {
 			const keys = Object.keys(this.timeline[i].vEnd);
 			for (let k = 0; k < keys.length; k += 1) {
 				const property = keys[k];
-				this.properties[property] = this.target[property] || 0;
+				const targetProperties = this.target;
+				this.properties[property] = targetProperties[property] || 0;
 				if (!Array.isArray(this.properties[property])) this.properties[property] *= 1;
 			}
 		}
@@ -19315,7 +19328,7 @@ var Tween = class {
 	*/
 	updateTweenData(property, value, index = 0) {
 		if (this.timeline.length === 0) return this;
-		if (index === -1) for (let i = 0; i < this.timeline.length; i += 1) this.timeline[i][property] = value;
+		if (index === -1) for (const timelineEntry of this.timeline) timelineEntry[property] = value;
 		else this.timeline[index][property] = value;
 		return this;
 	}
@@ -19536,7 +19549,8 @@ var Tween = class {
 			const keys = Object.keys(this.timeline[i].vEnd);
 			for (let k = 0; k < keys.length; k += 1) {
 				const property = keys[k];
-				this.properties[property] = this.target[property] || 0;
+				const targetProperties = this.target;
+				this.properties[property] = targetProperties[property] || 0;
 				if (!Array.isArray(this.properties[property])) this.properties[property] *= 1;
 			}
 		}
@@ -19804,8 +19818,7 @@ const ElasticInOut = (k) => {
 * @returns {number} TBD.
 */
 const BackIn = (k) => {
-	const s = 1.70158;
-	return k * k * ((s + 1) * k - s);
+	return k * k * (2.70158 * k - 1.70158);
 };
 /**
 * TBD.
@@ -19813,8 +19826,7 @@ const BackIn = (k) => {
 * @returns {number} TBD.
 */
 const BackOut = (k) => {
-	const s = 1.70158;
-	return --k * k * ((s + 1) * k + s) + 1;
+	return --k * k * (2.70158 * k + 1.70158) + 1;
 };
 /**
 * TBD.
@@ -19822,9 +19834,9 @@ const BackOut = (k) => {
 * @returns {number} TBD.
 */
 const BackInOut = (k) => {
-	const s = 1.70158 * 1.525;
-	if ((k *= 2) < 1) return .5 * (k * k * ((s + 1) * k - s));
-	return .5 * ((k -= 2) * k * ((s + 1) * k + s) + 2);
+	const s = 2.5949095;
+	if ((k *= 2) < 1) return .5 * (k * k * (3.5949095 * k - s));
+	return .5 * ((k -= 2) * k * (3.5949095 * k + s) + 2);
 };
 /**
 * TBD.
@@ -20111,27 +20123,9 @@ var Game = class {
 		this.parent = "";
 		this.width = 800;
 		this.height = 600;
-		this.renderer = null;
-		this.state = null;
 		this.isBooted = false;
 		this.paused = false;
-		this.raf = null;
-		this.add = null;
-		this.cache = null;
-		this.input = null;
-		this.load = null;
-		this.scale = null;
-		this.sound = null;
-		this.stage = null;
-		this.time = null;
-		this.tweens = null;
-		this.world = null;
 		this.device = new Device();
-		/** @type {Logger} */
-		this.logger = null;
-		/** @type {HTMLCanvasElement} */
-		this.canvas = null;
-		/** @type {CanvasRenderingContext2D | ImageBitmapRenderingContext | WebGLRenderingContext | WebGL2RenderingContext} */
 		this.context = null;
 		this.onPause = new Signal();
 		this.onResume = new Signal();
@@ -20187,9 +20181,9 @@ var Game = class {
 		if (this.config.canvas) this.canvas = this.config.canvas;
 		else this.canvas = create(this, this.width, this.height, this.config.canvasID, true);
 		if (this.config.canvasStyle) {
-			const properties = Object.keys(this.config.canvasStyle);
-			for (const property of properties) this.canvas.style[property] = this.config.canvasStyle[property];
-		} else this.canvas.style["-webkit-full-screen"] = "width: 100%; height: 100%";
+			const canvasStyle = this.config.canvasStyle;
+			for (const property of Object.keys(canvasStyle)) this.canvas.style.setProperty(property, canvasStyle[property]);
+		} else this.canvas.style.setProperty("-webkit-full-screen", "width: 100%; height: 100%");
 	}
 	/**
 	* Initializes the renderer and sets up the rendering context.
@@ -20701,6 +20695,6 @@ var Line = class {
 	}
 };
 //#endregion
-export { Animation, AnimationManager, BaseTexture, BitmapText, Button, Circle, const_exports as Const, DisplayObject, ENGINE_ERROR_CANNOT_SET_FRAME, ENGINE_ERROR_CANNOT_SET_FRAME_NAME, ENGINE_ERROR_CREATING_AUDIO_CONTEXT, ENGINE_ERROR_CREATING_CANVAS_2D_CONTEXT, ENGINE_ERROR_CREATING_WEBGL_CONTEXT, ENGINE_ERROR_GETTING_DOCUMENT, ENGINE_ERROR_INVALID_BITMAP_FONT_ATLAS, ENGINE_ERROR_WEBGL_CONTEXT_LOST, Ellipse, Game, GameObjectFactory, Graphics, Group, Image$1 as Image, Line, math_exports as MathUtils, Matrix, Point, Polygon, Rectangle, RoundedRectangle, ScaleManager, Scene, SceneManager, Signal, Sound, SoundManager, SoundSprite, Text, Texture, Time, Timer, TimerEvent, Tween, TweenData, TweenManager };
+export { Animation, AnimationManager, BaseTexture, BitmapText, Button, Cache, Circle, const_exports as Const, DisplayObject, ENGINE_ERROR_CANNOT_SET_FRAME, ENGINE_ERROR_CANNOT_SET_FRAME_NAME, ENGINE_ERROR_CREATING_AUDIO_CONTEXT, ENGINE_ERROR_CREATING_CANVAS_2D_CONTEXT, ENGINE_ERROR_CREATING_WEBGL_CONTEXT, ENGINE_ERROR_GETTING_DOCUMENT, ENGINE_ERROR_INVALID_BITMAP_FONT_ATLAS, ENGINE_ERROR_WEBGL_CONTEXT_LOST, Ellipse, Game, GameObjectFactory, Graphics, Group, Image$1 as Image, Input, Line, Loader, math_exports as MathUtils, Matrix, Point, Pointer, Polygon, Rectangle, RoundedRectangle, ScaleManager, Scene, SceneManager, Signal, Sound, SoundManager, SoundSprite, Text, Texture, Time, Timer, TimerEvent, Tween, TweenData, TweenManager };
 
 //# sourceMappingURL=index.js.map