tsparticles 1.39.0 → 1.39.1

package/esm/Plugins/Emitters/EmitterInstance.js

@@ -11,10 +11,11 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
 };
 var _EmitterInstance_firstSpawn, _EmitterInstance_startParticlesAdded;
 import { colorToHsl, deepExtend, getRangeValue, isPointInside, randomInRange } from "../../Utils";
+import { Emitter } from "./Options/Classes/Emitter";
 import { EmitterSize } from "./Options/Classes/EmitterSize";
 import { ShapeManager } from "./ShapeManager";
 export class EmitterInstance {
-    constructor(emitters, container, emitterOptions, position) {
+    constructor(emitters, container, options, position) {
         var _a, _b, _c, _d, _e, _f;
         var _g;
         this.emitters = emitters;
@@ -25,25 +26,31 @@ export class EmitterInstance {
         this.currentEmitDelay = 0;
         this.currentSpawnDelay = 0;
         this.initialPosition = position;
-        this.emitterOptions = deepExtend({}, emitterOptions);
-        this.spawnDelay = (((_a = this.emitterOptions.life.delay) !== null && _a !== void 0 ? _a : 0) * 1000) / this.container.retina.reduceFactor;
+        if (options instanceof Emitter) {
+            this.options = options;
+        }
+        else {
+            this.options = new Emitter();
+            this.options.load(options);
+        }
+        this.spawnDelay = (((_a = this.options.life.delay) !== null && _a !== void 0 ? _a : 0) * 1000) / this.container.retina.reduceFactor;
         this.position = (_b = this.initialPosition) !== null && _b !== void 0 ? _b : this.calcPosition();
-        this.name = emitterOptions.name;
-        this.shape = ShapeManager.getShape(emitterOptions.shape);
-        this.fill = emitterOptions.fill;
-        __classPrivateFieldSet(this, _EmitterInstance_firstSpawn, !this.emitterOptions.life.wait, "f");
+        this.name = this.options.name;
+        this.shape = ShapeManager.getShape(this.options.shape);
+        this.fill = this.options.fill;
+        __classPrivateFieldSet(this, _EmitterInstance_firstSpawn, !this.options.life.wait, "f");
         __classPrivateFieldSet(this, _EmitterInstance_startParticlesAdded, false, "f");
-        let particlesOptions = deepExtend({}, this.emitterOptions.particles);
+        let particlesOptions = deepExtend({}, this.options.particles);
         particlesOptions !== null && particlesOptions !== void 0 ? particlesOptions : (particlesOptions = {});
         (_c = particlesOptions.move) !== null && _c !== void 0 ? _c : (particlesOptions.move = {});
-        (_d = (_g = particlesOptions.move).direction) !== null && _d !== void 0 ? _d : (_g.direction = this.emitterOptions.direction);
-        if (this.emitterOptions.spawnColor !== undefined) {
-            this.spawnColor = colorToHsl(this.emitterOptions.spawnColor);
+        (_d = (_g = particlesOptions.move).direction) !== null && _d !== void 0 ? _d : (_g.direction = this.options.direction);
+        if (this.options.spawnColor) {
+            this.spawnColor = colorToHsl(this.options.spawnColor);
         }
-        this.paused = !this.emitterOptions.autoPlay;
+        this.paused = !this.options.autoPlay;
         this.particlesOptions = particlesOptions;
         this.size =
-            (_e = this.emitterOptions.size) !== null && _e !== void 0 ? _e : (() => {
+            (_e = this.options.size) !== null && _e !== void 0 ? _e : (() => {
                 const size = new EmitterSize();
                 size.load({
                     height: 0,
@@ -52,7 +59,7 @@ export class EmitterInstance {
                 });
                 return size;
             })();
-        this.lifeCount = (_f = this.emitterOptions.life.count) !== null && _f !== void 0 ? _f : -1;
+        this.lifeCount = (_f = this.options.life.count) !== null && _f !== void 0 ? _f : -1;
         this.immortal = this.lifeCount <= 0;
         this.play();
     }
@@ -70,10 +77,10 @@ export class EmitterInstance {
             return;
         }
         if (this.container.retina.reduceFactor &&
-            (this.lifeCount > 0 || this.immortal || !this.emitterOptions.life.count) &&
+            (this.lifeCount > 0 || this.immortal || !this.options.life.count) &&
             (__classPrivateFieldGet(this, _EmitterInstance_firstSpawn, "f") || this.currentSpawnDelay >= ((_a = this.spawnDelay) !== null && _a !== void 0 ? _a : 0))) {
             if (this.emitDelay === undefined) {
-                const delay = getRangeValue(this.emitterOptions.rate.delay);
+                const delay = getRangeValue(this.options.rate.delay);
                 this.emitDelay = (1000 * delay) / this.container.retina.reduceFactor;
             }
             if (this.lifeCount > 0 || this.immortal) {
@@ -106,7 +113,7 @@ export class EmitterInstance {
         }
         if (!__classPrivateFieldGet(this, _EmitterInstance_startParticlesAdded, "f")) {
             __classPrivateFieldSet(this, _EmitterInstance_startParticlesAdded, true, "f");
-            this.emitParticles(this.emitterOptions.startCount);
+            this.emitParticles(this.options.startCount);
         }
         if (this.duration !== undefined) {
             this.currentDuration += delta.value;
@@ -120,8 +127,7 @@ export class EmitterInstance {
                 }
                 if (this.lifeCount > 0 || this.immortal) {
                     this.position = this.calcPosition();
-                    this.spawnDelay =
-                        (((_c = this.emitterOptions.life.delay) !== null && _c !== void 0 ? _c : 0) * 1000) / this.container.retina.reduceFactor;
+                    this.spawnDelay = (((_c = this.options.life.delay) !== null && _c !== void 0 ? _c : 0) * 1000) / this.container.retina.reduceFactor;
                 }
                 else {
                     this.destroy();
@@ -151,7 +157,7 @@ export class EmitterInstance {
         if (this.paused) {
             return;
         }
-        const duration = (_a = this.emitterOptions.life) === null || _a === void 0 ? void 0 : _a.duration;
+        const duration = (_a = this.options.life) === null || _a === void 0 ? void 0 : _a.duration;
         if (this.container.retina.reduceFactor &&
             (this.lifeCount > 0 || this.immortal) &&
             duration !== undefined &&
@@ -165,7 +171,7 @@ export class EmitterInstance {
     calcPosition() {
         var _a, _b;
         const container = this.container;
-        const percentPosition = this.emitterOptions.position;
+        const percentPosition = this.options.position;
         return {
             x: (((_a = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.x) !== null && _a !== void 0 ? _a : Math.random() * 100) / 100) * container.canvas.size.width,
             y: (((_b = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.y) !== null && _b !== void 0 ? _b : Math.random() * 100) / 100) * container.canvas.size.height,
@@ -175,7 +181,7 @@ export class EmitterInstance {
         if (this.paused) {
             return;
         }
-        const quantity = getRangeValue(this.emitterOptions.rate.quantity);
+        const quantity = getRangeValue(this.options.rate.quantity);
         this.emitParticles(quantity);
     }
     emitParticles(quantity) {
@@ -193,18 +199,11 @@ export class EmitterInstance {
         for (let i = 0; i < quantity; i++) {
             const particlesOptions = deepExtend({}, this.particlesOptions);
             if (this.spawnColor) {
-                const colorAnimation = (_a = this.emitterOptions.spawnColor) === null || _a === void 0 ? void 0 : _a.animation;
-                if (colorAnimation) {
-                    const hueAnimation = colorAnimation;
-                    if (hueAnimation.enable) {
-                        this.spawnColor.h = this.setColorAnimation(hueAnimation, this.spawnColor.h, 360);
-                    }
-                    else {
-                        const hslAnimation = colorAnimation;
-                        this.spawnColor.h = this.setColorAnimation(hslAnimation.h, this.spawnColor.h, 360);
-                        this.spawnColor.s = this.setColorAnimation(hslAnimation.s, this.spawnColor.s, 100);
-                        this.spawnColor.l = this.setColorAnimation(hslAnimation.l, this.spawnColor.l, 100);
-                    }
+                const hslAnimation = (_a = this.options.spawnColor) === null || _a === void 0 ? void 0 : _a.animation;
+                if (hslAnimation) {
+                    this.spawnColor.h = this.setColorAnimation(hslAnimation.h, this.spawnColor.h, 360);
+                    this.spawnColor.s = this.setColorAnimation(hslAnimation.s, this.spawnColor.s, 100);
+                    this.spawnColor.l = this.setColorAnimation(hslAnimation.l, this.spawnColor.l, 100);
                 }
                 if (!particlesOptions.color) {
                     particlesOptions.color = {
@@ -226,7 +225,7 @@ export class EmitterInstance {
             return initValue;
         }
         const colorOffset = randomInRange(animation.offset);
-        const delay = getRangeValue(this.emitterOptions.rate.delay);
+        const delay = getRangeValue(this.options.rate.delay);
         const emitFactor = (1000 * delay) / container.retina.reduceFactor;
         const colorSpeed = (_a = animation.speed) !== null && _a !== void 0 ? _a : 0;
         return (initValue + (colorSpeed * container.fpsLimit) / emitFactor + colorOffset * 3.6) % maxValue;

package/esm/Plugins/Emitters/Emitters.d.ts

@@ -1,10 +1,10 @@
 import type { Container, IContainerPlugin, ICoordinates, IDelta } from "../../Core";
-import { EmitterInstance } from "./EmitterInstance";
-import type { IEmitter } from "./Options/Interfaces/IEmitter";
 import type { RecursivePartial, SingleOrMultiple } from "../../Types";
 import { Emitter } from "./Options/Classes/Emitter";
-import type { IOptions } from "../../Options/Interfaces/IOptions";
+import { EmitterInstance } from "./EmitterInstance";
+import type { IEmitter } from "./Options/Interfaces/IEmitter";
 import type { IEmitterOptions } from "./Options/Interfaces/IEmitterOptions";
+import type { IOptions } from "../../Options/Interfaces/IOptions";
 export declare class Emitters implements IContainerPlugin {
     private readonly container;
     array: EmitterInstance[];

package/esm/Plugins/Emitters/Emitters.js

@@ -1,6 +1,6 @@
-import { EmitterInstance } from "./EmitterInstance";
-import { Emitter } from "./Options/Classes/Emitter";
 import { deepExtend, itemFromArray } from "../../Utils";
+import { Emitter } from "./Options/Classes/Emitter";
+import { EmitterInstance } from "./EmitterInstance";
 export class Emitters {
     constructor(container) {
         this.container = container;
@@ -12,6 +12,12 @@ export class Emitters {
             ? this.array[idxOrName || 0]
             : this.array.find((t) => t.name === idxOrName);
         overridableContainer.addEmitter = (options, position) => this.addEmitter(options, position);
+        overridableContainer.removeEmitter = (idxOrName) => {
+            const emitter = overridableContainer.getEmitter(idxOrName);
+            if (emitter) {
+                this.removeEmitter(emitter);
+            }
+        };
         overridableContainer.playEmitter = (idxOrName) => {
             const emitter = overridableContainer.getEmitter(idxOrName);
             if (emitter) {
@@ -113,7 +119,9 @@ export class Emitters {
         }
     }
     addEmitter(options, position) {
-        const emitter = new EmitterInstance(this, this.container, options, position);
+        const emitterOptions = new Emitter();
+        emitterOptions.load(options);
+        const emitter = new EmitterInstance(this, this.container, emitterOptions, position);
         this.array.push(emitter);
         return emitter;
     }

package/esm/Plugins/Emitters/Options/Classes/Emitter.d.ts

@@ -1,14 +1,14 @@
-import type { IEmitter } from "../Interfaces/IEmitter";
-import type { RecursivePartial } from "../../../../Types";
-import type { ICoordinates } from "../../../../Core/Interfaces";
 import { MoveDirection, MoveDirectionAlt } from "../../../../Enums";
-import type { IParticles } from "../../../../Options/Interfaces/Particles/IParticles";
-import { EmitterRate } from "./EmitterRate";
+import { AnimatableColor } from "../../../../Options/Classes/AnimatableColor";
 import { EmitterLife } from "./EmitterLife";
+import { EmitterRate } from "./EmitterRate";
+import { EmitterShapeType } from "../../Enums";
 import { EmitterSize } from "./EmitterSize";
+import type { ICoordinates } from "../../../../Core";
+import type { IEmitter } from "../Interfaces/IEmitter";
 import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
-import { AnimatableColor } from "../../../../Options/Classes/AnimatableColor";
-import { EmitterShapeType } from "../../Enums";
+import type { IParticles } from "../../../../Options/Interfaces/Particles/IParticles";
+import type { RecursivePartial } from "../../../../Types";
 export declare class Emitter implements IEmitter, IOptionLoader<IEmitter> {
     autoPlay: boolean;
     size?: EmitterSize;

package/esm/Plugins/Emitters/Options/Classes/Emitter.js

@@ -1,8 +1,8 @@
-import { EmitterRate } from "./EmitterRate";
+import { AnimatableColor } from "../../../../Options/Classes/AnimatableColor";
 import { EmitterLife } from "./EmitterLife";
-import { deepExtend } from "../../../../Utils";
+import { EmitterRate } from "./EmitterRate";
 import { EmitterSize } from "./EmitterSize";
-import { AnimatableColor } from "../../../../Options/Classes/AnimatableColor";
+import { deepExtend } from "../../../../Utils";
 export class Emitter {
     constructor() {
         this.autoPlay = true;

package/esm/Plugins/Emitters/Options/Classes/EmitterLife.d.ts

@@ -1,6 +1,6 @@
 import type { IEmitterLife } from "../Interfaces/IEmitterLife";
-import type { RecursivePartial } from "../../../../Types";
 import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
+import type { RecursivePartial } from "../../../../Types";
 export declare class EmitterLife implements IEmitterLife, IOptionLoader<IEmitterLife> {
     count?: number;
     delay?: number;

package/esm/Plugins/Emitters/Options/Classes/EmitterRate.d.ts

@@ -1,5 +1,5 @@
-import type { IEmitterRate } from "../Interfaces/IEmitterRate";
 import type { RangeValue, RecursivePartial } from "../../../../Types";
+import type { IEmitterRate } from "../Interfaces/IEmitterRate";
 import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
 export declare class EmitterRate implements IEmitterRate, IOptionLoader<IEmitterRate> {
     quantity: RangeValue;

package/esm/Plugins/Emitters/Options/Classes/EmitterSize.d.ts

@@ -1,7 +1,7 @@
 import type { IEmitterSize } from "../Interfaces/IEmitterSize";
+import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
 import type { RecursivePartial } from "../../../../Types";
 import { SizeMode } from "../../../../Enums";
-import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
 export declare class EmitterSize implements IEmitterSize, IOptionLoader<IEmitterSize> {
     mode: SizeMode | keyof typeof SizeMode;
     height: number;

package/esm/Plugins/Emitters/Options/Interfaces/IEmitter.d.ts

@@ -1,12 +1,12 @@
-import type { ICoordinates } from "../../../../Core/Interfaces";
 import type { MoveDirection, MoveDirectionAlt } from "../../../../Enums";
-import type { IParticles } from "../../../../Options/Interfaces/Particles/IParticles";
-import type { IEmitterRate } from "./IEmitterRate";
+import type { EmitterShapeType } from "../../Enums";
+import type { IAnimatableColor } from "../../../../Options/Interfaces/IAnimatableColor";
+import type { ICoordinates } from "../../../../Core";
 import type { IEmitterLife } from "./IEmitterLife";
-import type { RecursivePartial } from "../../../../Types";
+import type { IEmitterRate } from "./IEmitterRate";
 import type { IEmitterSize } from "./IEmitterSize";
-import type { IAnimatableColor } from "../../../../Options/Interfaces/IAnimatableColor";
-import type { EmitterShapeType } from "../../Enums/EmitterShapeType";
+import type { IParticles } from "../../../../Options/Interfaces/Particles/IParticles";
+import type { RecursivePartial } from "../../../../Types";
 export interface IEmitter {
     autoPlay: boolean;
     size?: IEmitterSize;

package/esm/Plugins/Emitters/Options/Interfaces/IEmitterOptions.d.ts

@@ -1,7 +1,7 @@
-import type { SingleOrMultiple } from "../../../../Types";
 import type { IEmitter } from "./IEmitter";
 import type { IInteractivity } from "../../../../Options/Interfaces/Interactivity/IInteractivity";
 import type { IModes } from "../../../../Options/Interfaces/Interactivity/Modes/IModes";
+import type { SingleOrMultiple } from "../../../../Types";
 export interface IEmitterOptions {
     emitters: SingleOrMultiple<IEmitter>;
     interactivity: IInteractivity & {

package/esm/Plugins/Emitters/Options/Interfaces/IEmitterSize.d.ts

@@ -1,5 +1,5 @@
-import type { SizeMode } from "../../../../Enums";
 import type { IDimension } from "../../../../Core/Interfaces/IDimension";
+import type { SizeMode } from "../../../../Enums";
 export interface IEmitterSize extends IDimension {
     mode: SizeMode | keyof typeof SizeMode;
 }

package/esm/Plugins/Emitters/Shapes/Circle/CircleShape.d.ts

@@ -1,5 +1,5 @@
-import type { IEmitterShape } from "../../IEmitterShape";
 import type { ICoordinates } from "../../../../Core";
+import type { IEmitterShape } from "../../IEmitterShape";
 export declare class CircleShape implements IEmitterShape {
     randomPosition(position: ICoordinates, offset: ICoordinates, fill: boolean): ICoordinates;
 }

package/esm/Plugins/Emitters/Shapes/Square/SquareShape.d.ts

@@ -1,5 +1,5 @@
-import type { IEmitterShape } from "../../IEmitterShape";
 import type { ICoordinates } from "../../../../Core";
+import type { IEmitterShape } from "../../IEmitterShape";
 export declare class SquareShape implements IEmitterShape {
     randomPosition(position: ICoordinates, offset: ICoordinates, fill: boolean): ICoordinates;
 }

package/esm/Plugins/Emitters/index.d.ts

@@ -1,3 +1,3 @@
 import { EmittersMain } from "./EmittersMain";
-export declare function loadEmittersPlugin(tsParticles: EmittersMain): Promise<void>;
+export declare function loadEmittersPlugin(engine: EmittersMain): Promise<void>;
 export * from "./EmittersMain";

package/esm/Plugins/Emitters/index.js

@@ -1,9 +1,9 @@
-import { isInArray } from "../../Utils";
-import { Emitters } from "./Emitters";
+import { CircleShape } from "./Shapes/Circle/CircleShape";
 import { Emitter } from "./Options/Classes/Emitter";
+import { Emitters } from "./Emitters";
 import { ShapeManager } from "./ShapeManager";
-import { CircleShape } from "./Shapes/Circle/CircleShape";
 import { SquareShape } from "./Shapes/Square/SquareShape";
+import { isInArray } from "../../Utils";
 class EmittersPlugin {
     constructor() {
         this.id = "emitters";
@@ -63,15 +63,15 @@ class EmittersPlugin {
         }
     }
 }
-export async function loadEmittersPlugin(tsParticles) {
+export async function loadEmittersPlugin(engine) {
     const plugin = new EmittersPlugin();
-    await tsParticles.addPlugin(plugin);
-    if (!tsParticles.addEmitterShape) {
-        tsParticles.addEmitterShape = (name, shape) => {
+    await engine.addPlugin(plugin);
+    if (!engine.addEmitterShape) {
+        engine.addEmitterShape = (name, shape) => {
             ShapeManager.addShape(name, shape);
         };
     }
-    tsParticles.addEmitterShape("circle", new CircleShape());
-    tsParticles.addEmitterShape("square", new SquareShape());
+    engine.addEmitterShape("circle", new CircleShape());
+    engine.addEmitterShape("square", new SquareShape());
 }
 export * from "./EmittersMain";

package/esm/Plugins/PolygonMask/Options/Classes/PolygonMask.d.ts

@@ -1,12 +1,12 @@
-import type { IPolygonMask } from "../Interfaces/IPolygonMask";
 import { PolygonMaskInlineArrangement, PolygonMaskInlineArrangementAlt, PolygonMaskType } from "../../Enums";
+import type { ICoordinates } from "../../../../Core";
+import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
+import type { IPolygonMask } from "../Interfaces/IPolygonMask";
 import { PolygonMaskDraw } from "./PolygonMaskDraw";
-import { PolygonMaskMove } from "./PolygonMaskMove";
 import { PolygonMaskInline } from "./PolygonMaskInline";
-import type { RecursivePartial } from "../../../../Types";
-import type { ICoordinates } from "../../../../Core";
 import { PolygonMaskLocalSvg } from "./PolygonMaskLocalSvg";
-import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
+import { PolygonMaskMove } from "./PolygonMaskMove";
+import type { RecursivePartial } from "../../../../Types";
 export declare class PolygonMask implements IPolygonMask, IOptionLoader<IPolygonMask> {
     get inlineArrangement(): PolygonMaskInlineArrangement | keyof typeof PolygonMaskInlineArrangement | PolygonMaskInlineArrangementAlt;
     set inlineArrangement(value: PolygonMaskInlineArrangement | keyof typeof PolygonMaskInlineArrangement | PolygonMaskInlineArrangementAlt);

package/esm/Plugins/PolygonMask/Options/Classes/PolygonMask.js

@@ -1,7 +1,7 @@
 import { PolygonMaskDraw } from "./PolygonMaskDraw";
-import { PolygonMaskMove } from "./PolygonMaskMove";
 import { PolygonMaskInline } from "./PolygonMaskInline";
 import { PolygonMaskLocalSvg } from "./PolygonMaskLocalSvg";
+import { PolygonMaskMove } from "./PolygonMaskMove";
 import { deepExtend } from "../../../../Utils";
 export class PolygonMask {
     constructor() {

package/esm/Plugins/PolygonMask/Options/Classes/PolygonMaskDraw.d.ts

@@ -1,8 +1,8 @@
+import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
 import type { IPolygonMaskDraw } from "../Interfaces/IPolygonMaskDraw";
+import { OptionsColor } from "../../../../Options/Classes/OptionsColor";
 import { PolygonMaskDrawStroke } from "./PolygonMaskDrawStroke";
 import type { RecursivePartial } from "../../../../Types";
-import { OptionsColor } from "../../../../Options/Classes/OptionsColor";
-import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
 export declare class PolygonMaskDraw implements IPolygonMaskDraw, IOptionLoader<IPolygonMaskDraw> {
     get lineWidth(): number;
     set lineWidth(value: number);

package/esm/Plugins/PolygonMask/Options/Classes/PolygonMaskDraw.js

@@ -1,5 +1,5 @@
-import { PolygonMaskDrawStroke } from "./PolygonMaskDrawStroke";
 import { OptionsColor } from "../../../../Options/Classes/OptionsColor";
+import { PolygonMaskDrawStroke } from "./PolygonMaskDrawStroke";
 export class PolygonMaskDraw {
     constructor() {
         this.enable = false;

package/esm/Plugins/PolygonMask/Options/Classes/PolygonMaskDrawStroke.d.ts

@@ -1,7 +1,7 @@
+import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
 import type { IPolygonMaskDrawStroke } from "../Interfaces/IPolygonMaskDrawStroke";
-import type { RecursivePartial } from "../../../../Types";
 import { OptionsColor } from "../../../../Options/Classes/OptionsColor";
-import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
+import type { RecursivePartial } from "../../../../Types";
 export declare class PolygonMaskDrawStroke implements IPolygonMaskDrawStroke, IOptionLoader<IPolygonMaskDrawStroke> {
     color: OptionsColor;
     width: number;

package/esm/Plugins/PolygonMask/Options/Classes/PolygonMaskInline.d.ts

@@ -1,7 +1,7 @@
-import type { IPolygonMaskInline } from "../Interfaces/IPolygonMaskInline";
 import { PolygonMaskInlineArrangement, PolygonMaskInlineArrangementAlt } from "../../Enums";
-import type { RecursivePartial } from "../../../../Types";
 import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
+import type { IPolygonMaskInline } from "../Interfaces/IPolygonMaskInline";
+import type { RecursivePartial } from "../../../../Types";
 export declare class PolygonMaskInline implements IPolygonMaskInline, IOptionLoader<IPolygonMaskInline> {
     arrangement: PolygonMaskInlineArrangement | keyof typeof PolygonMaskInlineArrangement | PolygonMaskInlineArrangementAlt;
     constructor();

package/esm/Plugins/PolygonMask/Options/Classes/PolygonMaskLocalSvg.d.ts

@@ -1,8 +1,8 @@
-import type { IPolygonMaskLocalSvg } from "../Interfaces/IPolygonMaskLocalSvg";
-import type { SingleOrMultiple } from "../../../../Types";
 import type { IDimension } from "../../../../Core";
-import type { RecursivePartial } from "../../../../Types";
 import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
+import type { IPolygonMaskLocalSvg } from "../Interfaces/IPolygonMaskLocalSvg";
+import type { RecursivePartial } from "../../../../Types";
+import type { SingleOrMultiple } from "../../../../Types";
 export declare class PolygonMaskLocalSvg implements IPolygonMaskLocalSvg, IOptionLoader<IPolygonMaskLocalSvg> {
     path: SingleOrMultiple<string>;
     size: IDimension;

package/esm/Plugins/PolygonMask/Options/Classes/PolygonMaskMove.d.ts

@@ -1,7 +1,7 @@
+import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
 import type { IPolygonMaskMove } from "../Interfaces/IPolygonMaskMove";
-import type { RecursivePartial } from "../../../../Types";
 import { PolygonMaskMoveType } from "../../Enums";
-import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
+import type { RecursivePartial } from "../../../../Types";
 export declare class PolygonMaskMove implements IPolygonMaskMove, IOptionLoader<IPolygonMaskMove> {
     radius: number;
     type: PolygonMaskMoveType | keyof typeof PolygonMaskMoveType;

package/esm/Plugins/PolygonMask/Options/Interfaces/IPolygonMask.d.ts

@@ -1,9 +1,9 @@
+import type { PolygonMaskInlineArrangement, PolygonMaskInlineArrangementAlt, PolygonMaskType } from "../../Enums";
+import type { ICoordinates } from "../../../../Core";
 import type { IPolygonMaskDraw } from "./IPolygonMaskDraw";
-import type { IPolygonMaskMove } from "./IPolygonMaskMove";
-import type { PolygonMaskType, PolygonMaskInlineArrangement, PolygonMaskInlineArrangementAlt } from "../../Enums";
 import type { IPolygonMaskInline } from "./IPolygonMaskInline";
-import type { ICoordinates } from "../../../../Core";
 import type { IPolygonMaskLocalSvg } from "./IPolygonMaskLocalSvg";
+import type { IPolygonMaskMove } from "./IPolygonMaskMove";
 export interface IPolygonMask {
     draw: IPolygonMaskDraw;
     enable: boolean;

package/esm/Plugins/PolygonMask/Options/Interfaces/IPolygonMaskDraw.d.ts

@@ -1,5 +1,5 @@
-import type { IPolygonMaskDrawStroke } from "./IPolygonMaskDrawStroke";
 import type { IColor } from "../../../../Core";
+import type { IPolygonMaskDrawStroke } from "./IPolygonMaskDrawStroke";
 export interface IPolygonMaskDraw {
     enable: boolean;
     lineColor: string | IColor;

package/esm/Plugins/PolygonMask/Options/Interfaces/IPolygonMaskLocalSvg.d.ts

@@ -1,5 +1,5 @@
-import type { SingleOrMultiple } from "../../../../Types";
 import type { IDimension } from "../../../../Core";
+import type { SingleOrMultiple } from "../../../../Types";
 export interface IPolygonMaskLocalSvg {
     path: SingleOrMultiple<string>;
     size: IDimension;

package/esm/Plugins/PolygonMask/PolygonMaskInstance.d.ts

@@ -1,9 +1,9 @@
 import type { Container, IContainerPlugin, ICoordinates, IDelta, IDimension, Particle } from "../../Core";
+import type { IPolygonMaskOptions } from "./Types";
 import type { ISvgPath } from "./Interfaces/ISvgPath";
-import type { RecursivePartial } from "../../Types";
-import { PolygonMask } from "./Options/Classes/PolygonMask";
 import { OutModeDirection } from "../../Enums";
-import type { IPolygonMaskOptions } from "./Types";
+import { PolygonMask } from "./Options/Classes/PolygonMask";
+import type { RecursivePartial } from "../../Types";
 export declare class PolygonMaskInstance implements IContainerPlugin {
     private readonly container;
     redrawTimeout?: number;

package/esm/Plugins/PolygonMask/PolygonMaskInstance.js

@@ -1,7 +1,7 @@
-import { Constants } from "../../Core";
+import { calcClosestPtOnSegment, drawPolygonMask, drawPolygonMaskPath, parsePaths, segmentBounce } from "./Utils";
 import { deepExtend, getDistance, getDistances, itemFromArray } from "../../Utils";
+import { Constants } from "../../Core";
 import { PolygonMask } from "./Options/Classes/PolygonMask";
-import { calcClosestPtOnSegment, drawPolygonMask, drawPolygonMaskPath, parsePaths, segmentBounce } from "./Utils";
 export class PolygonMaskInstance {
     constructor(container) {
         this.container = container;

package/esm/Plugins/PolygonMask/Types.d.ts

@@ -1,6 +1,6 @@
+import type { SVGPathSegArcAbs, SVGPathSegArcRel, SVGPathSegCurvetoCubicAbs, SVGPathSegCurvetoCubicRel, SVGPathSegCurvetoCubicSmoothAbs, SVGPathSegCurvetoCubicSmoothRel, SVGPathSegCurvetoQuadraticAbs, SVGPathSegCurvetoQuadraticRel, SVGPathSegCurvetoQuadraticSmoothAbs, SVGPathSegCurvetoQuadraticSmoothRel, SVGPathSegLinetoAbs, SVGPathSegLinetoRel, SVGPathSegMovetoAbs, SVGPathSegMovetoRel } from "./pathseg";
 import type { IOptions } from "../../Options/Interfaces/IOptions";
 import type { IPolygonMask } from "./Options/Interfaces/IPolygonMask";
-import type { SVGPathSegArcAbs, SVGPathSegCurvetoCubicAbs, SVGPathSegCurvetoCubicSmoothAbs, SVGPathSegCurvetoQuadraticAbs, SVGPathSegCurvetoQuadraticSmoothAbs, SVGPathSegLinetoAbs, SVGPathSegMovetoAbs, SVGPathSegArcRel, SVGPathSegCurvetoCubicRel, SVGPathSegCurvetoCubicSmoothRel, SVGPathSegCurvetoQuadraticRel, SVGPathSegCurvetoQuadraticSmoothRel, SVGPathSegLinetoRel, SVGPathSegMovetoRel } from "./pathseg";
 export declare type SvgAbsoluteCoordinatesTypes = SVGPathSegArcAbs | SVGPathSegCurvetoCubicAbs | SVGPathSegCurvetoCubicSmoothAbs | SVGPathSegCurvetoQuadraticAbs | SVGPathSegCurvetoQuadraticSmoothAbs | SVGPathSegLinetoAbs | SVGPathSegMovetoAbs;
 export declare type SvgRelativeCoordinatesTypes = SVGPathSegArcRel | SVGPathSegCurvetoCubicRel | SVGPathSegCurvetoCubicSmoothRel | SVGPathSegCurvetoQuadraticRel | SVGPathSegCurvetoQuadraticSmoothRel | SVGPathSegLinetoRel | SVGPathSegMovetoRel;
 export declare type IPolygonMaskOptions = IOptions & {

package/esm/Plugins/PolygonMask/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "../../engine";
-export declare function loadPolygonMaskPlugin(tsParticles: Engine): Promise<void>;
+export declare function loadPolygonMaskPlugin(engine: Engine): Promise<void>;

package/esm/Plugins/PolygonMask/index.js

@@ -1,5 +1,5 @@
-import { PolygonMaskInstance } from "./PolygonMaskInstance";
 import { PolygonMask } from "./Options/Classes/PolygonMask";
+import { PolygonMaskInstance } from "./PolygonMaskInstance";
 import { isSsr } from "../../Utils";
 class PolygonMaskPlugin {
     constructor() {
@@ -24,10 +24,10 @@ class PolygonMaskPlugin {
         polygonOptions.load(source === null || source === void 0 ? void 0 : source.polygon);
     }
 }
-export async function loadPolygonMaskPlugin(tsParticles) {
+export async function loadPolygonMaskPlugin(engine) {
     if (!isSsr() && !("SVGPathSeg" in window)) {
         await import("./pathseg");
     }
     const plugin = new PolygonMaskPlugin();
-    await tsParticles.addPlugin(plugin);
+    await engine.addPlugin(plugin);
 }

package/esm/Shapes/Circle/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "../../engine";
-export declare function loadCircleShape(tsParticles: Engine): Promise<void>;
+export declare function loadCircleShape(engine: Engine): Promise<void>;

package/esm/Shapes/Circle/index.js

@@ -1,4 +1,4 @@
 import { CircleDrawer } from "./CircleDrawer";
-export async function loadCircleShape(tsParticles) {
-    await tsParticles.addShape("circle", new CircleDrawer());
+export async function loadCircleShape(engine) {
+    await engine.addShape("circle", new CircleDrawer());
 }

package/esm/Shapes/Image/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "../../engine";
-export declare function loadImageShape(tsParticles: Engine): Promise<void>;
+export declare function loadImageShape(engine: Engine): Promise<void>;

package/esm/Shapes/Image/index.js

@@ -1,6 +1,6 @@
 import { ImageDrawer } from "./ImageDrawer";
-export async function loadImageShape(tsParticles) {
+export async function loadImageShape(engine) {
     const imageDrawer = new ImageDrawer();
-    await tsParticles.addShape("image", imageDrawer);
-    await tsParticles.addShape("images", imageDrawer);
+    await engine.addShape("image", imageDrawer);
+    await engine.addShape("images", imageDrawer);
 }

package/esm/Shapes/Line/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "../../engine";
-export declare function loadLineShape(tsParticles: Engine): Promise<void>;
+export declare function loadLineShape(engine: Engine): Promise<void>;

package/esm/Shapes/Line/index.js

@@ -1,4 +1,4 @@
 import { LineDrawer } from "./LineDrawer";
-export async function loadLineShape(tsParticles) {
-    await tsParticles.addShape("line", new LineDrawer());
+export async function loadLineShape(engine) {
+    await engine.addShape("line", new LineDrawer());
 }

package/esm/Shapes/Polygon/PolygonDrawer.d.ts

@@ -1,6 +1,6 @@
+import type { ICoordinates, IParticle } from "../../Core";
 import type { ISide } from "./PolygonDrawerBase";
 import { PolygonDrawerBase } from "./PolygonDrawerBase";
-import type { ICoordinates, IParticle } from "../../Core";
 export declare class PolygonDrawer extends PolygonDrawerBase {
     getSidesData(particle: IParticle, radius: number): ISide;
     getCenter(particle: IParticle, radius: number): ICoordinates;

package/esm/Shapes/Polygon/TriangleDrawer.d.ts

@@ -1,5 +1,5 @@
-import type { ISide } from "./PolygonDrawerBase";
 import type { ICoordinates, IParticle } from "../../Core";
+import type { ISide } from "./PolygonDrawerBase";
 import { PolygonDrawerBase } from "./PolygonDrawerBase";
 export declare class TriangleDrawer extends PolygonDrawerBase {
     getSidesCount(): number;