@vpmedia/phaser 1.105.0 → 1.107.0

package/src/phaser/core/dom.ts

@@ -211,7 +211,7 @@ export class DOM {
    * @param {Point} point - Optional Point object to store the result.
    * @returns {Point} The offset position of the element.
    */
-  getOffset(element: HTMLCanvasElement, point: Point = null) {
+  getOffset(element: HTMLCanvasElement, point: Point | null = null) {
     point = point || new Point();
     const box = element.getBoundingClientRect();
     const scrollTop = this.scrollY;
@@ -230,7 +230,7 @@ export class DOM {
    * @returns {boolean} True if bounds were successfully retrieved, false otherwise.
    */
   getBounds(element: HTMLCanvasElement, cushion: number = 0) {
-    element = element && !element.nodeType ? element[0] : element;
+    element = element && !element.nodeType ? (element as unknown as HTMLCanvasElement[])[0] : element;
     if (!element || element.nodeType !== 1) {
       return false;
     }

package/src/phaser/core/factory.ts

@@ -24,11 +24,9 @@ export class GameObjectFactory {
    * @param {Group} group - The parent group for the image.
    * @returns {Image} The created Image object.
    */
-  image(x: number, y: number, key: string, frame: any, group: Group = null) {
-    if (!group) {
-      group = this.game.world;
-    }
-    return group.add(new Image(this.game, x, y, key, frame));
+  image(x: number, y: number, key: string, frame: any, group: Group | null = null) {
+    const target = group ?? this.game.world;
+    return target.add(new Image(this.game, x, y, key, frame));
   }
 
   /**

package/src/phaser/core/game.ts

@@ -43,7 +43,12 @@ export class Game {
   device!: Device;
   logger!: Logger;
   canvas!: HTMLCanvasElement;
-  context!: CanvasRenderingContext2D | ImageBitmapRenderingContext | WebGLRenderingContext | WebGL2RenderingContext;
+  context!:
+    | CanvasRenderingContext2D
+    | ImageBitmapRenderingContext
+    | WebGLRenderingContext
+    | WebGL2RenderingContext
+    | null;
   onPause!: Signal;
   onResume!: Signal;
   onBoot!: Signal;
@@ -79,27 +84,9 @@ export class Game {
     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();
@@ -172,12 +159,12 @@ export class Game {
       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];
+      const canvasStyle = this.config.canvasStyle as Record<string, string>;
+      for (const property of Object.keys(canvasStyle)) {
+        this.canvas.style.setProperty(property, canvasStyle[property]);
       }
     } else {
-      this.canvas.style['-webkit-full-screen'] = 'width: 100%; height: 100%';
+      this.canvas.style.setProperty('-webkit-full-screen', 'width: 100%; height: 100%');
     }
   }
 
@@ -355,16 +342,16 @@ export class Game {
     this.renderer.destroy(false);
     removeFromDOM(this.canvas);
 
-    this.cache = null;
-    this.load = null;
-    this.time = null;
-    this.world = null;
-    this.state = null;
-    this.sound = null;
-    this.scale = null;
-    this.stage = null;
-    this.input = null;
-    this.canvas = null;
-    this.renderer = null;
+    this.cache = null!;
+    this.load = null!;
+    this.time = null!;
+    this.world = null!;
+    this.state = null!;
+    this.sound = null!;
+    this.scale = null!;
+    this.stage = null!;
+    this.input = null!;
+    this.canvas = null!;
+    this.renderer = null!;
   }
 }

package/src/phaser/core/input.ts

@@ -220,7 +220,7 @@ export class Input {
     const id = this.pointers.length + 1;
     const pointer = new Pointer(this.game, id, POINTER_CONTACT);
     this.pointers.push(pointer);
-    this[`pointer${id}`] = pointer;
+    (this as unknown as Record<string, Pointer>)[`pointer${id}`] = pointer;
     return pointer;
   }
 
@@ -286,7 +286,7 @@ export class Input {
    * @param {MouseEvent|TouchEvent|PointerEvent} event - TBD.
    * @returns {Pointer} TBD.
    */
-  startPointer(event: any|TouchEvent|PointerEvent) {
+  startPointer(event: any | TouchEvent | PointerEvent) {
     if (this.maxPointers >= 0 && this.countActivePointers(this.maxPointers) >= this.maxPointers) {
       return null;
     }
@@ -310,7 +310,7 @@ export class Input {
    * @param {MouseEvent|TouchEvent|PointerEvent} event - TBD.
    * @returns {Pointer} TBD.
    */
-  updatePointer(event: any|TouchEvent|PointerEvent) {
+  updatePointer(event: any | TouchEvent | PointerEvent) {
     if (this.pointer1.active && this.pointer1.identifier === event.identifier) {
       return this.pointer1.move(event);
     }
@@ -331,7 +331,7 @@ export class Input {
    * @param {MouseEvent|TouchEvent|PointerEvent} event - TBD.
    * @returns {Pointer} TBD.
    */
-  stopPointer(event: any|TouchEvent|PointerEvent) {
+  stopPointer(event: any | TouchEvent | PointerEvent) {
     if (this.pointer1.active && this.pointer1.identifier === event.identifier) {
       return this.pointer1.stop(event);
     }
@@ -417,7 +417,11 @@ export class Input {
    * @param {Point} output - TBD.
    * @returns {Point} TBD.
    */
-  getLocalPosition(displayObject: import('../display/display_object.js').DisplayObject, pointer: Pointer, output: Point = null) {
+  getLocalPosition(
+    displayObject: import('../display/display_object.js').DisplayObject,
+    pointer: Pointer,
+    output: Point | null = null
+  ) {
     const result = output || new Point();
     const wt = displayObject.worldTransform;
     const id = 1 / (wt.a * wt.d + wt.c * -wt.b);

package/src/phaser/core/input_handler.ts

@@ -42,7 +42,7 @@ export class InputHandler {
   _dragTimePass!: any;
   _dragDistancePass!: any;
   _wasEnabled!: any;
-  _tempPoint!: any;
+  _tempPoint!: import('../geom/point.js').Point;
   _pointerData!: any;
   _dx!: any;
   _dy!: any;
@@ -324,7 +324,7 @@ export class InputHandler {
    * @param {number} pointerId - TBD.
    * @returns {boolean} TBD.
    */
-  pointerOver(pointerId: number = null) {
+  pointerOver(pointerId: number | null = null) {
     if (!this.enabled) {
       return false;
     }
@@ -344,7 +344,7 @@ export class InputHandler {
    * @param {number} pointerId - TBD.
    * @returns {boolean} TBD.
    */
-  pointerOut(pointerId: number = null) {
+  pointerOut(pointerId: number | null = null) {
     if (!this.enabled) {
       return false;
     }
@@ -354,6 +354,7 @@ export class InputHandler {
           return true;
         }
       }
+      return false;
     }
     return this._pointerData[pointerId].isOut;
   }
@@ -449,10 +450,10 @@ export class InputHandler {
    * @param {import('./input_pointer.js').Pointer} pointer - TBD.
    * @returns {boolean} TBD.
    */
-  checkPixel(x: number, y: number, pointer?: any) {
+  checkPixel(x: number | null, y: number | null, pointer?: any) {
     //  Grab a pixel from our image into the hitCanvas and then test it
     if (this.sprite.texture.baseTexture.source) {
-      if (x === null && y === null) {
+      if (x === null || y === null) {
         //  Use the pointer parameter
         this.game.input.getLocalPosition(this.sprite, pointer, this._tempPoint);
         x = this._tempPoint.x;
@@ -813,7 +814,14 @@ export class InputHandler {
    * @param {import('../geom/rectangle.js').Rectangle | null | undefined} boundsRect - TBD.
    * @param {import('../display/display_object.js').DisplayObject | null | undefined} boundsSprite - TBD.
    */
-  enableDrag(lockCenter: boolean = false, bringToTop: boolean = false, pixelPerfect: boolean = false, alphaThreshold: number = 255, boundsRect: import('../geom/rectangle.js').Rectangle | null | undefined = null, boundsSprite: import('../display/display_object.js').DisplayObject | null | undefined = null) {
+  enableDrag(
+    lockCenter: boolean = false,
+    bringToTop: boolean = false,
+    pixelPerfect: boolean = false,
+    alphaThreshold: number = 255,
+    boundsRect: import('../geom/rectangle.js').Rectangle | null | undefined = null,
+    boundsSprite: import('../display/display_object.js').DisplayObject | null | undefined = null
+  ) {
     this._dragPoint = new Point();
     this.draggable = true;
     this.bringToTop = bringToTop;
@@ -944,7 +952,14 @@ export class InputHandler {
    * @param {number} snapOffsetX - TBD.
    * @param {number} snapOffsetY - TBD.
    */
-  enableSnap(snapX: number, snapY: number, onDrag: boolean = true, onRelease: boolean = false, snapOffsetX: number = 0, snapOffsetY: number = 0) {
+  enableSnap(
+    snapX: number,
+    snapY: number,
+    onDrag: boolean = true,
+    onRelease: boolean = false,
+    snapOffsetX: number = 0,
+    snapOffsetY: number = 0
+  ) {
     this.snapX = snapX;
     this.snapY = snapY;
     this.snapOffsetX = snapOffsetX;

package/src/phaser/core/input_mouse.ts

@@ -1,79 +1,3 @@
-/* const NO_BUTTON = -1;
-const LEFT_BUTTON = 0;
-const MIDDLE_BUTTON = 1;
-const RIGHT_BUTTON = 2;
-const BACK_BUTTON = 3;
-const FORWARD_BUTTON = 4;
-const WHEEL_UP = 1;
-const WHEEL_DOWN = -1; */
-
-class WheelEventProxy {
-  _scaleFactor!: any;
-  _deltaMode!: any;
-  originalEvent!: any;
-  type!: any;
-  deltaZ!: any;
-  /**
-   * TBD.
-   * @param {number} scaleFactor - TBD.
-   * @param {number} deltaMode - TBD.
-   */
-  constructor(scaleFactor: number, deltaMode: number) {
-    this._scaleFactor = scaleFactor;
-    this._deltaMode = deltaMode;
-    this.originalEvent = null;
-    this.type = 'wheel';
-    this.deltaZ = { value: 0 };
-  }
-
-  /**
-   * TBD.
-   * @param {WheelEvent} event - TBD.
-   * @returns {WheelEventProxy} TBD.
-   */
-  bindEvent(event: any) {
-    // TODO
-    console.warn('input_mouse.bindEvent() is not implemented');
-    /*
-    if (!window.PhaserRegistry.isMouseWheelEventBinded && event) {
-      const makeBinder = (name) => {
-        return () => {
-          const v = this.originalEvent[name];
-          return typeof v !== 'function' ? v : v.bind(this.originalEvent);
-        };
-      };
-      window.PhaserRegistry.isMouseWheelEventBinded = true;
-    }
-    */
-    this.originalEvent = event;
-    return this;
-  }
-
-  /**
-   * TBD.
-   * @returns {number} TBD.
-   */
-  get deltaMode() {
-    return this._deltaMode;
-  }
-
-  /**
-   * TBD.
-   * @returns {number} TBD.
-   */
-  get deltaY() {
-    return this._scaleFactor * (this.originalEvent.wheelDelta || this.originalEvent.detail) || 0;
-  }
-
-  /**
-   * TBD.
-   * @returns {number} TBD.
-   */
-  get deltaX() {
-    return this._scaleFactor * this.originalEvent.wheelDeltaX || 0;
-  }
-}
-
 export class Mouse {
   game!: any;
   input!: any;
@@ -91,14 +15,14 @@ export class Mouse {
   locked!: any;
   stopOnGameOut!: any;
   event!: any;
-  _onMouseDown!: any;
-  _onMouseMove!: any;
-  _onMouseUp!: any;
-  _onMouseOut!: any;
-  _onMouseOver!: any;
-  _onMouseWheel!: any;
-  _onMouseUpGlobal!: any;
-  _onMouseOutGlobal!: any;
+  _onMouseDown!: ((event: MouseEvent) => void) | null;
+  _onMouseMove!: ((event: MouseEvent) => void) | null;
+  _onMouseUp!: ((event: MouseEvent) => void) | null;
+  _onMouseOut!: ((event: MouseEvent) => void) | null;
+  _onMouseOver!: ((event: MouseEvent) => void) | null;
+  _onMouseWheel!: ((event: WheelEvent) => void) | null;
+  _onMouseUpGlobal!: (event: MouseEvent) => void;
+  _onMouseOutGlobal!: (event: MouseEvent) => void;
   _wheelEvent!: any;
   /**
    * TBD.

package/src/phaser/core/input_mspointer.ts

@@ -1,20 +1,20 @@
 export class MSPointer {
-game!: any;
-input!: any;
-callbackContext!: any;
-pointerDownCallback!: any;
-pointerMoveCallback!: any;
-pointerUpCallback!: any;
-capture!: any;
-button!: any;
-event!: any;
-enabled!: any;
-_onMSPointerDown!: any;
-_onMSPointerMove!: any;
-_onMSPointerUp!: any;
-_onMSPointerUpGlobal!: any;
-_onMSPointerOut!: any;
-_onMSPointerOver!: any;
+  game!: any;
+  input!: any;
+  callbackContext!: any;
+  pointerDownCallback!: any;
+  pointerMoveCallback!: any;
+  pointerUpCallback!: any;
+  capture!: any;
+  button!: any;
+  event!: any;
+  enabled!: any;
+  _onMSPointerDown!: ((event: PointerEvent) => void) | null;
+  _onMSPointerMove!: ((event: PointerEvent) => void) | null;
+  _onMSPointerUp!: ((event: PointerEvent) => void) | null;
+  _onMSPointerUpGlobal!: ((event: Event) => void) | null;
+  _onMSPointerOut!: ((event: PointerEvent) => void) | null;
+  _onMSPointerOver!: ((event: PointerEvent) => void) | null;
   /**
    * TBD.
    * @param {import('./game.js').Game} game - TBD.
@@ -86,11 +86,15 @@ _onMSPointerOver!: any;
     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);
     //  IE11+ uses non-prefix events
-    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);
   }

package/src/phaser/core/input_pointer.ts

@@ -10,50 +10,50 @@ import {
 } from './const.js';
 
 export class Pointer {
-game!: any;
-id!: any;
-type!: any;
-exists!: any;
-identifier!: any;
-pointerId!: any;
-pointerMode!: any;
-target!: any;
-button!: any;
-_holdSent!: any;
-_history!: any;
-_nextDrop!: any;
-_stateReset!: any;
-withinGame!: any;
-clientX!: any;
-clientY!: any;
-pageX!: any;
-pageY!: any;
-screenX!: any;
-screenY!: any;
-rawMovementX!: any;
-rawMovementY!: any;
-movementX!: any;
-movementY!: any;
-x!: any;
-y!: any;
-isMouse!: any;
-isDown!: any;
-isUp!: any;
-timeDown!: any;
-timeUp!: any;
-previousTapTime!: any;
-totalTouches!: any;
-msSinceLastClick!: any;
-targetObject!: any;
-interactiveCandidates!: any;
-active!: any;
-dirty!: any;
-position!: any;
-positionDown!: any;
-positionUp!: any;
-circle!: any;
-_clickTrampolines!: any;
-_trampolineTargetObject!: any;
+  game!: any;
+  id!: any;
+  type!: any;
+  exists!: any;
+  identifier!: any;
+  pointerId!: any;
+  pointerMode!: any;
+  target!: any;
+  button!: any;
+  _holdSent!: any;
+  _history!: any;
+  _nextDrop!: any;
+  _stateReset!: any;
+  withinGame!: any;
+  clientX!: any;
+  clientY!: any;
+  pageX!: any;
+  pageY!: any;
+  screenX!: any;
+  screenY!: any;
+  rawMovementX!: any;
+  rawMovementY!: any;
+  movementX!: any;
+  movementY!: any;
+  x!: any;
+  y!: any;
+  isMouse!: any;
+  isDown!: any;
+  isUp!: any;
+  timeDown!: any;
+  timeUp!: any;
+  previousTapTime!: any;
+  totalTouches!: any;
+  msSinceLastClick!: any;
+  targetObject!: any;
+  interactiveCandidates!: any;
+  active!: any;
+  dirty!: any;
+  position!: any;
+  positionDown!: any;
+  positionUp!: any;
+  circle!: any;
+  _clickTrampolines!: any;
+  _trampolineTargetObject!: any;
   /**
    * TBD.
    * @param {import('./game.js').Game} game - TBD.
@@ -137,7 +137,7 @@ _trampolineTargetObject!: any;
    * TBD.
    * @param {MouseEvent|PointerEvent} event - TBD.
    */
-  updateButtons(event: any|PointerEvent) {
+  updateButtons(event: any | PointerEvent) {
     if (event.type.toLowerCase().substr(-4) === 'down') {
       this.isUp = false;
       this.isDown = true;
@@ -241,7 +241,7 @@ _trampolineTargetObject!: any;
    * @param {boolean} fromClick - TBD.
    * @returns {Pointer} TBD.
    */
-  move(event: any|PointerEvent, fromClick: boolean = false) {
+  move(event: any | PointerEvent, fromClick: boolean = false) {
     const input = this.game.input;
     if (input.pollLocked) {
       return null;
@@ -397,7 +397,7 @@ _trampolineTargetObject!: any;
    * TBD.
    * @param {MouseEvent|PointerEvent} event - TBD.
    */
-  leave(event: any|PointerEvent) {
+  leave(event: any | PointerEvent) {
     this.withinGame = false;
     this.move(event, false);
   }
@@ -407,7 +407,7 @@ _trampolineTargetObject!: any;
    * @param {MouseEvent|PointerEvent} event - TBD.
    * @returns {Pointer} TBD.
    */
-  stop(event: any|PointerEvent) {
+  stop(event: any | PointerEvent) {
     const input = this.game.input;
     if (this._stateReset && this.withinGame) {
       event.preventDefault();

package/src/phaser/core/input_touch.ts

@@ -10,13 +10,13 @@ export class Touch {
   touchCancelCallback!: any;
   preventDefault!: any;
   event!: any;
-  _onTouchStart!: any;
-  _onTouchMove!: any;
-  _onTouchEnd!: any;
-  _onTouchEnter!: any;
-  _onTouchLeave!: any;
-  _onTouchCancel!: any;
-  _documentTouchMove!: any;
+  _onTouchStart!: ((event: TouchEvent) => void) | null;
+  _onTouchMove!: ((event: TouchEvent) => void) | null;
+  _onTouchEnd!: ((event: TouchEvent) => void) | null;
+  _onTouchEnter!: ((event: TouchEvent) => void) | null;
+  _onTouchLeave!: ((event: TouchEvent) => void) | null;
+  _onTouchCancel!: ((event: TouchEvent) => void) | null;
+  _documentTouchMove!: (event: TouchEvent) => void;
   /**
    * TBD.
    * @param {import('./game.js').Game} game - TBD.