From cf0be7d035f4dc428b1d2d31913090646ddae19b Mon Sep 17 00:00:00 2001
From: Quinton Ashley <qashto@gmail.com>
Date: Thu, 6 Jun 2024 16:02:53 -0500
Subject: [PATCH] 1.9.39

---
 package.json        |  2 +-
 src/q5-2d-canvas.js |  4 ++--
 src/q5-core.js      |  2 +-
 src/q5-display.js   | 18 +++++++++---------
 4 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index 8f344f7..14ee713 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "q5",
-	"version": "1.9.38",
+	"version": "1.9.39",
 	"description": "The sequel to p5.js!",
 	"author": "quinton-ashley",
 	"contributors": [
diff --git a/src/q5-2d-canvas.js b/src/q5-2d-canvas.js
index ddf7935..0ddce8e 100644
--- a/src/q5-2d-canvas.js
+++ b/src/q5-2d-canvas.js
@@ -38,7 +38,7 @@ Q5.modules.q2d_canvas = ($) => {
 			function parentResized() {
 				if ($.frameCount > 1) {
 					$._shouldResize = true;
-					if ($._applyDisplayMode) $._applyDisplayMode();
+					if ($._displayMode) $._displayMode();
 				}
 			}
 			if (typeof ResizeObserver == 'function') {
@@ -127,7 +127,7 @@ Q5.modules.q2d_canvas = ($) => {
 			$.height = h;
 		} else $.flexibleCanvas($._dau);
 
-		if (frameCount != 0 && $._applyDisplayMode) $._applyDisplayMode();
+		if (frameCount != 0 && $._displayMode) $._displayMode();
 	}
 
 	$.resizeCanvas = (w, h) => {
diff --git a/src/q5-core.js b/src/q5-core.js
index 86f84d1..31547a4 100644
--- a/src/q5-core.js
+++ b/src/q5-core.js
@@ -1,6 +1,6 @@
 /**
  * q5.js
- * @version 2.0-beta3
+ * @version 2.0-beta4
  * @author quinton-ashley, Tezumie, and LingDong-
  * @license LGPL-3.0
  */
diff --git a/src/q5-display.js b/src/q5-display.js
index deed423..8f5cab9 100644
--- a/src/q5-display.js
+++ b/src/q5-display.js
@@ -40,9 +40,9 @@ main {
 		);
 	}
 
-	$._applyDisplayMode = () => {
+	$._displayMode = () => {
 		let s = c.style;
-		if (!s) return;
+		if (!s || !c.displayMode) return;
 		let p = c.parentElement;
 		if (c.renderQuality == 'pixelated') {
 			c.classList.add('q5-pixelated');
@@ -50,15 +50,15 @@ main {
 			if ($.noSmooth) $.noSmooth();
 			if ($.textFont) $.textFont('monospace');
 		}
-		if (c.mode == 'normal') {
+		if (c.displayMode == 'normal') {
 			p.classList.remove('q5-centered', 'q5-fullscreen');
 			s.width = c.w * c.displayScale + 'px';
 			s.height = c.h * c.displayScale + 'px';
 		} else {
-			p.classList.add('q5-' + c.mode);
+			p.classList.add('q5-' + c.displayMode);
 			p = p.getBoundingClientRect();
 			if (c.w / c.h > p.width / p.height) {
-				if (c.mode == 'centered') {
+				if (c.displayMode == 'centered') {
 					s.width = c.w * c.displayScale + 'px';
 					s.maxWidth = '100%';
 				} else s.width = '100%';
@@ -67,7 +67,7 @@ main {
 			} else {
 				s.width = 'auto';
 				s.maxWidth = '';
-				if (c.mode == 'centered') {
+				if (c.displayMode == 'centered') {
 					s.height = c.h * c.displayScale + 'px';
 					s.maxHeight = '100%';
 				} else s.height = '100%';
@@ -75,11 +75,11 @@ main {
 		}
 	};
 
-	$.displayMode = (mode, renderQuality = 'default', displayScale = 1) => {
+	$.displayMode = (displayMode, renderQuality = 'default', displayScale = 1) => {
 		if (typeof displayScale == 'string') {
 			displayScale = parseFloat(displayScale.slice(1));
 		}
-		Object.assign(c, { mode, renderQuality, displayScale });
-		$._applyDisplayMode();
+		Object.assign(c, { displayMode, renderQuality, displayScale });
+		$._displayMode();
 	};
 };