@vpmedia/phaser 1.103.0 → 1.105.0

package/src/phaser/core/tween_easing.ts

@@ -3,7 +3,7 @@
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const LinearNone = (k) => {
+export const LinearNone = (k: number) => {
   return k;
 };
 
@@ -12,7 +12,7 @@ export const LinearNone = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const QuadraticIn = (k) => {
+export const QuadraticIn = (k: number) => {
   return k * k;
 };
 
@@ -21,7 +21,7 @@ export const QuadraticIn = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const QuadraticOut = (k) => {
+export const QuadraticOut = (k: number) => {
   return k * (2 - k);
 };
 
@@ -30,7 +30,7 @@ export const QuadraticOut = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const QuadraticInOut = (k) => {
+export const QuadraticInOut = (k: number) => {
   if ((k *= 2) < 1) return 0.5 * k * k;
   return -0.5 * (--k * (k - 2) - 1);
 };
@@ -40,7 +40,7 @@ export const QuadraticInOut = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const CubicIn = (k) => {
+export const CubicIn = (k: number) => {
   return k * k * k;
 };
 
@@ -49,7 +49,7 @@ export const CubicIn = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const CubicOut = (k) => {
+export const CubicOut = (k: number) => {
   return --k * k * k + 1;
 };
 
@@ -58,7 +58,7 @@ export const CubicOut = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const CubicInOut = (k) => {
+export const CubicInOut = (k: number) => {
   if ((k *= 2) < 1) return 0.5 * k * k * k;
   return 0.5 * ((k -= 2) * k * k + 2);
 };
@@ -68,7 +68,7 @@ export const CubicInOut = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const QuarticIn = (k) => {
+export const QuarticIn = (k: number) => {
   return k * k * k * k;
 };
 
@@ -77,7 +77,7 @@ export const QuarticIn = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const QuarticOut = (k) => {
+export const QuarticOut = (k: number) => {
   return 1 - --k * k * k * k;
 };
 
@@ -86,7 +86,7 @@ export const QuarticOut = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const QuarticInOut = (k) => {
+export const QuarticInOut = (k: number) => {
   if ((k *= 2) < 1) return 0.5 * k * k * k * k;
   return -0.5 * ((k -= 2) * k * k * k - 2);
 };
@@ -96,7 +96,7 @@ export const QuarticInOut = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const QuinticIn = (k) => {
+export const QuinticIn = (k: number) => {
   return k * k * k * k * k;
 };
 
@@ -105,7 +105,7 @@ export const QuinticIn = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const QuinticOut = (k) => {
+export const QuinticOut = (k: number) => {
   return --k * k * k * k * k + 1;
 };
 
@@ -114,7 +114,7 @@ export const QuinticOut = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const QuinticInOut = (k) => {
+export const QuinticInOut = (k: number) => {
   if ((k *= 2) < 1) return 0.5 * k * k * k * k * k;
   return 0.5 * ((k -= 2) * k * k * k * k + 2);
 };
@@ -124,7 +124,7 @@ export const QuinticInOut = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const SinusoidalIn = (k) => {
+export const SinusoidalIn = (k: number) => {
   if (k === 0) return 0;
   if (k === 1) return 1;
   return 1 - Math.cos((k * Math.PI) / 2);
@@ -135,7 +135,7 @@ export const SinusoidalIn = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const SinusoidalOut = (k) => {
+export const SinusoidalOut = (k: number) => {
   if (k === 0) return 0;
   if (k === 1) return 1;
   return Math.sin((k * Math.PI) / 2);
@@ -146,7 +146,7 @@ export const SinusoidalOut = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const SinusoidalInOut = (k) => {
+export const SinusoidalInOut = (k: number) => {
   if (k === 0) return 0;
   if (k === 1) return 1;
   return 0.5 * (1 - Math.cos(Math.PI * k));
@@ -157,7 +157,7 @@ export const SinusoidalInOut = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const ExponentialIn = (k) => {
+export const ExponentialIn = (k: number) => {
   return k === 0 ? 0 : Math.pow(1024, k - 1);
 };
 
@@ -166,7 +166,7 @@ export const ExponentialIn = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const ExponentialOut = (k) => {
+export const ExponentialOut = (k: number) => {
   return k === 1 ? 1 : 1 - Math.pow(2, -10 * k);
 };
 
@@ -175,7 +175,7 @@ export const ExponentialOut = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const ExponentialInOut = (k) => {
+export const ExponentialInOut = (k: number) => {
   if (k === 0) return 0;
   if (k === 1) return 1;
   if ((k *= 2) < 1) return 0.5 * Math.pow(1024, k - 1);
@@ -187,7 +187,7 @@ export const ExponentialInOut = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const CircularIn = (k) => {
+export const CircularIn = (k: number) => {
   return 1 - Math.sqrt(1 - k * k);
 };
 
@@ -196,7 +196,7 @@ export const CircularIn = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const CircularOut = (k) => {
+export const CircularOut = (k: number) => {
   return Math.sqrt(1 - --k * k);
 };
 
@@ -205,7 +205,7 @@ export const CircularOut = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const CircularInOut = (k) => {
+export const CircularInOut = (k: number) => {
   if ((k *= 2) < 1) return -0.5 * (Math.sqrt(1 - k * k) - 1);
   return 0.5 * (Math.sqrt(1 - (k -= 2) * k) + 1);
 };
@@ -215,7 +215,7 @@ export const CircularInOut = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const ElasticIn = (k) => {
+export const ElasticIn = (k: number) => {
   let s;
   let a = 0.1;
   const p = 0.4;
@@ -235,7 +235,7 @@ export const ElasticIn = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const ElasticOut = (k) => {
+export const ElasticOut = (k: number) => {
   let s;
   let a = 0.1;
   const p = 0.4;
@@ -255,7 +255,7 @@ export const ElasticOut = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const ElasticInOut = (k) => {
+export const ElasticInOut = (k: number) => {
   let s;
   let a = 0.1;
   const p = 0.4;
@@ -276,7 +276,7 @@ export const ElasticInOut = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const BackIn = (k) => {
+export const BackIn = (k: number) => {
   const s = 1.70158;
   return k * k * ((s + 1) * k - s);
 };
@@ -286,7 +286,7 @@ export const BackIn = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const BackOut = (k) => {
+export const BackOut = (k: number) => {
   const s = 1.70158;
   return --k * k * ((s + 1) * k + s) + 1;
 };
@@ -296,7 +296,7 @@ export const BackOut = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const BackInOut = (k) => {
+export const BackInOut = (k: number) => {
   const s = 1.70158 * 1.525;
   if ((k *= 2) < 1) return 0.5 * (k * k * ((s + 1) * k - s));
   return 0.5 * ((k -= 2) * k * ((s + 1) * k + s) + 2);
@@ -307,7 +307,7 @@ export const BackInOut = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const BounceOut = (k) => {
+export const BounceOut = (k: number) => {
   if (k < 1 / 2.75) {
     return 7.5625 * k * k;
   } else if (k < 2 / 2.75) {
@@ -323,7 +323,7 @@ export const BounceOut = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const BounceIn = (k) => {
+export const BounceIn = (k: number) => {
   return 1 - BounceOut(1 - k);
 };
 
@@ -332,7 +332,7 @@ export const BounceIn = (k) => {
  * @param {number} k - TBD.
  * @returns {number} TBD.
  */
-export const BounceInOut = (k) => {
+export const BounceInOut = (k: number) => {
   if (k < 0.5) return BounceIn(k * 2) * 0.5;
   return BounceOut(k * 2 - 1) * 0.5 + 0.5;
 };

package/src/phaser/core/tween_manager.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { GROUP } from './const.js';
 import { Tween } from './tween.js';
 import {
@@ -36,11 +35,15 @@ import {
 } from './tween_easing.js';
 
 export class TweenManager {
+game!: any;
+_tweens!: any;
+_add!: any;
+easeMap!: any;
   /**
    * Creates a new TweenManager instance.
    * @param {import('./game.js').Game} game - The game instance this manager belongs to.
    */
-  constructor(game) {
+  constructor(game: import('./game.js').Game) {
     this.game = game;
     /** @type {Tween[]} */
     this._tweens = [];
@@ -119,7 +122,7 @@ export class TweenManager {
    * @param {object} obj - The object to remove tweens from.
    * @param {object[]} children - Optional array of child objects to remove tweens from.
    */
-  removeFrom(obj, children = null) {
+  removeFrom(obj: any, children: any[] = null) {
     let i;
     let len;
     if (Array.isArray(obj)) {
@@ -148,7 +151,7 @@ export class TweenManager {
    * Add a tween to the manager.
    * @param {Tween} tween - The tween to add.
    */
-  add(tween) {
+  add(tween: Tween) {
     tween.manager = this;
     this._add.push(tween);
   }
@@ -158,7 +161,7 @@ export class TweenManager {
    * @param {object} object - The object to create a tween for.
    * @returns {Tween} The created Tween object.
    */
-  create(object) {
+  create(object: any) {
     return new Tween(object, this.game, this);
   }
 
@@ -166,7 +169,7 @@ export class TweenManager {
    * Remove a tween from the manager.
    * @param {Tween | null | undefined} tween - The tween to remove.
    */
-  remove(tween) {
+  remove(tween: Tween | null | undefined) {
     let i = this._tweens.indexOf(tween);
     if (i !== -1) {
       this._tweens[i].pendingDelete = true;
@@ -210,7 +213,7 @@ export class TweenManager {
    * @param {object} object - The object to check.
    * @returns {boolean} True if the object is being tweened, false otherwise.
    */
-  isTweening(object) {
+  isTweening(object: any) {
     return this._tweens.some((tween) => tween.target === object);
   }
 

package/src/phaser/core/world.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { Group } from '../display/group.js';
 
 export class World extends Group {
@@ -6,7 +5,7 @@ export class World extends Group {
    * Creates a new World instance.
    * @param {import('./game.js').Game} game - The game instance this world belongs to.
    */
-  constructor(game) {
+  constructor(game: import('./game.js').Game) {
     super(game, null, '__world', false);
   }
 

package/src/phaser/display/bitmap_text.ts

@@ -1,10 +1,24 @@
-// @ts-nocheck
 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 {
+  declare type: any;
+  pendingDestroy!: any;
+  declare renderOrderID: any;
+  textWidth!: any;
+  textHeight!: any;
+  _prevAnchor!: any;
+  _glyphs!: any;
+  _maxWidth!: any;
+  _text!: any;
+  _data!: any;
+  _font!: any;
+  _fontSize!: any;
+  _align!: any;
+  _tint!: any;
+  dirty!: any;
   /**
    * Creates a new BitmapText instance.
    * @param {import('../core/game.js').Game} game - The game instance this bitmap text belongs to.
@@ -15,7 +29,15 @@ export class BitmapText extends DisplayObject {
    * @param {number} size - The font size.
    * @param {string} align - The text alignment (left, center, right).
    */
-  constructor(game, x = 0, y = 0, font = '', text = '', size = 32, align = 'left') {
+  constructor(
+    game: import('../core/game.js').Game,
+    x: number = 0,
+    y: number = 0,
+    font: string = '',
+    text: string = '',
+    size: number = 32,
+    align: string = 'left'
+  ) {
     super(game);
     /** @type {number} */
     this.type = BITMAP_TEXT;
@@ -82,7 +104,7 @@ export class BitmapText extends DisplayObject {
    * Sets the text to display.
    * @param {string} text - The new text to display.
    */
-  setText(text) {
+  setText(text: string) {
     this.text = text;
   }
 
@@ -93,7 +115,7 @@ export class BitmapText extends DisplayObject {
    * @param {string} text - The text to scan.
    * @returns {{width: number, text: string, end: boolean, chars: number[]}} An object containing the width, processed text, end status, and character positions.
    */
-  scanLine(data, scale, text) {
+  scanLine(data: any, scale: number, text: string) {
     let x = 0;
     let w = 0;
     let lastSpace = -1;
@@ -160,7 +182,7 @@ export class BitmapText extends DisplayObject {
    * @param {string} replace - The character to use for replacement of invalid characters (default: '').
    * @returns {string} The cleaned text.
    */
-  cleanText(text, replace = '') {
+  cleanText(text: string, replace: string = '') {
     const data = this._data.font;
     if (!data) {
       return '';
@@ -190,12 +212,12 @@ export class BitmapText extends DisplayObject {
     if (!data) {
       return;
     }
-    let text = this.text;
+    let text: any = this.text;
     const scale = this._fontSize / data.size;
     const lines = [];
     let y = 0;
     this.textWidth = 0;
-    let line = { end: text.length === 0 };
+    let line: any = { end: text.length === 0 };
     do {
       line = this.scanLine(data, scale, text);
       line.y = y;
@@ -277,13 +299,14 @@ export class BitmapText extends DisplayObject {
   /**
    * Updates the transform of this bitmap text, updating its text if needed.
    */
-  updateTransform() {
+  updateTransform(): this {
     if (this.dirty || !this.anchor.equals(this._prevAnchor)) {
       this.updateText();
       this.dirty = false;
       this._prevAnchor.copyFrom(this.anchor);
     }
     super.updateTransform();
+    return this;
   }
 
   /**
@@ -292,7 +315,7 @@ export class BitmapText extends DisplayObject {
    * @param {number} position - The character position to apply the color to.
    * @returns {BitmapText} This bitmap text instance for chaining.
    */
-  addColor(value, position) {
+  addColor(value: string, position: number) {
     const color = typeof value === 'string' ? Number.parseInt(value.replace('#', ''), 16) : value;
     if (color !== this._tint) {
       this._tint = color;
@@ -313,7 +336,7 @@ export class BitmapText extends DisplayObject {
    * Sets the text alignment property.
    * @param {string} value - The new text alignment (left, center, right).
    */
-  set align(value) {
+  set align(value: string) {
     if (value !== this._align && (value === 'left' || value === 'center' || value === 'right')) {
       this._align = value;
       this.updateText();
@@ -332,7 +355,7 @@ export class BitmapText extends DisplayObject {
    * Sets the tint color of this bitmap text.
    * @param {number} value - The new tint color in RGB format.
    */
-  set tint(value) {
+  set tint(value: number) {
     if (value !== this._tint) {
       this._tint = value;
       this.updateText();
@@ -358,7 +381,7 @@ export class BitmapText extends DisplayObject {
    * Sets the fill color of this bitmap text.
    * @param {string} value - The new fill color in hex format or CSS color name.
    */
-  set fill(value) {
+  set fill(value: string) {
     this.tint = typeof value === 'string' ? Number.parseInt(value.replace('#', ''), 16) : value;
   }
 
@@ -374,7 +397,7 @@ export class BitmapText extends DisplayObject {
    * Sets the font key used by this bitmap text.
    * @param {string} value - The new font key to use.
    */
-  set font(value) {
+  set font(value: string) {
     const trimmedValue = value.trim();
     if (trimmedValue !== this._font) {
       this._font = trimmedValue;
@@ -387,7 +410,7 @@ export class BitmapText extends DisplayObject {
    * Gets the font size of this bitmap text.
    * @returns {number} The current font size.
    */
-  get fontSize() {
+  get fontSize(): number {
     return this._fontSize;
   }
 
@@ -395,7 +418,7 @@ export class BitmapText extends DisplayObject {
    * Sets the font size of this bitmap text.
    * @param {number} value - The new font size to use.
    */
-  set fontSize(value) {
+  set fontSize(value: any) {
     value = Number.parseInt(value, 10);
     if (value !== this._fontSize && value > 0) {
       this._fontSize = value;
@@ -415,7 +438,7 @@ export class BitmapText extends DisplayObject {
    * Sets the text content of this bitmap text.
    * @param {string | number | boolean | Date} value - The new text content to set.
    */
-  set text(value) {
+  set text(value: string | number | boolean | Date) {
     const typedValue = value.toString();
     if (typedValue !== this._text) {
       this._text = typedValue || '';
@@ -435,7 +458,7 @@ export class BitmapText extends DisplayObject {
    * Sets the maximum width of this bitmap text.
    * @param {number} value - The new maximum width to set.
    */
-  set maxWidth(value) {
+  set maxWidth(value: number) {
     if (value !== this._maxWidth) {
       this._maxWidth = value;
       this.updateText();
@@ -454,7 +477,7 @@ export class BitmapText extends DisplayObject {
    * Sets whether smoothing is enabled for this bitmap text's font.
    * @param {boolean} value - Whether to enable smoothing (true) or not (false).
    */
-  set smoothed(value) {
+  set smoothed(value: boolean) {
     if (value) {
       this._data.base.scaleMode = SCALE_LINEAR;
     } else {

package/src/phaser/display/button.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { BUTTON, POINTER_CONTACT } from '../core/const.js';
 import { InputHandler } from '../core/input_handler.js';
 import { Signal } from '../core/signal.js';
@@ -11,6 +10,20 @@ const STATE_UP = 'Up';
 const STATE_DISABLED = 'Disabled';
 
 export class Button extends Image {
+  _onOverFrame!: string | null;
+  _onOutFrame!: string | null;
+  _onDownFrame!: string | null;
+  _onUpFrame!: string | null;
+  _onDisabledFrame!: string | null;
+  onInputOver!: Signal;
+  onInputOut!: Signal;
+  onInputDown!: Signal;
+  onInputUp!: Signal;
+  onOverMouseOnly!: boolean;
+  justReleasedPreventsOver!: number;
+  freezeFrames!: boolean;
+  forceOut!: any;
+  input!: InputHandler;
   /**
    * Creates a new Button instance.
    * @param {import('../core/game.js').Game} game - The game instance this button belongs to.
@@ -25,19 +38,7 @@ export class Button extends Image {
    * @param {string} upFrame - The frame identifier to use when the button is released.
    * @param {string} disabledFrame - The frame identifier to use when the button is disabled.
    */
-  constructor(
-    game,
-    x = 0,
-    y = 0,
-    key = null,
-    callback = null,
-    callbackContext = null,
-    overFrame = null,
-    outFrame = null,
-    downFrame = null,
-    upFrame = null,
-    disabledFrame = null
-  ) {
+  constructor(game: import('../core/game.js').Game, x: number = 0, y: number = 0, key: string = null, callback: Function = null, callbackContext: any = null, overFrame: string = null, outFrame: string = null, downFrame: string = null, upFrame: string = null, disabledFrame: string = null) {
     super(game, x, y, key, outFrame);
     this.type = BUTTON;
     this._onOverFrame = null;
@@ -98,7 +99,7 @@ export class Button extends Image {
    * @param {boolean} isEnabled - Whether the button should be enabled (true) or disabled (false).
    * @param {boolean} isImmediate - Whether to change the state immediately or with a delay (default: false).
    */
-  setEnabled(isEnabled, isImmediate = false) {
+  setEnabled(isEnabled: boolean, isImmediate: boolean = false) {
     this.input.enabled = isEnabled;
     if (isImmediate) {
       this.changeStateFrame(isEnabled ? STATE_UP : STATE_DISABLED);
@@ -129,7 +130,7 @@ export class Button extends Image {
    * @param {string} frame - The frame identifier to set for this state.
    * @param {boolean} switchImmediately - Whether to switch to the new frame immediately (default: false).
    */
-  setStateFrame(state, frame, switchImmediately = false) {
+  setStateFrame(state: string, frame: string, switchImmediately: boolean = false) {
     const frameKey = `_on${state}Frame`;
     if (frame) {
       this[frameKey] = frame;
@@ -146,7 +147,7 @@ export class Button extends Image {
    * @param {string} newState - The new state to change to (Over, Out, Down, Up, Disabled).
    * @returns {boolean} True if the frame was changed, false otherwise.
    */
-  changeStateFrame(newState) {
+  changeStateFrame(newState: string) {
     if (this.freezeFrames) {
       return false;
     }
@@ -171,7 +172,7 @@ export class Button extends Image {
    * @param {string} upFrame - The frame identifier to use when the button is released.
    * @param {string} disabledFrame - The frame identifier to use when the button is disabled.
    */
-  setFrames(overFrame, outFrame, downFrame, upFrame, disabledFrame = null) {
+  setFrames(overFrame: string, outFrame: string, downFrame: string, upFrame: string, disabledFrame: string = null) {
     this.setStateFrame(STATE_OVER, overFrame, this.input.pointerOver());
     this.setStateFrame(STATE_OUT, outFrame, !this.input.pointerOver());
     this.setStateFrame(STATE_DOWN, downFrame, this.input.pointerDown());
@@ -186,7 +187,7 @@ export class Button extends Image {
    * @param {object} sprite - The sprite that triggered the event.
    * @param {object} pointer - The pointer that triggered the event.
    */
-  onInputOverHandler(sprite, pointer) {
+  onInputOverHandler(sprite: any, pointer: any) {
     if (pointer.justReleased() && (this.justReleasedPreventsOver & pointer.pointerMode) === pointer.pointerMode) {
       //  If the Pointer was only just released then we don't fire an over event
       return;
@@ -205,7 +206,7 @@ export class Button extends Image {
    * @param {object} sprite - The sprite that triggered the event.
    * @param {object} pointer - The pointer that triggered the event.
    */
-  onInputOutHandler(sprite, pointer) {
+  onInputOutHandler(sprite: any, pointer: any) {
     this.changeStateFrame(STATE_OUT);
     if (this.onInputOut) {
       this.onInputOut.dispatch(this, pointer);
@@ -217,7 +218,7 @@ export class Button extends Image {
    * @param {object} sprite - The sprite that triggered the event.
    * @param {object} pointer - The pointer that triggered the event.
    */
-  onInputDownHandler(sprite, pointer) {
+  onInputDownHandler(sprite: any, pointer: any) {
     this.changeStateFrame(STATE_DOWN);
     if (this.onInputDown) {
       this.onInputDown.dispatch(this, pointer);
@@ -230,7 +231,7 @@ export class Button extends Image {
    * @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: any, pointer: any, isOver: boolean) {
     if (this.onInputUp) {
       this.onInputUp.dispatch(this, pointer, isOver);
     }
@@ -264,7 +265,7 @@ export class Button extends Image {
    * Sets whether input is currently enabled for this button.
    * @param {boolean} value - Whether to enable (true) or disable (false) input.
    */
-  set inputEnabled(value) {
+  set inputEnabled(value: boolean) {
     if (value) {
       if (this.input === null) {
         this.input = new InputHandler(this);

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

@@ -1,13 +1,16 @@
-// @ts-nocheck
 import { create, removeByCanvas } from './pool.js';
 
 export class CanvasBuffer {
+width!: any;
+height!: any;
+canvas!: any;
+context!: any;
   /**
    * Creates a new CanvasBuffer instance.
    * @param {number} width - The width of the canvas buffer.
    * @param {number} height - The height of the canvas buffer.
    */
-  constructor(width, height) {
+  constructor(width: number, height: number) {
     this.width = width;
     this.height = height;
     this.canvas = create(this, this.width, this.height);
@@ -29,7 +32,7 @@ export class CanvasBuffer {
    * @param {number} width - The new width of the canvas buffer.
    * @param {number} height - The new height of the canvas buffer.
    */
-  resize(width, height) {
+  resize(width: number, height: number) {
     this.width = width;
     this.height = height;
     this.canvas.width = width;