@vpmedia/phaser 1.30.0 → 1.40.0

package/src/phaser/core/tween_manager.js

@@ -1,43 +1,43 @@
-import { Tween } from './tween';
+import { GROUP } from './const.js';
+import { Tween } from './tween.js';
 import {
+  BackIn,
+  BackInOut,
+  BackOut,
+  BounceIn,
+  BounceInOut,
+  BounceOut,
+  CircularIn,
+  CircularInOut,
+  CircularOut,
+  CubicIn,
+  CubicInOut,
+  CubicOut,
+  ElasticIn,
+  ElasticInOut,
+  ElasticOut,
+  ExponentialIn,
+  ExponentialInOut,
+  ExponentialOut,
   LinearNone,
   QuadraticIn,
-  QuadraticOut,
   QuadraticInOut,
-  CubicIn,
-  CubicOut,
-  CubicInOut,
+  QuadraticOut,
   QuarticIn,
-  QuarticOut,
   QuarticInOut,
+  QuarticOut,
   QuinticIn,
-  QuinticOut,
   QuinticInOut,
+  QuinticOut,
   SinusoidalIn,
-  SinusoidalOut,
   SinusoidalInOut,
-  ExponentialIn,
-  ExponentialOut,
-  ExponentialInOut,
-  CircularIn,
-  CircularOut,
-  CircularInOut,
-  ElasticIn,
-  ElasticOut,
-  ElasticInOut,
-  BackIn,
-  BackOut,
-  BackInOut,
-  BounceIn,
-  BounceOut,
-  BounceInOut,
-} from './tween_easing';
-import { GROUP } from './const';
+  SinusoidalOut,
+} from './tween_easing.js';
 
 export class TweenManager {
   /**
    * TBD.
-   * @param {import('./game').Game} game - TBD.
+   * @param {import('./game.js').Game} game - TBD.
    */
   constructor(game) {
     this.game = game;

package/src/phaser/core/world.js

@@ -1,9 +1,9 @@
-import { Group } from '../display/group';
+import { Group } from '../display/group.js';
 
 export class World extends Group {
   /**
    * TBD.
-   * @param {import('./game').Game} game - TBD.
+   * @param {import('./game.js').Game} game - TBD.
    */
   constructor(game) {
     super(game, null, '__world', false);

package/src/phaser/display/bitmap_text.js

@@ -1,12 +1,12 @@
-import { DisplayObject } from './display_object';
-import { Image } from './image';
-import { Point } from '../geom/point';
-import { BITMAP_TEXT, SCALE_LINEAR, SCALE_NEAREST } from '../core/const';
+import { BITMAP_TEXT, SCALE_LINEAR, SCALE_NEAREST } from '../core/const.js';
+import { Point } from '../geom/point.js';
+import { DisplayObject } from './display_object.js';
+import { Image } from './image.js';
 
 export class BitmapText extends DisplayObject {
   /**
    * TBD.
-   * @param {import('../core/game').Game} game - TBD.
+   * @param {import('../core/game.js').Game} game - TBD.
    * @param {number} x - TBD.
    * @param {number} y - TBD.
    * @param {string} font - TBD.

package/src/phaser/display/button.js

@@ -1,7 +1,7 @@
-import { Image } from './image';
-import { Signal } from '../core/signal';
-import { InputHandler } from '../core/input_handler';
-import { BUTTON, POINTER_CONTACT } from '../core/const';
+import { BUTTON, POINTER_CONTACT } from '../core/const.js';
+import { InputHandler } from '../core/input_handler.js';
+import { Signal } from '../core/signal.js';
+import { Image } from './image.js';
 
 const STATE_OVER = 'Over';
 const STATE_OUT = 'Out';
@@ -12,7 +12,7 @@ const STATE_DISABLED = 'Disabled';
 export class Button extends Image {
   /**
    * TBD.
-   * @param {import('../core/game').Game} game - TBD.
+   * @param {import('../core/game.js').Game} game - TBD.
    * @param {number} x - TBD.
    * @param {number} y - TBD.
    * @param {string} key - TBD.
@@ -33,7 +33,7 @@ export class Button extends Image {
     overFrame = null,
     outFrame = null,
     downFrame = null,
-    upFrame = null
+    upFrame = null,
   ) {
     super(game, x, y, key, outFrame);
     this.type = BUTTON;

package/src/phaser/display/canvas/buffer.js

@@ -1,4 +1,4 @@
-import { create, removeByCanvas } from './pool';
+import { create, removeByCanvas } from './pool.js';
 
 export class CanvasBuffer {
   /**

package/src/phaser/display/canvas/graphics.js

@@ -1,4 +1,4 @@
-import { GEOM_POLYGON, GEOM_RECTANGLE, GEOM_CIRCLE, GEOM_ELLIPSE, GEOM_ROUNDED_RECTANGLE } from '../../core/const';
+import { GEOM_POLYGON, GEOM_RECTANGLE, GEOM_CIRCLE, GEOM_ELLIPSE, GEOM_ROUNDED_RECTANGLE } from '../../core/const.js';
 
 /**
  * TBD.

package/src/phaser/display/canvas/masker.js

@@ -1,4 +1,4 @@
-import { renderGraphicsMask } from './graphics';
+import { renderGraphicsMask } from './graphics.js';
 
 /**
  * TBD.
@@ -17,7 +17,7 @@ export function pushMask(maskData, renderSession) {
     transform.c * resolution,
     transform.d * resolution,
     transform.tx * resolution,
-    transform.ty * resolution
+    transform.ty * resolution,
   );
   renderGraphicsMask(maskData, context);
   context.clip();

package/src/phaser/display/canvas/renderer.js

@@ -1,33 +1,33 @@
 import {
-  RENDER_CANVAS,
-  SCALE_LINEAR,
-  BLEND_NORMAL,
   BLEND_ADD,
-  BLEND_MULTIPLY,
-  BLEND_SCREEN,
-  BLEND_OVERLAY,
-  BLEND_DARKEN,
-  BLEND_LIGHTEN,
-  BLEND_COLOR_DODGE,
+  BLEND_COLOR,
   BLEND_COLOR_BURN,
-  BLEND_HARD_LIGHT,
-  BLEND_SOFT_LIGHT,
+  BLEND_COLOR_DODGE,
+  BLEND_DARKEN,
   BLEND_DIFFERENCE,
   BLEND_EXCLUSION,
+  BLEND_HARD_LIGHT,
   BLEND_HUE,
-  BLEND_SATURATION,
-  BLEND_COLOR,
+  BLEND_LIGHTEN,
   BLEND_LUMINOSITY,
+  BLEND_MULTIPLY,
+  BLEND_NORMAL,
+  BLEND_OVERLAY,
+  BLEND_SATURATION,
+  BLEND_SCREEN,
+  BLEND_SOFT_LIGHT,
+  RENDER_CANVAS,
+  SCALE_LINEAR,
   SCALE_NEAREST,
-} from '../../core/const';
-import { getSmoothingPrefix } from './util';
-import { detectCapabilities } from './tinter';
-import * as CanvasMaskManager from './masker';
+} from '../../core/const.js';
+import * as CanvasMaskManager from './masker.js';
+import { detectCapabilities } from './tinter.js';
+import { getSmoothingPrefix } from './util.js';
 
 export class CanvasRenderer {
   /**
    * TBD.
-   * @param {import('../../core/game').Game} game - TBD.
+   * @param {import('../../core/game.js').Game} game - TBD.
    */
   constructor(game) {
     detectCapabilities();
@@ -59,7 +59,7 @@ export class CanvasRenderer {
 
   /**
    * TBD.
-   * @param {import('../../core/stage').Stage} root - TBD.
+   * @param {import('../../core/stage.js').Stage} root - TBD.
    */
   render(root) {
     if (!this.context) {
@@ -116,9 +116,9 @@ export class CanvasRenderer {
 
   /**
    * TBD.
-   * @param {import('../../display/image').Image} displayObject - TBD.
+   * @param {import('../../display/image.js').Image} displayObject - TBD.
    * @param {CanvasRenderingContext2D} context - TBD.
-   * @param {import('../../geom/matrix').Matrix} matrix - TBD.
+   * @param {import('../../geom/matrix.js').Matrix} matrix - TBD.
    */
   renderDisplayObject(displayObject, context, matrix) {
     this.renderSession.context = context || this.context;

package/src/phaser/display/canvas/tinter.js

@@ -1,6 +1,6 @@
-import { CanvasBuffer } from './buffer';
-import { create, removeByCanvas } from './pool';
-import { hex2rgb } from '../../util/math';
+import { CanvasBuffer } from './buffer.js';
+import { create, removeByCanvas } from './pool.js';
+import { hex2rgb } from '../../util/math.js';
 
 /**
  * TBD.

package/src/phaser/display/canvas/util.js

@@ -1,4 +1,4 @@
-import { create as createCanvas } from './pool';
+import { create as createCanvas } from './pool.js';
 
 /**
  * TBD.

package/src/phaser/display/display_object.js

@@ -1,9 +1,9 @@
-import { Point } from '../geom/point';
-import { Rectangle } from '../geom/rectangle';
-import { Matrix } from '../geom/matrix';
-import { getIdentityMatrix } from '../geom/util/matrix';
-import { PI_2 } from '../util/math';
-import { renderCanvas, renderWebGL } from './sprite_util';
+import { Matrix } from '../geom/matrix.js';
+import { Point } from '../geom/point.js';
+import { Rectangle } from '../geom/rectangle.js';
+import { getIdentityMatrix } from '../geom/util/matrix.js';
+import { PI_2 } from '../util/math.js';
+import { renderCanvas, renderWebGL } from './sprite_util.js';
 
 export class DisplayObject {
   /**
@@ -157,7 +157,7 @@ export class DisplayObject {
       throw new Error(
         'getChildAt: Supplied index ' +
           index +
-          ' does not exist in the child list, or the supplied DisplayObject must be a child of the caller'
+          ' does not exist in the child list, or the supplied DisplayObject must be a child of the caller',
       );
     }
     return this.children[index];
@@ -292,7 +292,7 @@ export class DisplayObject {
     // this.worldPosition.set(wt.tx, wt.ty);
     this.worldScale.set(
       this.scale.x * Math.sqrt(wt.a * wt.a + wt.c * wt.c),
-      this.scale.y * Math.sqrt(wt.b * wt.b + wt.d * wt.d)
+      this.scale.y * Math.sqrt(wt.b * wt.b + wt.d * wt.d),
     );
     this.worldRotation = Math.atan2(-wt.c, wt.d);
     // reset the bounds each time this is called!
@@ -671,7 +671,7 @@ export class DisplayObject {
 
   /**
    * TBD.
-   * @returns {import('./graphics').Graphics} TBD.
+   * @returns {import('./graphics.js').Graphics} TBD.
    */
   get mask() {
     return this._mask;

package/src/phaser/display/graphics.js

@@ -1,33 +1,33 @@
-import { DisplayObject } from './display_object';
-import { Image } from './image';
-import { Rectangle } from '../geom/rectangle';
-import { RoundedRectangle } from '../geom/rounded_rectangle';
-import { Polygon } from '../geom/polygon';
-import { Circle } from '../geom/circle';
-import { Ellipse } from '../geom/ellipse';
-import { Point } from '../geom/point';
-import { GraphicsData } from './graphics_data';
-import { CanvasBuffer } from './canvas/buffer';
-import { textureFromCanvas } from './webgl/texture_util';
-import { renderGraphics as renderCanvasGraphics } from './canvas/graphics';
-import { renderGraphics as renderWebGLGraphics } from './webgl/graphics';
-import { renderCanvas as renderSpriteCanvas, renderWebGL as renderSpriteWebGL } from './sprite_util';
-import { getEmptyRectangle } from '../geom/util/rectangle';
-import { getIdentityMatrix } from '../geom/util/matrix';
 import {
   BLEND_NORMAL,
-  GRAPHICS,
-  GEOM_POLYGON,
   GEOM_CIRCLE,
   GEOM_ELLIPSE,
+  GEOM_POLYGON,
   GEOM_RECTANGLE,
   GEOM_ROUNDED_RECTANGLE,
-} from '../core/const';
+  GRAPHICS,
+} from '../core/const.js';
+import { Circle } from '../geom/circle.js';
+import { Ellipse } from '../geom/ellipse.js';
+import { Point } from '../geom/point.js';
+import { Polygon } from '../geom/polygon.js';
+import { Rectangle } from '../geom/rectangle.js';
+import { RoundedRectangle } from '../geom/rounded_rectangle.js';
+import { getIdentityMatrix } from '../geom/util/matrix.js';
+import { getEmptyRectangle } from '../geom/util/rectangle.js';
+import { CanvasBuffer } from './canvas/buffer.js';
+import { renderGraphics as renderCanvasGraphics } from './canvas/graphics.js';
+import { DisplayObject } from './display_object.js';
+import { GraphicsData } from './graphics_data.js';
+import { Image } from './image.js';
+import { renderCanvas as renderSpriteCanvas, renderWebGL as renderSpriteWebGL } from './sprite_util.js';
+import { renderGraphics as renderWebGLGraphics } from './webgl/graphics.js';
+import { textureFromCanvas } from './webgl/texture_util.js';
 
 export class Graphics extends DisplayObject {
   /**
    * TBD.
-   * @param {import('../core/game').Game} game - TBD.
+   * @param {import('../core/game.js').Game} game - TBD.
    * @param {number} x - TBD.
    * @param {number} y - TBD.
    */
@@ -190,7 +190,7 @@ export class Graphics extends DisplayObject {
       t3 = t2 * j;
       points.push(
         dt3 * fromX + 3 * dt2 * j * cpX + 3 * dt * t2 * cpX2 + t3 * toX,
-        dt3 * fromY + 3 * dt2 * j * cpY + 3 * dt * t2 * cpY2 + t3 * toY
+        dt3 * fromY + 3 * dt2 * j * cpY + 3 * dt * t2 * cpY2 + t3 * toY,
       );
     }
     this.dirty = true;
@@ -538,7 +538,7 @@ export class Graphics extends DisplayObject {
         transform.c * resolution,
         transform.d * resolution,
         tx,
-        ty
+        ty,
       );
       renderCanvasGraphics(this, context);
       // simple render children!
@@ -553,7 +553,7 @@ export class Graphics extends DisplayObject {
 
   /**
    * TBD.
-   * @param {import('../geom/matrix').Matrix} matrix - TBD.
+   * @param {import('../geom/matrix.js').Matrix} matrix - TBD.
    * @returns {Rectangle} TBD.
    */
   getBounds(matrix = null) {
@@ -812,7 +812,7 @@ export class Graphics extends DisplayObject {
       this.fillColor,
       this.fillAlpha,
       this.filling,
-      shape
+      shape,
     );
     this.graphicsData.push(data);
     if (data.type === GEOM_POLYGON) {

package/src/phaser/display/graphics_data.js

@@ -1,4 +1,4 @@
-import { clone } from './graphics_data_util';
+import { clone } from './graphics_data_util.js';
 
 export class GraphicsData {
   /**

package/src/phaser/display/graphics_data_util.js

@@ -1,4 +1,4 @@
-import { GraphicsData } from './graphics_data';
+import { GraphicsData } from './graphics_data.js';
 
 /**
  * TBD.
@@ -13,6 +13,6 @@ export function clone(source) {
     source.fillColor,
     source.fillAlpha,
     source.fill,
-    source.shape
+    source.shape,
   );
 }

package/src/phaser/display/group.js

@@ -1,7 +1,7 @@
-import { DisplayObject } from './display_object';
-import { Image } from './image';
-import { Signal } from '../core/signal';
-import { GROUP } from '../core/const';
+import { GROUP } from '../core/const.js';
+import { Signal } from '../core/signal.js';
+import { DisplayObject } from './display_object.js';
+import { Image } from './image.js';
 
 export const SORT_ASCENDING = -1;
 export const SORT_DESCENDING = 1;
@@ -9,7 +9,7 @@ export const SORT_DESCENDING = 1;
 export class Group extends DisplayObject {
   /**
    * TBD.
-   * @param {import('../core/game').Game} game - TBD.
+   * @param {import('../core/game.js').Game} game - TBD.
    * @param {DisplayObject} parent - TBD.
    * @param {string} name - TBD.
    * @param {boolean} addToStage - TBD.

package/src/phaser/display/image.js

@@ -1,16 +1,16 @@
-import { Texture } from './webgl/texture';
-import { AnimationManager } from '../core/animation_manager';
-import { EventManager } from '../core/event_manager';
-import { Rectangle } from '../geom/rectangle';
-import { DisplayObject } from './display_object';
-import { clone } from '../geom/util/rectangle';
-import { IMAGE, PENDING_ATLAS, BLEND_NORMAL, SCALE_NEAREST } from '../core/const';
-import { setTexture, getBounds, getLocalBounds, renderCanvas, renderWebGL } from './sprite_util';
+import { AnimationManager } from '../core/animation_manager.js';
+import { BLEND_NORMAL, IMAGE, PENDING_ATLAS, SCALE_NEAREST } from '../core/const.js';
+import { EventManager } from '../core/event_manager.js';
+import { Rectangle } from '../geom/rectangle.js';
+import { clone } from '../geom/util/rectangle.js';
+import { DisplayObject } from './display_object.js';
+import { getBounds, getLocalBounds, renderCanvas, renderWebGL, setTexture } from './sprite_util.js';
+import { Texture } from './webgl/texture.js';
 
 export class Image extends DisplayObject {
   /**
    * TBD.
-   * @param {import('../core/game').Game} game - TBD.
+   * @param {import('../core/game.js').Game} game - TBD.
    * @param {number} x - TBD.
    * @param {number} y - TBD.
    * @param {string} key - TBD.
@@ -138,7 +138,7 @@ export class Image extends DisplayObject {
 
   /**
    * TBD.
-   * @param {import('../core/frame').Frame} frame - TBD.
+   * @param {import('../core/frame.js').Frame} frame - TBD.
    */
   setFrame(frame) {
     this._frame = frame;
@@ -343,7 +343,7 @@ export class Image extends DisplayObject {
 
   /**
    * TBD.
-   * @param {import('../geom/matrix').Matrix} matrix - TBD.
+   * @param {import('../geom/matrix.js').Matrix} matrix - TBD.
    * @returns {Rectangle} TBD.
    */
   getBounds(matrix = null) {
@@ -361,7 +361,7 @@ export class Image extends DisplayObject {
   /**
    * TBD.
    * @param {object} renderSession - TBD.
-   * @param {import('../geom/matrix').Matrix} matrix - TBD.
+   * @param {import('../geom/matrix.js').Matrix} matrix - TBD.
    */
   renderWebGL(renderSession, matrix = null) {
     renderWebGL(this, renderSession, matrix);
@@ -370,7 +370,7 @@ export class Image extends DisplayObject {
   /**
    * TBD.
    * @param {object} renderSession - TBD.
-   * @param {import('../geom/matrix').Matrix} matrix - TBD.
+   * @param {import('../geom/matrix.js').Matrix} matrix - TBD.
    */
   renderCanvas(renderSession, matrix = null) {
     renderCanvas(this, renderSession, matrix);

package/src/phaser/display/sprite_batch.js

@@ -1,9 +1,9 @@
-import { DisplayObject } from './display_object';
+import { DisplayObject } from './display_object.js';
 
 export class SpriteBatch extends DisplayObject {
   /**
    * TBD.
-   * @param {import('../core/game').Game} game - TBD.
+   * @param {import('../core/game.js').Game} game - TBD.
    */
   constructor(game) {
     super();

package/src/phaser/display/sprite_util.js

@@ -1,11 +1,11 @@
-import { getTintedTexture } from './canvas/tinter';
-import { getIdentityMatrix } from '../geom/util/matrix';
-import { SCALE_LINEAR } from '../core/const';
+import { SCALE_LINEAR } from '../core/const.js';
+import { getIdentityMatrix } from '../geom/util/matrix.js';
+import { getTintedTexture } from './canvas/tinter.js';
 
 /**
  * TBD.
- * @param {import('./image').Image} target - TBD.
- * @param {import('./webgl/texture').Texture} texture - TBD.
+ * @param {import('./image.js').Image} target - TBD.
+ * @param {import('./webgl/texture.js').Texture} texture - TBD.
  * @param {boolean} destroyBase - TBD.
  */
 export function setTexture(target, texture, destroyBase = false) {
@@ -20,9 +20,9 @@ export function setTexture(target, texture, destroyBase = false) {
 
 /**
  * TBD.
- * @param {import('./image').Image} target - TBD.
+ * @param {import('./image.js').Image} target - TBD.
  * @param {object} matrix - TBD.
- * @returns {import('../geom/rectangle').Rectangle} TBD.
+ * @returns {import('../geom/rectangle.js').Rectangle} TBD.
  */
 export function getBounds(target, matrix = null) {
   // TODO verify
@@ -103,8 +103,8 @@ export function getBounds(target, matrix = null) {
 
 /**
  * TBD.
- * @param {import('./image').Image} target - TBD.
- * @returns {import('../geom/rectangle').Rectangle} TBD.
+ * @param {import('./image.js').Image} target - TBD.
+ * @returns {import('../geom/rectangle.js').Rectangle} TBD.
  */
 export function getLocalBounds(target) {
   const matrixCache = target.worldTransform;
@@ -123,9 +123,9 @@ export function getLocalBounds(target) {
 
 /**
  * TBD.
- * @param {import('./image').Image} target - TBD.
+ * @param {import('./image.js').Image} target - TBD.
  * @param {object} renderSession - TBD.
- * @param {import('../geom/matrix').Matrix} matrix - TBD.
+ * @param {import('../geom/matrix.js').Matrix} matrix - TBD.
  */
 export function renderWebGL(target, renderSession, matrix) {
   // if the sprite is not visible or the alpha is 0 then no need to render this element
@@ -172,9 +172,9 @@ export function renderWebGL(target, renderSession, matrix) {
 
 /**
  * TBD.
- * @param {import('./image').Image} target - TBD.
+ * @param {import('./image.js').Image} target - TBD.
  * @param {object} renderSession - TBD.
- * @param {import('../geom/matrix').Matrix} matrix - TBD.
+ * @param {import('../geom/matrix.js').Matrix} matrix - TBD.
  */
 export function renderCanvas(target, renderSession, matrix) {
   // If the sprite is not visible or the alpha is 0 then no need to render this element
@@ -253,7 +253,7 @@ export function renderCanvas(target, renderSession, matrix) {
         dx,
         dy,
         cw / resolution,
-        ch / resolution
+        ch / resolution,
       );
     }
   }

package/src/phaser/display/text.js

@@ -1,16 +1,16 @@
-import { Point } from '../geom/point';
-import { Rectangle } from '../geom/rectangle';
-import { Image } from './image';
-import { create, remove } from './canvas/pool';
-import { textureFromCanvas } from './webgl/texture_util';
-import { TEXT } from '../core/const';
-import { snapToCeil } from '../util/math';
-import { renderCanvas, renderWebGL, getBounds } from './sprite_util';
+import { TEXT } from '../core/const.js';
+import { Point } from '../geom/point.js';
+import { Rectangle } from '../geom/rectangle.js';
+import { snapToCeil } from '../util/math.js';
+import { create, remove } from './canvas/pool.js';
+import { Image } from './image.js';
+import { getBounds, renderCanvas, renderWebGL } from './sprite_util.js';
+import { textureFromCanvas } from './webgl/texture_util.js';
 
 export class Text extends Image {
   /**
    * TBD.
-   * @param {import('../core/game').Game} game - TBD.
+   * @param {import('../core/game.js').Game} game - TBD.
    * @param {number} x - TBD.
    * @param {number} y - TBD.
    * @param {string} text - TBD.
@@ -668,7 +668,7 @@ export class Text extends Image {
     //        {number} (em | ex | ch | rem | vh | vw | vmin | vmax | px | mm | cm | in | pt | pc | %)
     // font-family - rest (but identifiers or quoted with comma separation)
     const m = font.match(
-      /^\s*(?:\b(normal|italic|oblique|inherit)?\b)\s*(?:\b(normal|small-caps|inherit)?\b)\s*(?:\b(normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900|inherit)?\b)\s*(?:\b(xx-small|x-small|small|medium|large|x-large|xx-large|larger|smaller|0|\d*(?:[.]\d*)?(?:%|[a-z]{2,5}))?\b)\s*(.*)\s*$/
+      /^\s*(?:\b(normal|italic|oblique|inherit)?\b)\s*(?:\b(normal|small-caps|inherit)?\b)\s*(?:\b(normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900|inherit)?\b)\s*(?:\b(xx-small|x-small|small|medium|large|x-large|xx-large|larger|smaller|0|\d*(?:[.]\d*)?(?:%|[a-z]{2,5}))?\b)\s*(.*)\s*$/,
     );
     if (m) {
       let family = m[5].trim();
@@ -975,7 +975,7 @@ export class Text extends Image {
 
   /**
    * TBD.
-   * @param {import('../geom/matrix').Matrix} matrix - TBD.
+   * @param {import('../geom/matrix.js').Matrix} matrix - TBD.
    * @returns {Rectangle} TBD.
    */
   getBounds(matrix = null) {

package/src/phaser/display/webgl/base_texture.js

@@ -1,4 +1,4 @@
-import { removeByCanvas } from '../canvas/pool';
+import { removeByCanvas } from '../canvas/pool.js';
 
 export class BaseTexture {
   /**

package/src/phaser/display/webgl/earcut.js

@@ -1,4 +1,4 @@
-import { Node } from './earcut_node';
+import { Node } from './earcut_node.js';
 
 /**
  * TBD.

package/src/phaser/display/webgl/fast_sprite_batch.js

@@ -96,7 +96,7 @@ export class FastSpriteBatch {
 
   /**
    * TBD.
-   * @param {import('../../display/image').Image} sprite - TBD.
+   * @param {import('../../display/image.js').Image} sprite - TBD.
    */
   renderSprite(sprite) {
     if (!sprite.visible) {

package/src/phaser/display/webgl/filter_texture.js

@@ -1,4 +1,4 @@
-import { SCALE_LINEAR } from '../../core/const';
+import { SCALE_LINEAR } from '../../core/const.js';
 
 export class FilterTexture {
   /**