tsparticles 1.37.2 → 1.37.6

package/tsparticles.slim.js

@@ -939,14 +939,11 @@
       };
     }
     function circleBounce(p1, p2) {
-      const xVelocityDiff = p1.velocity.x;
-      const yVelocityDiff = p1.velocity.y;
-      const pos1 = p1.position;
-      const pos2 = p2.position;
-      const xDist = pos2.x - pos1.x;
-      const yDist = pos2.y - pos1.y;
+      const {x: xVelocityDiff, y: yVelocityDiff} = p1.velocity.sub(p2.velocity);
+      const [pos1, pos2] = [ p1.position, p2.position ];
+      const {dx: xDist, dy: yDist} = getDistances(pos2, pos1);
       if (xVelocityDiff * xDist + yVelocityDiff * yDist >= 0) {
-        const angle = -Math.atan2(pos2.y - pos1.y, pos2.x - pos1.x);
+        const angle = -Math.atan2(yDist, xDist);
         const m1 = p1.mass;
         const m2 = p2.mass;
         const u1 = p1.velocity.rotate(angle);
@@ -1880,6 +1877,7 @@
         this.mouseDownHandler = () => this.mouseDown();
         this.visibilityChangeHandler = () => this.handleVisibilityChange();
         this.themeChangeHandler = e => this.handleThemeChange(e);
+        this.oldThemeChangeHandler = e => this.handleThemeChange(e);
         this.resizeHandler = () => this.handleWindowResize();
       }
       addListeners() {
@@ -1903,9 +1901,17 @@
         } else {
           container.interactivity.element = container.canvas.element;
         }
-        const mediaMatch = typeof matchMedia !== "undefined" && matchMedia("(prefers-color-scheme: dark)");
+        const mediaMatch = !isSsr() && typeof matchMedia !== "undefined" && matchMedia("(prefers-color-scheme: dark)");
         if (mediaMatch) {
-          manageListener(mediaMatch, "change", this.themeChangeHandler, add);
+          if (mediaMatch.addEventListener !== undefined) {
+            manageListener(mediaMatch, "change", this.themeChangeHandler, add);
+          } else if (mediaMatch.addListener !== undefined) {
+            if (add) {
+              mediaMatch.addListener(this.oldThemeChangeHandler);
+            } else {
+              mediaMatch.removeListener(this.oldThemeChangeHandler);
+            }
+          }
         }
         const interactivityEl = container.interactivity.element;
         if (!interactivityEl) {