@vpmedia/phaser 1.103.0 → 1.105.0

package/src/phaser/core/cache.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { BaseTexture } from '../display/webgl/base_texture.js';
 import { Texture } from '../display/webgl/texture.js';
 import { JSONDataHash } from './animation_parser.js';
@@ -19,11 +18,19 @@ export const XML = 8;
 export const RENDER_TEXTURE = 9;
 
 export class Cache {
+  game!: any;
+  autoResolveURL!: any;
+  _cache!: any;
+  _urlMap!: any;
+  _urlResolver!: any;
+  _urlTemp!: any;
+  onSoundUnlock!: any;
+  _cacheMap!: any;
   /**
    * Creates a new Cache instance.
    * @param {import('./game.js').Game} game - The game instance.
    */
-  constructor(game) {
+  constructor(game: import('./game.js').Game) {
     this.game = game;
     this.autoResolveURL = false;
     this._cache = {
@@ -87,7 +94,7 @@ export class Cache {
    * @param {HTMLImageElement} data - The image data to cache.
    * @returns {object} The cached image object.
    */
-  addImage(key, url, data) {
+  addImage(key: string, url: string, data: HTMLImageElement) {
     if (this.checkImageKey(key)) {
       this.removeImage(key);
     }
@@ -115,8 +122,8 @@ export class Cache {
    * @param {HTMLCanvasElement} data - The canvas data for the atlas.
    * @param {object} atlasData - The atlas data to cache.
    */
-  addTextureAtlas(key, url, data, atlasData) {
-    const obj = {
+  addTextureAtlas(key: string, url: string, data: HTMLCanvasElement, atlasData: any) {
+    const obj: any = {
       key,
       url,
       data,
@@ -133,7 +140,7 @@ export class Cache {
    * @param {string} url - The URL the sound was loaded from.
    * @param {object} data - The sound data to cache.
    */
-  addSound(key, url, data) {
+  addSound(key: string, url: string, data: any) {
     this._cache.sound[key] = {
       url,
       data,
@@ -149,7 +156,7 @@ export class Cache {
    * @param {string} url - The URL the text was loaded from.
    * @param {string} data - The text data to cache.
    */
-  addText(key, url, data) {
+  addText(key: string, url: string, data: string) {
     this._cache.text[key] = { url, data };
     this._resolveURL(url, this._cache.text[key]);
   }
@@ -164,7 +171,15 @@ export class Cache {
    * @param {number} xSpacing - Horizontal spacing between characters.
    * @param {number} ySpacing - Vertical spacing between characters.
    */
-  addBitmapFont(key, url, data, atlasData, atlasType, xSpacing = 0, ySpacing = 0) {
+  addBitmapFont(
+    key: string,
+    url: string,
+    data: HTMLCanvasElement,
+    atlasData: any,
+    atlasType: string,
+    xSpacing: number = 0,
+    ySpacing: number = 0
+  ) {
     const obj = {
       url,
       data,
@@ -186,7 +201,7 @@ export class Cache {
    * @param {string} url - The URL the JSON was loaded from.
    * @param {object} data - The JSON data to cache.
    */
-  addJSON(key, url, data) {
+  addJSON(key: string, url: string, data: any) {
     this._cache.json[key] = { url, data };
     this._resolveURL(url, this._cache.json[key]);
   }
@@ -197,7 +212,7 @@ export class Cache {
    * @param {string} url - The URL the XML was loaded from.
    * @param {XMLDocument} data - The XML data to cache.
    */
-  addXML(key, url, data) {
+  addXML(key: string, url: string, data: XMLDocument) {
     this._cache.xml[key] = { url, data };
     this._resolveURL(url, this._cache.xml[key]);
   }
@@ -210,7 +225,7 @@ export class Cache {
    * @param {string} property - The property to update.
    * @param {any} value - The new value for the property.
    */
-  updateSound(key, property, value) {
+  updateSound(key: string, property: string, value: any) {
     const sound = this.getSound(key);
     if (sound) {
       sound[property] = value;
@@ -222,7 +237,7 @@ export class Cache {
    * @param {string} key - The unique key for the cached sound.
    * @param {AudioBuffer} data - The decoded audio buffer.
    */
-  decodedSound(key, data) {
+  decodedSound(key: string, data: AudioBuffer) {
     const sound = this.getSound(key);
     sound.data = data;
     sound.decoded = true;
@@ -234,7 +249,7 @@ export class Cache {
    * @param {string} key - The unique key for the cached sound.
    * @returns {boolean} True if the sound is decoded, false otherwise.
    */
-  isSoundDecoded(key) {
+  isSoundDecoded(key: string) {
     const sound = this.getItem(key, SOUND, 'isSoundDecoded');
     if (sound) {
       return sound.decoded;
@@ -247,7 +262,7 @@ export class Cache {
    * @param {string} key - The unique key for the cached sound.
    * @returns {boolean} True if the sound is ready, false otherwise.
    */
-  isSoundReady(key) {
+  isSoundReady(key: string) {
     const sound = this.getItem(key, SOUND, 'isSoundDecoded');
     if (sound) {
       return sound.decoded && !this.game.sound.isLocked;
@@ -263,7 +278,7 @@ export class Cache {
    * @param {string} key - The unique key for the cache entry.
    * @returns {boolean} True if the entry exists, false otherwise.
    */
-  checkKey(cache, key) {
+  checkKey(cache: number, key: string) {
     if (this._cacheMap[cache][key]) {
       return true;
     }
@@ -275,7 +290,7 @@ export class Cache {
    * @param {string} url - The URL to check.
    * @returns {boolean} True if the URL has been resolved and cached, false otherwise.
    */
-  checkURL(url) {
+  checkURL(url: string) {
     if (this._urlMap[this._resolveURL(url)]) {
       return true;
     }
@@ -287,7 +302,7 @@ export class Cache {
    * @param {string} key - The unique key for the cache entry.
    * @returns {boolean} True if the entry exists, false otherwise.
    */
-  checkCanvasKey(key) {
+  checkCanvasKey(key: string) {
     return this.checkKey(CANVAS, key);
   }
 
@@ -296,7 +311,7 @@ export class Cache {
    * @param {string} key - The unique key for the cache entry.
    * @returns {boolean} True if the entry exists, false otherwise.
    */
-  checkImageKey(key) {
+  checkImageKey(key: string) {
     return this.checkKey(IMAGE, key);
   }
 
@@ -305,7 +320,7 @@ export class Cache {
    * @param {string} key - The unique key for the cache entry.
    * @returns {boolean} True if the entry exists, false otherwise.
    */
-  checkTextureKey(key) {
+  checkTextureKey(key: string) {
     return this.checkKey(TEXTURE, key);
   }
 
@@ -314,7 +329,7 @@ export class Cache {
    * @param {string} key - The unique key for the cache entry.
    * @returns {boolean} True if the entry exists, false otherwise.
    */
-  checkSoundKey(key) {
+  checkSoundKey(key: string) {
     return this.checkKey(SOUND, key);
   }
 
@@ -323,7 +338,7 @@ export class Cache {
    * @param {string} key - The unique key for the cache entry.
    * @returns {boolean} True if the entry exists, false otherwise.
    */
-  checkTextKey(key) {
+  checkTextKey(key: string) {
     return this.checkKey(TEXT, key);
   }
 
@@ -332,7 +347,7 @@ export class Cache {
    * @param {string} key - The unique key for the cache entry.
    * @returns {boolean} True if the entry exists, false otherwise.
    */
-  checkBitmapDataKey(key) {
+  checkBitmapDataKey(key: string) {
     return this.checkKey(BITMAPDATA, key);
   }
 
@@ -341,7 +356,7 @@ export class Cache {
    * @param {string} key - The unique key for the cache entry.
    * @returns {boolean} True if the entry exists, false otherwise.
    */
-  checkBitmapFontKey(key) {
+  checkBitmapFontKey(key: string) {
     return this.checkKey(BITMAPFONT, key);
   }
 
@@ -350,7 +365,7 @@ export class Cache {
    * @param {string} key - The unique key for the cache entry.
    * @returns {boolean} True if the entry exists, false otherwise.
    */
-  checkJSONKey(key) {
+  checkJSONKey(key: string) {
     return this.checkKey(JSONDATA, key);
   }
 
@@ -359,7 +374,7 @@ export class Cache {
    * @param {string} key - The unique key for the cache entry.
    * @returns {boolean} True if the entry exists, false otherwise.
    */
-  checkXMLKey(key) {
+  checkXMLKey(key: string) {
     return this.checkKey(XML, key);
   }
 
@@ -373,7 +388,7 @@ export class Cache {
    * @param {string} property - TBD.
    * @returns {*} TBD.
    */
-  getItem(key, cache, method, property = null) {
+  getItem(key: string, cache: number, method: string, property: string = null) {
     if (this.checkKey(cache, key)) {
       if (!property) {
         return this._cacheMap[cache][key];
@@ -388,7 +403,7 @@ export class Cache {
    * @param {string} key - TBD.
    * @returns {HTMLCanvasElement} TBD.
    */
-  getCanvas(key) {
+  getCanvas(key: string) {
     return this.getItem(key, CANVAS, 'getCanvas', 'canvas');
   }
 
@@ -398,7 +413,7 @@ export class Cache {
    * @param {boolean} full - TBD.
    * @returns {HTMLImageElement} TBD.
    */
-  getImage(key = '__default', full = false) {
+  getImage(key: any = '__default', full: boolean = false) {
     let img = this.getItem(key, IMAGE, 'getImage');
     if (img === null) {
       img = this.getItem('__missing', IMAGE, 'getImage');
@@ -414,7 +429,7 @@ export class Cache {
    * @param {string} key - TBD.
    * @returns {object} TBD.
    */
-  getTextureFrame(key) {
+  getTextureFrame(key: string) {
     return this.getItem(key, TEXTURE, 'getTextureFrame', 'frame');
   }
 
@@ -423,7 +438,7 @@ export class Cache {
    * @param {string} key - TBD.
    * @returns {object} TBD.
    */
-  getSound(key) {
+  getSound(key: string) {
     return this.getItem(key, SOUND, 'getSound');
   }
 
@@ -432,7 +447,7 @@ export class Cache {
    * @param {string} key - TBD.
    * @returns {object} TBD.
    */
-  getSoundData(key) {
+  getSoundData(key: string) {
     return this.getItem(key, SOUND, 'getSoundData', 'data');
   }
 
@@ -441,7 +456,7 @@ export class Cache {
    * @param {string} key - TBD.
    * @returns {object} TBD.
    */
-  getText(key) {
+  getText(key: string) {
     return this.getItem(key, TEXT, 'getText', 'data');
   }
 
@@ -450,7 +465,7 @@ export class Cache {
    * @param {string} key - TBD.
    * @returns {object} TBD.
    */
-  getBitmapData(key) {
+  getBitmapData(key: string) {
     return this.getItem(key, BITMAPDATA, 'getBitmapData', 'data');
   }
 
@@ -459,7 +474,7 @@ export class Cache {
    * @param {string} key - TBD.
    * @returns {object} TBD.
    */
-  getBitmapFont(key) {
+  getBitmapFont(key: string) {
     return this.getItem(key, BITMAPFONT, 'getBitmapFont');
   }
 
@@ -469,7 +484,7 @@ export class Cache {
    * @param {boolean} isClone - TBD.
    * @returns {object} TBD.
    */
-  getJSON(key, isClone = false) {
+  getJSON(key: string, isClone: boolean = false) {
     const data = this.getItem(key, JSONDATA, 'getJSON', 'data');
     return isClone ? JSON.parse(JSON.stringify(data)) : data;
   }
@@ -479,7 +494,7 @@ export class Cache {
    * @param {string} key - TBD.
    * @returns {XMLDocument} TBD.
    */
-  getXML(key) {
+  getXML(key: string) {
     return this.getItem(key, XML, 'getXML', 'data');
   }
 
@@ -488,7 +503,7 @@ export class Cache {
    * @param {string} key - TBD.
    * @returns {import('../display/webgl/render_texture.js').RenderTexture} TBD.
    */
-  getRenderTexture(key) {
+  getRenderTexture(key: string) {
     return this.getItem(key, RENDER_TEXTURE, 'getRenderTexture');
   }
 
@@ -500,7 +515,7 @@ export class Cache {
    * @param {number} cache - The cache type (CANVAS, IMAGE, etc.).
    * @returns {BaseTexture} The base texture.
    */
-  getBaseTexture(key, cache = IMAGE) {
+  getBaseTexture(key: string, cache: number = IMAGE) {
     return this.getItem(key, cache, 'getBaseTexture', 'base');
   }
 
@@ -510,7 +525,7 @@ export class Cache {
    * @param {number} cache - The cache type (CANVAS, IMAGE, etc.).
    * @returns {Frame} The frame.
    */
-  getFrame(key, cache = IMAGE) {
+  getFrame(key: string, cache: number = IMAGE) {
     return this.getItem(key, cache, 'getFrame', 'frame');
   }
 
@@ -520,7 +535,7 @@ export class Cache {
    * @param {number} cache - The cache type (CANVAS, IMAGE, etc.).
    * @returns {number} The number of frames.
    */
-  getFrameCount(key, cache = IMAGE) {
+  getFrameCount(key: string, cache: number = IMAGE) {
     const data = this.getFrameData(key, cache);
     if (data) {
       return data.total;
@@ -534,7 +549,7 @@ export class Cache {
    * @param {number} cache - The cache type (CANVAS, IMAGE, etc.).
    * @returns {FrameData} The frame data.
    */
-  getFrameData(key, cache = IMAGE) {
+  getFrameData(key: string, cache: number = IMAGE) {
     return this.getItem(key, cache, 'getFrameData', 'frameData');
   }
 
@@ -544,7 +559,7 @@ export class Cache {
    * @param {number} cache - The cache type (CANVAS, IMAGE, etc.).
    * @returns {boolean} True if the entry has frame data, false otherwise.
    */
-  hasFrameData(key, cache = IMAGE) {
+  hasFrameData(key: string, cache: number = IMAGE) {
     return this.getItem(key, cache, '', 'frameData') !== null;
   }
 
@@ -554,7 +569,7 @@ export class Cache {
    * @param {FrameData} frameData - The new frame data.
    * @param {number} cache - The cache type (CANVAS, IMAGE, etc.).
    */
-  updateFrameData(key, frameData, cache = IMAGE) {
+  updateFrameData(key: string, frameData: FrameData, cache: number = IMAGE) {
     if (this._cacheMap[cache][key]) {
       this._cacheMap[cache][key].frameData = frameData;
     }
@@ -567,7 +582,7 @@ export class Cache {
    * @param {number} cache - The cache type (CANVAS, IMAGE, etc.).
    * @returns {Frame} The frame at the specified index.
    */
-  getFrameByIndex(key, index, cache = IMAGE) {
+  getFrameByIndex(key: string, index: number, cache: number = IMAGE) {
     const data = this.getFrameData(key, cache);
     if (data) {
       return data.getFrame(index);
@@ -582,7 +597,7 @@ export class Cache {
    * @param {number} cache - The cache type (CANVAS, IMAGE, etc.).
    * @returns {Frame} The frame with the specified name.
    */
-  getFrameByName(key, name, cache = IMAGE) {
+  getFrameByName(key: string, name: string, cache: number = IMAGE) {
     const data = this.getFrameData(key, cache);
     if (data) {
       return data.getFrameByName(name);
@@ -595,7 +610,7 @@ export class Cache {
    * @param {string} url - The original URL to resolve.
    * @returns {string} The resolved URL or null if not found.
    */
-  getURL(url) {
+  getURL(url: string) {
     const resolvedURL = this._resolveURL(url);
     if (resolvedURL) {
       return this._urlMap[resolvedURL];
@@ -609,7 +624,7 @@ export class Cache {
    * @param {object} cache - The cache type (CANVAS, IMAGE, etc.).
    * @returns {string[]} An array of cache keys.
    */
-  getKeys(cache = IMAGE) {
+  getKeys(cache: any = IMAGE) {
     const result = [];
     if (this._cacheMap[cache]) {
       const keys = Object.keys(this._cacheMap[cache]);
@@ -629,7 +644,7 @@ export class Cache {
    * Removes a canvas cache entry.
    * @param {string} key - The unique key for the cache entry to remove.
    */
-  removeCanvas(key) {
+  removeCanvas(key: string) {
     delete this._cache.canvas[key];
   }
 
@@ -638,7 +653,7 @@ export class Cache {
    * @param {string} key - The unique key for the cache entry to remove.
    * @param {boolean} destroyBaseTexture - Whether to destroy the base texture (default: true).
    */
-  removeImage(key, destroyBaseTexture = true) {
+  removeImage(key: string, destroyBaseTexture: boolean = true) {
     const img = this.getImage(key, true);
     if (destroyBaseTexture && img.base) {
       img.base.destroy();
@@ -650,7 +665,7 @@ export class Cache {
    * Removes a sound cache entry.
    * @param {string} key - The unique key for the cache entry to remove.
    */
-  removeSound(key) {
+  removeSound(key: string) {
     delete this._cache.sound[key];
   }
 
@@ -658,7 +673,7 @@ export class Cache {
    * Removes a text cache entry.
    * @param {string} key - The unique key for the cache entry to remove.
    */
-  removeText(key) {
+  removeText(key: string) {
     delete this._cache.text[key];
   }
 
@@ -666,7 +681,7 @@ export class Cache {
    * Removes a bitmap data cache entry.
    * @param {string} key - The unique key for the cache entry to remove.
    */
-  removeBitmapData(key) {
+  removeBitmapData(key: string) {
     delete this._cache.bitmapData[key];
   }
 
@@ -674,7 +689,7 @@ export class Cache {
    * Removes a bitmap font cache entry.
    * @param {string} key - The unique key for the cache entry to remove.
    */
-  removeBitmapFont(key) {
+  removeBitmapFont(key: string) {
     delete this._cache.bitmapFont[key];
   }
 
@@ -682,7 +697,7 @@ export class Cache {
    * Removes a JSON cache entry.
    * @param {string} key - The unique key for the cache entry to remove.
    */
-  removeJSON(key) {
+  removeJSON(key: string) {
     delete this._cache.json[key];
   }
 
@@ -690,7 +705,7 @@ export class Cache {
    * Removes an XML cache entry.
    * @param {string} key - The unique key for the cache entry to remove.
    */
-  removeXML(key) {
+  removeXML(key: string) {
     delete this._cache.xml[key];
   }
 
@@ -698,7 +713,7 @@ export class Cache {
    * Removes a render texture cache entry.
    * @param {string} key - The unique key for the cache entry to remove.
    */
-  removeRenderTexture(key) {
+  removeRenderTexture(key: string) {
     delete this._cache.renderTexture[key];
   }
 
@@ -706,7 +721,7 @@ export class Cache {
    * Removes a sprite sheet cache entry.
    * @param {string} key - The unique key for the cache entry to remove.
    */
-  removeSpriteSheet(key) {
+  removeSpriteSheet(key: string) {
     delete this._cache.spriteSheet[key];
   }
 
@@ -714,7 +729,7 @@ export class Cache {
    * Removes a texture atlas cache entry.
    * @param {string} key - The unique key for the cache entry to remove.
    */
-  removeTextureAtlas(key) {
+  removeTextureAtlas(key: string) {
     delete this._cache.atlas[key];
   }
 
@@ -735,7 +750,7 @@ export class Cache {
    * @param {object} data - The data to associate with the resolved URL.
    * @returns {string} The resolved URL or null if not enabled.
    */
-  _resolveURL(url, data) {
+  _resolveURL(url: string, data: any = null) {
     if (!this.autoResolveURL) {
       return null;
     }
@@ -771,4 +786,4 @@ export class Cache {
     this._urlResolver = null;
     this._urlTemp = null;
   }
-}
+}

package/src/phaser/core/device.ts

@@ -1,5 +1,27 @@
-// @ts-nocheck
 export class Device {
+desktop!: any;
+iOS!: any;
+android!: any;
+chromeOS!: any;
+linux!: any;
+macOS!: any;
+windows!: any;
+windowsPhone!: any;
+canvas!: any;
+touch!: any;
+mspointer!: any;
+wheelEvent!: any;
+chrome!: any;
+firefox!: any;
+edge!: any;
+safari!: any;
+fullscreen!: any;
+requestFullscreen!: any;
+cancelFullscreen!: any;
+fullscreenKeyboard!: any;
+noAudioFormat!: any;
+supportedAudioFormats!: any;
+supportedImageFormats!: any;
   /**
    * Creates a new Device instance.
    * This class provides information about the current device and browser capabilities.

package/src/phaser/core/device_util.ts

@@ -9,7 +9,7 @@ const logger = new Logger('device');
  * @param {string} type - The audio format type to check.
  * @returns {boolean} True if the device can play this audio format, false otherwise.
  */
-export const canPlayAudio = (device, type) => {
+export const canPlayAudio = (device: Device, type: string) => {
   return device.supportedAudioFormats[type] === true;
 };
 
@@ -17,7 +17,7 @@ export const canPlayAudio = (device, type) => {
  * Detect the operating system of the device.
  * @param {Device} device - The device instance to update.
  */
-export const checkOS = (device) => {
+export const checkOS = (device: Device) => {
   const ua = navigator.userAgent;
   if (/Android/.test(ua)) {
     device.android = true;
@@ -54,7 +54,7 @@ export const checkOS = (device) => {
  * Detect input capabilities of the device.
  * @param {Device} device - The device instance to update.
  */
-export const checkInput = (device) => {
+export const checkInput = (device: Device) => {
   if (
     'ontouchstart' in document.documentElement ||
     (window.navigator.maxTouchPoints && window.navigator.maxTouchPoints >= 1)
@@ -74,7 +74,7 @@ export const checkInput = (device) => {
  * Check for fullscreen support capabilities.
  * @param {Device} device - The device instance to update.
  */
-export const checkFullScreenSupport = (device) => {
+export const checkFullScreenSupport = (device: Device) => {
   const fs = [
     'requestFullscreen',
     'requestFullScreen',
@@ -121,7 +121,7 @@ export const checkFullScreenSupport = (device) => {
  * Detect the browser type.
  * @param {Device} device - The device instance to update.
  */
-export const checkBrowser = (device) => {
+export const checkBrowser = (device: Device) => {
   const ua = navigator.userAgent;
   if (/Edge\/\d+/.test(ua)) {
     device.edge = true;
@@ -140,7 +140,7 @@ export const checkBrowser = (device) => {
  * @param {string} type - The codec type to check.
  * @returns {boolean} True if the codec is supported, false otherwise.
  */
-export const canPlayType = (audioElement, type) => {
+export const canPlayType = (audioElement: HTMLAudioElement, type: string) => {
   try {
     const canPlayResult = audioElement.canPlayType(type);
     return canPlayResult === 'maybe' || canPlayResult === 'probably';
@@ -156,7 +156,7 @@ export const canPlayType = (audioElement, type) => {
  * @param {string} type - The media source type to check.
  * @returns {boolean} True if the media source type is supported, false otherwise.
  */
-export const isMediaSourceTypeSupported = (type) => {
+export const isMediaSourceTypeSupported = (type: string) => {
   if ('MediaSource' in window) {
     try {
       return MediaSource.isTypeSupported(type);
@@ -176,7 +176,7 @@ export const isMediaSourceTypeSupported = (type) => {
  * @see https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements
  * @see https://bit.ly/iphoneoscodecs
  */
-export const checkAudio = (device) => {
+export const checkAudio = (device: Device) => {
   const audioElement = document.createElement('audio');
   const formats = [
     { type: 'ogg', codecs: ['audio/ogg; codecs="vorbis"'] },
@@ -208,7 +208,7 @@ export const checkAudio = (device) => {
  * Check for supported image formats on the device.
  * @param {Device} device - The device instance to update with image format support.
  */
-export const checkImage = (device) => {
+export const checkImage = (device: Device) => {
   try {
     const avif = new Image();
     avif.src =
@@ -236,7 +236,7 @@ export const checkImage = (device) => {
  * Initialize device capabilities detection.
  * @param {Device} device - The device instance to initialize.
  */
-export const initialize = (device) => {
+export const initialize = (device: Device) => {
   logger.info('initialize');
   checkOS(device);
   checkBrowser(device);

package/src/phaser/core/dom.ts

@@ -191,7 +191,7 @@ export class DOM {
    * TBD.
    * @param {import('./device.js').Device} device - TBD.
    */
-  constructor(device) {
+  constructor(device: import('./device.js').Device) {
     this.treatAsDesktop =
       device.desktop &&
       document.documentElement.clientWidth <= window.innerWidth &&
@@ -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, point = null) {
+  getOffset(element: HTMLCanvasElement, point: Point = null) {
     point = point || new Point();
     const box = element.getBoundingClientRect();
     const scrollTop = this.scrollY;
@@ -229,7 +229,7 @@ export class DOM {
    * @param {number} cushion - Optional padding to add around the element.
    * @returns {boolean} True if bounds were successfully retrieved, false otherwise.
    */
-  getBounds(element, cushion = 0) {
+  getBounds(element: HTMLCanvasElement, cushion: number = 0) {
     element = element && !element.nodeType ? element[0] : element;
     if (!element || element.nodeType !== 1) {
       return false;
@@ -243,7 +243,7 @@ export class DOM {
    * @param {number} cushion - Optional padding to add around the rectangle.
    * @returns {{width: number, height: number, left: number, right: number, top: number, bottom: number}} The calibrated rectangle.
    */
-  calibrate(coords, cushion = 0) {
+  calibrate(coords: DOMRect, cushion: number = 0) {
     const output = {
       width: 0,
       height: 0,
@@ -262,7 +262,7 @@ export class DOM {
    * @param {string} primaryFallback - The fallback method to use if screen orientation API is not available.
    * @returns {string} The screen orientation ('portrait-primary', 'landscape-primary', etc.).
    */
-  getScreenOrientation(primaryFallback) {
+  getScreenOrientation(primaryFallback: string) {
     const screen = window.screen;
     // @ts-ignore
     const orientation = screen.orientation || screen.mozOrientation || screen.msOrientation;