tsparticles 1.37.4 → 1.39.0

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 { calcEasing, clamp, divMode, divModeExecute, getDistances, isDivModeEnabled, isInArray } from "../../../Utils";
+import { Circle, Constants, ExternalInteractorBase, Rectangle, Vector } from "../../../Core";
 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(tsParticles: Engine): Promise<void>;

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 { isInArray } from "../../../Utils";
-import { ClickMode, HoverMode } from "../../../Enums";
-import { ExternalInteractorBase } from "../../../Core/ExternalInteractorBase";
+import { ExternalInteractorBase } from "../../../Core";
 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(tsParticles: Engine): Promise<void>;

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 { getDistances } from "../../../Utils";
-import { ParticlesInteractorBase } from "../../../Core/ParticlesInteractorBase";
+import { ParticlesInteractorBase } from "../../../Core";
 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(tsParticles: Engine): Promise<void>;

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(tsParticles: Engine): Promise<void>;

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,4 +1,4 @@
-import type { Particle } from "../../../Core/Particle";
+import type { Particle } from "../../../Core";
 import type { ILink } from "./ILink";
 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 type { Container, Particle } from "../../../Core";
+import { ParticlesInteractorBase } 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 { getDistance, getLinkRandomColor } from "../../../Utils";
+import { Circle, CircleWarp, ParticlesInteractorBase } from "../../../Core";
 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(tsParticles: Engine): Promise<void>;

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { Linker } from "./Linker";
+export async function loadInteraction(tsParticles) {
+    await tsParticles.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(tsParticles: 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";
     }
@@ -13,6 +13,6 @@ class Plugin {
     }
 }
 export async function loadPlugin(tsParticles) {
-    const plugin = new Plugin();
+    const plugin = new LinksPlugin();
     await tsParticles.addPlugin(plugin);
 }

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/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/Interactivity.js

@@ -1,9 +1,8 @@
-import { HoverMode, InteractivityDetect } from "../../../Enums";
 import { Events } from "./Events/Events";
 import { Modes } from "./Modes/Modes";
 export class Interactivity {
     constructor() {
-        this.detectsOn = InteractivityDetect.window;
+        this.detectsOn = "window";
         this.events = new Events();
         this.modes = new Modes();
     }
@@ -26,12 +25,12 @@ export class Interactivity {
         this.modes.load(data.modes);
         if (((_c = (_b = data.modes) === null || _b === void 0 ? void 0 : _b.slow) === null || _c === void 0 ? void 0 : _c.active) === true) {
             if (this.events.onHover.mode instanceof Array) {
-                if (this.events.onHover.mode.indexOf(HoverMode.slow) < 0) {
-                    this.events.onHover.mode.push(HoverMode.slow);
+                if (this.events.onHover.mode.indexOf("slow") < 0) {
+                    this.events.onHover.mode.push("slow");
                 }
             }
-            else if (this.events.onHover.mode !== HoverMode.slow) {
-                this.events.onHover.mode = [this.events.onHover.mode, HoverMode.slow];
+            else if (this.events.onHover.mode !== "slow") {
+                this.events.onHover.mode = [this.events.onHover.mode, "slow"];
             }
         }
     }

package/esm/Options/Classes/Interactivity/Modes/Attract.js

@@ -1,9 +1,8 @@
-import { EasingType } from "../../../../Enums";
 export class Attract {
     constructor() {
         this.distance = 200;
         this.duration = 0.4;
-        this.easing = EasingType.easeOutQuad;
+        this.easing = "ease-out-quad";
         this.factor = 1;
         this.maxSpeed = 50;
         this.speed = 1;

package/esm/Options/Classes/Interactivity/Modes/RepulseBase.js

@@ -1,4 +1,3 @@
-import { EasingType } from "../../../../Enums";
 export class RepulseBase {
     constructor() {
         this.distance = 200;
@@ -6,7 +5,7 @@ export class RepulseBase {
         this.factor = 100;
         this.speed = 1;
         this.maxSpeed = 50;
-        this.easing = EasingType.easeOutQuad;
+        this.easing = "ease-out-quad";
     }
     load(data) {
         if (!data) {

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

@@ -32,6 +32,7 @@ export declare class Options implements IOptions, IOptionLoader<IOptions> {
     pauseOnBlur: boolean;
     pauseOnOutsideViewport: boolean;
     preset?: string | string[];
+    style: RecursivePartial<CSSStyleDeclaration>;
     responsive: Responsive[];
     themes: Theme[];
     zLayers: number;

package/esm/Options/Classes/Options.js

@@ -8,13 +8,13 @@ import { Interactivity } from "./Interactivity/Interactivity";
 import { ParticlesOptions } from "./Particles/ParticlesOptions";
 import { BackgroundMask } from "./BackgroundMask/BackgroundMask";
 import { Background } from "./Background/Background";
-import { Plugins } from "../../Utils";
+import { deepExtend } from "../../Utils";
 import { Theme } from "./Theme/Theme";
-import { ResponsiveMode, ThemeMode } from "../../Enums";
 import { FullScreen } from "./FullScreen/FullScreen";
 import { Motion } from "./Motion/Motion";
 import { ManualParticle } from "./ManualParticle";
 import { Responsive } from "./Responsive";
+import { Plugins } from "../../Core";
 export class Options {
     constructor() {
         _Options_instances.add(this);
@@ -32,6 +32,7 @@ export class Options {
         this.pauseOnBlur = true;
         this.pauseOnOutsideViewport = true;
         this.responsive = [];
+        this.style = {};
         this.themes = [];
         this.zLayers = 100;
     }
@@ -110,6 +111,7 @@ export class Options {
         }
         this.motion.load(data.motion);
         this.particles.load(data.particles);
+        this.style = deepExtend(this.style, data.style);
         Plugins.loadOptions(this, data);
         if (data.responsive !== undefined) {
             for (const responsive of data.responsive) {
@@ -126,8 +128,8 @@ export class Options {
                 this.themes.push(optTheme);
             }
         }
-        this.defaultDarkTheme = (_d = __classPrivateFieldGet(this, _Options_instances, "m", _Options_findDefaultTheme).call(this, ThemeMode.dark)) === null || _d === void 0 ? void 0 : _d.name;
-        this.defaultLightTheme = (_e = __classPrivateFieldGet(this, _Options_instances, "m", _Options_findDefaultTheme).call(this, ThemeMode.light)) === null || _e === void 0 ? void 0 : _e.name;
+        this.defaultDarkTheme = (_d = __classPrivateFieldGet(this, _Options_instances, "m", _Options_findDefaultTheme).call(this, "dark")) === null || _d === void 0 ? void 0 : _d.name;
+        this.defaultLightTheme = (_e = __classPrivateFieldGet(this, _Options_instances, "m", _Options_findDefaultTheme).call(this, "light")) === null || _e === void 0 ? void 0 : _e.name;
     }
     setTheme(name) {
         if (name) {
@@ -137,7 +139,7 @@ export class Options {
             }
         }
         else {
-            const mediaMatch = typeof matchMedia !== "undefined" && matchMedia("(prefers-color-scheme: dark)"), clientDarkMode = mediaMatch && mediaMatch.matches, defaultTheme = __classPrivateFieldGet(this, _Options_instances, "m", _Options_findDefaultTheme).call(this, clientDarkMode ? ThemeMode.dark : ThemeMode.light);
+            const mediaMatch = typeof matchMedia !== "undefined" && matchMedia("(prefers-color-scheme: dark)"), clientDarkMode = mediaMatch && mediaMatch.matches, defaultTheme = __classPrivateFieldGet(this, _Options_instances, "m", _Options_findDefaultTheme).call(this, clientDarkMode ? "dark" : "light");
             if (defaultTheme) {
                 this.load(defaultTheme.options);
             }
@@ -145,7 +147,7 @@ export class Options {
     }
     setResponsive(width, pxRatio, defaultOptions) {
         this.load(defaultOptions);
-        const responsiveOptions = this.responsive.find((t) => t.mode === ResponsiveMode.screen && screen
+        const responsiveOptions = this.responsive.find((t) => t.mode === "screen" && screen
             ? t.maxWidth * pxRatio > screen.availWidth
             : t.maxWidth * pxRatio > width);
         this.load(responsiveOptions === null || responsiveOptions === void 0 ? void 0 : responsiveOptions.options);
@@ -157,5 +159,5 @@ export class Options {
 }
 _Options_instances = new WeakSet(), _Options_findDefaultTheme = function _Options_findDefaultTheme(mode) {
     var _a;
-    return ((_a = this.themes.find((theme) => theme.default.value && theme.default.mode === mode)) !== null && _a !== void 0 ? _a : this.themes.find((theme) => theme.default.value && theme.default.mode === ThemeMode.any));
+    return ((_a = this.themes.find((theme) => theme.default.value && theme.default.mode === mode)) !== null && _a !== void 0 ? _a : this.themes.find((theme) => theme.default.value && theme.default.mode === "any"));
 };

package/esm/Options/Classes/Particles/Collisions/Collisions.js

@@ -1,11 +1,10 @@
-import { CollisionMode } from "../../../../Enums";
 import { Bounce } from "../Bounce/Bounce";
 import { CollisionsOverlap } from "./CollisionsOverlap";
 export class Collisions {
     constructor() {
         this.bounce = new Bounce();
         this.enable = false;
-        this.mode = CollisionMode.bounce;
+        this.mode = "bounce";
         this.overlap = new CollisionsOverlap();
     }
     load(data) {

package/esm/Options/Classes/Particles/Destroy/Destroy.js

@@ -1,8 +1,7 @@
-import { DestroyMode } from "../../../../Enums";
 import { Split } from "./Split";
 export class Destroy {
     constructor() {
-        this.mode = DestroyMode.none;
+        this.mode = "none";
         this.split = new Split();
     }
     load(data) {

package/esm/Options/Classes/Particles/Move/Move.js

@@ -1,5 +1,4 @@
 import { Attract } from "./Attract";
-import { MoveDirection } from "../../../../Enums";
 import { Trail } from "./Trail";
 import { Path } from "./Path/Path";
 import { MoveAngle } from "./MoveAngle";
@@ -13,7 +12,7 @@ export class Move {
         this.attract = new Attract();
         this.decay = 0;
         this.distance = {};
-        this.direction = MoveDirection.none;
+        this.direction = "none";
         this.drift = 0;
         this.enable = false;
         this.gravity = new MoveGravity();

package/esm/Options/Classes/Particles/Move/OutModes.js

@@ -1,7 +1,6 @@
-import { OutMode } from "../../../../Enums/Modes";
 export class OutModes {
     constructor() {
-        this.default = OutMode.out;
+        this.default = "out";
     }
     load(data) {
         var _a, _b, _c, _d;

package/esm/Options/Classes/Particles/Opacity/OpacityAnimation.js

@@ -1,12 +1,11 @@
-import { DestroyType, StartValueType } from "../../../../Enums";
 import { AnimationOptions } from "../../AnimationOptions";
 export class OpacityAnimation extends AnimationOptions {
     constructor() {
         super();
-        this.destroy = DestroyType.none;
+        this.destroy = "none";
         this.enable = false;
         this.speed = 2;
-        this.startValue = StartValueType.random;
+        this.startValue = "random";
         this.sync = false;
     }
     get opacity_min() {

package/esm/Options/Classes/Particles/Roll/Roll.js

@@ -1,13 +1,12 @@
 import { OptionsColor } from "../../OptionsColor";
 import { RollLight } from "./RollLight";
 import { setRangeValue } from "../../../../Utils";
-import { RollMode } from "../../../../Enums";
 export class Roll {
     constructor() {
         this.darken = new RollLight();
         this.enable = false;
         this.enlighten = new RollLight();
-        this.mode = RollMode.vertical;
+        this.mode = "vertical";
         this.speed = 25;
     }
     load(data) {

package/esm/Options/Classes/Particles/Rotate/Rotate.js

@@ -1,11 +1,10 @@
 import { RotateAnimation } from "./RotateAnimation";
-import { RotateDirection } from "../../../../Enums";
 import { ValueWithRandom } from "../../ValueWithRandom";
 export class Rotate extends ValueWithRandom {
     constructor() {
         super();
         this.animation = new RotateAnimation();
-        this.direction = RotateDirection.clockwise;
+        this.direction = "clockwise";
         this.path = false;
         this.value = 0;
     }

package/esm/Options/Classes/Particles/Shape/Shape.js

@@ -1,17 +1,16 @@
-import { ShapeType } from "../../../../Enums";
 import { deepExtend } from "../../../../Utils";
 export class Shape {
     constructor() {
         this.options = {};
-        this.type = ShapeType.circle;
+        this.type = "circle";
     }
     get image() {
         var _a;
-        return ((_a = this.options[ShapeType.image]) !== null && _a !== void 0 ? _a : this.options[ShapeType.images]);
+        return ((_a = this.options["image"]) !== null && _a !== void 0 ? _a : this.options["images"]);
     }
     set image(value) {
-        this.options[ShapeType.image] = value;
-        this.options[ShapeType.images] = value;
+        this.options["image"] = value;
+        this.options["images"] = value;
     }
     get custom() {
         return this.options;
@@ -32,19 +31,19 @@ export class Shape {
     }
     get character() {
         var _a;
-        return ((_a = this.options[ShapeType.character]) !== null && _a !== void 0 ? _a : this.options[ShapeType.char]);
+        return ((_a = this.options["character"]) !== null && _a !== void 0 ? _a : this.options["char"]);
     }
     set character(value) {
-        this.options[ShapeType.character] = value;
-        this.options[ShapeType.char] = value;
+        this.options["character"] = value;
+        this.options["char"] = value;
     }
     get polygon() {
         var _a;
-        return ((_a = this.options[ShapeType.polygon]) !== null && _a !== void 0 ? _a : this.options[ShapeType.star]);
+        return ((_a = this.options["polygon"]) !== null && _a !== void 0 ? _a : this.options["star"]);
     }
     set polygon(value) {
-        this.options[ShapeType.polygon] = value;
-        this.options[ShapeType.star] = value;
+        this.options["polygon"] = value;
+        this.options["star"] = value;
     }
     load(data) {
         var _a, _b, _c;
@@ -60,9 +59,9 @@ export class Shape {
                 }
             }
         }
-        this.loadShape(data.character, ShapeType.character, ShapeType.char, true);
-        this.loadShape(data.polygon, ShapeType.polygon, ShapeType.star, false);
-        this.loadShape((_c = data.image) !== null && _c !== void 0 ? _c : data.images, ShapeType.image, ShapeType.images, true);
+        this.loadShape(data.character, "character", "char", true);
+        this.loadShape(data.polygon, "polygon", "star", false);
+        this.loadShape((_c = data.image) !== null && _c !== void 0 ? _c : data.images, "image", "images", true);
         if (data.type !== undefined) {
             this.type = data.type;
         }

package/esm/Options/Classes/Particles/Size/SizeAnimation.js

@@ -1,12 +1,11 @@
-import { DestroyType, StartValueType } from "../../../../Enums";
 import { AnimationOptions } from "../../AnimationOptions";
 export class SizeAnimation extends AnimationOptions {
     constructor() {
         super();
-        this.destroy = DestroyType.none;
+        this.destroy = "none";
         this.enable = false;
         this.speed = 5;
-        this.startValue = StartValueType.random;
+        this.startValue = "random";
         this.sync = false;
     }
     get size_min() {

package/esm/Options/Classes/Particles/Tilt/Tilt.js

@@ -1,11 +1,10 @@
 import { TiltAnimation } from "./TiltAnimation";
-import { TiltDirection } from "../../../../Enums";
 import { ValueWithRandom } from "../../ValueWithRandom";
 export class Tilt extends ValueWithRandom {
     constructor() {
         super();
         this.animation = new TiltAnimation();
-        this.direction = TiltDirection.clockwise;
+        this.direction = "clockwise";
         this.enable = false;
         this.value = 0;
     }