tsparticles 1.37.5 → 1.39.1

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

@@ -1,4 +1,4 @@
-export declare enum ProcessBubbleType {
+export declare const enum ProcessBubbleType {
     color = "color",
     opacity = "opacity",
     size = "size"

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

@@ -1,6 +1 @@
-export var ProcessBubbleType;
-(function (ProcessBubbleType) {
-    ProcessBubbleType["color"] = "color";
-    ProcessBubbleType["opacity"] = "opacity";
-    ProcessBubbleType["size"] = "size";
-})(ProcessBubbleType || (ProcessBubbleType = {}));
+export {};

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

@@ -1,2 +1,2 @@
-import type { Main } from "../../../main";
-export declare function loadExternalBubbleInteraction(tsParticles: Main): Promise<void>;
+import type { Engine } from "../../../engine";
+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.d.ts

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

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

@@ -1,6 +1,5 @@
+import { ExternalInteractorBase } from "../../../Core";
 import { isInArray } from "../../../Utils";
-import { HoverMode } from "../../../Enums";
-import { ExternalInteractorBase } from "../../../Core/ExternalInteractorBase";
 export class Connector extends ExternalInteractorBase {
     constructor(container) {
         super(container);
@@ -10,7 +9,7 @@ export class Connector extends ExternalInteractorBase {
         if (!(events.onHover.enable && mouse.position)) {
             return false;
         }
-        return isInArray(HoverMode.connect, events.onHover.mode);
+        return isInArray("connect", events.onHover.mode);
     }
     reset() {
     }

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

@@ -1,2 +1,2 @@
-import type { Main } from "../../../main";
-export declare function loadExternalConnectInteraction(tsParticles: Main): Promise<void>;
+import type { Engine } from "../../../engine";
+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/Container";
-import { ExternalInteractorBase } from "../../../Core/ExternalInteractorBase";
+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,13 +1,12 @@
-import { Constants, getLinkRandomColor, getLinkColor, getDistance, isInArray } from "../../../Utils";
-import { HoverMode } from "../../../Enums";
-import { ExternalInteractorBase } from "../../../Core/ExternalInteractorBase";
+import { Constants, ExternalInteractorBase } from "../../../Core";
+import { getDistance, getLinkColor, getLinkRandomColor, isInArray } from "../../../Utils";
 export class Grabber extends ExternalInteractorBase {
     constructor(container) {
         super(container);
     }
     isEnabled() {
         const container = this.container, mouse = container.interactivity.mouse, events = container.actualOptions.interactivity.events;
-        return events.onHover.enable && !!mouse.position && isInArray(HoverMode.grab, events.onHover.mode);
+        return events.onHover.enable && !!mouse.position && isInArray("grab", events.onHover.mode);
     }
     reset() {
     }

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

@@ -1,2 +1,2 @@
-import type { Main } from "../../../main";
-export declare function loadExternalGrabInteraction(tsParticles: Main): Promise<void>;
+import type { Engine } from "../../../engine";
+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/Container";
-import { ExternalInteractorBase } from "../../../Core/ExternalInteractorBase";
+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,31 +1,29 @@
-import { ClickMode, DivMode, DivType, HoverMode } from "../../../Enums";
-import { calcEasing, Circle, clamp, Constants, divMode, divModeExecute, getDistances, isDivModeEnabled, isInArray, Rectangle, } from "../../../Utils";
-import { Vector } from "../../../Core/Particle/Vector";
-import { ExternalInteractorBase } from "../../../Core/ExternalInteractorBase";
+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);
     }
     isEnabled() {
-        const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = options.interactivity.events, divs = events.onDiv, divRepulse = isDivModeEnabled(DivMode.repulse, divs);
+        const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = options.interactivity.events, divs = events.onDiv, divRepulse = isDivModeEnabled("repulse", divs);
         if (!(divRepulse || (events.onHover.enable && mouse.position) || (events.onClick.enable && mouse.clickPosition))) {
             return false;
         }
         const hoverMode = events.onHover.mode, clickMode = events.onClick.mode;
-        return isInArray(HoverMode.repulse, hoverMode) || isInArray(ClickMode.repulse, clickMode) || divRepulse;
+        return isInArray("repulse", hoverMode) || isInArray("repulse", clickMode) || divRepulse;
     }
     reset() {
     }
     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(HoverMode.repulse, hoverMode)) {
+        if (mouseMoveStatus && hoverEnabled && isInArray("repulse", hoverMode)) {
             this.hoverRepulse();
         }
-        else if (clickEnabled && isInArray(ClickMode.repulse, clickMode)) {
+        else if (clickEnabled && isInArray("repulse", clickMode)) {
             this.clickRepulse();
         }
         else {
-            divModeExecute(DivMode.repulse, divs, (selector, div) => this.singleSelectorRepulse(selector, div));
+            divModeExecute("repulse", divs, (selector, div) => this.singleSelectorRepulse(selector, div));
         }
     }
     singleSelectorRepulse(selector, div) {
@@ -37,7 +35,7 @@ export class Repulser extends ExternalInteractorBase {
             const elem = item, pxRatio = container.retina.pixelRatio, pos = {
                 x: (elem.offsetLeft + elem.offsetWidth / 2) * pxRatio,
                 y: (elem.offsetTop + elem.offsetHeight / 2) * pxRatio,
-            }, repulseRadius = (elem.offsetWidth / 2) * pxRatio, area = div.type === DivType.circle
+            }, repulseRadius = (elem.offsetWidth / 2) * pxRatio, area = div.type === "circle"
                 ? new Circle(pos.x, pos.y, repulseRadius)
                 : new Rectangle(elem.offsetLeft * pxRatio, elem.offsetTop * pxRatio, elem.offsetWidth * pxRatio, elem.offsetHeight * pxRatio), divs = container.actualOptions.interactivity.modes.repulse.divs, divRepulse = divMode(divs, elem);
             this.processRepulse(pos, repulseRadius, area, divRepulse);

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

@@ -1,2 +1,2 @@
-import type { Main } from "../../../main";
-export declare function loadExternalRepulseInteraction(tsParticles: Main): Promise<void>;
+import type { Engine } from "../../../engine";
+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.d.ts

@@ -1,6 +1,5 @@
-import type { Container } from "../../../Core/Container";
-import type { IDelta } from "../../../Core/Interfaces";
-import { ExternalInteractorBase } from "../../../Core/ExternalInteractorBase";
+import type { Container, IDelta } from "../../../Core";
+import { ExternalInteractorBase } from "../../../Core";
 export declare class TrailMaker extends ExternalInteractorBase {
     private delay;
     private lastPosition?;

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

@@ -1,6 +1,5 @@
+import { ExternalInteractorBase } from "../../../Core";
 import { isInArray } from "../../../Utils";
-import { ClickMode, HoverMode } from "../../../Enums";
-import { ExternalInteractorBase } from "../../../Core/ExternalInteractorBase";
 export class TrailMaker extends ExternalInteractorBase {
     constructor(container) {
         super(container);
@@ -42,8 +41,8 @@ export class TrailMaker extends ExternalInteractorBase {
     }
     isEnabled() {
         const container = this.container, options = container.actualOptions, mouse = container.interactivity.mouse, events = options.interactivity.events;
-        return ((mouse.clicking && mouse.inside && !!mouse.position && isInArray(ClickMode.trail, events.onClick.mode)) ||
-            (mouse.inside && !!mouse.position && isInArray(HoverMode.trail, events.onHover.mode)));
+        return ((mouse.clicking && mouse.inside && !!mouse.position && isInArray("trail", events.onClick.mode)) ||
+            (mouse.inside && !!mouse.position && isInArray("trail", events.onHover.mode)));
     }
     reset() {
     }

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

@@ -1,2 +1,2 @@
-import type { Main } from "../../../main";
-export declare function loadExternalTrailInteraction(tsParticles: Main): Promise<void>;
+import type { Engine } from "../../../engine";
+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.d.ts

@@ -1,7 +1,5 @@
-import type { IParticle } from "../../../Core/Interfaces";
-import type { Container } from "../../../Core/Container";
-import { Particle } from "../../../Core/Particle";
-import { ParticlesInteractorBase } from "../../../Core/ParticlesInteractorBase";
+import type { Container, IParticle, Particle } from "../../../Core";
+import { ParticlesInteractorBase } from "../../../Core";
 export declare class Attractor extends ParticlesInteractorBase {
     constructor(container: Container);
     interact(p1: IParticle): void;

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

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

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

@@ -1,2 +1,2 @@
-import type { Main } from "../../../main";
-export declare function loadParticlesAttractInteraction(tsParticles: Main): Promise<void>;
+import type { Engine } from "../../../engine";
+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/Collider.d.ts

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

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

@@ -1,6 +1,5 @@
-import { CollisionMode } from "../../../Enums";
 import { circleBounce, circleBounceDataFromParticle, clamp, getDistance } from "../../../Utils";
-import { ParticlesInteractorBase } from "../../../Core/ParticlesInteractorBase";
+import { ParticlesInteractorBase } from "../../../Core";
 function bounce(p1, p2) {
     circleBounce(circleBounceDataFromParticle(p1), circleBounceDataFromParticle(p2));
 }
@@ -59,15 +58,15 @@ export class Collider extends ParticlesInteractorBase {
     }
     resolveCollision(p1, p2) {
         switch (p1.options.collisions.mode) {
-            case CollisionMode.absorb: {
+            case "absorb": {
                 this.absorb(p1, p2);
                 break;
             }
-            case CollisionMode.bounce: {
+            case "bounce": {
                 bounce(p1, p2);
                 break;
             }
-            case CollisionMode.destroy: {
+            case "destroy": {
                 destroy(p1, p2);
                 break;
             }

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

@@ -1,2 +1,2 @@
-import type { Main } from "../../../main";
-export declare function loadParticlesCollisionsInteraction(tsParticles: Main): Promise<void>;
+import type { Engine } from "../../../engine";
+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/LinkInstance.d.ts

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

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

@@ -1,5 +1,5 @@
-import type { Particle } from "../../../Core/Particle";
 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,7 +1,6 @@
-import { Particle } from "../../../Core/Particle";
-import type { Container } from "../../../Core/Container";
-import { ParticlesInteractorBase } from "../../../Core/ParticlesInteractorBase";
-import { LinkParticle } from "./LinkParticle";
+import { ParticlesInteractorBase } from "../../../Core";
+import type { Container, Particle } from "../../../Core";
+import type { LinkParticle } from "./LinkParticle";
 export declare class Linker extends ParticlesInteractorBase {
     constructor(container: Container);
     isEnabled(particle: Particle): boolean;

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

@@ -1,5 +1,5 @@
-import { Circle, CircleWarp, getDistance, getLinkRandomColor } from "../../../Utils";
-import { ParticlesInteractorBase } from "../../../Core/ParticlesInteractorBase";
+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,3 +1,2 @@
-import type { Main } from "../../../main";
-export declare function loadInteraction(tsParticles: Main): Promise<void>;
-export declare function loadParticlesLinksInteraction(tsParticles: Main): Promise<void>;
+import type { Engine } from "../../../engine";
+export declare function loadParticlesLinksInteraction(engine: Engine): Promise<void>;

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

@@ -1,9 +1,6 @@
-import { Linker } from "./Linker";
+import { loadInteraction } from "./interaction";
 import { loadPlugin } from "./plugin";
-export async function loadInteraction(tsParticles) {
-    await tsParticles.addInteractor("particlesLinks", (container) => new Linker(container));
-}
-export async function loadParticlesLinksInteraction(tsParticles) {
-    await loadInteraction(tsParticles);
-    await loadPlugin(tsParticles);
+export async function loadParticlesLinksInteraction(engine) {
+    await loadInteraction(engine);
+    await loadPlugin(engine);
 }

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

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

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

@@ -0,0 +1,4 @@
+import { Linker } from "./Linker";
+export async function loadInteraction(engine) {
+    await engine.addInteractor("particlesLinks", (container) => new Linker(container));
+}

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

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

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

@@ -1,5 +1,5 @@
 import { LinkInstance } from "./LinkInstance";
-class Plugin {
+class LinksPlugin {
     constructor() {
         this.id = "links";
     }
@@ -12,7 +12,7 @@ class Plugin {
     loadOptions() {
     }
 }
-export async function loadPlugin(tsParticles) {
-    const plugin = new Plugin();
-    await tsParticles.addPlugin(plugin);
+export async function loadPlugin(engine) {
+    const plugin = new LinksPlugin();
+    await engine.addPlugin(plugin);
 }

package/esm/Options/Classes/AnimatableColor.d.ts

@@ -1,8 +1,8 @@
-import type { IAnimatableColor } from "../Interfaces/IAnimatableColor";
-import { OptionsColor } from "./OptionsColor";
 import type { RecursivePartial, SingleOrMultiple } from "../../Types";
-import type { IOptionLoader } from "../Interfaces/IOptionLoader";
 import { HslAnimation } from "./HslAnimation";
+import type { IAnimatableColor } from "../Interfaces/IAnimatableColor";
+import type { IOptionLoader } from "../Interfaces/IOptionLoader";
+import { OptionsColor } from "./OptionsColor";
 export declare class AnimatableColor extends OptionsColor implements IAnimatableColor, IOptionLoader<IAnimatableColor> {
     animation: HslAnimation;
     constructor();

package/esm/Options/Classes/AnimatableColor.js

@@ -1,5 +1,5 @@
-import { OptionsColor } from "./OptionsColor";
 import { HslAnimation } from "./HslAnimation";
+import { OptionsColor } from "./OptionsColor";
 export class AnimatableColor extends OptionsColor {
     constructor() {
         super();

package/esm/Options/Classes/AnimatableGradient.d.ts

@@ -1,12 +1,12 @@
-import type { IAnimatableGradient } from "../Interfaces/IAnimatableGradient";
-import type { IOptionLoader } from "../Interfaces/IOptionLoader";
 import { GradientType, RotateDirection, RotateDirectionAlt, StartValueType } from "../../Enums";
-import type { IGradientAngle, IGradientColorOpacity } from "../../Core/Interfaces";
-import type { IAnimatable } from "../Interfaces/IAnimatable";
-import type { IAnimation } from "../Interfaces/IAnimation";
-import type { RangeValue, RecursivePartial } from "../../Types";
 import type { IAnimatableGradientColor, IGradientColorOpacityAnimation } from "../Interfaces/IOptionsGradient";
+import type { IGradientAngle, IGradientColorOpacity } from "../../Core";
+import type { RangeValue, RecursivePartial } from "../../Types";
 import { AnimatableColor } from "./AnimatableColor";
+import type { IAnimatable } from "../Interfaces/IAnimatable";
+import type { IAnimatableGradient } from "../Interfaces/IAnimatableGradient";
+import type { IAnimation } from "../Interfaces/IAnimation";
+import type { IOptionLoader } from "../Interfaces/IOptionLoader";
 export declare class AnimatableGradient implements IAnimatableGradient, IOptionLoader<IAnimatableGradient> {
     angle: GradientAngle;
     colors: AnimatableGradientColor[];

package/esm/Options/Classes/AnimatableGradient.js

@@ -1,11 +1,10 @@
-import { GradientType, RotateDirection, StartValueType } from "../../Enums";
 import { AnimatableColor } from "./AnimatableColor";
 import { setRangeValue } from "../../Utils";
 export class AnimatableGradient {
     constructor() {
         this.angle = new GradientAngle();
         this.colors = [];
-        this.type = GradientType.random;
+        this.type = "random";
     }
     load(data) {
         if (!data) {
@@ -28,7 +27,7 @@ export class GradientAngle {
     constructor() {
         this.value = 0;
         this.animation = new GradientAngleAnimation();
-        this.direction = RotateDirection.clockwise;
+        this.direction = "clockwise";
     }
     load(data) {
         if (!data) {
@@ -113,7 +112,7 @@ export class GradientColorOpacityAnimation {
         this.enable = false;
         this.speed = 0;
         this.sync = false;
-        this.startValue = StartValueType.random;
+        this.startValue = "random";
     }
     load(data) {
         if (!data) {

package/esm/Options/Classes/AnimationOptions.d.ts

@@ -1,6 +1,6 @@
-import { RecursivePartial } from "../../Types";
-import { IOptionLoader } from "../Interfaces/IOptionLoader";
 import { IAnimation } from "../Interfaces/IAnimation";
+import { IOptionLoader } from "../Interfaces/IOptionLoader";
+import { RecursivePartial } from "../../Types";
 export declare class AnimationOptions implements IAnimation, IOptionLoader<IAnimation> {
     count: number;
     enable: boolean;

package/esm/Options/Classes/Background/Background.d.ts

@@ -1,7 +1,7 @@
 import type { IBackground } from "../../Interfaces/Background/IBackground";
-import type { RecursivePartial } from "../../../Types";
-import { OptionsColor } from "../OptionsColor";
 import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
+import { OptionsColor } from "../OptionsColor";
+import type { RecursivePartial } from "../../../Types";
 export declare class Background implements IBackground, IOptionLoader<IBackground> {
     color: OptionsColor;
     image: string;

package/esm/Options/Classes/BackgroundMask/BackgroundMask.d.ts

@@ -1,7 +1,7 @@
-import type { IBackgroundMask } from "../../Interfaces/BackgroundMask/IBackgroundMask";
-import type { RecursivePartial } from "../../../Types";
 import { BackgroundMaskCover } from "./BackgroundMaskCover";
+import type { IBackgroundMask } from "../../Interfaces/BackgroundMask/IBackgroundMask";
 import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
+import type { RecursivePartial } from "../../../Types";
 export declare class BackgroundMask implements IBackgroundMask, IOptionLoader<IBackgroundMask> {
     composite: string;
     cover: BackgroundMaskCover;

package/esm/Options/Classes/BackgroundMask/BackgroundMaskCover.d.ts

@@ -1,7 +1,7 @@
-import type { RecursivePartial } from "../../../Types";
-import { OptionsColor } from "../OptionsColor";
 import type { IBackgroundMaskCover } from "../../Interfaces/BackgroundMask/IBackgroundMaskCover";
 import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
+import { OptionsColor } from "../OptionsColor";
+import type { RecursivePartial } from "../../../Types";
 export declare class BackgroundMaskCover implements IBackgroundMaskCover, IOptionLoader<IBackgroundMaskCover> {
     color: OptionsColor;
     opacity: number;

package/esm/Options/Classes/ColorAnimation.d.ts

@@ -1,5 +1,5 @@
-import type { IColorAnimation } from "../Interfaces/IColorAnimation";
 import type { RangeValue, RecursivePartial } from "../../Types";
+import type { IColorAnimation } from "../Interfaces/IColorAnimation";
 import type { IOptionLoader } from "../Interfaces/IOptionLoader";
 export declare class ColorAnimation implements IColorAnimation, IOptionLoader<IColorAnimation> {
     count: number;

package/esm/Options/Classes/HslAnimation.d.ts

@@ -1,7 +1,7 @@
-import type { RecursivePartial } from "../../Types";
 import { ColorAnimation } from "./ColorAnimation";
-import type { IOptionLoader } from "../Interfaces/IOptionLoader";
 import type { IHslAnimation } from "../Interfaces/IHslAnimation";
+import type { IOptionLoader } from "../Interfaces/IOptionLoader";
+import type { RecursivePartial } from "../../Types";
 export declare class HslAnimation implements IHslAnimation, IOptionLoader<IHslAnimation> {
     h: ColorAnimation;
     s: ColorAnimation;

package/esm/Options/Classes/Interactivity/Events/ClickEvent.d.ts

@@ -1,6 +1,6 @@
-import type { IClickEvent } from "../../../Interfaces/Interactivity/Events/IClickEvent";
-import { ClickMode } from "../../../../Enums";
 import type { RecursivePartial, SingleOrMultiple } from "../../../../Types";
+import { ClickMode } from "../../../../Enums";
+import type { IClickEvent } from "../../../Interfaces/Interactivity/Events/IClickEvent";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 export declare class ClickEvent implements IClickEvent, IOptionLoader<IClickEvent> {
     enable: boolean;

package/esm/Options/Classes/Interactivity/Events/DivEvent.d.ts

@@ -1,6 +1,6 @@
-import type { IDivEvent } from "../../../Interfaces/Interactivity/Events/IDivEvent";
 import { DivMode, DivType } from "../../../../Enums";
 import type { RecursivePartial, SingleOrMultiple } from "../../../../Types";
+import type { IDivEvent } from "../../../Interfaces/Interactivity/Events/IDivEvent";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 export declare class DivEvent implements IDivEvent, IOptionLoader<IDivEvent> {
     get elementId(): SingleOrMultiple<string>;

package/esm/Options/Classes/Interactivity/Events/DivEvent.js

@@ -1,10 +1,9 @@
-import { DivType } from "../../../../Enums";
 export class DivEvent {
     constructor() {
         this.selectors = [];
         this.enable = false;
         this.mode = [];
-        this.type = DivType.circle;
+        this.type = "circle";
     }
     get elementId() {
         return this.ids;

package/esm/Options/Classes/Interactivity/Events/Events.d.ts

@@ -1,8 +1,8 @@
-import type { IEvents } from "../../../Interfaces/Interactivity/Events/IEvents";
+import type { RecursivePartial, SingleOrMultiple } from "../../../../Types";
 import { ClickEvent } from "./ClickEvent";
 import { DivEvent } from "./DivEvent";
 import { HoverEvent } from "./HoverEvent";
-import type { RecursivePartial, SingleOrMultiple } from "../../../../Types";
+import type { IEvents } from "../../../Interfaces/Interactivity/Events/IEvents";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 export declare class Events implements IEvents, IOptionLoader<IEvents> {
     get onclick(): ClickEvent;