pixi.js 7.2.0-rc → 7.2.0-rc.2

package/README.md

@@ -1,7 +1,7 @@
 PixiJS — The HTML5 Creation Engine
 =============
 
-![pixi.js logo](https://pixijs.download/pixijs-banner-no-version.png)
+![pixi.js logo](https://pixijs.download/pixijs-banner-no-version.png?v=1)
 
 The aim of this project is to provide a fast lightweight 2D library that works
 across all devices. The PixiJS renderer allows everyone to enjoy the power of

package/dist/pixi.js

@@ -1,6 +1,6 @@
 /*!
- * pixi.js - v7.2.0-rc
- * Compiled Thu, 02 Mar 2023 15:20:48 UTC
+ * pixi.js - v7.2.0-rc.2
+ * Compiled Fri, 10 Mar 2023 14:31:11 UTC
  *
  * pixi.js is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -8821,7 +8821,7 @@ ${this.fragmentSrc}`;
         }
       }
       if (fbo.blitFramebuffer) {
-        fbo.blitFramebuffer.dispose();
+        this.disposeFramebuffer(fbo.blitFramebuffer, contextLost);
       }
     }
     disposeAll(contextLost) {
@@ -10358,7 +10358,7 @@ ${this.fragmentSrc}`;
       const { renderer } = this;
       renderer.runners.init.emit(renderer.options);
       if (options.hello) {
-        console.log(`PixiJS ${"7.2.0-rc"} - ${renderer.rendererLogId} - https://pixijs.com`);
+        console.log(`PixiJS ${"7.2.0-rc.2"} - ${renderer.rendererLogId} - https://pixijs.com`);
       }
       renderer.resize(renderer.screen.width, renderer.screen.height);
     }
@@ -12544,7 +12544,7 @@ ${this.fragmentSrc}`;
     }
   }
 
-  const VERSION = "7.2.0-rc";
+  const VERSION = "7.2.0-rc.2";
 
   class Bounds {
     constructor() {
@@ -15129,10 +15129,14 @@ ${this.fragmentSrc}`;
     constructor(rootTarget) {
       this.dispatch = new eventemitter3();
       this.moveOnAll = false;
+      this.enableGlobalMoveEvents = true;
       this.mappingState = {
         trackingData: {}
       };
       this.eventPool = /* @__PURE__ */ new Map();
+      this._allInteractiveElements = [];
+      this._hitElements = [];
+      this._collectInteractiveElements = false;
       this.rootTarget = rootTarget;
       this.hitPruneFn = this.hitPruneFn.bind(this);
       this.hitTestFn = this.hitTestFn.bind(this);
@@ -15212,24 +15216,17 @@ ${this.fragmentSrc}`;
           return;
       }
     }
-    all(e, type, target = this.rootTarget) {
+    all(e, type, targets = this._allInteractiveElements) {
+      if (targets.length === 0)
+        return;
       e.eventPhase = e.BUBBLING_PHASE;
-      const children = target.children;
-      const interactionNone = target.eventMode === "none";
-      const interactionPassive = target.eventMode === "passive" && !target.interactiveChildren;
-      const interactiveChildren = target.interactiveChildren;
-      const shouldIterateChildren = !interactionNone && interactiveChildren && !interactionPassive;
-      if (children && children.length > 0) {
-        if (shouldIterateChildren) {
-          for (let i = 0; i < children.length; i++) {
-            this.all(e, type, children[i]);
-          }
-        }
+      const events = Array.isArray(type) ? type : [type];
+      for (let i = targets.length - 1; i >= 0; i--) {
+        events.forEach((event) => {
+          e.currentTarget = targets[i];
+          this.notifyTarget(e, event);
+        });
       }
-      e.currentTarget = target;
-      if (!target.isInteractive())
-        return;
-      this.notifyTarget(e, type);
     }
     propagationPath(target) {
       const propagationPath = [target];
@@ -15244,9 +15241,6 @@ ${this.fragmentSrc}`;
       return propagationPath;
     }
     hitTestRecursive(currentTarget, eventMode, location, testFn, pruneFn) {
-      if (!currentTarget || !currentTarget.visible) {
-        return null;
-      }
       if (pruneFn(currentTarget, location)) {
         return null;
       }
@@ -15262,15 +15256,29 @@ ${this.fragmentSrc}`;
             if (nestedHit.length > 0 && !nestedHit[nestedHit.length - 1].parent) {
               continue;
             }
-            if (nestedHit.length > 0 || currentTarget.isInteractive()) {
+            const isInteractive = currentTarget.isInteractive();
+            if (nestedHit.length > 0 || isInteractive) {
+              if (isInteractive)
+                this._allInteractiveElements.push(currentTarget);
               nestedHit.push(currentTarget);
             }
-            return nestedHit;
+            if (this._hitElements.length === 0)
+              this._hitElements = nestedHit;
+            if (!this._collectInteractiveElements)
+              return nestedHit;
           }
         }
       }
-      if (this._isInteractive(eventMode) && testFn(currentTarget, location)) {
-        return currentTarget.isInteractive() ? [currentTarget] : [];
+      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 (isInteractiveMode && testFn(currentTarget, location)) {
+        return isInteractiveTarget ? [currentTarget] : [];
       }
       return null;
     }
@@ -15278,6 +15286,9 @@ ${this.fragmentSrc}`;
       return int === "static" || int === "dynamic";
     }
     hitPruneFn(displayObject, location) {
+      if (!displayObject || displayObject.isMask || !displayObject.visible || !displayObject.renderable) {
+        return true;
+      }
       if (displayObject.eventMode === "none") {
         return true;
       }
@@ -15287,6 +15298,8 @@ ${this.fragmentSrc}`;
       if (displayObject.isMask) {
         return true;
       }
+      if (this._hitElements.length > 0)
+        return false;
       if (displayObject.hitArea) {
         displayObject.worldTransform.applyInverse(location, tempLocalMapping);
         if (!displayObject.hitArea.contains(tempLocalMapping.x, tempLocalMapping.y)) {
@@ -15345,7 +15358,11 @@ ${this.fragmentSrc}`;
         console.warn("EventBoundary cannot map a non-pointer event as a pointer event");
         return;
       }
+      this._allInteractiveElements.length = 0;
+      this._hitElements.length = 0;
+      this._collectInteractiveElements = true;
       const e = this.createPointerEvent(from);
+      this._collectInteractiveElements = false;
       const isMouse = e.pointerType === "mouse" || e.pointerType === "pen";
       const trackingData = this.trackingData(from.pointerId);
       const outTarget = this.findMountedTarget(trackingData.overTargets);
@@ -15396,18 +15413,24 @@ ${this.fragmentSrc}`;
         }
         this.freeEvent(overEvent);
       }
-      const propagationMethod = this.moveOnAll ? "all" : "dispatchEvent";
-      this[propagationMethod](e, "pointermove");
-      this.all(e, "globalpointermove");
+      const allMethods = [];
+      const allowGlobalPointerEvents = this.enableGlobalMoveEvents ?? true;
+      this.moveOnAll ? allMethods.push("pointermove") : this.dispatchEvent(e, "pointermove");
+      allowGlobalPointerEvents && allMethods.push("globalpointermove");
       if (e.pointerType === "touch") {
-        this[propagationMethod](e, "touchmove");
-        this.all(e, "globaltouchmove");
+        this.moveOnAll ? allMethods.splice(1, 0, "touchmove") : this.dispatchEvent(e, "touchmove");
+        allowGlobalPointerEvents && allMethods.push("globaltouchmove");
       }
       if (isMouse) {
-        this[propagationMethod](e, "mousemove");
-        this.all(e, "globalmousemove");
+        this.moveOnAll ? allMethods.splice(1, 0, "mousemove") : this.dispatchEvent(e, "mousemove");
+        allowGlobalPointerEvents && allMethods.push("globalmousemove");
         this.cursor = e.target?.cursor;
       }
+      if (allMethods.length > 0) {
+        this.all(e, allMethods);
+      }
+      this._allInteractiveElements.length = 0;
+      this._hitElements.length = 0;
       trackingData.overTargets = e.composedPath();
       this.freeEvent(e);
     }
@@ -15583,7 +15606,7 @@ ${this.fragmentSrc}`;
       this.copyData(from, event);
       event.nativeEvent = from.nativeEvent;
       event.originalEvent = from;
-      event.target = target ?? this.hitTest(event.global.x, event.global.y);
+      event.target = target ?? this.hitTest(event.global.x, event.global.y) ?? this._hitElements[0];
       if (typeof type === "string") {
         event.type = type;
       }
@@ -15642,6 +15665,7 @@ ${this.fragmentSrc}`;
       to.metaKey = from.metaKey;
       to.movement.copyFrom(from.movement);
       to.screen.copyFrom(from.screen);
+      to.shiftKey = from.shiftKey;
       to.global.copyFrom(from.global);
     }
     copyData(from, to) {
@@ -15730,6 +15754,15 @@ ${this.fragmentSrc}`;
         default: "inherit",
         pointer: "pointer"
       };
+      this.features = new Proxy({ ..._EventSystem.defaultEventFeatures }, {
+        set: (target, key, value) => {
+          if (key === "globalMove") {
+            this.rootBoundary.enableGlobalMoveEvents = value;
+          }
+          target[key] = value;
+          return true;
+        }
+      });
       this.onPointerDown = this.onPointerDown.bind(this);
       this.onPointerMove = this.onPointerMove.bind(this);
       this.onPointerUp = this.onPointerUp.bind(this);
@@ -15744,6 +15777,8 @@ ${this.fragmentSrc}`;
       this.setTargetElement(view);
       this.resolution = resolution;
       _EventSystem._defaultEventMode = options.eventMode ?? "auto";
+      Object.assign(this.features, options.eventFeatures ?? {});
+      this.rootBoundary.enableGlobalMoveEvents = this.features.globalMove;
     }
     resolutionChange(resolution) {
       this.resolution = resolution;
@@ -15783,7 +15818,12 @@ ${this.fragmentSrc}`;
         this.domElement.style.cursor = mode;
       }
     }
+    get pointer() {
+      return this.rootPointerEvent;
+    }
     onPointerDown(nativeEvent) {
+      if (!this.features.click)
+        return;
       this.rootBoundary.rootTarget = this.renderer.lastObjectRendered;
       if (this.supportsTouchEvents && nativeEvent.pointerType === "touch")
         return;
@@ -15802,6 +15842,8 @@ ${this.fragmentSrc}`;
       this.setCursor(this.rootBoundary.cursor);
     }
     onPointerMove(nativeEvent) {
+      if (!this.features.move)
+        return;
       this.rootBoundary.rootTarget = this.renderer.lastObjectRendered;
       if (this.supportsTouchEvents && nativeEvent.pointerType === "touch")
         return;
@@ -15814,6 +15856,8 @@ ${this.fragmentSrc}`;
       this.setCursor(this.rootBoundary.cursor);
     }
     onPointerUp(nativeEvent) {
+      if (!this.features.click)
+        return;
       this.rootBoundary.rootTarget = this.renderer.lastObjectRendered;
       if (this.supportsTouchEvents && nativeEvent.pointerType === "touch")
         return;
@@ -15831,6 +15875,8 @@ ${this.fragmentSrc}`;
       this.setCursor(this.rootBoundary.cursor);
     }
     onPointerOverOut(nativeEvent) {
+      if (!this.features.click)
+        return;
       this.rootBoundary.rootTarget = this.renderer.lastObjectRendered;
       if (this.supportsTouchEvents && nativeEvent.pointerType === "touch")
         return;
@@ -15842,6 +15888,8 @@ ${this.fragmentSrc}`;
       this.setCursor(this.rootBoundary.cursor);
     }
     onWheel(nativeEvent) {
+      if (!this.features.wheel)
+        return;
       const wheelEvent = this.normalizeWheelEvent(nativeEvent);
       this.rootBoundary.rootTarget = this.renderer.lastObjectRendered;
       this.rootBoundary.mapEvent(wheelEvent);
@@ -16080,6 +16128,12 @@ ${this.fragmentSrc}`;
       ExtensionType.CanvasRendererSystem
     ]
   };
+  EventSystem.defaultEventFeatures = {
+    move: true,
+    globalMove: true,
+    click: true,
+    wheel: true
+  };
   extensions$1.add(EventSystem);
 
   function convertEventModeToInteractiveMode(mode) {
@@ -18648,6 +18702,9 @@ ${e}`);
     }
     _rawPixels(target, frame) {
       const renderer = this.renderer;
+      if (!renderer) {
+        throw new Error("The Extract has already been destroyed");
+      }
       let resolution;
       let flipY = false;
       let renderTexture;
@@ -18657,7 +18714,7 @@ ${e}`);
           renderTexture = target;
         } else {
           const multisample = renderer.context.webGLVersion >= 2 ? renderer.multisample : MSAA_QUALITY.NONE;
-          renderTexture = this.renderer.generateTexture(target, { multisample });
+          renderTexture = renderer.generateTexture(target, { multisample });
           if (multisample !== MSAA_QUALITY.NONE) {
             const resolvedTexture = RenderTexture.create({
               width: renderTexture.width,
@@ -18665,7 +18722,7 @@ ${e}`);
             });
             renderer.framebuffer.bind(renderTexture.framebuffer);
             renderer.framebuffer.blit(resolvedTexture.framebuffer);
-            renderer.framebuffer.bind(null);
+            renderer.framebuffer.bind();
             renderTexture.destroy(true);
             renderTexture = resolvedTexture;
           }
@@ -18685,7 +18742,7 @@ ${e}`);
           frame.height = renderer.height;
         }
         flipY = true;
-        renderer.renderTexture.bind(null);
+        renderer.renderTexture.bind();
       }
       const width = Math.round(frame.width * resolution);
       const height = Math.round(frame.height * resolution);
@@ -18693,7 +18750,7 @@ ${e}`);
       const gl = renderer.gl;
       gl.readPixels(Math.round(frame.x * resolution), Math.round(frame.y * resolution), width, height, gl.RGBA, gl.UNSIGNED_BYTE, pixels);
       if (generated) {
-        renderTexture.destroy(true);
+        renderTexture?.destroy(true);
       }
       return { pixels, width, height, flipY };
     }