pixi.js 7.3.1 → 7.3.2

package/dist/pixi.mjs

@@ -1,6 +1,6 @@
 /*!
- * pixi.js - v7.3.1
- * Compiled Fri, 22 Sep 2023 18:50:32 UTC
+ * pixi.js - v7.3.2
+ * Compiled Fri, 20 Oct 2023 15:28:31 UTC
  *
  * pixi.js is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -4588,7 +4588,10 @@ function getMaxFragmentPrecision() {
   if (!maxFragmentPrecision) {
     maxFragmentPrecision = PRECISION.MEDIUM;
     const gl = getTestContext();
-    gl && gl.getShaderPrecisionFormat && (maxFragmentPrecision = gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_FLOAT).precision ? PRECISION.HIGH : PRECISION.MEDIUM);
+    if (gl && gl.getShaderPrecisionFormat) {
+      const shaderFragment = gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_FLOAT);
+      shaderFragment && (maxFragmentPrecision = shaderFragment.precision ? PRECISION.HIGH : PRECISION.MEDIUM);
+    }
   }
   return maxFragmentPrecision;
 }
@@ -8273,7 +8276,7 @@ class StartupSystem {
    */
   run(options) {
     const { renderer } = this;
-    renderer.runners.init.emit(renderer.options), options.hello && console.log(`PixiJS 7.3.1 - ${renderer.rendererLogId} - https://pixijs.com`), renderer.resize(renderer.screen.width, renderer.screen.height);
+    renderer.runners.init.emit(renderer.options), options.hello && console.log(`PixiJS 7.3.2 - ${renderer.rendererLogId} - https://pixijs.com`), renderer.resize(renderer.screen.width, renderer.screen.height);
   }
   destroy() {
   }
@@ -10653,7 +10656,7 @@ const _VideoResource = class _VideoResource2 extends BaseImageResource {
    */
   _isSourcePlaying() {
     const source = this.source;
-    return !source.paused && !source.ended && this._isSourceReady();
+    return !source.paused && !source.ended;
   }
   /**
    * Returns true if the underlying source is ready for playing.
@@ -10756,7 +10759,7 @@ class TransformFeedback {
     this.disposeRunner.emit(this, !1);
   }
 }
-const VERSION = "7.3.1";
+const VERSION = "7.3.2";
 class Bounds {
   constructor() {
     this.minX = 1 / 0, this.minY = 1 / 0, this.maxX = -1 / 0, this.maxY = -1 / 0, this.rect = null, this.updateID = -1;
@@ -13775,7 +13778,7 @@ class EventBoundary {
       }
     }
     const isInteractiveMode = this._isInteractive(eventMode), isInteractiveTarget = currentTarget.isInteractive();
-    return isInteractiveTarget && isInteractiveTarget && this._allInteractiveElements.push(currentTarget), ignore || this._hitElements.length > 0 ? null : shouldReturn ? this._hitElements : isInteractiveMode && !pruneFn(currentTarget, location) && testFn(currentTarget, location) ? isInteractiveTarget ? [currentTarget] : [] : null;
+    return isInteractiveMode && isInteractiveTarget && this._allInteractiveElements.push(currentTarget), ignore || this._hitElements.length > 0 ? null : shouldReturn ? this._hitElements : isInteractiveMode && !pruneFn(currentTarget, location) && testFn(currentTarget, location) ? isInteractiveTarget ? [currentTarget] : [] : null;
   }
   /**
    * Recursive implementation for {@link PIXI.EventBoundary.hitTest hitTest}.
@@ -15734,6 +15737,10 @@ function getFontFamilyName(url2) {
   let fontFamilyName = nameTokens.join(" ");
   return valid || (fontFamilyName = `"${fontFamilyName.replace(/[\\"]/g, "\\$&")}"`), fontFamilyName;
 }
+const validURICharactersRegex = /^[0-9A-Za-z%:/?#\[\]@!\$&'()\*\+,;=\-._~]*$/;
+function encodeURIWhenNeeded(uri) {
+  return validURICharactersRegex.test(uri) ? uri : encodeURI(uri);
+}
 const loadWebFont = {
   extension: {
     type: ExtensionType.LoadParser,
@@ -15749,7 +15756,7 @@ const loadWebFont = {
     if (fonts) {
       const fontFaces = [], name = (_b = (_a2 = options.data) == null ? void 0 : _a2.family) != null ? _b : getFontFamilyName(url2), weights = (_e = (_d = (_c = options.data) == null ? void 0 : _c.weights) == null ? void 0 : _d.filter((weight) => validWeights.includes(weight))) != null ? _e : ["normal"], data = (_f = options.data) != null ? _f : {};
       for (let i2 = 0; i2 < weights.length; i2++) {
-        const weight = weights[i2], font = new FontFace(name, `url(${encodeURI(url2)})`, __spreadProps$2(__spreadValues$8({}, data), {
+        const weight = weights[i2], font = new FontFace(name, `url(${encodeURIWhenNeeded(url2)})`, __spreadProps$2(__spreadValues$8({}, data), {
           weight
         }));
         await font.load(), fonts.add(font), fontFaces.push(font);
@@ -16248,38 +16255,6 @@ class Resolver {
       assetNames.push(...aliases);
     }), this._bundles[bundleId] = assetNames;
   }
-  /**
-   * Tells the resolver what keys are associated with witch asset.
-   * The most important thing the resolver does
-   * @example
-   * // Single key, single asset:
-   * resolver.add({alias: 'foo', src: 'bar.png');
-   * resolver.resolveUrl('foo') // => 'bar.png'
-   *
-   * // Multiple keys, single asset:
-   * resolver.add({alias: ['foo', 'boo'], src: 'bar.png'});
-   * resolver.resolveUrl('foo') // => 'bar.png'
-   * resolver.resolveUrl('boo') // => 'bar.png'
-   *
-   * // Multiple keys, multiple assets:
-   * resolver.add({alias: ['foo', 'boo'], src: ['bar.png', 'bar.webp']});
-   * resolver.resolveUrl('foo') // => 'bar.png'
-   *
-   * // Add custom data attached to the resolver
-   * Resolver.add({
-   *     alias: 'bunnyBooBooSmooth',
-   *     src: 'bunny{png,webp}',
-   *     data: { scaleMode:SCALE_MODES.NEAREST }, // Base texture options
-   * });
-   *
-   * resolver.resolve('bunnyBooBooSmooth') // => { src: 'bunny.png', data: { scaleMode: SCALE_MODES.NEAREST } }
-   * @param aliases - the key or keys that you will reference when loading this asset
-   * @param srcs - the asset or assets that will be chosen from when loading via the specified key
-   * @param data - asset-specific data that will be passed to the loaders
-   * - Useful if you want to initiate loaded objects with specific data
-   * @param format - the format of the asset
-   * @param loadParser - the name of the load parser to use
-   */
   add(aliases, srcs, data, format2, loadParser) {
     const assets = [];
     typeof aliases == "string" || Array.isArray(aliases) && typeof aliases[0] == "string" ? (deprecation("7.2.0", `Assets.add now uses an object instead of individual parameters.
@@ -16334,12 +16309,12 @@ Please use Assets.add({ alias, src, data, format, loadParser }) instead.`), asse
    *             name: 'load-screen',
    *             assets: [
    *                 {
-   *                     name: 'background',
-   *                     srcs: 'sunset.png',
+   *                     alias: 'background',
+   *                     src: 'sunset.png',
    *                 },
    *                 {
-   *                     name: 'bar',
-   *                     srcs: 'load-bar.{png,webp}',
+   *                     alias: 'bar',
+   *                     src: 'load-bar.{png,webp}',
    *                 },
    *             ],
    *         },
@@ -16347,12 +16322,12 @@ Please use Assets.add({ alias, src, data, format, loadParser }) instead.`), asse
    *             name: 'game-screen',
    *             assets: [
    *                 {
-   *                     name: 'character',
-   *                     srcs: 'robot.png',
+   *                     alias: 'character',
+   *                     src: 'robot.png',
    *                 },
    *                 {
-   *                     name: 'enemy',
-   *                     srcs: 'bad-guy.png',
+   *                     alias: 'enemy',
+   *                     src: 'bad-guy.png',
    *                 },
    *             ],
    *         },
@@ -16459,7 +16434,7 @@ Please use Assets.add({ alias, src, data, format, loadParser }) instead.`), asse
   buildResolvedAsset(formattedAsset, data) {
     var _a2;
     const { aliases, data: assetData, loadParser, format: format2 } = data;
-    return (this._basePath || this._rootPath) && (formattedAsset.src = path.toAbsolute(formattedAsset.src, this._basePath, this._rootPath)), formattedAsset.alias = (_a2 = aliases != null ? aliases : formattedAsset.alias) != null ? _a2 : [formattedAsset.src], formattedAsset.src = this._appendDefaultSearchParams(formattedAsset.src), formattedAsset.data = __spreadValues$4(__spreadValues$4({}, assetData || {}), formattedAsset.data), formattedAsset.loadParser = loadParser != null ? loadParser : formattedAsset.loadParser, formattedAsset.format = format2 != null ? format2 : formattedAsset.src.split(".").pop(), formattedAsset.srcs = formattedAsset.src, formattedAsset.name = formattedAsset.alias, formattedAsset;
+    return (this._basePath || this._rootPath) && (formattedAsset.src = path.toAbsolute(formattedAsset.src, this._basePath, this._rootPath)), formattedAsset.alias = (_a2 = aliases != null ? aliases : formattedAsset.alias) != null ? _a2 : [formattedAsset.src], formattedAsset.src = this._appendDefaultSearchParams(formattedAsset.src), formattedAsset.data = __spreadValues$4(__spreadValues$4({}, assetData || {}), formattedAsset.data), formattedAsset.loadParser = loadParser != null ? loadParser : formattedAsset.loadParser, formattedAsset.format = format2 != null ? format2 : path.extname(formattedAsset.src).slice(1), formattedAsset.srcs = formattedAsset.src, formattedAsset.name = formattedAsset.alias, formattedAsset;
   }
 }
 class AssetsClass {
@@ -16495,51 +16470,6 @@ class AssetsClass {
       }
     }), options.preferences && this.setPreferences(options.preferences);
   }
-  /**
-   * Allows you to specify how to resolve any assets load requests.
-   * There are a few ways to add things here as shown below:
-   * @example
-   * import { Assets } from 'pixi.js';
-   *
-   * // Simple
-   * Assets.add({alias: 'bunnyBooBoo', src: 'bunny.png'});
-   * const bunny = await Assets.load('bunnyBooBoo');
-   *
-   * // Multiple keys:
-   * Assets.add({alias: ['burger', 'chicken'], src: 'bunny.png'});
-   *
-   * const bunny = await Assets.load('burger');
-   * const bunny2 = await Assets.load('chicken');
-   *
-   * // passing options to to the object
-   * Assets.add({
-   *     alias: 'bunnyBooBooSmooth',
-   *     src: 'bunny{png,webp}',
-   *     data: { scaleMode: SCALE_MODES.NEAREST }, // Base texture options
-   * });
-   *
-   * // Multiple assets
-   *
-   * // The following all do the same thing:
-   *
-   * Assets.add({alias: 'bunnyBooBoo', src: 'bunny{png,webp}'});
-   *
-   * Assets.add({
-   *     alias: 'bunnyBooBoo',
-   *     src: [
-   *         'bunny.png',
-   *         'bunny.webp',
-   *    ],
-   * });
-   *
-   * const bunny = await Assets.load('bunnyBooBoo'); // Will try to load WebP if available
-   * @param aliases - the key or keys that you will reference when loading this asset
-   * @param srcs - the asset or assets that will be chosen from when loading via the specified key
-   * @param data - asset-specific data that will be passed to the loaders
-   * - Useful if you want to initiate loaded objects with specific data
-   * @param format - the format of the asset
-   * @param loadParser - the name of the load parser to use
-   */
   add(aliases, srcs, data, format2, loadParser) {
     this.resolver.add(aliases, srcs, data, format2, loadParser);
   }
@@ -16587,12 +16517,12 @@ class AssetsClass {
    *             name: 'load-screen',
    *             assets: [
    *                 {
-   *                     name: 'background',
-   *                     srcs: 'sunset.png',
+   *                     alias: 'background',
+   *                     src: 'sunset.png',
    *                 },
    *                 {
-   *                     name: 'bar',
-   *                     srcs: 'load-bar.{png,webp}',
+   *                     alias: 'bar',
+   *                     src: 'load-bar.{png,webp}',
    *                 },
    *             ],
    *         },
@@ -16600,12 +16530,12 @@ class AssetsClass {
    *             name: 'game-screen',
    *             assets: [
    *                 {
-   *                     name: 'character',
-   *                     srcs: 'robot.png',
+   *                     alias: 'character',
+   *                     src: 'robot.png',
    *                 },
    *                 {
-   *                     name: 'enemy',
-   *                     srcs: 'bad-guy.png',
+   *                     alias: 'enemy',
+   *                     src: 'bad-guy.png',
    *                 },
    *             ],
    *         },
@@ -16842,22 +16772,36 @@ const cacheTextureArray = {
   }
 };
 extensions$1.add(cacheTextureArray);
-const detectAvif = {
-  extension: {
-    type: ExtensionType.DetectionParser,
-    priority: 1
-  },
-  test: async () => {
-    const avifData = "data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A=";
+async function testImageFormat(imageData) {
+  if ("Image" in globalThis)
     return new Promise((resolve2) => {
-      const avif = new Image();
-      avif.onload = () => {
+      const image = new Image();
+      image.onload = () => {
         resolve2(!0);
-      }, avif.onerror = () => {
+      }, image.onerror = () => {
         resolve2(!1);
-      }, avif.src = avifData;
+      }, image.src = imageData;
     });
+  if ("createImageBitmap" in globalThis && "fetch" in globalThis) {
+    try {
+      const blob = await (await fetch(imageData)).blob();
+      await createImageBitmap(blob);
+    } catch (e2) {
+      return !1;
+    }
+    return !0;
+  }
+  return !1;
+}
+const detectAvif = {
+  extension: {
+    type: ExtensionType.DetectionParser,
+    priority: 1
   },
+  test: async () => testImageFormat(
+    // eslint-disable-next-line max-len
+    "data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A="
+  ),
   add: async (formats2) => [...formats2, "avif"],
   remove: async (formats2) => formats2.filter((f2) => f2 !== "avif")
 };
@@ -16867,17 +16811,9 @@ const detectWebp = {
     type: ExtensionType.DetectionParser,
     priority: 0
   },
-  test: async () => {
-    const webpData = "data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=";
-    return new Promise((resolve2) => {
-      const webp = new Image();
-      webp.onload = () => {
-        resolve2(!0);
-      }, webp.onerror = () => {
-        resolve2(!1);
-      }, webp.src = webpData;
-    });
-  },
+  test: async () => testImageFormat(
+    "data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA="
+  ),
   add: async (formats2) => [...formats2, "webp"],
   remove: async (formats2) => formats2.filter((f2) => f2 !== "webp")
 };
@@ -16933,7 +16869,7 @@ const resolveTextureUrl = {
     var _a2, _b;
     return {
       resolution: parseFloat((_b = (_a2 = settings.RETINA_PREFIX.exec(value)) == null ? void 0 : _a2[1]) != null ? _b : "1"),
-      format: value.split(".").pop(),
+      format: path.extname(value).slice(1),
       src: value
     };
   }
@@ -17454,12 +17390,13 @@ extensions$1.add(loadKTX);
 const resolveCompressedTextureUrl = {
   extension: ExtensionType.ResolveParser,
   test: (value) => {
-    const extension = value.split("?")[0].split(".").pop();
+    const extension = path.extname(value).slice(1);
     return ["basis", "ktx", "dds"].includes(extension);
   },
   parse: (value) => {
     var _a2, _b, _c, _d;
-    if (value.split("?")[0].split(".").pop() === "ktx") {
+    const extension = path.extname(value).slice(1);
+    if (extension === "ktx") {
       const extensions2 = [
         ".s3tc.ktx",
         ".s3tc_sRGB.ktx",
@@ -17478,7 +17415,7 @@ const resolveCompressedTextureUrl = {
     }
     return {
       resolution: parseFloat((_d = (_c = settings.RETINA_PREFIX.exec(value)) == null ? void 0 : _c[1]) != null ? _d : "1"),
-      format: value.split(".").pop(),
+      format: extension,
       src: value
     };
   }