tsparticles 1.41.0 → 1.41.1

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

@@ -36,7 +36,7 @@ export class Bubbler extends ExternalInteractorBase {
         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;
         /* on hover event */
         if (hoverEnabled && isInArray("bubble" /* bubble */, hoverMode)) {

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

@@ -11,5 +11,5 @@ export declare class Connector extends ExternalInteractorBase {
     /**
      * Connecting particles on hover interactivity
      */
-    interact(): void;
+    interact(): Promise<void>;
 }

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

@@ -21,7 +21,7 @@ export class Connector extends ExternalInteractorBase {
     /**
      * Connecting particles on hover interactivity
      */
-    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/browser/Interactions/External/Grab/Grabber.d.ts

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

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

@@ -15,7 +15,7 @@ export class Grabber extends ExternalInteractorBase {
     reset() {
         // do nothing
     }
-    interact() {
+    async interact() {
         var _a;
         const container = this.container, options = container.actualOptions, interactivity = options.interactivity;
         if (interactivity.events.onHover.enable && container.interactivity.status === Constants.mouseMoveEvent) {

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

@@ -8,7 +8,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/browser/Interactions/External/Repulse/Repulser.js

@@ -19,7 +19,7 @@ export class Repulser extends ExternalInteractorBase {
     reset() {
         // do nothing
     }
-    interact() {
+    async interact() {
         const container = this.container, options = container.actualOptions, mouseMoveStatus = container.interactivity.status === 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 && isInArray("repulse" /* repulse */, hoverMode)) {
             this.hoverRepulse();

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

@@ -7,7 +7,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/browser/Interactions/External/Trail/TrailMaker.js

@@ -8,7 +8,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/browser/Interactions/Particles/Attract/Attractor.d.ts

@@ -5,7 +5,7 @@ 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/browser/Interactions/Particles/Attract/Attractor.js

@@ -7,7 +7,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/browser/Interactions/Particles/Collisions/Collider.d.ts

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

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

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

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

package/browser/Plugins/PolygonMask/PolygonMaskInstance.js

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

package/esm/Core/Container.js

@@ -112,12 +112,12 @@ export class Container {
     }
     draw(force) {
         let refreshTime = force;
-        this.drawAnimationFrame = animate()((timestamp) => {
+        this.drawAnimationFrame = animate()(async (timestamp) => {
             if (refreshTime) {
                 this.lastFrameTime = undefined;
                 refreshTime = false;
             }
-            this.drawer.nextFrame(timestamp);
+            await this.drawer.nextFrame(timestamp);
         });
     }
     getAnimationStatus() {

package/esm/Core/Interfaces/IExternalInteractor.d.ts

@@ -2,5 +2,5 @@ import type { IDelta } from "./IDelta";
 import type { IInteractor } from "./IInteractor";
 export interface IExternalInteractor extends IInteractor {
     isEnabled(): boolean;
-    interact(delta: IDelta): void;
+    interact(delta: IDelta): Promise<void>;
 }

package/esm/Core/Interfaces/IParticlesInteractor.d.ts

@@ -3,5 +3,5 @@ import type { IInteractor } from "./IInteractor";
 import type { Particle } from "../Particle";
 export interface IParticlesInteractor extends IInteractor {
     isEnabled(particle: Particle): boolean;
-    interact(particle: Particle, delta: IDelta): void;
+    interact(particle: Particle, delta: IDelta): Promise<void>;
 }

package/esm/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/esm/Core/Particles.js

@@ -72,10 +72,10 @@ export class Particles {
         }
         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)) {
@@ -97,7 +97,7 @@ export class Particles {
     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();
@@ -131,23 +131,23 @@ export class Particles {
         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 QuadTree(new 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/esm/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/esm/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/esm/Core/Utils/FrameManager.js

@@ -2,7 +2,7 @@ export class FrameManager {
     constructor(container) {
         this.container = container;
     }
-    nextFrame(timestamp) {
+    async nextFrame(timestamp) {
         var _a;
         try {
             const container = this.container;
@@ -23,7 +23,7 @@ export class FrameManager {
                 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/esm/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/esm/Core/Utils/InteractionManager.js

@@ -34,20 +34,20 @@ export class InteractionManager {
             }
         }
     }
-    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/esm/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/esm/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/esm/Interactions/External/Attract/Attractor.js

@@ -14,7 +14,7 @@ export class Attractor extends ExternalInteractorBase {
     }
     reset() {
     }
-    interact() {
+    async interact() {
         const container = this.container, options = container.actualOptions, mouseMoveStatus = container.interactivity.status === 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 && isInArray("attract", hoverMode)) {
             this.hoverAttract();

package/esm/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/esm/Interactions/External/Bounce/Bouncer.js

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

package/esm/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/esm/Interactions/External/Bubble/Bubbler.js

@@ -32,7 +32,7 @@ export class Bubbler extends ExternalInteractorBase {
         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 && isInArray("bubble", hoverMode)) {
             this.hoverBubble();

package/esm/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/esm/Interactions/External/Connect/Connector.js

@@ -13,7 +13,7 @@ export class Connector extends ExternalInteractorBase {
     }
     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/esm/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/esm/Interactions/External/Grab/Grabber.js

@@ -10,7 +10,7 @@ export class Grabber extends ExternalInteractorBase {
     }
     reset() {
     }
-    interact() {
+    async interact() {
         var _a;
         const container = this.container, options = container.actualOptions, interactivity = options.interactivity;
         if (interactivity.events.onHover.enable && container.interactivity.status === Constants.mouseMoveEvent) {

package/esm/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/esm/Interactions/External/Repulse/Repulser.js

@@ -14,7 +14,7 @@ export class Repulser extends ExternalInteractorBase {
     }
     reset() {
     }
-    interact() {
+    async interact() {
         const container = this.container, options = container.actualOptions, mouseMoveStatus = container.interactivity.status === 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 && isInArray("repulse", hoverMode)) {
             this.hoverRepulse();

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tsparticles",
-  "version": "1.41.0",
+  "version": "1.41.1",
   "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": {