@woosh/meep-engine 2.126.16 → 2.126.18

package/package.json

@@ -5,7 +5,7 @@
   "description": "Pure JavaScript game engine. Fully featured and production ready.",
   "type": "module",
   "author": "Alexander Goldring",
-  "version": "2.126.16",
+  "version": "2.126.18",
   "main": "build/meep.module.js",
   "module": "build/meep.module.js",
   "exports": {

package/src/engine/input/devices/KeyboardDevice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeyboardDevice.d.ts","sourceRoot":"","sources":["../../../../../src/engine/input/devices/KeyboardDevice.js"],"names":[],"mappings":";AAYA;;;;;;;;GAQG;AACH;IA4BI;;;OAGG;IACH,wBAHW,WAAW,GAAC,OAAO,EAgC7B;IA3DD;;OAEG;IACH;QACI;;;WAGG;cADO,MAAM,CAAC,aAAa,CAAC;QAG/B;;;WAGG;YADO,MAAM,CAAC,aAAa,CAAC;MAGjC;IAEF;;;;;;;OAOG;IACH,mBAAU;IAkBN;;;OAGG;IACH,YAFU,WAAW,CAEO;IA8FhC;;;OAGG;IACH,SAFa,IAAI,CAMhB;IAED;;;OAGG;IACH,QAFa,IAAI,CAMhB;;CAEJ;mBAvLkB,uCAAuC"}
+{"version":3,"file":"KeyboardDevice.d.ts","sourceRoot":"","sources":["../../../../../src/engine/input/devices/KeyboardDevice.js"],"names":[],"mappings":";AAYA;;;;;;;;GAQG;AACH;IA4BI;;;OAGG;IACH,wBAHW,WAAW,GAAC,OAAO,EAgC7B;IA3DD;;OAEG;IACH;QACI;;;WAGG;cADO,MAAM,CAAC,aAAa,CAAC;QAG/B;;;WAGG;YADO,MAAM,CAAC,aAAa,CAAC;MAGjC;IAEF;;;;;;;OAOG;IACH,mBAAU;IAkBN;;;OAGG;IACH,YAFU,WAAW,CAEO;IA8FhC;;;OAGG;IACH,SAFa,IAAI,CAahB;IAED;;;OAGG;IACH,QAFa,IAAI,CAahB;;CAEJ;mBArMkB,uCAAuC"}

package/src/engine/input/devices/KeyboardDevice.js

@@ -153,7 +153,7 @@ class KeyboardDevice {
      *
      * @param {FocusEvent} event
      */
-    #handleGlobalBlurEvent(event) {
+    #handleGlobalBlurEvent = (event) => {
         // Element lost focus, we won't be able to capture key-up events
         // release all keys
         for (let keyName in KeyCodes) {
@@ -166,8 +166,15 @@ class KeyboardDevice {
      * @returns {void}
      */
     start() {
-        this.domElement.addEventListener(KeyboardEvents.KeyDown, this.#handlerKeyDown);
-        this.domElement.addEventListener(KeyboardEvents.KeyUp, this.#handlerKeyUp);
+        const el = this.domElement;
+        el.addEventListener(KeyboardEvents.KeyDown, this.#handlerKeyDown);
+        el.addEventListener(KeyboardEvents.KeyUp, this.#handlerKeyUp);
+
+        el.addEventListener('blur', this.#handleGlobalBlurEvent);
+
+        //https://w3c.github.io/uievents/#event-type-focusout
+        el.addEventListener('focusout', this.#handleGlobalBlurEvent);
+
         window.addEventListener('blur', this.#handleGlobalBlurEvent);
     }
 
@@ -176,8 +183,15 @@ class KeyboardDevice {
      * @returns {void}
      */
     stop() {
-        this.domElement.removeEventListener(KeyboardEvents.KeyDown, this.#handlerKeyDown);
-        this.domElement.removeEventListener(KeyboardEvents.KeyUp, this.#handlerKeyUp);
+        const el = this.domElement;
+        el.removeEventListener(KeyboardEvents.KeyDown, this.#handlerKeyDown);
+        el.removeEventListener(KeyboardEvents.KeyUp, this.#handlerKeyUp);
+
+        el.removeEventListener('blur', this.#handleGlobalBlurEvent);
+
+        //https://w3c.github.io/uievents/#event-type-focusout
+        el.removeEventListener('focusout', this.#handleGlobalBlurEvent);
+
         window.removeEventListener('blur', this.#handleGlobalBlurEvent);
     }