tsparticles 1.37.4 → 1.39.0

package/Options/Classes/AnimatableGradient.js

@@ -1,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GradientColorOpacityAnimation = exports.GradientAngleAnimation = exports.AnimatableGradientColor = exports.GradientColorOpacity = exports.GradientAngle = exports.AnimatableGradient = void 0;
-const Enums_1 = require("../../Enums");
 const AnimatableColor_1 = require("./AnimatableColor");
 const Utils_1 = require("../../Utils");
 class AnimatableGradient {
     constructor() {
         this.angle = new GradientAngle();
         this.colors = [];
-        this.type = Enums_1.GradientType.random;
+        this.type = "random";
     }
     load(data) {
         if (!data) {
@@ -32,7 +31,7 @@ class GradientAngle {
     constructor() {
         this.value = 0;
         this.animation = new GradientAngleAnimation();
-        this.direction = Enums_1.RotateDirection.clockwise;
+        this.direction = "clockwise";
     }
     load(data) {
         if (!data) {
@@ -121,7 +120,7 @@ class GradientColorOpacityAnimation {
         this.enable = false;
         this.speed = 0;
         this.sync = false;
-        this.startValue = Enums_1.StartValueType.random;
+        this.startValue = "random";
     }
     load(data) {
         if (!data) {

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

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DivEvent = void 0;
-const Enums_1 = require("../../../../Enums");
 class DivEvent {
     constructor() {
         this.selectors = [];
         this.enable = false;
         this.mode = [];
-        this.type = Enums_1.DivType.circle;
+        this.type = "circle";
     }
     get elementId() {
         return this.ids;

package/Options/Classes/Interactivity/Interactivity.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Interactivity = void 0;
-const Enums_1 = require("../../../Enums");
 const Events_1 = require("./Events/Events");
 const Modes_1 = require("./Modes/Modes");
 class Interactivity {
     constructor() {
-        this.detectsOn = Enums_1.InteractivityDetect.window;
+        this.detectsOn = "window";
         this.events = new Events_1.Events();
         this.modes = new Modes_1.Modes();
     }
@@ -29,12 +28,12 @@ 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(Enums_1.HoverMode.slow) < 0) {
-                    this.events.onHover.mode.push(Enums_1.HoverMode.slow);
+                if (this.events.onHover.mode.indexOf("slow") < 0) {
+                    this.events.onHover.mode.push("slow");
                 }
             }
-            else if (this.events.onHover.mode !== Enums_1.HoverMode.slow) {
-                this.events.onHover.mode = [this.events.onHover.mode, Enums_1.HoverMode.slow];
+            else if (this.events.onHover.mode !== "slow") {
+                this.events.onHover.mode = [this.events.onHover.mode, "slow"];
             }
         }
     }

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

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Attract = void 0;
-const Enums_1 = require("../../../../Enums");
 class Attract {
     constructor() {
         this.distance = 200;
         this.duration = 0.4;
-        this.easing = Enums_1.EasingType.easeOutQuad;
+        this.easing = "ease-out-quad";
         this.factor = 1;
         this.maxSpeed = 50;
         this.speed = 1;

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

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RepulseBase = void 0;
-const Enums_1 = require("../../../../Enums");
 class RepulseBase {
     constructor() {
         this.distance = 200;
@@ -9,7 +8,7 @@ class RepulseBase {
         this.factor = 100;
         this.speed = 1;
         this.maxSpeed = 50;
-        this.easing = Enums_1.EasingType.easeOutQuad;
+        this.easing = "ease-out-quad";
     }
     load(data) {
         if (!data) {

package/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/Options/Classes/Options.js

@@ -13,11 +13,11 @@ const BackgroundMask_1 = require("./BackgroundMask/BackgroundMask");
 const Background_1 = require("./Background/Background");
 const Utils_1 = require("../../Utils");
 const Theme_1 = require("./Theme/Theme");
-const Enums_1 = require("../../Enums");
 const FullScreen_1 = require("./FullScreen/FullScreen");
 const Motion_1 = require("./Motion/Motion");
 const ManualParticle_1 = require("./ManualParticle");
 const Responsive_1 = require("./Responsive");
+const Core_1 = require("../../Core");
 class Options {
     constructor() {
         _Options_instances.add(this);
@@ -35,6 +35,7 @@ class Options {
         this.pauseOnBlur = true;
         this.pauseOnOutsideViewport = true;
         this.responsive = [];
+        this.style = {};
         this.themes = [];
         this.zLayers = 100;
     }
@@ -113,7 +114,8 @@ class Options {
         }
         this.motion.load(data.motion);
         this.particles.load(data.particles);
-        Utils_1.Plugins.loadOptions(this, data);
+        this.style = (0, Utils_1.deepExtend)(this.style, data.style);
+        Core_1.Plugins.loadOptions(this, data);
         if (data.responsive !== undefined) {
             for (const responsive of data.responsive) {
                 const optResponsive = new Responsive_1.Responsive();
@@ -129,8 +131,8 @@ class Options {
                 this.themes.push(optTheme);
             }
         }
-        this.defaultDarkTheme = (_d = __classPrivateFieldGet(this, _Options_instances, "m", _Options_findDefaultTheme).call(this, Enums_1.ThemeMode.dark)) === null || _d === void 0 ? void 0 : _d.name;
-        this.defaultLightTheme = (_e = __classPrivateFieldGet(this, _Options_instances, "m", _Options_findDefaultTheme).call(this, Enums_1.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) {
@@ -140,7 +142,7 @@ 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 ? Enums_1.ThemeMode.dark : Enums_1.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);
             }
@@ -148,18 +150,18 @@ class Options {
     }
     setResponsive(width, pxRatio, defaultOptions) {
         this.load(defaultOptions);
-        const responsiveOptions = this.responsive.find((t) => t.mode === Enums_1.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);
         return responsiveOptions === null || responsiveOptions === void 0 ? void 0 : responsiveOptions.maxWidth;
     }
     importPreset(preset) {
-        this.load(Utils_1.Plugins.getPreset(preset));
+        this.load(Core_1.Plugins.getPreset(preset));
     }
 }
 exports.Options = 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 === Enums_1.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/Options/Classes/Particles/Collisions/Collisions.js

@@ -1,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Collisions = void 0;
-const Enums_1 = require("../../../../Enums");
 const Bounce_1 = require("../Bounce/Bounce");
 const CollisionsOverlap_1 = require("./CollisionsOverlap");
 class Collisions {
     constructor() {
         this.bounce = new Bounce_1.Bounce();
         this.enable = false;
-        this.mode = Enums_1.CollisionMode.bounce;
+        this.mode = "bounce";
         this.overlap = new CollisionsOverlap_1.CollisionsOverlap();
     }
     load(data) {

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

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Destroy = void 0;
-const Enums_1 = require("../../../../Enums");
 const Split_1 = require("./Split");
 class Destroy {
     constructor() {
-        this.mode = Enums_1.DestroyMode.none;
+        this.mode = "none";
         this.split = new Split_1.Split();
     }
     load(data) {

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

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Move = void 0;
 const Attract_1 = require("./Attract");
-const Enums_1 = require("../../../../Enums");
 const Trail_1 = require("./Trail");
 const Path_1 = require("./Path/Path");
 const MoveAngle_1 = require("./MoveAngle");
@@ -16,7 +15,7 @@ class Move {
         this.attract = new Attract_1.Attract();
         this.decay = 0;
         this.distance = {};
-        this.direction = Enums_1.MoveDirection.none;
+        this.direction = "none";
         this.drift = 0;
         this.enable = false;
         this.gravity = new MoveGravity_1.MoveGravity();

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

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OutModes = void 0;
-const Modes_1 = require("../../../../Enums/Modes");
 class OutModes {
     constructor() {
-        this.default = Modes_1.OutMode.out;
+        this.default = "out";
     }
     load(data) {
         var _a, _b, _c, _d;

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

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OpacityAnimation = void 0;
-const Enums_1 = require("../../../../Enums");
 const AnimationOptions_1 = require("../../AnimationOptions");
 class OpacityAnimation extends AnimationOptions_1.AnimationOptions {
     constructor() {
         super();
-        this.destroy = Enums_1.DestroyType.none;
+        this.destroy = "none";
         this.enable = false;
         this.speed = 2;
-        this.startValue = Enums_1.StartValueType.random;
+        this.startValue = "random";
         this.sync = false;
     }
     get opacity_min() {

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

@@ -4,13 +4,12 @@ exports.Roll = void 0;
 const OptionsColor_1 = require("../../OptionsColor");
 const RollLight_1 = require("./RollLight");
 const Utils_1 = require("../../../../Utils");
-const Enums_1 = require("../../../../Enums");
 class Roll {
     constructor() {
         this.darken = new RollLight_1.RollLight();
         this.enable = false;
         this.enlighten = new RollLight_1.RollLight();
-        this.mode = Enums_1.RollMode.vertical;
+        this.mode = "vertical";
         this.speed = 25;
     }
     load(data) {

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

@@ -2,13 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Rotate = void 0;
 const RotateAnimation_1 = require("./RotateAnimation");
-const Enums_1 = require("../../../../Enums");
 const ValueWithRandom_1 = require("../../ValueWithRandom");
 class Rotate extends ValueWithRandom_1.ValueWithRandom {
     constructor() {
         super();
         this.animation = new RotateAnimation_1.RotateAnimation();
-        this.direction = Enums_1.RotateDirection.clockwise;
+        this.direction = "clockwise";
         this.path = false;
         this.value = 0;
     }

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

@@ -1,20 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Shape = void 0;
-const Enums_1 = require("../../../../Enums");
 const Utils_1 = require("../../../../Utils");
 class Shape {
     constructor() {
         this.options = {};
-        this.type = Enums_1.ShapeType.circle;
+        this.type = "circle";
     }
     get image() {
         var _a;
-        return ((_a = this.options[Enums_1.ShapeType.image]) !== null && _a !== void 0 ? _a : this.options[Enums_1.ShapeType.images]);
+        return ((_a = this.options["image"]) !== null && _a !== void 0 ? _a : this.options["images"]);
     }
     set image(value) {
-        this.options[Enums_1.ShapeType.image] = value;
-        this.options[Enums_1.ShapeType.images] = value;
+        this.options["image"] = value;
+        this.options["images"] = value;
     }
     get custom() {
         return this.options;
@@ -35,19 +34,19 @@ class Shape {
     }
     get character() {
         var _a;
-        return ((_a = this.options[Enums_1.ShapeType.character]) !== null && _a !== void 0 ? _a : this.options[Enums_1.ShapeType.char]);
+        return ((_a = this.options["character"]) !== null && _a !== void 0 ? _a : this.options["char"]);
     }
     set character(value) {
-        this.options[Enums_1.ShapeType.character] = value;
-        this.options[Enums_1.ShapeType.char] = value;
+        this.options["character"] = value;
+        this.options["char"] = value;
     }
     get polygon() {
         var _a;
-        return ((_a = this.options[Enums_1.ShapeType.polygon]) !== null && _a !== void 0 ? _a : this.options[Enums_1.ShapeType.star]);
+        return ((_a = this.options["polygon"]) !== null && _a !== void 0 ? _a : this.options["star"]);
     }
     set polygon(value) {
-        this.options[Enums_1.ShapeType.polygon] = value;
-        this.options[Enums_1.ShapeType.star] = value;
+        this.options["polygon"] = value;
+        this.options["star"] = value;
     }
     load(data) {
         var _a, _b, _c;
@@ -63,9 +62,9 @@ class Shape {
                 }
             }
         }
-        this.loadShape(data.character, Enums_1.ShapeType.character, Enums_1.ShapeType.char, true);
-        this.loadShape(data.polygon, Enums_1.ShapeType.polygon, Enums_1.ShapeType.star, false);
-        this.loadShape((_c = data.image) !== null && _c !== void 0 ? _c : data.images, Enums_1.ShapeType.image, Enums_1.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/Options/Classes/Particles/Size/SizeAnimation.js

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SizeAnimation = void 0;
-const Enums_1 = require("../../../../Enums");
 const AnimationOptions_1 = require("../../AnimationOptions");
 class SizeAnimation extends AnimationOptions_1.AnimationOptions {
     constructor() {
         super();
-        this.destroy = Enums_1.DestroyType.none;
+        this.destroy = "none";
         this.enable = false;
         this.speed = 5;
-        this.startValue = Enums_1.StartValueType.random;
+        this.startValue = "random";
         this.sync = false;
     }
     get size_min() {

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

@@ -2,13 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tilt = void 0;
 const TiltAnimation_1 = require("./TiltAnimation");
-const Enums_1 = require("../../../../Enums");
 const ValueWithRandom_1 = require("../../ValueWithRandom");
 class Tilt extends ValueWithRandom_1.ValueWithRandom {
     constructor() {
         super();
         this.animation = new TiltAnimation_1.TiltAnimation();
-        this.direction = Enums_1.TiltDirection.clockwise;
+        this.direction = "clockwise";
         this.enable = false;
         this.value = 0;
     }

package/Options/Classes/Responsive.js

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Responsive = void 0;
 const Utils_1 = require("../../Utils");
-const Enums_1 = require("../../Enums");
 class Responsive {
     constructor() {
         this.maxWidth = Infinity;
         this.options = {};
-        this.mode = Enums_1.ResponsiveMode.canvas;
+        this.mode = "canvas";
     }
     load(data) {
         if (!data) {
@@ -17,11 +16,11 @@ class Responsive {
             this.maxWidth = data.maxWidth;
         }
         if (data.mode !== undefined) {
-            if (data.mode === Enums_1.ResponsiveMode.screen) {
-                this.mode = Enums_1.ResponsiveMode.screen;
+            if (data.mode === "screen") {
+                this.mode = "screen";
             }
             else {
-                this.mode = Enums_1.ResponsiveMode.canvas;
+                this.mode = "canvas";
             }
         }
         if (data.options !== undefined) {

package/Options/Classes/Theme/ThemeDefault.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeDefault = void 0;
-const Enums_1 = require("../../../Enums");
 class ThemeDefault {
     constructor() {
         this.auto = false;
-        this.mode = Enums_1.ThemeMode.any;
+        this.mode = "any";
         this.value = false;
     }
     load(data) {

package/Options/Interfaces/IOptions.d.ts

@@ -27,6 +27,7 @@ export interface IOptions {
     preset?: SingleOrMultiple<string>;
     responsive: IResponsive[];
     retina_detect: boolean;
+    style: RecursivePartial<CSSStyleDeclaration>;
     themes: ITheme[];
     zLayers: number;
     [name: string]: unknown;

package/Plugins/Absorbers/AbsorberContainer.d.ts

@@ -1,6 +1,6 @@
 import type { AbsorberInstance } from "./AbsorberInstance";
 import type { IAbsorber } from "./Options/Interfaces/IAbsorber";
-import type { ICoordinates } from "../../Core/Interfaces/ICoordinates";
+import type { ICoordinates } from "../../Core";
 export interface AbsorberContainer {
     addAbsorber: (options: IAbsorber, position: ICoordinates) => AbsorberInstance;
     getAbsorber: (idxOrName?: number | string) => AbsorberInstance | undefined;

package/Plugins/Absorbers/AbsorberInstance.d.ts

@@ -1,9 +1,7 @@
-import type { ICoordinates, IRgb } from "../../Core/Interfaces";
-import type { Container } from "../../Core/Container";
-import type { Particle } from "../../Core/Particle";
+import type { Container, ICoordinates, IRgb, Particle } from "../../Core";
 import type { IAbsorber } from "./Options/Interfaces/IAbsorber";
 import type { Absorbers } from "./Absorbers";
-import { Vector } from "../../Core/Particle/Vector";
+import { Vector } from "../../Core";
 import { RotateDirection } from "../../Enums";
 import { IAbsorberSizeLimit } from "./Options/Interfaces/IAbsorberSizeLimit";
 declare type OrbitingParticle = Particle & {

package/Plugins/Absorbers/AbsorberInstance.js

@@ -2,14 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AbsorberInstance = void 0;
 const Utils_1 = require("../../Utils");
-const Vector_1 = require("../../Core/Particle/Vector");
-const Enums_1 = require("../../Enums");
+const Core_1 = require("../../Core");
 class AbsorberInstance {
     constructor(absorbers, container, options, position) {
         var _a, _b, _c, _d, _e;
         this.absorbers = absorbers;
         this.container = container;
-        this.initialPosition = position ? Vector_1.Vector.create(position.x, position.y) : undefined;
+        this.initialPosition = position ? Core_1.Vector.create(position.x, position.y) : undefined;
         this.options = options;
         this.dragging = false;
         this.name = this.options.name;
@@ -56,7 +55,7 @@ class AbsorberInstance {
         }
         const pos = particle.getPosition();
         const { dx, dy, distance } = (0, Utils_1.getDistances)(this.position, pos);
-        const v = Vector_1.Vector.create(dx, dy);
+        const v = Core_1.Vector.create(dx, dy);
         v.length = (this.mass / Math.pow(distance, 2)) * container.retina.reduceFactor;
         if (distance < this.size + particle.getRadius()) {
             const sizeFactor = particle.getRadius() * 0.033 * container.retina.pixelRatio;
@@ -106,7 +105,7 @@ class AbsorberInstance {
         var _a, _b;
         const container = this.container;
         const percentPosition = this.options.position;
-        return Vector_1.Vector.create((((_a = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.x) !== null && _a !== void 0 ? _a : Math.random() * 100) / 100) * container.canvas.size.width, (((_b = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.y) !== null && _b !== void 0 ? _b : Math.random() * 100) / 100) * container.canvas.size.height);
+        return Core_1.Vector.create((((_a = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.x) !== null && _a !== void 0 ? _a : Math.random() * 100) / 100) * container.canvas.size.width, (((_b = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.y) !== null && _b !== void 0 ? _b : Math.random() * 100) / 100) * container.canvas.size.height);
     }
     updateParticlePosition(particle, v) {
         var _a;
@@ -124,7 +123,7 @@ class AbsorberInstance {
         }
         if (this.options.orbits) {
             if (particle.absorberOrbit === undefined) {
-                particle.absorberOrbit = Vector_1.Vector.create(0, 0);
+                particle.absorberOrbit = Core_1.Vector.create(0, 0);
                 particle.absorberOrbit.length = (0, Utils_1.getDistance)(particle.getPosition(), this.position);
                 particle.absorberOrbit.angle = Math.random() * Math.PI * 2;
             }
@@ -134,7 +133,7 @@ class AbsorberInstance {
             }
             if (particle.absorberOrbitDirection === undefined) {
                 particle.absorberOrbitDirection =
-                    particle.velocity.x >= 0 ? Enums_1.RotateDirection.clockwise : Enums_1.RotateDirection.counterClockwise;
+                    particle.velocity.x >= 0 ? "clockwise" : "counter-clockwise";
             }
             const orbitRadius = particle.absorberOrbit.length;
             const orbitAngle = particle.absorberOrbit.angle;
@@ -142,8 +141,8 @@ class AbsorberInstance {
             particle.velocity.x = 0;
             particle.velocity.y = 0;
             const updateFunc = {
-                x: orbitDirection === Enums_1.RotateDirection.clockwise ? Math.cos : Math.sin,
-                y: orbitDirection === Enums_1.RotateDirection.clockwise ? Math.sin : Math.cos,
+                x: orbitDirection === "clockwise" ? Math.cos : Math.sin,
+                y: orbitDirection === "clockwise" ? Math.sin : Math.cos,
             };
             particle.position.x = this.position.x + orbitRadius * updateFunc.x(orbitAngle);
             particle.position.y = this.position.y + orbitRadius * updateFunc.y(orbitAngle);
@@ -153,7 +152,7 @@ class AbsorberInstance {
                     container.retina.reduceFactor;
         }
         else {
-            const addV = Vector_1.Vector.origin;
+            const addV = Core_1.Vector.origin;
             addV.length = v.length;
             addV.angle = v.angle;
             particle.velocity.addTo(addV);

package/Plugins/Absorbers/Absorbers.d.ts

@@ -1,13 +1,10 @@
-import type { IContainerPlugin } from "../../Core/Interfaces/IContainerPlugin";
+import type { Container, IContainerPlugin, ICoordinates, Particle } from "../../Core";
 import { AbsorberInstance } from "./AbsorberInstance";
-import type { Container } from "../../Core/Container";
-import type { Particle } from "../../Core/Particle";
 import type { IAbsorber } from "./Options/Interfaces/IAbsorber";
 import { Absorber } from "./Options/Classes/Absorber";
 import type { SingleOrMultiple, RecursivePartial } from "../../Types";
 import type { IOptions } from "../../Options/Interfaces/IOptions";
 import type { IAbsorberOptions } from "./Options/Interfaces/IAbsorberOptions";
-import type { ICoordinates } from "../../Core/Interfaces/ICoordinates";
 export declare class Absorbers implements IContainerPlugin {
     private readonly container;
     array: AbsorberInstance[];

package/Plugins/Absorbers/Absorbers.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Absorbers = void 0;
 const AbsorberInstance_1 = require("./AbsorberInstance");
 const Absorber_1 = require("./Options/Classes/Absorber");
-const Enums_1 = require("./Enums");
 const Utils_1 = require("../../Utils");
 class Absorbers {
     constructor(container) {
@@ -89,7 +88,7 @@ class Absorbers {
         const container = this.container;
         const absorberOptions = this.absorbers;
         const modeAbsorbers = this.interactivityAbsorbers;
-        if (mode === Enums_1.AbsorberClickMode.absorber) {
+        if (mode === "absorber") {
             let absorbersModeOptions;
             if (modeAbsorbers instanceof Array) {
                 if (modeAbsorbers.length > 0) {

package/Plugins/Absorbers/Enums/AbsorberClickMode.d.ts

@@ -1,3 +1,3 @@
-export declare enum AbsorberClickMode {
+export declare const enum AbsorberClickMode {
     absorber = "absorber"
 }

package/Plugins/Absorbers/Enums/AbsorberClickMode.js

@@ -1,7 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AbsorberClickMode = void 0;
-var AbsorberClickMode;
-(function (AbsorberClickMode) {
-    AbsorberClickMode["absorber"] = "absorber";
-})(AbsorberClickMode = exports.AbsorberClickMode || (exports.AbsorberClickMode = {}));

package/Plugins/Absorbers/index.d.ts

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

package/Plugins/Absorbers/{plugin.js → index.js}

@@ -2,10 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadAbsorbersPlugin = void 0;
 const Absorbers_1 = require("./Absorbers");
-const Enums_1 = require("./Enums");
 const Absorber_1 = require("./Options/Classes/Absorber");
 const Utils_1 = require("../../Utils");
-class Plugin {
+class AbsorbersPlugin {
     constructor() {
         this.id = "absorbers";
     }
@@ -28,7 +27,7 @@ class Plugin {
             loadAbsorbers = true;
         }
         else if (((_c = (_b = (_a = options.interactivity) === null || _a === void 0 ? void 0 : _a.events) === null || _b === void 0 ? void 0 : _b.onClick) === null || _c === void 0 ? void 0 : _c.mode) &&
-            (0, Utils_1.isInArray)(Enums_1.AbsorberClickMode.absorber, options.interactivity.events.onClick.mode)) {
+            (0, Utils_1.isInArray)("absorber", options.interactivity.events.onClick.mode)) {
             loadAbsorbers = true;
         }
         return loadAbsorbers;
@@ -75,7 +74,7 @@ class Plugin {
     }
 }
 async function loadAbsorbersPlugin(tsParticles) {
-    const plugin = new Plugin();
+    const plugin = new AbsorbersPlugin();
     await tsParticles.addPlugin(plugin);
 }
 exports.loadAbsorbersPlugin = loadAbsorbersPlugin;