npm - tsparticles - Versions diffs - 1.40.2 → 1.41.3 - Mend

tsparticles 1.40.2 → 1.41.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1015) hide show

package/esm/Core/Utils/FrameManager.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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) {
@@ -45,6 +45,7 @@ function updateSize(particle, delta) {
                 particle.size.loops++;
             }
             else {
+                console.log("decreasing");
                 particle.size.value -= sizeVelocity;
             }
     }
@@ -57,11 +58,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 CHANGED Viewed

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