pixi.js 7.2.1 → 7.2.3

package/dist/pixi.mjs

@@ -1,6 +1,6 @@
 /*!
- * pixi.js - v7.2.1
- * Compiled Fri, 17 Mar 2023 16:54:13 UTC
+ * pixi.js - v7.2.3
+ * Compiled Fri, 24 Mar 2023 19:53:04 UTC
  *
  * pixi.js is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -3348,19 +3348,51 @@ const _Color = class {
   }
   set value(value) {
     if (value instanceof _Color) {
-      this._value = value._value;
+      this._value = this.cloneSource(value._value);
       this._int = value._int;
       this._components.set(value._components);
     } else if (value === null) {
       throw new Error("Cannot set PIXI.Color#value to null");
-    } else if (this._value !== value) {
+    } else if (this._value === null || !this.isSourceEqual(this._value, value)) {
       this.normalize(value);
-      this._value = value;
+      this._value = this.cloneSource(value);
     }
   }
   get value() {
     return this._value;
   }
+  cloneSource(value) {
+    if (typeof value === "string" || typeof value === "number" || value instanceof Number || value === null) {
+      return value;
+    } else if (Array.isArray(value) || ArrayBuffer.isView(value)) {
+      return value.slice(0);
+    } else if (typeof value === "object" && value !== null) {
+      return { ...value };
+    }
+    return value;
+  }
+  isSourceEqual(value1, value2) {
+    const type1 = typeof value1;
+    const type2 = typeof value2;
+    if (type1 !== type2) {
+      return false;
+    } else if (type1 === "number" || type1 === "string" || value1 instanceof Number) {
+      return value1 === value2;
+    } else if (Array.isArray(value1) && Array.isArray(value2) || ArrayBuffer.isView(value1) && ArrayBuffer.isView(value2)) {
+      if (value1.length !== value2.length) {
+        return false;
+      }
+      return value1.every((v, i) => v === value2[i]);
+    } else if (value1 !== null && value2 !== null) {
+      const keys1 = Object.keys(value1);
+      const keys2 = Object.keys(value2);
+      if (keys1.length !== keys2.length) {
+        return false;
+      }
+      return keys1.every((key) => value1[key] === value2[key]);
+    }
+    return value1 === value2;
+  }
   toRgba() {
     const [r, g, b, a] = this._components;
     return { r, g, b, a };
@@ -3442,16 +3474,14 @@ const _Color = class {
     return this.toHex() + "00".substring(0, 2 - alphaString.length) + alphaString;
   }
   setAlpha(alpha) {
-    this._components[3] = alpha;
+    this._components[3] = this._clamp(alpha);
     return this;
   }
-  round(step) {
+  round(steps) {
     const [r, g, b] = this._components;
-    this._components.set([
-      Math.min(255, r / step * step),
-      Math.min(255, g / step * step),
-      Math.min(255, b / step * step)
-    ]);
+    this._components[0] = Math.round(r * steps) / steps;
+    this._components[1] = Math.round(g * steps) / steps;
+    this._components[2] = Math.round(b * steps) / steps;
     this.refreshInt();
     this._value = null;
     return this;
@@ -3475,10 +3505,12 @@ const _Color = class {
         (int & 255) / 255,
         1
       ];
-    } else if ((Array.isArray(value) || value instanceof Float32Array) && value.length >= 3 && value.length <= 4 && value.every((v) => v <= 1 && v >= 0)) {
+    } else if ((Array.isArray(value) || value instanceof Float32Array) && value.length >= 3 && value.length <= 4) {
+      value = this._clamp(value);
       const [r, g, b, a = 1] = value;
       components = [r, g, b, a];
     } else if ((value instanceof Uint8Array || value instanceof Uint8ClampedArray) && value.length >= 3 && value.length <= 4) {
+      value = this._clamp(value, 0, 255);
       const [r, g, b, a = 255] = value;
       components = [r / 255, g / 255, b / 255, a / 255];
     } else if (typeof value === "string" || typeof value === "object") {
@@ -3502,9 +3534,19 @@ const _Color = class {
     }
   }
   refreshInt() {
+    this._clamp(this._components);
     const [r, g, b] = this._components;
     this._int = (r * 255 << 16) + (g * 255 << 8) + (b * 255 | 0);
   }
+  _clamp(value, min = 0, max = 1) {
+    if (typeof value === "number") {
+      return Math.min(Math.max(value, min), max);
+    }
+    value.forEach((v, i) => {
+      value[i] = Math.min(Math.max(v, min), max);
+    });
+    return value;
+  }
 };
 let Color = _Color;
 Color.shared = new _Color();
@@ -10355,7 +10397,7 @@ class StartupSystem {
     const { renderer } = this;
     renderer.runners.init.emit(renderer.options);
     if (options.hello) {
-      console.log(`PixiJS ${"7.2.1"} - ${renderer.rendererLogId} - https://pixijs.com`);
+      console.log(`PixiJS ${"7.2.3"} - ${renderer.rendererLogId} - https://pixijs.com`);
     }
     renderer.resize(renderer.screen.width, renderer.screen.height);
   }
@@ -12541,7 +12583,7 @@ class TransformFeedback {
   }
 }
 
-const VERSION = "7.2.1";
+const VERSION = "7.2.3";
 
 class Bounds {
   constructor() {
@@ -15133,7 +15175,7 @@ class EventBoundary {
     this.eventPool = /* @__PURE__ */ new Map();
     this._allInteractiveElements = [];
     this._hitElements = [];
-    this._collectInteractiveElements = false;
+    this._isPointerMoveEvent = false;
     this.rootTarget = rootTarget;
     this.hitPruneFn = this.hitPruneFn.bind(this);
     this.hitTestFn = this.hitTestFn.bind(this);
@@ -15185,7 +15227,9 @@ class EventBoundary {
   }
   hitTest(x, y) {
     EventsTicker.pauseUpdate = true;
-    const invertedPath = this.hitTestRecursive(this.rootTarget, this.rootTarget.eventMode, tempHitLocation.set(x, y), this.hitTestFn, this.hitPruneFn);
+    const useMove = this._isPointerMoveEvent && this.enableGlobalMoveEvents;
+    const fn = useMove ? "hitTestMoveRecursive" : "hitTestRecursive";
+    const invertedPath = this[fn](this.rootTarget, this.rootTarget.eventMode, tempHitLocation.set(x, y), this.hitTestFn, this.hitPruneFn);
     return invertedPath && invertedPath[0];
   }
   propagate(e, type) {
@@ -15237,10 +15281,9 @@ class EventBoundary {
     propagationPath.reverse();
     return propagationPath;
   }
-  hitTestRecursive(currentTarget, eventMode, location, testFn, pruneFn) {
-    if (pruneFn(currentTarget, location)) {
+  hitTestMoveRecursive(currentTarget, eventMode, location, testFn, pruneFn, ignore = false) {
+    if (this._interactivePrune(currentTarget))
       return null;
-    }
     if (currentTarget.eventMode === "dynamic" || eventMode === "dynamic") {
       EventsTicker.pauseUpdate = false;
     }
@@ -15248,34 +15291,58 @@ class EventBoundary {
       const children = currentTarget.children;
       for (let i = children.length - 1; i >= 0; i--) {
         const child = children[i];
-        const nestedHit = this.hitTestRecursive(child, this._isInteractive(eventMode) ? eventMode : child.eventMode, location, testFn, pruneFn);
+        const nestedHit = this.hitTestMoveRecursive(child, this._isInteractive(eventMode) ? eventMode : child.eventMode, location, testFn, pruneFn, pruneFn(currentTarget, location));
         if (nestedHit) {
           if (nestedHit.length > 0 && !nestedHit[nestedHit.length - 1].parent) {
             continue;
           }
           const isInteractive = currentTarget.isInteractive();
           if (nestedHit.length > 0 || isInteractive) {
-            if (this._collectInteractiveElements && isInteractive) {
+            if (isInteractive)
               this._allInteractiveElements.push(currentTarget);
-            }
             nestedHit.push(currentTarget);
           }
-          if (this._collectInteractiveElements && this._hitElements.length === 0) {
+          if (this._hitElements.length === 0)
             this._hitElements = nestedHit;
-          }
-          if (!this._collectInteractiveElements)
-            return nestedHit;
         }
       }
     }
     const isInteractiveMode = this._isInteractive(eventMode);
     const isInteractiveTarget = currentTarget.isInteractive();
-    if (this._collectInteractiveElements) {
-      if (isInteractiveMode && isInteractiveTarget)
-        this._allInteractiveElements.push(currentTarget);
-      if (this._hitElements.length > 0)
-        return null;
+    if (isInteractiveTarget && isInteractiveTarget)
+      this._allInteractiveElements.push(currentTarget);
+    if (ignore || this._hitElements.length > 0)
+      return null;
+    if (isInteractiveMode && (!pruneFn(currentTarget, location) && testFn(currentTarget, location))) {
+      return isInteractiveTarget ? [currentTarget] : [];
+    }
+    return null;
+  }
+  hitTestRecursive(currentTarget, eventMode, location, testFn, pruneFn) {
+    if (this._interactivePrune(currentTarget) || pruneFn(currentTarget, location)) {
+      return null;
+    }
+    if (currentTarget.eventMode === "dynamic" || eventMode === "dynamic") {
+      EventsTicker.pauseUpdate = false;
+    }
+    if (currentTarget.interactiveChildren && currentTarget.children) {
+      const children = currentTarget.children;
+      for (let i = children.length - 1; i >= 0; i--) {
+        const child = children[i];
+        const nestedHit = this.hitTestRecursive(child, this._isInteractive(eventMode) ? eventMode : child.eventMode, location, testFn, pruneFn);
+        if (nestedHit) {
+          if (nestedHit.length > 0 && !nestedHit[nestedHit.length - 1].parent) {
+            continue;
+          }
+          const isInteractive = currentTarget.isInteractive();
+          if (nestedHit.length > 0 || isInteractive)
+            nestedHit.push(currentTarget);
+          return nestedHit;
+        }
+      }
     }
+    const isInteractiveMode = this._isInteractive(eventMode);
+    const isInteractiveTarget = currentTarget.isInteractive();
     if (isInteractiveMode && testFn(currentTarget, location)) {
       return isInteractiveTarget ? [currentTarget] : [];
     }
@@ -15284,7 +15351,7 @@ class EventBoundary {
   _isInteractive(int) {
     return int === "static" || int === "dynamic";
   }
-  hitPruneFn(displayObject, location) {
+  _interactivePrune(displayObject) {
     if (!displayObject || displayObject.isMask || !displayObject.visible || !displayObject.renderable) {
       return true;
     }
@@ -15297,8 +15364,9 @@ class EventBoundary {
     if (displayObject.isMask) {
       return true;
     }
-    if (this._collectInteractiveElements)
-      return false;
+    return false;
+  }
+  hitPruneFn(displayObject, location) {
     if (displayObject.hitArea) {
       displayObject.worldTransform.applyInverse(location, tempLocalMapping);
       if (!displayObject.hitArea.contains(tempLocalMapping.x, tempLocalMapping.y)) {
@@ -15359,9 +15427,9 @@ class EventBoundary {
     }
     this._allInteractiveElements.length = 0;
     this._hitElements.length = 0;
-    this._collectInteractiveElements = true;
+    this._isPointerMoveEvent = true;
     const e = this.createPointerEvent(from);
-    this._collectInteractiveElements = false;
+    this._isPointerMoveEvent = false;
     const isMouse = e.pointerType === "mouse" || e.pointerType === "pen";
     const trackingData = this.trackingData(from.pointerId);
     const outTarget = this.findMountedTarget(trackingData.overTargets);
@@ -20403,7 +20471,7 @@ const _Graphics = class extends Container {
     const uniforms = shader.uniforms;
     const drawCalls = geometry.drawCalls;
     uniforms.translationMatrix = this.transform.worldTransform;
-    Color.shared.setValue(this._tintColor).multiply([worldAlpha, worldAlpha, worldAlpha]).setAlpha(worldAlpha).toArray(uniforms.tint);
+    Color.shared.setValue(this._tintColor).premultiply(worldAlpha).toArray(uniforms.tint);
     renderer.shader.bind(shader);
     renderer.geometry.bind(geometry, shader);
     renderer.state.set(this.state);