tsparticles 1.37.5 → 1.39.1

package/browser/Utils/CanvasUtils.d.ts

@@ -1,9 +1,8 @@
+import { AlterType } from "../Enums";
+import type { Container, IContainerPlugin, ICoordinates, IDelta, IDimension, IHsl, IParticle, IParticleGradientAnimation, IRgb } from "../Core";
 import type { ILinksShadow } from "../Options/Interfaces/Particles/Links/ILinksShadow";
 import type { IShadow } from "../Options/Interfaces/Particles/IShadow";
-import type { Container } from "../Core/Container";
-import type { IContainerPlugin, ICoordinates, IDelta, IDimension, IHsl, IParticle, IParticleGradientAnimation, IRgb } from "../Core/Interfaces";
-import type { Particle } from "../Core/Particle";
-import { AlterType } from "../Enums";
+import type { Particle } from "../Core";
 export declare function paintBase(context: CanvasRenderingContext2D, dimension: IDimension, baseColor?: string): void;
 export declare function clear(context: CanvasRenderingContext2D, dimension: IDimension): void;
 export declare function drawLinkLine(context: CanvasRenderingContext2D, width: number, begin: ICoordinates, end: ICoordinates, maxDistance: number, canvasSize: IDimension, warp: boolean, backgroundMask: boolean, composite: string, colorLine: IRgb, opacity: number, shadow: ILinksShadow): void;

package/browser/Utils/CanvasUtils.js

@@ -1,6 +1,5 @@
-import { getDistance, getDistances } from "./NumberUtils";
 import { colorMix, colorToRgb, getStyleFromHsl, getStyleFromRgb } from "./ColorUtils";
-import { AlterType, GradientType, RollMode } from "../Enums";
+import { getDistance, getDistances } from "./NumberUtils";
 function drawLine(context, begin, end) {
     context.beginPath();
     context.moveTo(begin.x, begin.y);
@@ -144,8 +143,8 @@ export function drawParticle(container, context, particle, delta, fillColorValue
     if (tiltOptions.enable || rollOptions.enable) {
         const roll = rollOptions.enable && particle.roll;
         const tilt = tiltOptions.enable && particle.tilt;
-        const rollHorizontal = roll && (rollOptions.mode === RollMode.horizontal || rollOptions.mode === RollMode.both);
-        const rollVertical = roll && (rollOptions.mode === RollMode.vertical || rollOptions.mode === RollMode.both);
+        const rollHorizontal = roll && (rollOptions.mode === "horizontal" /* horizontal */ || rollOptions.mode === "both" /* both */);
+        const rollVertical = roll && (rollOptions.mode === "vertical" /* vertical */ || rollOptions.mode === "both" /* both */);
         context.setTransform(rollHorizontal ? Math.cos(particle.roll.angle) : 1, tilt ? Math.cos(particle.tilt.value) * particle.tilt.cosDirection : 0, tilt ? Math.sin(particle.tilt.value) * particle.tilt.sinDirection : 0, rollVertical ? Math.sin(particle.roll.angle) : 1, pos.x, pos.y);
     }
     else {
@@ -168,7 +167,7 @@ export function drawParticle(container, context, particle, delta, fillColorValue
     }
     if (gradient) {
         const gradientAngle = gradient.angle.value;
-        const fillGradient = gradient.type === GradientType.radial
+        const fillGradient = gradient.type === "radial" /* radial */
             ? context.createRadialGradient(0, 0, 0, 0, 0, radius)
             : context.createLinearGradient(Math.cos(gradientAngle) * -radius, Math.sin(gradientAngle) * -radius, Math.cos(gradientAngle) * radius, Math.sin(gradientAngle) * radius);
         for (const color of gradient.colors) {
@@ -270,6 +269,6 @@ export function alterHsl(color, type, value) {
     return {
         h: color.h,
         s: color.s,
-        l: color.l + (type === AlterType.darken ? -1 : 1) * value,
+        l: color.l + (type === "darken" /* darken */ ? -1 : 1) * value,
     };
 }

package/browser/Utils/ColorUtils.d.ts

@@ -1,4 +1,4 @@
-import type { IColor, IHsl, IHsla, IHsv, IHsva, IParticle, IParticleHslAnimation, IRgb, IRgba } from "../Core/Interfaces";
+import type { IColor, IHsl, IHsla, IHsv, IHsva, IParticle, IParticleHslAnimation, IRgb, IRgba } from "../Core";
 import type { HslAnimation } from "../Options/Classes/HslAnimation";
 /**
  * Gets the particles color

package/browser/Utils/ColorUtils.js

@@ -1,7 +1,6 @@
-import { itemFromArray } from "./Utils";
-import { Constants } from "./Constants";
 import { mix, randomInRange, setRangeValue } from "./NumberUtils";
-import { AnimationStatus } from "../Enums";
+import { Constants } from "../Core";
+import { itemFromArray } from "./Utils";
 /**
  *
  * @param p
@@ -470,7 +469,7 @@ function setColorAnimation(colorValue, colorAnimation, reduceFactor) {
         if (colorAnimation.sync) {
             return;
         }
-        colorValue.status = AnimationStatus.increasing;
+        colorValue.status = 0 /* increasing */;
         colorValue.velocity *= Math.random();
         if (colorValue.value) {
             colorValue.value *= Math.random();

package/browser/Utils/NumberUtils.d.ts

@@ -1,8 +1,8 @@
-import type { IValueWithRandom } from "../Options/Interfaces/IValueWithRandom";
-import type { ICoordinates } from "../Core/Interfaces";
 import { EasingType, MoveDirection, MoveDirectionAlt } from "../Enums";
+import type { ICoordinates } from "../Core";
+import type { IValueWithRandom } from "../Options/Interfaces/IValueWithRandom";
 import { RangeValue } from "../Types";
-import { Vector } from "../Core/Particle/Vector";
+import { Vector } from "../Core";
 /**
  * Clamps a number between a minimum and maximum value
  * @param num the source number

package/browser/Utils/NumberUtils.js

@@ -1,5 +1,4 @@
-import { EasingType, MoveDirection } from "../Enums";
-import { Vector } from "../Core/Particle/Vector";
+import { Vector } from "../Core";
 /**
  * Clamps a number between a minimum and maximum value
  * @param num the source number
@@ -77,23 +76,23 @@ export function getParticleDirectionAngle(direction) {
     }
     else {
         switch (direction) {
-            case MoveDirection.top:
+            case "top" /* top */:
                 return -Math.PI / 2;
-            case MoveDirection.topRight:
+            case "top-right" /* topRight */:
                 return -Math.PI / 4;
-            case MoveDirection.right:
+            case "right" /* right */:
                 return 0;
-            case MoveDirection.bottomRight:
+            case "bottom-right" /* bottomRight */:
                 return Math.PI / 4;
-            case MoveDirection.bottom:
+            case "bottom" /* bottom */:
                 return Math.PI / 2;
-            case MoveDirection.bottomLeft:
+            case "bottom-left" /* bottomLeft */:
                 return (3 * Math.PI) / 4;
-            case MoveDirection.left:
+            case "left" /* left */:
                 return Math.PI;
-            case MoveDirection.topLeft:
+            case "top-left" /* topLeft */:
                 return (-3 * Math.PI) / 4;
-            case MoveDirection.none:
+            case "none" /* none */:
             default:
                 return Math.random() * Math.PI * 2;
         }
@@ -114,24 +113,24 @@ export function collisionVelocity(v1, v2, m1, m2) {
 }
 export function calcEasing(value, type) {
     switch (type) {
-        case EasingType.easeOutQuad:
+        case "ease-out-quad" /* easeOutQuad */:
             return 1 - (1 - value) ** 2;
-        case EasingType.easeOutCubic:
+        case "ease-out-cubic" /* easeOutCubic */:
             return 1 - (1 - value) ** 3;
-        case EasingType.easeOutQuart:
+        case "ease-out-quart" /* easeOutQuart */:
             return 1 - (1 - value) ** 4;
-        case EasingType.easeOutQuint:
+        case "ease-out-quint" /* easeOutQuint */:
             return 1 - (1 - value) ** 5;
-        case EasingType.easeOutExpo:
+        case "ease-out-expo" /* easeOutExpo */:
             return value === 1 ? 1 : 1 - Math.pow(2, -10 * value);
-        case EasingType.easeOutSine:
+        case "ease-out-sine" /* easeOutSine */:
             return Math.sin((value * Math.PI) / 2);
-        case EasingType.easeOutBack: {
+        case "ease-out-back" /* easeOutBack */: {
             const c1 = 1.70158;
             const c3 = c1 + 1;
             return 1 + c3 * Math.pow(value - 1, 3) + c1 * Math.pow(value - 1, 2);
         }
-        case EasingType.easeOutCirc:
+        case "ease-out-circ" /* easeOutCirc */:
             return Math.sqrt(1 - Math.pow(value - 1, 2));
         default:
             return value;

package/browser/Utils/Utils.d.ts

@@ -1,9 +1,9 @@
-import type { IBounds, ICircleBouncer, ICoordinates, IDimension, IParticle } from "../Core/Interfaces";
 import { DivMode, OutModeDirection } from "../Enums";
-import type { ICharacterShape } from "../Options/Interfaces/Particles/Shape/ICharacterShape";
-import type { SingleOrMultiple } from "../Types";
+import type { IBounds, ICircleBouncer, ICoordinates, IDimension, IParticle } from "../Core";
 import { DivEvent } from "../Options/Classes/Interactivity/Events/DivEvent";
+import type { ICharacterShape } from "../Options/Interfaces/Particles/Shape/ICharacterShape";
 import type { IModeDiv } from "../Options/Interfaces/Interactivity/Modes/IModeDiv";
+import type { SingleOrMultiple } from "../Types";
 declare global {
     interface Window {
         customRequestAnimationFrame: (callback: FrameRequestCallback) => number;

package/browser/Utils/Utils.js

@@ -1,6 +1,5 @@
-import { OutModeDirection } from "../Enums";
-import { collisionVelocity, getValue, getDistances } from "./NumberUtils";
-import { Vector } from "../Core/Particle/Vector";
+import { collisionVelocity, getDistances, getValue } from "./NumberUtils";
+import { Vector } from "../Core";
 function rectSideBounce(pSide, pOtherSide, rectSide, rectOtherSide, velocity, factor) {
     const res = { bounced: false };
     if (pOtherSide.min >= rectOtherSide.min &&
@@ -81,16 +80,16 @@ export function isPointInside(point, size, radius, direction) {
 }
 export function areBoundsInside(bounds, size, direction) {
     let inside = true;
-    if (!direction || direction === OutModeDirection.bottom) {
+    if (!direction || direction === "bottom" /* bottom */) {
         inside = bounds.top < size.height;
     }
-    if (inside && (!direction || direction === OutModeDirection.left)) {
+    if (inside && (!direction || direction === "left" /* left */)) {
         inside = bounds.right > 0;
     }
-    if (inside && (!direction || direction === OutModeDirection.right)) {
+    if (inside && (!direction || direction === "right" /* right */)) {
         inside = bounds.left < size.width;
     }
-    if (inside && (!direction || direction === OutModeDirection.top)) {
+    if (inside && (!direction || direction === "top" /* top */)) {
         inside = bounds.bottom > 0;
     }
     return inside;

package/browser/Utils/index.d.ts

@@ -1,13 +1,4 @@
 export * from "./CanvasUtils";
-export * from "./Circle";
-export * from "./CircleWarp";
 export * from "./ColorUtils";
-export * from "./Constants";
-export * from "./EventListeners";
 export * from "./NumberUtils";
-export * from "./Plugins";
-export * from "./Point";
-export * from "./QuadTree";
-export * from "./Range";
-export * from "./Rectangle";
 export * from "./Utils";

package/browser/Utils/index.js

@@ -1,13 +1,4 @@
 export * from "./CanvasUtils";
-export * from "./Circle";
-export * from "./CircleWarp";
 export * from "./ColorUtils";
-export * from "./Constants";
-export * from "./EventListeners";
 export * from "./NumberUtils";
-export * from "./Plugins";
-export * from "./Point";
-export * from "./QuadTree";
-export * from "./Range";
-export * from "./Rectangle";
 export * from "./Utils";

package/browser/{main.d.ts → engine.d.ts}

@@ -1,14 +1,12 @@
+import type { Container, IInteractor, IMovePathGenerator, IParticleUpdater, IPlugin, IShapeDrawer, Particle } from "./Core";
+import type { RecursivePartial, ShapeDrawerAfterEffectFunction, ShapeDrawerDestroyFunction, ShapeDrawerDrawFunction, ShapeDrawerInitFunction, SingleOrMultiple } from "./Types";
 import type { IOptions } from "./Options/Interfaces/IOptions";
-import type { Container } from "./Core/Container";
-import type { ShapeDrawerAfterEffectFunction, ShapeDrawerDestroyFunction, ShapeDrawerDrawFunction, ShapeDrawerInitFunction, RecursivePartial, SingleOrMultiple } from "./Types";
-import type { Particle } from "./Core/Particle";
-import type { IInteractor, IMovePathGenerator, IParticleUpdater, IPlugin, IShapeDrawer } from "./Core/Interfaces";
 /**
- * Main class for creating the singleton on window.
+ * Engine class for creating the singleton on window.
  * It's a singleton proxy to the static [[Loader]] class for initializing [[Container]] instances
- * @category Main
+ * @category Engine
  */
-export declare class Main {
+export declare class Engine {
     #private;
     constructor();
     /**

package/browser/{main.js → engine.js}

@@ -9,25 +9,24 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _Main_initialized;
-import { Plugins } from "./Utils";
-import { Loader } from "./Core/Loader";
+var _Engine_initialized;
+import { Loader, Plugins } from "./Core";
 /**
- * Main class for creating the singleton on window.
+ * Engine class for creating the singleton on window.
  * It's a singleton proxy to the static [[Loader]] class for initializing [[Container]] instances
- * @category Main
+ * @category Engine
  */
-export class Main {
+export class Engine {
     constructor() {
-        _Main_initialized.set(this, void 0);
-        __classPrivateFieldSet(this, _Main_initialized, false, "f");
+        _Engine_initialized.set(this, void 0);
+        __classPrivateFieldSet(this, _Engine_initialized, false, "f");
     }
     /**
      * init method, used by imports
      */
     init() {
-        if (!__classPrivateFieldGet(this, _Main_initialized, "f")) {
-            __classPrivateFieldSet(this, _Main_initialized, true, "f");
+        if (!__classPrivateFieldGet(this, _Engine_initialized, "f")) {
+            __classPrivateFieldSet(this, _Engine_initialized, true, "f");
         }
     }
     /**
@@ -180,4 +179,4 @@ export class Main {
         await this.refresh();
     }
 }
-_Main_initialized = new WeakMap();
+_Engine_initialized = new WeakMap();

package/browser/full.d.ts

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

package/browser/full.js

@@ -1,18 +1,18 @@
-import { loadSlim } from "./slim";
+import { loadAbsorbersPlugin } from "./Plugins/Absorbers";
+import { loadEmittersPlugin } from "./Plugins/Emitters";
 import { loadExternalTrailInteraction } from "./Interactions/External/Trail";
+import { loadPolygonMaskPlugin } from "./Plugins/PolygonMask";
+import { loadRollUpdater } from "./Updaters/Roll";
+import { loadSlim } from "./slim";
 import { loadTiltUpdater } from "./Updaters/Tilt";
 import { loadWobbleUpdater } from "./Updaters/Wobble";
-import { loadAbsorbersPlugin } from "./Plugins/Absorbers/plugin";
-import { loadEmittersPlugin } from "./Plugins/Emitters/plugin";
-import { loadPolygonMaskPlugin } from "./Plugins/PolygonMask/plugin";
-import { loadRollUpdater } from "./Updaters/Roll";
-export async function loadFull(tsParticles) {
-    await loadSlim(tsParticles);
-    await loadExternalTrailInteraction(tsParticles);
-    await loadRollUpdater(tsParticles);
-    await loadTiltUpdater(tsParticles);
-    await loadWobbleUpdater(tsParticles);
-    await loadAbsorbersPlugin(tsParticles);
-    await loadEmittersPlugin(tsParticles);
-    await loadPolygonMaskPlugin(tsParticles);
+export async function loadFull(engine) {
+    await loadSlim(engine);
+    await loadExternalTrailInteraction(engine);
+    await loadRollUpdater(engine);
+    await loadTiltUpdater(engine);
+    await loadWobbleUpdater(engine);
+    await loadAbsorbersPlugin(engine);
+    await loadEmittersPlugin(engine);
+    await loadPolygonMaskPlugin(engine);
 }

package/browser/index.d.ts

@@ -1,30 +1,20 @@
-import { Main } from "./main";
-import { Circle, CircleWarp, Constants, Point, Rectangle } from "./Utils";
-import type { IOptions as ISlimOptions } from "./Options/Interfaces/IOptions";
+import { Engine } from "./engine";
 import type { IAbsorberOptions } from "./Plugins/Absorbers/Options/Interfaces/IAbsorberOptions";
 import type { IEmitterOptions } from "./Plugins/Emitters/Options/Interfaces/IEmitterOptions";
 import type { IPolygonMaskOptions } from "./Plugins/PolygonMask/Options/Interfaces/IPolygonMaskOptions";
+import type { IOptions as ISlimOptions } from "./Options/Interfaces/IOptions";
 import type { RecursivePartial } from "./Types";
-import type { IParticle } from "./Core/Interfaces";
-declare const tsParticles: Main;
-declare const particlesJS: import("./pjs").IParticlesJS, pJSDom: import("./Core/Container").Container[];
-export * from "./Core/Particle/Vector";
+declare const tsParticles: Engine;
+declare const particlesJS: import("./pjs").IParticlesJS, pJSDom: import("./Core").Container[];
+export * from "./Core";
 export * from "./Core/Container";
 export * from "./Enums";
 export * from "./Plugins/Absorbers/Enums";
 export * from "./Plugins/Emitters/Enums";
 export * from "./Plugins/PolygonMask/Enums";
-export { Circle, CircleWarp, Constants, Point, Rectangle, Main };
-export * from "./Utils/CanvasUtils";
-export * from "./Utils/ColorUtils";
-export * from "./Utils/NumberUtils";
-export * from "./Utils/Utils";
+export { Engine, Engine as Main };
+export * from "./Utils";
 export * from "./Types";
-export * from "./Core/Interfaces";
-export * from "./Core/Particle";
-export * from "./Core/ExternalInteractorBase";
-export * from "./Core/ParticlesInteractorBase";
 export { particlesJS, pJSDom, tsParticles };
 export declare type IOptions = ISlimOptions & IAbsorberOptions & IEmitterOptions & IPolygonMaskOptions;
-export { IParticle };
 export declare type ISourceOptions = RecursivePartial<IOptions>;

package/browser/index.engine.d.ts

@@ -0,0 +1,13 @@
+import { Engine } from "./engine";
+import type { IOptions } from "./Options/Interfaces/IOptions";
+import type { RecursivePartial } from "./Types";
+declare const tsParticles: Engine;
+declare const particlesJS: import("./pjs").IParticlesJS, pJSDom: import("./Core").Container[];
+export * from "./Core";
+export * from "./Enums";
+export { Engine, Engine as Main };
+export * from "./Utils";
+export * from "./Types";
+export { tsParticles, particlesJS, pJSDom };
+export { IOptions };
+export declare type ISourceOptions = RecursivePartial<IOptions>;

package/browser/index.engine.js

@@ -0,0 +1,12 @@
+import { Engine } from "./engine";
+import { initPjs } from "./pjs";
+/* ---------- tsParticles functions - start ------------ */
+const tsParticles = new Engine();
+tsParticles.init();
+const { particlesJS, pJSDom } = initPjs(tsParticles);
+export * from "./Core";
+export * from "./Enums";
+export { Engine, Engine as Main };
+export * from "./Utils";
+export * from "./Types";
+export { tsParticles, particlesJS, pJSDom };

package/browser/index.js

@@ -1,25 +1,17 @@
+import { Engine } from "./engine";
 import { initPjs } from "./pjs";
-import { Main } from "./main";
-import { Circle, CircleWarp, Constants, Point, Rectangle } from "./Utils";
 import { loadFull } from "./full";
-const tsParticles = new Main();
+const tsParticles = new Engine();
 tsParticles.init();
 const { particlesJS, pJSDom } = initPjs(tsParticles);
 loadFull(tsParticles);
-export * from "./Core/Particle/Vector";
+export * from "./Core";
 export * from "./Core/Container";
 export * from "./Enums";
 export * from "./Plugins/Absorbers/Enums";
 export * from "./Plugins/Emitters/Enums";
 export * from "./Plugins/PolygonMask/Enums";
-export { Circle, CircleWarp, Constants, Point, Rectangle, Main };
-export * from "./Utils/CanvasUtils";
-export * from "./Utils/ColorUtils";
-export * from "./Utils/NumberUtils";
-export * from "./Utils/Utils";
+export { Engine, Engine as Main };
+export * from "./Utils";
 export * from "./Types";
-export * from "./Core/Interfaces";
-export * from "./Core/Particle";
-export * from "./Core/ExternalInteractorBase";
-export * from "./Core/ParticlesInteractorBase";
 export { particlesJS, pJSDom, tsParticles };

package/browser/index.slim.d.ts

@@ -1,24 +1,14 @@
-import { Circle, CircleWarp, Constants, Point, Rectangle } from "./Utils";
+import { Engine } from "./engine";
 import type { IOptions } from "./Options/Interfaces/IOptions";
 import type { RecursivePartial } from "./Types";
-import type { IParticle } from "./Core/Interfaces";
-import { Main } from "./main";
-declare const tsParticles: Main;
-declare const particlesJS: import("./pjs").IParticlesJS, pJSDom: import("./Core/Container").Container[];
-export * from "./Core/Particle/Vector";
+declare const tsParticles: Engine;
+declare const particlesJS: import("./pjs").IParticlesJS, pJSDom: import("./Core").Container[];
+export * from "./Core";
 export * from "./Core/Container";
 export * from "./Enums";
-export { Circle, CircleWarp, Constants, Point, Rectangle, Main };
-export * from "./Utils/CanvasUtils";
-export * from "./Utils/ColorUtils";
-export * from "./Utils/NumberUtils";
-export * from "./Utils/Utils";
+export { Engine, Engine as Main };
+export * from "./Utils";
 export * from "./Types";
-export * from "./Core/Interfaces";
-export * from "./Core/Particle";
-export * from "./Core/ExternalInteractorBase";
-export * from "./Core/ParticlesInteractorBase";
 export { tsParticles, particlesJS, pJSDom };
 export { IOptions };
-export { IParticle };
 export declare type ISourceOptions = RecursivePartial<IOptions>;

package/browser/index.slim.js

@@ -1,23 +1,15 @@
+import { Engine } from "./engine";
 import { initPjs } from "./pjs";
-import { Circle, CircleWarp, Constants, Point, Rectangle } from "./Utils";
-import { Main } from "./main";
 import { loadSlim } from "./slim";
 /* ---------- tsParticles functions - start ------------ */
-const tsParticles = new Main();
+const tsParticles = new Engine();
 tsParticles.init();
 const { particlesJS, pJSDom } = initPjs(tsParticles);
 loadSlim(tsParticles);
-export * from "./Core/Particle/Vector";
+export * from "./Core";
 export * from "./Core/Container";
 export * from "./Enums";
-export { Circle, CircleWarp, Constants, Point, Rectangle, Main };
-export * from "./Utils/CanvasUtils";
-export * from "./Utils/ColorUtils";
-export * from "./Utils/NumberUtils";
-export * from "./Utils/Utils";
+export { Engine, Engine as Main };
+export * from "./Utils";
 export * from "./Types";
-export * from "./Core/Interfaces";
-export * from "./Core/Particle";
-export * from "./Core/ExternalInteractorBase";
-export * from "./Core/ParticlesInteractorBase";
 export { tsParticles, particlesJS, pJSDom };

package/browser/pjs.d.ts

@@ -2,9 +2,9 @@
  * [[include:pjsMigration.md]]
  * @packageDocumentation
  */
+import type { Container } from "./Core";
+import type { Engine } from "./engine";
 import type { IOptions } from "./Options/Interfaces/IOptions";
-import type { Container } from "./Core/Container";
-import type { Main } from "./main";
 import type { RecursivePartial } from "./Types";
 /**
  * [[include:pjsMigration.md]]
@@ -34,7 +34,7 @@ export interface IParticlesJS {
      */
     setOnClickHandler(callback: EventListenerOrEventListenerObject): void;
 }
-declare const initPjs: (main: Main) => {
+declare const initPjs: (engine: Engine) => {
     particlesJS: IParticlesJS;
     pJSDom: Container[];
 };

package/browser/pjs.js

@@ -1,4 +1,4 @@
-const initPjs = (main) => {
+const initPjs = (engine) => {
     /**
      * Loads the provided options to create a [[Container]] object.
      * @deprecated this method is obsolete, please use the new tsParticles.load
@@ -6,7 +6,7 @@ const initPjs = (main) => {
      * @param options the options object to initialize the [[Container]]
      */
     const particlesJS = (tagId, options) => {
-        return main.load(tagId, options);
+        return engine.load(tagId, options);
     };
     /**
      * Loads the provided json with a GET request.
@@ -17,7 +17,8 @@ const initPjs = (main) => {
      * @param callback called after the [[Container]] is loaded and it will be passed as a parameter
      */
     particlesJS.load = (tagId, pathConfigJson, callback) => {
-        main.loadJSON(tagId, pathConfigJson)
+        engine
+            .loadJSON(tagId, pathConfigJson)
             .then((container) => {
             if (container) {
                 callback(container);
@@ -33,13 +34,13 @@ const initPjs = (main) => {
      * @param callback the function called after the click event is fired
      */
     particlesJS.setOnClickHandler = (callback) => {
-        main.setOnClickHandler(callback);
+        engine.setOnClickHandler(callback);
     };
     /**
      * All the [[Container]] objects loaded
      * @deprecated this method is obsolete, please use the new tsParticles.dom
      */
-    const pJSDom = main.dom();
+    const pJSDom = engine.dom();
     return { particlesJS, pJSDom };
 };
 export { initPjs };

package/browser/slim.d.ts

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