tsparticles 1.37.6 → 1.39.2

package/Options/Classes/Random.d.ts

@@ -1,5 +1,5 @@
-import type { IRandom } from "../Interfaces/IRandom";
 import type { IOptionLoader } from "../Interfaces/IOptionLoader";
+import type { IRandom } from "../Interfaces/IRandom";
 import type { RecursivePartial } from "../../Types";
 export declare class Random implements IRandom, IOptionLoader<IRandom> {
     enable: boolean;

package/Options/Classes/Responsive.d.ts

@@ -1,7 +1,7 @@
-import type { IResponsive } from "../Interfaces/IResponsive";
 import type { IOptionLoader } from "../Interfaces/IOptionLoader";
-import type { RecursivePartial } from "../../Types";
 import type { IOptions } from "../Interfaces/IOptions";
+import type { IResponsive } from "../Interfaces/IResponsive";
+import type { RecursivePartial } from "../../Types";
 import { ResponsiveMode } from "../../Enums";
 export declare class Responsive implements IResponsive, IOptionLoader<IResponsive> {
     maxWidth: number;

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/Theme.d.ts

@@ -1,7 +1,7 @@
-import type { ITheme } from "../../Interfaces/Theme/ITheme";
-import type { RecursivePartial } from "../../../Types";
 import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
 import type { IOptions } from "../../Interfaces/IOptions";
+import type { ITheme } from "../../Interfaces/Theme/ITheme";
+import type { RecursivePartial } from "../../../Types";
 import { ThemeDefault } from "./ThemeDefault";
 export declare class Theme implements ITheme, IOptionLoader<ITheme> {
     name: string;

package/Options/Classes/Theme/Theme.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Theme = void 0;
-const Utils_1 = require("../../../Utils");
 const ThemeDefault_1 = require("./ThemeDefault");
+const Utils_1 = require("../../../Utils");
 class Theme {
     constructor() {
         this.name = "";

package/Options/Classes/Theme/ThemeDefault.d.ts

@@ -1,7 +1,7 @@
-import type { IThemeDefault } from "../../Interfaces/Theme/IThemeDefault";
 import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
-import { ThemeMode } from "../../../Enums";
+import type { IThemeDefault } from "../../Interfaces/Theme/IThemeDefault";
 import type { RecursivePartial } from "../../../Types";
+import { ThemeMode } from "../../../Enums";
 export declare class ThemeDefault implements IThemeDefault, IOptionLoader<IThemeDefault> {
     auto: boolean;
     mode: ThemeMode | keyof ThemeMode;

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/Classes/ValueWithRandom.d.ts

@@ -1,7 +1,7 @@
-import type { IValueWithRandom } from "../Interfaces/IValueWithRandom";
+import type { RangeValue, RecursivePartial } from "../../Types";
 import type { IOptionLoader } from "../Interfaces/IOptionLoader";
+import type { IValueWithRandom } from "../Interfaces/IValueWithRandom";
 import { Random } from "./Random";
-import type { RangeValue, RecursivePartial } from "../../Types";
 export declare abstract class ValueWithRandom implements IValueWithRandom, IOptionLoader<IValueWithRandom> {
     random: Random;
     value: RangeValue;

package/Options/Interfaces/BackgroundMask/IBackgroundMask.d.ts

@@ -1,5 +1,5 @@
-import type { IColor } from "../../../Core/Interfaces/Colors";
 import type { IBackgroundMaskCover } from "./IBackgroundMaskCover";
+import type { IColor } from "../../../Core";
 export interface IBackgroundMask {
     composite: string;
     cover: IBackgroundMaskCover | IColor | string;

package/Options/Interfaces/IAnimatableColor.d.ts

@@ -1,6 +1,6 @@
-import type { IOptionsColor } from "./IOptionsColor";
 import type { IColorAnimation } from "./IColorAnimation";
 import type { IHslAnimation } from "./IHslAnimation";
+import type { IOptionsColor } from "./IOptionsColor";
 export interface IAnimatableColor extends IOptionsColor {
     animation: IColorAnimation | IHslAnimation;
 }

package/Options/Interfaces/IAnimatableGradient.d.ts

@@ -1,7 +1,7 @@
 import type { IAnimatableGradientColor, IOptionsGradient } from "./IOptionsGradient";
-import type { IGradientAngle } from "../../Core/Interfaces";
 import type { IAnimatable } from "./IAnimatable";
 import type { IAnimation } from "./IAnimation";
+import type { IGradientAngle } from "../../Core";
 export declare type IAnimatableGradient = IOptionsGradient & {
     angle: IGradientAngle & IAnimatable<IAnimation>;
     colors: IAnimatableGradientColor[];

package/Options/Interfaces/IColorAnimation.d.ts

@@ -1,5 +1,5 @@
-import type { RangeValue } from "../../Types";
 import type { IAnimation } from "./IAnimation";
+import type { RangeValue } from "../../Types";
 export interface IColorAnimation extends IAnimation {
     offset: RangeValue;
 }

package/Options/Interfaces/IManualParticle.d.ts

@@ -1,4 +1,4 @@
-import type { ICoordinates } from "../../Core/Interfaces/ICoordinates";
+import type { ICoordinates } from "../../Core";
 import type { IParticles } from "./Particles/IParticles";
 import type { RecursivePartial } from "../../Types";
 export interface IManualParticle {

package/Options/Interfaces/IOptions.d.ts

@@ -1,13 +1,13 @@
-import type { IInteractivity } from "./Interactivity/IInteractivity";
-import type { IParticles } from "./Particles/IParticles";
-import type { IBackgroundMask } from "./BackgroundMask/IBackgroundMask";
-import type { IBackground } from "./Background/IBackground";
 import type { RangeValue, RecursivePartial, SingleOrMultiple } from "../../Types";
-import type { ITheme } from "./Theme/ITheme";
+import type { IBackground } from "./Background/IBackground";
+import type { IBackgroundMask } from "./BackgroundMask/IBackgroundMask";
 import type { IFullScreen } from "./FullScreen/IFullScreen";
-import type { IMotion } from "./Motion/IMotion";
+import type { IInteractivity } from "./Interactivity/IInteractivity";
 import type { IManualParticle } from "./IManualParticle";
+import type { IMotion } from "./Motion/IMotion";
+import type { IParticles } from "./Particles/IParticles";
 import type { IResponsive } from "./IResponsive";
+import type { ITheme } from "./Theme/ITheme";
 export interface IOptions {
     autoPlay: boolean;
     background: IBackground;
@@ -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/Options/Interfaces/IOptionsGradient.d.ts

@@ -1,6 +1,6 @@
-import type { IGradient, IGradientColor, IGradientColorOpacity } from "../../Core/Interfaces";
-import type { IAnimatableColor } from "./IAnimatableColor";
+import type { IGradient, IGradientColor, IGradientColorOpacity } from "../../Core";
 import type { IAnimatable } from "./IAnimatable";
+import type { IAnimatableColor } from "./IAnimatableColor";
 import type { IAnimation } from "./IAnimation";
 import type { StartValueType } from "../../Enums";
 export interface IGradientColorOpacityAnimation extends IAnimation {

package/Options/Interfaces/IResponsive.d.ts

@@ -1,6 +1,6 @@
-import { ResponsiveMode } from "../../Enums";
-import type { RecursivePartial } from "../../Types";
 import type { IOptions } from "./IOptions";
+import type { RecursivePartial } from "../../Types";
+import { ResponsiveMode } from "../../Enums";
 export interface IResponsive {
     maxWidth: number;
     options: RecursivePartial<IOptions>;

package/Options/Interfaces/IValueWithRandom.d.ts

@@ -1,5 +1,5 @@
-import type { RangeValue } from "../../Types";
 import type { IRandom } from "./IRandom";
+import type { RangeValue } from "../../Types";
 export interface IValueWithRandom {
     random: boolean | IRandom;
     value: RangeValue;

package/Options/Interfaces/Interactivity/Events/IEvents.d.ts

@@ -1,6 +1,6 @@
 import type { IClickEvent } from "./IClickEvent";
-import type { IHoverEvent } from "./IHoverEvent";
 import type { IDivEvent } from "./IDivEvent";
+import type { IHoverEvent } from "./IHoverEvent";
 import type { SingleOrMultiple } from "../../../../Types";
 export interface IEvents {
     onclick: IClickEvent;

package/Options/Interfaces/Interactivity/IInteractivity.d.ts

@@ -1,6 +1,6 @@
-import type { InteractivityDetect } from "../../../Enums";
 import type { IEvents } from "./Events/IEvents";
 import type { IModes } from "./Modes/IModes";
+import type { InteractivityDetect } from "../../../Enums";
 export interface IInteractivity {
     detect_on: InteractivityDetect | keyof typeof InteractivityDetect;
     detectsOn: InteractivityDetect | keyof typeof InteractivityDetect;

package/Options/Interfaces/Interactivity/Modes/IBubble.d.ts

@@ -1,6 +1,6 @@
-import type { SingleOrMultiple } from "../../../../Types";
-import type { IBubbleDiv } from "./IBubbleDiv";
 import type { IBubbleBase } from "./IBubbleBase";
+import type { IBubbleDiv } from "./IBubbleDiv";
+import type { SingleOrMultiple } from "../../../../Types";
 export interface IBubble extends IBubbleBase {
     divs?: SingleOrMultiple<IBubbleDiv>;
 }

package/Options/Interfaces/Interactivity/Modes/IBubbleBase.d.ts

@@ -1,5 +1,5 @@
-import type { SingleOrMultiple } from "../../../../Types";
 import type { IColor } from "../../../../Core/Interfaces";
+import type { SingleOrMultiple } from "../../../../Types";
 export interface IBubbleBase {
     color?: SingleOrMultiple<IColor | string>;
     mix: boolean;

package/Options/Interfaces/Interactivity/Modes/IModes.d.ts

@@ -1,13 +1,13 @@
+import type { IAttract } from "./IAttract";
 import type { IBubble } from "./IBubble";
 import type { IConnect } from "./IConnect";
 import type { IGrab } from "./IGrab";
+import type { ILight } from "./ILight";
 import type { IPush } from "./IPush";
 import type { IRemove } from "./IRemove";
 import type { IRepulse } from "./IRepulse";
 import type { ISlow } from "./ISlow";
 import type { ITrail } from "./ITrail";
-import type { IAttract } from "./IAttract";
-import type { ILight } from "./ILight";
 export interface IModes {
     attract: IAttract;
     bubble: IBubble;

package/Options/Interfaces/Interactivity/Modes/IRepulse.d.ts

@@ -1,6 +1,6 @@
-import type { SingleOrMultiple } from "../../../../Types";
-import type { IRepulseDiv } from "./IRepulseDiv";
 import type { IRepulseBase } from "./IRepulseBase";
+import type { IRepulseDiv } from "./IRepulseDiv";
+import type { SingleOrMultiple } from "../../../../Types";
 export interface IRepulse extends IRepulseBase {
     divs?: SingleOrMultiple<IRepulseDiv>;
 }

package/Options/Interfaces/Interactivity/Modes/IRepulseDiv.d.ts

@@ -1,4 +1,4 @@
-import type { IRepulseBase } from "./IRepulseBase";
 import type { IModeDiv } from "./IModeDiv";
+import type { IRepulseBase } from "./IRepulseBase";
 export interface IRepulseDiv extends IRepulseBase, IModeDiv {
 }

package/Options/Interfaces/Particles/Destroy/ISplit.d.ts

@@ -1,6 +1,6 @@
+import type { IParticles } from "../IParticles";
 import type { IValueWithRandom } from "../../IValueWithRandom";
 import type { RecursivePartial } from "../../../../Types";
-import type { IParticles } from "../IParticles";
 export interface ISplit {
     count: number;
     factor: IValueWithRandom;

package/Options/Interfaces/Particles/IParticles.d.ts

@@ -1,27 +1,27 @@
-import type { IShape } from "./Shape/IShape";
+import type { IAnimatableColor } from "../IAnimatableColor";
+import type { IAnimatableGradient } from "../IAnimatableGradient";
+import type { IBounce } from "./Bounce/IBounce";
+import type { ICollisions } from "./Collisions/ICollisions";
+import type { IDestroy } from "./Destroy/IDestroy";
+import type { ILife } from "./Life/ILife";
 import type { ILinks } from "./Links/ILinks";
 import type { IMove } from "./Move/IMove";
-import type { IParticlesNumber } from "./Number/IParticlesNumber";
 import type { IOpacity } from "./Opacity/IOpacity";
-import type { ISize } from "./Size/ISize";
+import type { IOrbit } from "./Orbit/IOrbit";
+import type { IParticlesNumber } from "./Number/IParticlesNumber";
+import type { IRepulse } from "./Repulse/IRepulse";
+import type { IRoll } from "./Roll/IRoll";
 import type { IRotate } from "./Rotate/IRotate";
 import type { IShadow } from "./IShadow";
-import type { SingleOrMultiple } from "../../../Types";
+import type { IShape } from "./Shape/IShape";
+import type { ISize } from "./Size/ISize";
 import type { IStroke } from "./IStroke";
-import type { ICollisions } from "./Collisions/ICollisions";
+import type { ITilt } from "./Tilt/ITilt";
 import type { ITwinkle } from "./Twinkle/ITwinkle";
-import type { IAnimatableColor } from "../IAnimatableColor";
-import type { ILife } from "./Life/ILife";
-import type { IBounce } from "./Bounce/IBounce";
-import type { IDestroy } from "./Destroy/IDestroy";
 import type { IWobble } from "./Wobble/IWobble";
-import type { ITilt } from "./Tilt/ITilt";
-import type { IRoll } from "./Roll/IRoll";
 import type { IZIndex } from "./ZIndex/IZIndex";
 import type { ParticlesGroups } from "../../../Types/ParticlesGroups";
-import type { IOrbit } from "./Orbit/IOrbit";
-import type { IRepulse } from "./Repulse/IRepulse";
-import type { IAnimatableGradient } from "../IAnimatableGradient";
+import type { SingleOrMultiple } from "../../../Types";
 export interface IParticles {
     line_linked: ILinks;
     lineLinked: ILinks;

package/Options/Interfaces/Particles/IShadow.d.ts

@@ -1,5 +1,5 @@
-import type { ICoordinates } from "../../../Core/Interfaces/ICoordinates";
 import type { IColor } from "../../../Core/Interfaces/Colors";
+import type { ICoordinates } from "../../../Core/Interfaces/ICoordinates";
 export interface IShadow {
     blur: number;
     color: string | IColor;

package/Options/Interfaces/Particles/IStroke.d.ts

@@ -1,5 +1,5 @@
 import type { IAnimatableColor } from "../IAnimatableColor";
-import type { IColor } from "../../../Core/Interfaces";
+import type { IColor } from "../../../Core";
 export interface IStroke {
     color?: string | IAnimatableColor | IColor;
     opacity?: number;

package/Options/Interfaces/Particles/Links/ILinks.d.ts

@@ -1,6 +1,6 @@
+import type { IColor } from "../../../../Core/Interfaces/Colors";
 import type { ILinksShadow } from "./ILinksShadow";
 import type { ILinksTriangle } from "./ILinksTriangle";
-import type { IColor } from "../../../../Core/Interfaces/Colors";
 export interface ILinks {
     blink: boolean;
     color: string | IColor;

package/Options/Interfaces/Particles/Move/IMove.d.ts

@@ -1,13 +1,13 @@
-import type { IAttract } from "./IAttract";
 import type { MoveDirection, MoveDirectionAlt, OutMode, OutModeAlt } from "../../../../Enums";
-import type { ITrail } from "./ITrail";
-import type { IPath } from "./Path/iPath";
+import type { IAttract } from "./IAttract";
+import type { IDistance } from "../../../../Core";
 import type { IMoveAngle } from "./IMoveAngle";
 import type { IMoveGravity } from "./IMoveGravity";
 import type { IOutModes } from "./IOutModes";
+import type { IPath } from "./Path/IPath";
+import type { ISpin } from "./ISpin";
+import type { ITrail } from "./ITrail";
 import type { RangeValue } from "../../../../Types";
-import { IDistance } from "../../../../Core/Interfaces";
-import { ISpin } from "./ISpin";
 export interface IMove {
     bounce: boolean;
     collisions: boolean;

package/Options/Interfaces/Particles/Orbit/IOrbit.d.ts

@@ -1,7 +1,7 @@
-import type { IColor } from "../../../../Core/Interfaces";
-import type { IValueWithRandom } from "../../IValueWithRandom";
-import type { IAnimation } from "../../IAnimation";
 import type { IAnimatable } from "../../IAnimatable";
+import type { IAnimation } from "../../IAnimation";
+import type { IColor } from "../../../../Core";
+import type { IValueWithRandom } from "../../IValueWithRandom";
 export interface IOrbit extends IAnimatable<IAnimation> {
     color?: string | IColor;
     enable: boolean;

package/Options/Interfaces/Particles/Roll/IRoll.d.ts

@@ -1,5 +1,5 @@
 import type { RangeValue, SingleOrMultiple } from "../../../../Types";
-import type { IColor } from "../../../../Core/Interfaces";
+import type { IColor } from "../../../../Core";
 import type { IRollLight } from "./IRollLight";
 import type { RollMode } from "../../../../Enums";
 export interface IRoll {

package/Options/Interfaces/Particles/Rotate/IRotate.d.ts

@@ -1,5 +1,5 @@
-import type { IRotateAnimation } from "./IRotateAnimation";
 import type { RotateDirection, RotateDirectionAlt } from "../../../../Enums";
+import type { IRotateAnimation } from "./IRotateAnimation";
 import type { IValueWithRandom } from "../../IValueWithRandom";
 export interface IRotate extends IValueWithRandom {
     animation: IRotateAnimation;

package/Options/Interfaces/Particles/Shape/IShape.d.ts

@@ -1,9 +1,9 @@
-import type { ShapeType } from "../../../../Enums";
-import type { IImageShape } from "./IImageShape";
+import type { ShapeData, SingleOrMultiple } from "../../../../Types";
 import type { ICharacterShape } from "./ICharacterShape";
+import type { IImageShape } from "./IImageShape";
 import type { IPolygonShape } from "./IPolygonShape";
 import type { IStroke } from "../IStroke";
-import type { ShapeData, SingleOrMultiple } from "../../../../Types";
+import type { ShapeType } from "../../../../Enums";
 export interface IShape {
     type: SingleOrMultiple<ShapeType | keyof typeof ShapeType | string>;
     stroke: SingleOrMultiple<IStroke>;

package/Options/Interfaces/Particles/Tilt/ITilt.d.ts

@@ -1,5 +1,5 @@
-import type { ITiltAnimation } from "./ITiltAnimation";
 import type { TiltDirection, TiltDirectionAlt } from "../../../../Enums";
+import type { ITiltAnimation } from "./ITiltAnimation";
 import type { IValueWithRandom } from "../../IValueWithRandom";
 export interface ITilt extends IValueWithRandom {
     animation: ITiltAnimation;

package/Options/Interfaces/Theme/ITheme.d.ts

@@ -1,6 +1,6 @@
-import type { RecursivePartial } from "../../../Types";
-import type { IThemeDefault } from "./IThemeDefault";
 import type { IOptions } from "../IOptions";
+import type { IThemeDefault } from "./IThemeDefault";
+import type { RecursivePartial } from "../../../Types";
 export interface ITheme {
     name: string;
     default: IThemeDefault;

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,11 +1,10 @@
-import type { ICoordinates, IRgb } from "../../Core/Interfaces";
-import type { Container } from "../../Core/Container";
-import type { Particle } from "../../Core/Particle";
-import type { IAbsorber } from "./Options/Interfaces/IAbsorber";
+import type { Container, ICoordinates, IRgb, Particle } from "../../Core";
 import type { Absorbers } from "./Absorbers";
-import { Vector } from "../../Core/Particle/Vector";
-import { RotateDirection } from "../../Enums";
+import type { IAbsorber } from "./Options/Interfaces/IAbsorber";
 import { IAbsorberSizeLimit } from "./Options/Interfaces/IAbsorberSizeLimit";
+import { RecursivePartial } from "../../Types";
+import { RotateDirection } from "../../Enums";
+import { Vector } from "../../Core";
 declare type OrbitingParticle = Particle & {
     absorberOrbit?: Vector;
     absorberOrbitDirection?: RotateDirection;
@@ -24,7 +23,7 @@ export declare class AbsorberInstance {
     private dragging;
     private readonly initialPosition?;
     private readonly options;
-    constructor(absorbers: Absorbers, container: Container, options: IAbsorber, position?: ICoordinates);
+    constructor(absorbers: Absorbers, container: Container, options: RecursivePartial<IAbsorber>, position?: ICoordinates);
     attract(particle: OrbitingParticle): void;
     resize(): void;
     draw(context: CanvasRenderingContext2D): void;

package/Plugins/Absorbers/AbsorberInstance.js

@@ -2,38 +2,37 @@
 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 Absorber_1 = require("./Options/Classes/Absorber");
+const Core_1 = require("../../Core");
 class AbsorberInstance {
     constructor(absorbers, container, options, position) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c;
         this.absorbers = absorbers;
         this.container = container;
-        this.initialPosition = position ? Vector_1.Vector.create(position.x, position.y) : undefined;
-        this.options = options;
+        this.initialPosition = position ? Core_1.Vector.create(position.x, position.y) : undefined;
+        if (options instanceof Absorber_1.Absorber) {
+            this.options = options;
+        }
+        else {
+            this.options = new Absorber_1.Absorber();
+            this.options.load(options);
+        }
         this.dragging = false;
         this.name = this.options.name;
         this.opacity = this.options.opacity;
-        this.size = (0, Utils_1.getRangeValue)(options.size.value) * container.retina.pixelRatio;
-        this.mass = this.size * options.size.density * container.retina.reduceFactor;
-        const limit = options.size.limit;
-        this.limit =
-            typeof limit === "number"
-                ? {
-                    radius: limit * container.retina.pixelRatio * container.retina.reduceFactor,
-                    mass: 0,
-                }
-                : {
-                    radius: ((_a = limit === null || limit === void 0 ? void 0 : limit.radius) !== null && _a !== void 0 ? _a : 0) * container.retina.pixelRatio * container.retina.reduceFactor,
-                    mass: (_b = limit === null || limit === void 0 ? void 0 : limit.mass) !== null && _b !== void 0 ? _b : 0,
-                };
-        const color = typeof options.color === "string" ? { value: options.color } : options.color;
-        this.color = (_c = (0, Utils_1.colorToRgb)(color)) !== null && _c !== void 0 ? _c : {
+        this.size = (0, Utils_1.getRangeValue)(this.options.size.value) * container.retina.pixelRatio;
+        this.mass = this.size * this.options.size.density * container.retina.reduceFactor;
+        const limit = this.options.size.limit;
+        this.limit = {
+            radius: limit.radius * container.retina.pixelRatio * container.retina.reduceFactor,
+            mass: limit.mass,
+        };
+        this.color = (_a = (0, Utils_1.colorToRgb)(this.options.color)) !== null && _a !== void 0 ? _a : {
             b: 0,
             g: 0,
             r: 0,
         };
-        this.position = (_e = (_d = this.initialPosition) === null || _d === void 0 ? void 0 : _d.copy()) !== null && _e !== void 0 ? _e : this.calcPosition();
+        this.position = (_c = (_b = this.initialPosition) === null || _b === void 0 ? void 0 : _b.copy()) !== null && _c !== void 0 ? _c : this.calcPosition();
     }
     attract(particle) {
         const container = this.container;
@@ -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 type { RecursivePartial, SingleOrMultiple } from "../../Types";
+import { Absorber } from "./Options/Classes/Absorber";
 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";
+import type { IOptions } from "../../Options/Interfaces/IOptions";
 export declare class Absorbers implements IContainerPlugin {
     private readonly container;
     array: AbsorberInstance[];