tsparticles 1.39.0 → 1.39.1

package/esm/Core/Container.d.ts

@@ -1,12 +1,12 @@
+import { FrameManager, Vector } from "./Utils";
+import type { IAttract, IBubble, IContainerInteractivity, IContainerPlugin, IMovePathGenerator, IRepulse, IShapeDrawer } from "./Interfaces";
 import { Canvas } from "./Canvas";
-import { Particles } from "./Particles";
-import { Retina } from "./Retina";
 import type { IOptions } from "../Options/Interfaces/IOptions";
-import { FrameManager, Vector } from "./Utils";
-import type { RecursivePartial } from "../Types";
 import { Options } from "../Options/Classes/Options";
 import { Particle } from "./Particle";
-import type { IAttract, IBubble, IContainerInteractivity, IContainerPlugin, IMovePathGenerator, IRepulse, IShapeDrawer } from "./Interfaces";
+import { Particles } from "./Particles";
+import type { RecursivePartial } from "../Types";
+import { Retina } from "./Retina";
 export declare class Container {
     readonly id: string;
     started: boolean;

package/esm/Core/Container.js

@@ -1,9 +1,9 @@
+import { EventListeners, FrameManager, Plugins, Vector } from "./Utils";
+import { animate, cancelAnimation, getRangeValue } from "../Utils";
 import { Canvas } from "./Canvas";
+import { Options } from "../Options/Classes/Options";
 import { Particles } from "./Particles";
 import { Retina } from "./Retina";
-import { EventListeners, FrameManager, Plugins, Vector } from "./Utils";
-import { Options } from "../Options/Classes/Options";
-import { animate, cancelAnimation, getRangeValue } from "../Utils";
 export class Container {
     constructor(id, sourceOptions, ...presets) {
         this.id = id;

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

@@ -1,7 +1,7 @@
-import type { IColor } from "./Colors";
 import type { GradientType, RotateDirectionAlt } from "../../Enums";
-import type { RotateDirection } from "../../Enums";
+import type { IColor } from "./Colors";
 import type { RangeValue } from "../../Types";
+import type { RotateDirection } from "../../Enums";
 export interface IGradientColorOpacity {
     value: RangeValue;
 }

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

@@ -1,5 +1,5 @@
-import type { Vector } from "../Utils";
 import type { ICoordinates } from "./ICoordinates";
+import type { Vector } from "../Utils";
 export interface ICircleBouncer {
     position: ICoordinates;
     velocity: Vector;

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

@@ -1,10 +1,10 @@
+import type { ClickMode, OutModeDirection } from "../../Enums";
+import type { IColor } from "./Colors";
 import type { ICoordinates } from "./ICoordinates";
+import type { IDelta } from "./IDelta";
+import type { IOptions } from "../../Options/Interfaces/IOptions";
 import type { Particle } from "../Particle";
-import type { ClickMode, OutModeDirection } from "../../Enums";
 import type { RecursivePartial } from "../../Types";
-import type { IOptions } from "../../Options/Interfaces/IOptions";
-import type { IDelta } from "./IDelta";
-import type { IColor } from "./Colors";
 export interface IContainerPlugin {
     clickPositionValid?: (position: ICoordinates) => boolean;
     draw?: (context: CanvasRenderingContext2D, delta: IDelta) => void;

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

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

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

@@ -1,5 +1,5 @@
-import type { Particle } from "../Particle";
 import type { InteractorType } from "../../Enums";
+import type { Particle } from "../Particle";
 export interface IInteractor {
     type: InteractorType;
     reset(particle: Particle): void;

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

@@ -1,17 +1,17 @@
-import type { IStroke } from "../../Options/Interfaces/Particles/IStroke";
-import type { ICoordinates3d } from "./ICoordinates";
-import type { ShapeType } from "../../Enums";
+import type { IHsl, IRgb } from "./Colors";
 import type { IParticleTiltValueAnimation, IParticleValueAnimation } from "./IParticleValueAnimation";
-import type { IShapeValues } from "./IShapeValues";
 import type { IBubbleParticleData } from "./IBubbleParticleData";
-import type { IParticles } from "../../Options/Interfaces/Particles/IParticles";
-import type { IHsl, IRgb } from "./Colors";
-import type { IParticleHslAnimation } from "./IParticleHslAnimation";
-import type { Vector } from "../Utils";
+import type { ICoordinates3d } from "./ICoordinates";
 import type { IParticleGradientAnimation } from "./IParticleGradientAnimation";
+import type { IParticleHslAnimation } from "./IParticleHslAnimation";
 import type { IParticleRetinaProps } from "./IParticleRetinaProps";
 import type { IParticleRoll } from "./IParticleRoll";
 import type { IParticleWobble } from "./IParticleWobble";
+import type { IParticles } from "../../Options/Interfaces/Particles/IParticles";
+import type { IShapeValues } from "./IShapeValues";
+import type { IStroke } from "../../Options/Interfaces/Particles/IStroke";
+import type { ShapeType } from "../../Enums";
+import type { Vector } from "../Utils";
 export interface IParticle {
     misplaced: boolean;
     randomIndexData?: number;

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

@@ -1,6 +1,6 @@
-import type { IParticleValueAnimation } from "./IParticleValueAnimation";
 import type { GradientType } from "../../Enums";
 import type { IParticleGradientColorAnimation } from "./IParticleGradientColorAnimation";
+import type { IParticleValueAnimation } from "./IParticleValueAnimation";
 export interface IParticleGradientAnimation {
     angle: IParticleValueAnimation<number>;
     type: GradientType;

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

@@ -1,5 +1,5 @@
-import type { RotateDirection } from "../../Enums";
 import type { ICoordinates } from "./ICoordinates";
+import type { RotateDirection } from "../../Enums";
 export interface IParticleSpin {
     acceleration: number;
     angle: number;

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

@@ -1,6 +1,6 @@
-import type { Particle } from "../Particle";
-import type { IInteractor } from "./IInteractor";
 import type { IDelta } from "./IDelta";
+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;

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

@@ -1,8 +1,8 @@
 import type { Container } from "../Container";
 import type { IContainerPlugin } from "./IContainerPlugin";
 import type { IOptions } from "../../Options/Interfaces/IOptions";
-import type { RecursivePartial } from "../../Types";
 import type { Options } from "../../Options/Classes/Options";
+import type { RecursivePartial } from "../../Types";
 export interface IPlugin {
     readonly id: string;
     needsPlugin(options?: RecursivePartial<IOptions>): boolean;

package/esm/Core/Loader.d.ts

@@ -1,7 +1,7 @@
 import { Container } from "./Container";
 import type { IOptions } from "../Options/Interfaces/IOptions";
-import type { RecursivePartial } from "../Types";
 import type { Particle } from "./Particle";
+import type { RecursivePartial } from "../Types";
 import type { SingleOrMultiple } from "../Types";
 interface LoaderParams {
     element?: HTMLElement;

package/esm/Core/Loader.js

@@ -1,6 +1,6 @@
+import { Constants } from "./Utils";
 import { Container } from "./Container";
 import { itemFromArray } from "../Utils";
-import { Constants } from "./Utils";
 const tsParticlesDom = [];
 function fetchError(statusCode) {
     console.error(`Error tsParticles - fetch status: ${statusCode}`);

package/esm/Core/Particle.d.ts

@@ -1,11 +1,11 @@
+import { ShapeType } from "../Enums";
+import type { IBubbleParticleData, ICoordinates, ICoordinates3d, IDelta, IHsl, IParticle, IParticleGradientAnimation, IParticleHslAnimation, IParticleLife, IParticleNumericValueAnimation, IParticleRetinaProps, IParticleRoll, IParticleSpin, IParticleTiltValueAnimation, IParticleValueAnimation, IParticleWobble, IRgb, IShapeValues } from "./Interfaces";
+import { Vector, Vector3d } from "./Utils";
 import type { Container } from "./Container";
 import type { IParticles } from "../Options/Interfaces/Particles/IParticles";
 import { ParticlesOptions } from "../Options/Classes/Particles/ParticlesOptions";
-import { ShapeType } from "../Enums";
 import type { RecursivePartial } from "../Types";
 import type { Stroke } from "../Options/Classes/Particles/Stroke";
-import { Vector, Vector3d } from "./Utils";
-import type { IBubbleParticleData, ICoordinates, ICoordinates3d, IDelta, IHsl, IParticle, IParticleGradientAnimation, IParticleHslAnimation, IParticleLife, IParticleNumericValueAnimation, IParticleSpin, IParticleTiltValueAnimation, IParticleValueAnimation, IRgb, IShapeValues, IParticleRetinaProps, IParticleRoll, IParticleWobble } from "./Interfaces";
 export declare class Particle implements IParticle {
     readonly id: number;
     readonly container: Container;

package/esm/Core/Particle.js

@@ -1,7 +1,7 @@
+import { Plugins, Vector, Vector3d } from "./Utils";
+import { alterHsl, clamp, colorToRgb, deepExtend, getDistance, getHslFromAnimation, getParticleBaseVelocity, getParticleDirectionAngle, getRangeMax, getRangeMin, getRangeValue, getValue, isInArray, itemFromArray, randomInRange, setRangeValue, } from "../Utils";
 import { ParticlesOptions } from "../Options/Classes/Particles/ParticlesOptions";
 import { Shape } from "../Options/Classes/Particles/Shape/Shape";
-import { alterHsl, clamp, colorToRgb, deepExtend, getDistance, getHslFromAnimation, getParticleBaseVelocity, getParticleDirectionAngle, getRangeMax, getRangeMin, getRangeValue, getValue, isInArray, itemFromArray, randomInRange, setRangeValue, } from "../Utils";
-import { Plugins, Vector, Vector3d } from "./Utils";
 const fixOutMode = (data) => {
     if (isInArray(data.outMode, data.checkModes) || isInArray(data.outMode, data.checkModes)) {
         if (data.coord > data.maxCoord - data.radius * 2) {

package/esm/Core/Particles.d.ts

@@ -1,9 +1,9 @@
+import type { ICoordinates, IDelta, IMouseData, IParticle, IRgb } from "./Interfaces";
+import { QuadTree } from "./Utils";
 import type { Container } from "./Container";
+import type { IParticles } from "../Options/Interfaces/Particles/IParticles";
 import { Particle } from "./Particle";
 import type { RecursivePartial } from "../Types";
-import type { IParticles } from "../Options/Interfaces/Particles/IParticles";
-import type { ICoordinates, IDelta, IMouseData, IParticle, IRgb } from "./Interfaces";
-import { QuadTree } from "./Utils";
 export declare class Particles {
     private readonly container;
     get count(): number;

package/esm/Core/Particles.js

@@ -1,7 +1,7 @@
-import { Particle } from "./Particle";
+import { InteractionManager, ParticlesMover, Plugins, Point, QuadTree, Rectangle } from "./Utils";
 import { getRangeMax, getRangeMin, getRangeValue, randomInRange, setRangeValue } from "../Utils";
+import { Particle } from "./Particle";
 import { ParticlesOptions } from "../Options/Classes/Particles/ParticlesOptions";
-import { InteractionManager, ParticlesMover, Plugins, Point, QuadTree, Rectangle } from "./Utils";
 export class Particles {
     constructor(container) {
         this.container = container;

package/esm/Core/Utils/Circle.d.ts

@@ -1,5 +1,5 @@
-import { Range } from "./Range";
 import type { ICoordinates } from "../Interfaces";
+import { Range } from "./Range";
 export declare class Circle extends Range {
     readonly radius: number;
     constructor(x: number, y: number, radius: number);

package/esm/Core/Utils/CircleWarp.d.ts

@@ -1,6 +1,6 @@
-import { Range } from "./Range";
 import type { ICoordinates, IDimension } from "../Interfaces";
 import { Circle } from "./Circle";
+import { Range } from "./Range";
 export declare class CircleWarp extends Circle {
     private readonly canvasSize;
     constructor(x: number, y: number, radius: number, canvasSize: IDimension);

package/esm/Core/Utils/CircleWarp.js

@@ -1,5 +1,5 @@
-import { Rectangle } from "./Rectangle";
 import { Circle } from "./Circle";
+import { Rectangle } from "./Rectangle";
 export class CircleWarp extends Circle {
     constructor(x, y, radius, canvasSize) {
         super(x, y, radius);

package/esm/Core/Utils/EventListeners.js

@@ -1,5 +1,5 @@
-import { Constants } from "./Constants";
 import { isSsr, itemFromArray } from "../../Utils";
+import { Constants } from "./Constants";
 function manageListener(element, event, handler, add, options) {
     if (add) {
         let addOptions = { passive: true };

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

@@ -1,7 +1,7 @@
 import type { IDelta, IExternalInteractor } from "../Interfaces";
-import type { Particle } from "../Particle";
 import type { Container } from "../Container";
 import { InteractorType } from "../../Enums";
+import type { Particle } from "../Particle";
 export declare abstract class ExternalInteractorBase implements IExternalInteractor {
     protected readonly container: Container;
     protected constructor(container: Container);

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

@@ -1,6 +1,6 @@
+import type { IDelta } from "../Interfaces";
 import type { Container } from "../Container";
 import type { Particle } from "../Particle";
-import type { IDelta } from "../Interfaces";
 export declare class InteractionManager {
     private readonly container;
     private readonly externalInteractors;

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

@@ -1,7 +1,7 @@
 import type { IDelta, IParticlesInteractor } from "../Interfaces";
-import type { Particle } from "../Particle";
 import type { Container } from "../Container";
 import { InteractorType } from "../../Enums";
+import type { Particle } from "../Particle";
 export declare abstract class ParticlesInteractorBase implements IParticlesInteractor {
     protected readonly container: Container;
     protected constructor(container: Container);

package/esm/Core/Utils/ParticlesMover.d.ts

@@ -1,6 +1,6 @@
 import type { Container } from "../Container";
-import type { Particle } from "../Particle";
 import type { IDelta } from "../Interfaces";
+import type { Particle } from "../Particle";
 export declare class ParticlesMover {
     private readonly container;
     constructor(container: Container);

package/esm/Core/Utils/Plugins.d.ts

@@ -1,8 +1,8 @@
-import type { RecursivePartial } from "../../Types";
 import type { IContainerPlugin, IInteractor, IMovePathGenerator, IParticleUpdater, IPlugin, IShapeDrawer } from "../Interfaces";
 import type { Container } from "../Container";
 import type { IOptions } from "../../Options/Interfaces/IOptions";
 import type { Options } from "../../Options/Classes/Options";
+import type { RecursivePartial } from "../../Types";
 export declare class Plugins {
     static getPlugin(plugin: string): IPlugin | undefined;
     static addPlugin(plugin: IPlugin): void;

package/esm/Core/Utils/QuadTree.d.ts

@@ -1,9 +1,9 @@
+import type { ICoordinates, IDimension } from "../Interfaces";
+import type { Container } from "../Container";
 import type { Particle } from "../Particle";
-import type { Range } from "./Range";
 import type { Point } from "./Point";
+import type { Range } from "./Range";
 import { Rectangle } from "./Rectangle";
-import type { ICoordinates, IDimension } from "../Interfaces";
-import type { Container } from "../Container";
 export declare class QuadTree {
     readonly rectangle: Rectangle;
     readonly capacity: number;

package/esm/Core/Utils/QuadTree.js

@@ -1,6 +1,6 @@
-import { Rectangle } from "./Rectangle";
 import { Circle } from "./Circle";
 import { CircleWarp } from "./CircleWarp";
+import { Rectangle } from "./Rectangle";
 import { getDistance } from "../../Utils";
 export class QuadTree {
     constructor(rectangle, capacity) {

package/esm/Core/Utils/Rectangle.d.ts

@@ -1,5 +1,5 @@
-import { Range } from "./Range";
 import type { ICoordinates, IDimension } from "../Interfaces";
+import { Range } from "./Range";
 export declare class Rectangle extends Range {
     readonly size: IDimension;
     constructor(x: number, y: number, width: number, height: number);

package/esm/Core/Utils/Vector3d.d.ts

@@ -1,5 +1,5 @@
-import { Vector } from "./Vector";
 import type { ICoordinates3d } from "../Interfaces";
+import { Vector } from "./Vector";
 export declare class Vector3d extends Vector implements ICoordinates3d {
     static clone(source: Vector3d): Vector3d;
     static create(x: number | ICoordinates3d, y?: number, z?: number): Vector3d;

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

@@ -1,5 +1,5 @@
-import type { Container } from "../../../Core";
 import { ExternalInteractorBase } from "../../../Core";
+import type { Container } from "../../../Core";
 export declare class Attractor extends ExternalInteractorBase {
     constructor(container: Container);
     isEnabled(): boolean;

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

@@ -1,5 +1,5 @@
-import { getDistances, calcEasing, clamp, isInArray } from "../../../Utils";
 import { Circle, Constants, ExternalInteractorBase, Vector } from "../../../Core";
+import { calcEasing, clamp, getDistances, isInArray } from "../../../Utils";
 export class Attractor extends ExternalInteractorBase {
     constructor(container) {
         super(container);

package/esm/Interactions/External/Attract/index.d.ts

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

package/esm/Interactions/External/Attract/index.js

@@ -1,4 +1,4 @@
 import { Attractor } from "./Attractor";
-export async function loadExternalAttractInteraction(tsParticles) {
-    await tsParticles.addInteractor("externalAttract", (container) => new Attractor(container));
+export async function loadExternalAttractInteraction(engine) {
+    await engine.addInteractor("externalAttract", (container) => new Attractor(container));
 }

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

@@ -1,5 +1,5 @@
-import type { Container } from "../../../Core";
 import { ExternalInteractorBase } from "../../../Core";
+import type { Container } from "../../../Core";
 export declare class Bouncer extends ExternalInteractorBase {
     constructor(container: Container);
     isEnabled(): boolean;

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

@@ -1,5 +1,5 @@
-import { calculateBounds, circleBounce, circleBounceDataFromParticle, divModeExecute, isDivModeEnabled, isInArray, rectBounce, } from "../../../Utils";
 import { Circle, Constants, ExternalInteractorBase, Rectangle, Vector } from "../../../Core";
+import { calculateBounds, circleBounce, circleBounceDataFromParticle, divModeExecute, isDivModeEnabled, isInArray, rectBounce, } from "../../../Utils";
 export class Bouncer extends ExternalInteractorBase {
     constructor(container) {
         super(container);

package/esm/Interactions/External/Bounce/index.d.ts

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

package/esm/Interactions/External/Bounce/index.js

@@ -1,4 +1,4 @@
 import { Bouncer } from "./Bouncer";
-export async function loadExternalBounceInteraction(tsParticles) {
-    await tsParticles.addInteractor("externalBounce", (container) => new Bouncer(container));
+export async function loadExternalBounceInteraction(engine) {
+    await engine.addInteractor("externalBounce", (container) => new Bouncer(container));
 }

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

@@ -1,6 +1,6 @@
+import { ExternalInteractorBase } from "../../../Core";
 import type { Container } from "../../../Core";
 import type { Particle } from "../../../Core";
-import { ExternalInteractorBase } from "../../../Core";
 export declare class Bubbler extends ExternalInteractorBase {
     constructor(container: Container);
     isEnabled(): boolean;

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

@@ -1,5 +1,5 @@
+import { Circle, Constants, ExternalInteractorBase, Rectangle } from "../../../Core";
 import { clamp, colorMix, colorToHsl, divMode, divModeExecute, getDistance, getRangeMax, isDivModeEnabled, isInArray, itemFromArray, rgbToHsl, } from "../../../Utils";
-import { ExternalInteractorBase, Circle, Constants, Rectangle } from "../../../Core";
 function calculateBubbleValue(particleValue, modeValue, optionsValue, ratio) {
     if (modeValue >= optionsValue) {
         const value = particleValue + (modeValue - optionsValue) * ratio;

package/esm/Interactions/External/Bubble/index.d.ts

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

package/esm/Interactions/External/Bubble/index.js

@@ -1,4 +1,4 @@
 import { Bubbler } from "./Bubbler";
-export async function loadExternalBubbleInteraction(tsParticles) {
-    await tsParticles.addInteractor("externalBubble", (container) => new Bubbler(container));
+export async function loadExternalBubbleInteraction(engine) {
+    await engine.addInteractor("externalBubble", (container) => new Bubbler(container));
 }

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

@@ -1,5 +1,5 @@
-import { isInArray } from "../../../Utils";
 import { ExternalInteractorBase } from "../../../Core";
+import { isInArray } from "../../../Utils";
 export class Connector extends ExternalInteractorBase {
     constructor(container) {
         super(container);

package/esm/Interactions/External/Connect/index.d.ts

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

package/esm/Interactions/External/Connect/index.js

@@ -1,4 +1,4 @@
 import { Connector } from "./Connector";
-export async function loadExternalConnectInteraction(tsParticles) {
-    await tsParticles.addInteractor("externalConnect", (container) => new Connector(container));
+export async function loadExternalConnectInteraction(engine) {
+    await engine.addInteractor("externalConnect", (container) => new Connector(container));
 }

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

@@ -1,5 +1,5 @@
-import type { Container } from "../../../Core";
 import { ExternalInteractorBase } from "../../../Core";
+import type { Container } from "../../../Core";
 export declare class Grabber extends ExternalInteractorBase {
     constructor(container: Container);
     isEnabled(): boolean;

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

@@ -1,5 +1,5 @@
-import { getLinkRandomColor, getLinkColor, getDistance, isInArray } from "../../../Utils";
 import { Constants, ExternalInteractorBase } from "../../../Core";
+import { getDistance, getLinkColor, getLinkRandomColor, isInArray } from "../../../Utils";
 export class Grabber extends ExternalInteractorBase {
     constructor(container) {
         super(container);

package/esm/Interactions/External/Grab/index.d.ts

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

package/esm/Interactions/External/Grab/index.js

@@ -1,4 +1,4 @@
 import { Grabber } from "./Grabber";
-export async function loadExternalGrabInteraction(tsParticles) {
-    await tsParticles.addInteractor("externalGrab", (container) => new Grabber(container));
+export async function loadExternalGrabInteraction(engine) {
+    await engine.addInteractor("externalGrab", (container) => new Grabber(container));
 }

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

@@ -1,5 +1,5 @@
-import type { Container } from "../../../Core";
 import { ExternalInteractorBase } from "../../../Core";
+import type { Container } from "../../../Core";
 export declare class Repulser extends ExternalInteractorBase {
     constructor(container: Container);
     isEnabled(): boolean;

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

@@ -1,5 +1,5 @@
-import { calcEasing, clamp, divMode, divModeExecute, getDistances, isDivModeEnabled, isInArray } from "../../../Utils";
 import { Circle, Constants, ExternalInteractorBase, Rectangle, Vector } from "../../../Core";
+import { calcEasing, clamp, divMode, divModeExecute, getDistances, isDivModeEnabled, isInArray } from "../../../Utils";
 export class Repulser extends ExternalInteractorBase {
     constructor(container) {
         super(container);

package/esm/Interactions/External/Repulse/index.d.ts

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

package/esm/Interactions/External/Repulse/index.js

@@ -1,4 +1,4 @@
 import { Repulser } from "./Repulser";
-export async function loadExternalRepulseInteraction(tsParticles) {
-    await tsParticles.addInteractor("externalRepulse", (container) => new Repulser(container));
+export async function loadExternalRepulseInteraction(engine) {
+    await engine.addInteractor("externalRepulse", (container) => new Repulser(container));
 }

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

@@ -1,5 +1,5 @@
-import { isInArray } from "../../../Utils";
 import { ExternalInteractorBase } from "../../../Core";
+import { isInArray } from "../../../Utils";
 export class TrailMaker extends ExternalInteractorBase {
     constructor(container) {
         super(container);

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

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

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

@@ -1,4 +1,4 @@
 import { TrailMaker } from "./TrailMaker";
-export async function loadExternalTrailInteraction(tsParticles) {
-    await tsParticles.addInteractor("externalTrail", (container) => new TrailMaker(container));
+export async function loadExternalTrailInteraction(engine) {
+    await engine.addInteractor("externalTrail", (container) => new TrailMaker(container));
 }

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

@@ -1,5 +1,5 @@
-import { getDistances } from "../../../Utils";
 import { ParticlesInteractorBase } from "../../../Core";
+import { getDistances } from "../../../Utils";
 export class Attractor extends ParticlesInteractorBase {
     constructor(container) {
         super(container);

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

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

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

@@ -1,4 +1,4 @@
 import { Attractor } from "./Attractor";
-export async function loadParticlesAttractInteraction(tsParticles) {
-    await tsParticles.addInteractor("particlesAttract", (container) => new Attractor(container));
+export async function loadParticlesAttractInteraction(engine) {
+    await engine.addInteractor("particlesAttract", (container) => new Attractor(container));
 }

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

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

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

@@ -1,4 +1,4 @@
 import { Collider } from "./Collider";
-export async function loadParticlesCollisionsInteraction(tsParticles) {
-    await tsParticles.addInteractor("particlesCollisions", (container) => new Collider(container));
+export async function loadParticlesCollisionsInteraction(engine) {
+    await engine.addInteractor("particlesCollisions", (container) => new Collider(container));
 }

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

@@ -1,5 +1,5 @@
-import type { Particle } from "../../../Core";
 import type { ILink } from "./ILink";
+import type { Particle } from "../../../Core";
 export declare type LinkParticle = Particle & {
     links: ILink[];
 };

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

@@ -1,5 +1,5 @@
-import type { Container, Particle } from "../../../Core";
 import { ParticlesInteractorBase } from "../../../Core";
+import type { Container, Particle } from "../../../Core";
 import type { LinkParticle } from "./LinkParticle";
 export declare class Linker extends ParticlesInteractorBase {
     constructor(container: Container);

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

@@ -1,5 +1,5 @@
-import { getDistance, getLinkRandomColor } from "../../../Utils";
 import { Circle, CircleWarp, ParticlesInteractorBase } from "../../../Core";
+import { getDistance, getLinkRandomColor } from "../../../Utils";
 function getLinkDistance(pos1, pos2, optDistance, canvasSize, warp) {
     let distance = getDistance(pos1, pos2);
     if (!warp || distance <= optDistance) {

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

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