tsparticles 1.41.0 → 1.41.4

package/esm/Interactions/External/Trail/TrailMaker.d.ts

@@ -4,7 +4,7 @@ export declare class TrailMaker extends ExternalInteractorBase {
     private delay;
     private lastPosition?;
     constructor(container: Container);
-    interact(delta: IDelta): void;
+    interact(delta: IDelta): Promise<void>;
     isEnabled(): boolean;
     reset(): void;
 }

package/esm/Interactions/External/Trail/TrailMaker.js

@@ -5,7 +5,7 @@ export class TrailMaker extends ExternalInteractorBase {
         super(container);
         this.delay = 0;
     }
-    interact(delta) {
+    async interact(delta) {
         var _a, _b, _c, _d;
         if (!this.container.retina.reduceFactor) {
             return;

package/esm/Interactions/Particles/Attract/Attractor.d.ts

@@ -2,7 +2,7 @@ import type { Container, IParticle, Particle } from "../../../Core";
 import { ParticlesInteractorBase } from "../../../Core";
 export declare class Attractor extends ParticlesInteractorBase {
     constructor(container: Container);
-    interact(p1: IParticle): void;
+    interact(p1: IParticle): Promise<void>;
     isEnabled(particle: Particle): boolean;
     reset(): void;
 }

package/esm/Interactions/Particles/Attract/Attractor.js

@@ -4,7 +4,7 @@ export class Attractor extends ParticlesInteractorBase {
     constructor(container) {
         super(container);
     }
-    interact(p1) {
+    async interact(p1) {
         var _a;
         const container = this.container, distance = (_a = p1.retina.attractDistance) !== null && _a !== void 0 ? _a : container.retina.attractDistance, pos1 = p1.getPosition(), query = container.particles.quadTree.queryCircle(pos1, distance);
         for (const p2 of query) {

package/esm/Interactions/Particles/Collisions/Collider.d.ts

@@ -4,7 +4,7 @@ export declare class Collider extends ParticlesInteractorBase {
     constructor(container: Container);
     isEnabled(particle: Particle): boolean;
     reset(): void;
-    interact(p1: Particle): void;
+    interact(p1: Particle): Promise<void>;
     private resolveCollision;
     private absorb;
 }

package/esm/Interactions/Particles/Collisions/Collider.js

@@ -31,7 +31,7 @@ export class Collider extends ParticlesInteractorBase {
     }
     reset() {
     }
-    interact(p1) {
+    async interact(p1) {
         const container = this.container;
         const pos1 = p1.getPosition();
         const radius1 = p1.getRadius();

package/esm/Interactions/Particles/Links/Linker.d.ts

@@ -5,6 +5,6 @@ export declare class Linker extends ParticlesInteractorBase {
     constructor(container: Container);
     isEnabled(particle: Particle): boolean;
     reset(): void;
-    interact(p1: LinkParticle): void;
+    interact(p1: LinkParticle): Promise<void>;
     private setColor;
 }

package/esm/Interactions/Particles/Links/Linker.js

@@ -37,7 +37,7 @@ export class Linker extends ParticlesInteractorBase {
     }
     reset() {
     }
-    interact(p1) {
+    async interact(p1) {
         var _a;
         p1.links = [];
         const pos1 = p1.getPosition();

package/esm/Plugins/PolygonMask/PolygonMaskInstance.js

@@ -32,7 +32,7 @@ export class PolygonMaskInstance {
         }
         this.redrawTimeout = window.setTimeout(async () => {
             await this.initRawData(true);
-            container.particles.redraw();
+            await container.particles.redraw();
         }, 250);
     }
     stop() {

package/esm/Updaters/Opacity/OpacityUpdater.js

@@ -20,9 +20,9 @@ function updateOpacity(particle, delta) {
     }
     const minValue = particle.opacity.min;
     const maxValue = particle.opacity.max;
-    if (!(!particle.destroyed &&
-        particle.opacity.enable &&
-        (((_a = particle.opacity.maxLoops) !== null && _a !== void 0 ? _a : 0) <= 0 || ((_b = particle.opacity.loops) !== null && _b !== void 0 ? _b : 0) < ((_c = particle.opacity.maxLoops) !== null && _c !== void 0 ? _c : 0)))) {
+    if (particle.destroyed ||
+        !particle.opacity.enable ||
+        (((_a = particle.opacity.maxLoops) !== null && _a !== void 0 ? _a : 0) > 0 && ((_b = particle.opacity.loops) !== null && _b !== void 0 ? _b : 0) > ((_c = particle.opacity.maxLoops) !== null && _c !== void 0 ? _c : 0))) {
         return;
     }
     switch (particle.opacity.status) {
@@ -99,12 +99,14 @@ export class OpacityUpdater {
         }
     }
     isEnabled(particle) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         return (!particle.destroyed &&
             !particle.spawning &&
             !!particle.opacity &&
             particle.opacity.enable &&
-            (((_a = particle.opacity.maxLoops) !== null && _a !== void 0 ? _a : 0) <= 0 || ((_b = particle.opacity.loops) !== null && _b !== void 0 ? _b : 0) < ((_c = particle.opacity.maxLoops) !== null && _c !== void 0 ? _c : 0)));
+            (((_a = particle.opacity.maxLoops) !== null && _a !== void 0 ? _a : 0) <= 0 ||
+                (((_b = particle.opacity.maxLoops) !== null && _b !== void 0 ? _b : 0) > 0 &&
+                    ((_c = particle.opacity.loops) !== null && _c !== void 0 ? _c : 0) < ((_d = particle.opacity.maxLoops) !== null && _d !== void 0 ? _d : 0))));
     }
     update(particle, delta) {
         if (!this.isEnabled(particle)) {

package/esm/Updaters/Size/SizeUpdater.js

@@ -18,9 +18,9 @@ function updateSize(particle, delta) {
     const sizeVelocity = ((_a = particle.size.velocity) !== null && _a !== void 0 ? _a : 0) * delta.factor;
     const minValue = particle.size.min;
     const maxValue = particle.size.max;
-    if (!(!particle.destroyed &&
-        particle.size.enable &&
-        (((_b = particle.size.loops) !== null && _b !== void 0 ? _b : 0) <= 0 || ((_c = particle.size.loops) !== null && _c !== void 0 ? _c : 0) < ((_d = particle.size.maxLoops) !== null && _d !== void 0 ? _d : 0)))) {
+    if (particle.destroyed ||
+        !particle.size.enable ||
+        (((_b = particle.size.maxLoops) !== null && _b !== void 0 ? _b : 0) > 0 && ((_c = particle.size.loops) !== null && _c !== void 0 ? _c : 0) > ((_d = particle.size.maxLoops) !== null && _d !== void 0 ? _d : 0))) {
         return;
     }
     switch (particle.size.status) {
@@ -57,11 +57,12 @@ export class SizeUpdater {
     init() {
     }
     isEnabled(particle) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         return (!particle.destroyed &&
             !particle.spawning &&
             particle.size.enable &&
-            (((_a = particle.size.loops) !== null && _a !== void 0 ? _a : 0) <= 0 || ((_b = particle.size.loops) !== null && _b !== void 0 ? _b : 0) < ((_c = particle.size.maxLoops) !== null && _c !== void 0 ? _c : 0)));
+            (((_a = particle.size.maxLoops) !== null && _a !== void 0 ? _a : 0) <= 0 ||
+                (((_b = particle.size.maxLoops) !== null && _b !== void 0 ? _b : 0) > 0 && ((_c = particle.size.loops) !== null && _c !== void 0 ? _c : 0) < ((_d = particle.size.maxLoops) !== null && _d !== void 0 ? _d : 0))));
     }
     update(particle, delta) {
         if (!this.isEnabled(particle)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tsparticles",
-  "version": "1.41.0",
+  "version": "1.41.4",
   "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org/",
   "scripts": {