tsparticles 1.41.0 → 1.41.4

package/umd/Core/Particle.js

@@ -219,10 +219,10 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
             return (this.getRadius() ** 2 * Math.PI) / 2;
         }
         getFillColor() {
-            var _a, _b, _c;
+            var _a, _b;
             const color = (_a = this.bubble.color) !== null && _a !== void 0 ? _a : (0, Utils_2.getHslFromAnimation)(this.color);
             if (color && this.roll && (this.backColor || this.roll.alter)) {
-                const rolled = Math.floor(((_c = (_b = this.roll) === null || _b === void 0 ? void 0 : _b.angle) !== null && _c !== void 0 ? _c : 0) / (Math.PI / 2)) % 2;
+                const backFactor = this.options.roll.mode === "both" ? 2 : 1, backSum = this.options.roll.mode === "horizontal" ? Math.PI / 2 : 0, rolled = Math.floor((((_b = this.roll.angle) !== null && _b !== void 0 ? _b : 0) + backSum) / (Math.PI / backFactor)) % 2;
                 if (rolled) {
                     if (this.backColor) {
                         return this.backColor;

package/umd/Core/Particles.d.ts

@@ -26,11 +26,11 @@ export declare class Particles {
     private readonly mover;
     constructor(engine: Engine, container: Container);
     init(): void;
-    redraw(): void;
+    redraw(): Promise<void>;
     removeAt(index: number, quantity?: number, group?: string, override?: boolean): void;
     remove(particle: Particle, group?: string, override?: boolean): void;
-    update(delta: IDelta): void;
-    draw(delta: IDelta): void;
+    update(delta: IDelta): Promise<void>;
+    draw(delta: IDelta): Promise<void>;
     clear(): void;
     push(nb: number, mouse?: IMouseData, overrideOptions?: RecursivePartial<IParticles>, group?: string): void;
     addParticle(position?: ICoordinates, overrideOptions?: RecursivePartial<IParticles>, group?: string): Particle | undefined;

package/umd/Core/Particles.js

@@ -84,10 +84,10 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
             }
             container.pathGenerator.init(container);
         }
-        redraw() {
+        async redraw() {
             this.clear();
             this.init();
-            this.draw({ value: 0, factor: 0 });
+            await this.draw({ value: 0, factor: 0 });
         }
         removeAt(index, quantity = 1, group, override) {
             if (!(index >= 0 && index <= this.count)) {
@@ -109,7 +109,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
         remove(particle, group, override) {
             this.removeAt(this.array.indexOf(particle), undefined, group, override);
         }
-        update(delta) {
+        async update(delta) {
             const container = this.container;
             const particlesToDelete = [];
             container.pathGenerator.update();
@@ -143,23 +143,23 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
             for (const particle of particlesToDelete) {
                 this.remove(particle);
             }
-            this.interactionManager.externalInteract(delta);
+            await this.interactionManager.externalInteract(delta);
             for (const particle of container.particles.array) {
                 for (const updater of this.updaters) {
                     updater.update(particle, delta);
                 }
                 if (!particle.destroyed && !particle.spawning) {
-                    this.interactionManager.particlesInteract(particle, delta);
+                    await this.interactionManager.particlesInteract(particle, delta);
                 }
             }
             delete container.canvas.resizeFactor;
         }
-        draw(delta) {
+        async draw(delta) {
             const container = this.container;
             container.canvas.clear();
             const canvasSize = this.container.canvas.size;
             this.quadTree = new Utils_1.QuadTree(new Utils_1.Rectangle(-canvasSize.width / 4, -canvasSize.height / 4, (canvasSize.width * 3) / 2, (canvasSize.height * 3) / 2), 4);
-            this.update(delta);
+            await this.update(delta);
             if (this.needsSort) {
                 this.zArray.sort((a, b) => b.position.z - a.position.z || a.id - b.id);
                 this.lastZIndex = this.zArray[this.zArray.length - 1].position.z;

package/umd/Core/Utils/ExternalInteractorBase.d.ts

@@ -6,7 +6,7 @@ export declare abstract class ExternalInteractorBase implements IExternalInterac
     protected readonly container: Container;
     protected constructor(container: Container);
     type: InteractorType;
-    abstract interact(delta: IDelta): void;
+    abstract interact(delta: IDelta): Promise<void>;
     abstract isEnabled(): boolean;
     abstract reset(particle: Particle): void;
 }

package/umd/Core/Utils/FrameManager.d.ts

@@ -2,5 +2,5 @@ import type { Container } from "../Container";
 export declare class FrameManager {
     private readonly container;
     constructor(container: Container);
-    nextFrame(timestamp: DOMHighResTimeStamp): void;
+    nextFrame(timestamp: DOMHighResTimeStamp): Promise<void>;
 }

package/umd/Core/Utils/FrameManager.js

@@ -14,7 +14,7 @@
         constructor(container) {
             this.container = container;
         }
-        nextFrame(timestamp) {
+        async nextFrame(timestamp) {
             var _a;
             try {
                 const container = this.container;
@@ -35,7 +35,7 @@
                     container.draw(false);
                     return;
                 }
-                container.particles.draw(delta);
+                await container.particles.draw(delta);
                 if (container.duration > 0 && container.lifeTime > container.duration) {
                     container.destroy();
                     return;

package/umd/Core/Utils/InteractionManager.d.ts

@@ -9,6 +9,6 @@ export declare class InteractionManager {
     private particleInteractors;
     constructor(engine: Engine, container: Container);
     init(): void;
-    externalInteract(delta: IDelta): void;
-    particlesInteract(particle: Particle, delta: IDelta): void;
+    externalInteract(delta: IDelta): Promise<void>;
+    particlesInteract(particle: Particle, delta: IDelta): Promise<void>;
 }

package/umd/Core/Utils/InteractionManager.js

@@ -46,20 +46,20 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
                 }
             }
         }
-        externalInteract(delta) {
+        async externalInteract(delta) {
             for (const interactor of this.externalInteractors) {
                 if (interactor.isEnabled()) {
-                    interactor.interact(delta);
+                    await interactor.interact(delta);
                 }
             }
         }
-        particlesInteract(particle, delta) {
+        async particlesInteract(particle, delta) {
             for (const interactor of this.externalInteractors) {
                 interactor.reset(particle);
             }
             for (const interactor of this.particleInteractors) {
                 if (interactor.isEnabled(particle)) {
-                    interactor.interact(particle, delta);
+                    await interactor.interact(particle, delta);
                 }
             }
         }

package/umd/Core/Utils/ParticlesInteractorBase.d.ts

@@ -6,7 +6,7 @@ export declare abstract class ParticlesInteractorBase implements IParticlesInter
     protected readonly container: Container;
     protected constructor(container: Container);
     type: InteractorType;
-    abstract interact(particle: Particle, delta: IDelta): void;
+    abstract interact(particle: Particle, delta: IDelta): Promise<void>;
     abstract isEnabled(particle: Particle): boolean;
     abstract reset(particle: Particle): void;
 }

package/umd/Interactions/External/Attract/Attractor.d.ts

@@ -4,7 +4,7 @@ export declare class Attractor extends ExternalInteractorBase {
     constructor(container: Container);
     isEnabled(): boolean;
     reset(): void;
-    interact(): void;
+    interact(): Promise<void>;
     private hoverAttract;
     private processAttract;
     private clickAttract;

package/umd/Interactions/External/Attract/Attractor.js

@@ -26,7 +26,7 @@
         }
         reset() {
         }
-        interact() {
+        async interact() {
             const container = this.container, options = container.actualOptions, mouseMoveStatus = container.interactivity.status === Core_1.Constants.mouseMoveEvent, events = options.interactivity.events, hoverEnabled = events.onHover.enable, hoverMode = events.onHover.mode, clickEnabled = events.onClick.enable, clickMode = events.onClick.mode;
             if (mouseMoveStatus && hoverEnabled && (0, Utils_1.isInArray)("attract", hoverMode)) {
                 this.hoverAttract();

package/umd/Interactions/External/Bounce/Bouncer.d.ts

@@ -3,7 +3,7 @@ import type { Container } from "../../../Core";
 export declare class Bouncer extends ExternalInteractorBase {
     constructor(container: Container);
     isEnabled(): boolean;
-    interact(): void;
+    interact(): Promise<void>;
     reset(): void;
     private processMouseBounce;
     private singleSelectorBounce;

package/umd/Interactions/External/Bounce/Bouncer.js

@@ -21,7 +21,7 @@
             return ((mouse.position && events.onHover.enable && (0, Utils_1.isInArray)("bounce", events.onHover.mode)) ||
                 (0, Utils_1.isDivModeEnabled)("bounce", divs));
         }
-        interact() {
+        async interact() {
             const container = this.container, options = container.actualOptions, events = options.interactivity.events, mouseMoveStatus = container.interactivity.status === Core_1.Constants.mouseMoveEvent, hoverEnabled = events.onHover.enable, hoverMode = events.onHover.mode, divs = events.onDiv;
             if (mouseMoveStatus && hoverEnabled && (0, Utils_1.isInArray)("bounce", hoverMode)) {
                 this.processMouseBounce();

package/umd/Interactions/External/Bubble/Bubbler.d.ts

@@ -5,7 +5,7 @@ export declare class Bubbler extends ExternalInteractorBase {
     constructor(container: Container);
     isEnabled(): boolean;
     reset(particle: Particle, force?: boolean): void;
-    interact(): void;
+    interact(): Promise<void>;
     private singleSelectorHover;
     private process;
     private clickBubble;

package/umd/Interactions/External/Bubble/Bubbler.js

@@ -44,7 +44,7 @@
             delete particle.bubble.radius;
             delete particle.bubble.color;
         }
-        interact() {
+        async interact() {
             const options = this.container.actualOptions, events = options.interactivity.events, onHover = events.onHover, onClick = events.onClick, hoverEnabled = onHover.enable, hoverMode = onHover.mode, clickEnabled = onClick.enable, clickMode = onClick.mode, divs = events.onDiv;
             if (hoverEnabled && (0, Utils_1.isInArray)("bubble", hoverMode)) {
                 this.hoverBubble();

package/umd/Interactions/External/Connect/Connector.d.ts

@@ -4,5 +4,5 @@ export declare class Connector extends ExternalInteractorBase {
     constructor(container: Container);
     isEnabled(): boolean;
     reset(): void;
-    interact(): void;
+    interact(): Promise<void>;
 }

package/umd/Interactions/External/Connect/Connector.js

@@ -25,7 +25,7 @@
         }
         reset() {
         }
-        interact() {
+        async interact() {
             const container = this.container, options = container.actualOptions;
             if (options.interactivity.events.onHover.enable && container.interactivity.status === "mousemove") {
                 const mousePos = container.interactivity.mouse.position;

package/umd/Interactions/External/Grab/Grabber.d.ts

@@ -4,5 +4,5 @@ export declare class Grabber extends ExternalInteractorBase {
     constructor(container: Container);
     isEnabled(): boolean;
     reset(): void;
-    interact(): void;
+    interact(): Promise<void>;
 }

package/umd/Interactions/External/Grab/Grabber.js

@@ -22,7 +22,7 @@
         }
         reset() {
         }
-        interact() {
+        async interact() {
             var _a;
             const container = this.container, options = container.actualOptions, interactivity = options.interactivity;
             if (interactivity.events.onHover.enable && container.interactivity.status === Core_1.Constants.mouseMoveEvent) {

package/umd/Interactions/External/Repulse/Repulser.d.ts

@@ -4,7 +4,7 @@ export declare class Repulser extends ExternalInteractorBase {
     constructor(container: Container);
     isEnabled(): boolean;
     reset(): void;
-    interact(): void;
+    interact(): Promise<void>;
     private singleSelectorRepulse;
     private hoverRepulse;
     private processRepulse;

package/umd/Interactions/External/Repulse/Repulser.js

@@ -26,7 +26,7 @@
         }
         reset() {
         }
-        interact() {
+        async interact() {
             const container = this.container, options = container.actualOptions, mouseMoveStatus = container.interactivity.status === Core_1.Constants.mouseMoveEvent, events = options.interactivity.events, hoverEnabled = events.onHover.enable, hoverMode = events.onHover.mode, clickEnabled = events.onClick.enable, clickMode = events.onClick.mode, divs = events.onDiv;
             if (mouseMoveStatus && hoverEnabled && (0, Utils_1.isInArray)("repulse", hoverMode)) {
                 this.hoverRepulse();

package/umd/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/umd/Interactions/External/Trail/TrailMaker.js

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

package/umd/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/umd/Interactions/Particles/Attract/Attractor.js

@@ -16,7 +16,7 @@
         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/umd/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/umd/Interactions/Particles/Collisions/Collider.js

@@ -43,7 +43,7 @@
         }
         reset() {
         }
-        interact(p1) {
+        async interact(p1) {
             const container = this.container;
             const pos1 = p1.getPosition();
             const radius1 = p1.getRadius();

package/umd/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/umd/Interactions/Particles/Links/Linker.js

@@ -49,7 +49,7 @@
         }
         reset() {
         }
-        interact(p1) {
+        async interact(p1) {
             var _a;
             p1.links = [];
             const pos1 = p1.getPosition();

package/umd/Plugins/PolygonMask/PolygonMaskInstance.js

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

package/umd/Updaters/Opacity/OpacityUpdater.js

@@ -32,9 +32,9 @@
         }
         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) {
@@ -111,12 +111,14 @@
             }
         }
         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/umd/Updaters/Size/SizeUpdater.js

@@ -30,9 +30,9 @@
         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) {
@@ -69,11 +69,12 @@
         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)) {