tsparticles 1.34.1 → 1.35.0

package/Options/Classes/AnimatableGradient.js

@@ -59,7 +59,7 @@ class GradientColorOpacity {
         }
         this.animation.load(data.animation);
         if (data.value !== undefined) {
-            this.value = Utils_1.setRangeValue(data.value);
+            this.value = (0, Utils_1.setRangeValue)(data.value);
         }
     }
 }

package/Options/Classes/ColorAnimation.js

@@ -21,7 +21,7 @@ class ColorAnimation {
             this.enable = data.enable;
         }
         if (data.offset !== undefined) {
-            this.offset = Utils_1.setRangeValue(data.offset);
+            this.offset = (0, Utils_1.setRangeValue)(data.offset);
         }
         if (data.speed !== undefined) {
             this.speed = data.speed;

package/Options/Classes/FullScreen/FullScreen.d.ts

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

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

@@ -19,7 +19,7 @@ class Trail {
             this.quantity = data.quantity;
         }
         if (data.particles !== undefined) {
-            this.particles = Utils_1.deepExtend({}, data.particles);
+            this.particles = (0, Utils_1.deepExtend)({}, data.particles);
         }
         if (data.pauseOnStop !== undefined) {
             this.pauseOnStop = data.pauseOnStop;

package/Options/Classes/ManualParticle.js

@@ -15,7 +15,7 @@ class ManualParticle {
             };
         }
         if (data.options !== undefined) {
-            this.options = Utils_1.deepExtend({}, data.options);
+            this.options = (0, Utils_1.deepExtend)({}, data.options);
         }
     }
 }

package/Options/Classes/Options.d.ts

@@ -11,6 +11,7 @@ import { Motion } from "./Motion/Motion";
 import { ManualParticle } from "./ManualParticle";
 import { Responsive } from "./Responsive";
 export declare class Options implements IOptions, IOptionLoader<IOptions> {
+    #private;
     get fps_limit(): number;
     set fps_limit(value: number);
     get retina_detect(): boolean;
@@ -34,10 +35,12 @@ export declare class Options implements IOptions, IOptionLoader<IOptions> {
     responsive: Responsive[];
     themes: Theme[];
     zLayers: number;
+    defaultDarkTheme?: string;
+    defaultLightTheme?: string;
     [name: string]: unknown;
     constructor();
     load(data?: RecursivePartial<IOptions>): void;
     setTheme(name?: string): void;
-    private importPreset;
     setResponsive(width: number, pxRatio: number, defaultOptions: IOptions): void;
+    private importPreset;
 }

package/Options/Classes/Options.js

@@ -1,4 +1,10 @@
 "use strict";
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Options_instances, _Options_findDefaultTheme;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Options = void 0;
 const Interactivity_1 = require("./Interactivity/Interactivity");
@@ -14,6 +20,7 @@ const ManualParticle_1 = require("./ManualParticle");
 const Responsive_1 = require("./Responsive");
 class Options {
     constructor() {
+        _Options_instances.add(this);
         this.autoPlay = true;
         this.background = new Background_1.Background();
         this.backgroundMask = new BackgroundMask_1.BackgroundMask();
@@ -50,7 +57,7 @@ class Options {
         this.fullScreen.load(value);
     }
     load(data) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         if (data === undefined) {
             return;
         }
@@ -88,7 +95,13 @@ class Options {
             this.zLayers = data.zLayers;
         }
         this.background.load(data.background);
-        this.fullScreen.load((_c = data.fullScreen) !== null && _c !== void 0 ? _c : data.backgroundMode);
+        const fullScreen = (_c = data.fullScreen) !== null && _c !== void 0 ? _c : data.backgroundMode;
+        if (typeof fullScreen === "boolean") {
+            this.fullScreen.enable = fullScreen;
+        }
+        else {
+            this.fullScreen.load(fullScreen);
+        }
         this.backgroundMask.load(data.backgroundMask);
         this.interactivity.load(data.interactivity);
         if (data.manualParticles !== undefined) {
@@ -116,6 +129,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;
     }
     setTheme(name) {
         if (name) {
@@ -125,25 +140,23 @@ class Options {
             }
         }
         else {
-            const clientDarkMode = typeof matchMedia !== "undefined" && matchMedia("(prefers-color-scheme: dark)").matches;
-            let defaultTheme = this.themes.find((theme) => theme.default.value &&
-                ((theme.default.mode === Enums_1.ThemeMode.dark && clientDarkMode) ||
-                    (theme.default.mode === Enums_1.ThemeMode.light && !clientDarkMode)));
-            if (!defaultTheme) {
-                defaultTheme = this.themes.find((theme) => theme.default.value && theme.default.mode === Enums_1.ThemeMode.any);
-            }
+            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);
             if (defaultTheme) {
                 this.load(defaultTheme.options);
             }
         }
     }
-    importPreset(preset) {
-        this.load(Utils_1.Plugins.getPreset(preset));
-    }
     setResponsive(width, pxRatio, defaultOptions) {
         var _a;
         this.load(defaultOptions);
         this.load((_a = this.responsive.find((t) => t.maxWidth * pxRatio > width)) === null || _a === void 0 ? void 0 : _a.options);
     }
+    importPreset(preset) {
+        this.load(Utils_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));
+};

package/Options/Classes/OptionsColor.d.ts

@@ -1,5 +1,5 @@
 import type { IOptionsColor } from "../Interfaces/IOptionsColor";
-import type { IRgb, IHsl, IHsv, IValueColor } from "../../Core/Interfaces/Colors";
+import type { IRgb, IHsl, IHsv, IValueColor } from "../../Core/Interfaces";
 import type { RecursivePartial, SingleOrMultiple } from "../../Types";
 import type { IOptionLoader } from "../Interfaces/IOptionLoader";
 export declare class OptionsColor implements IOptionsColor, IOptionLoader<IOptionsColor> {

package/Options/Classes/OptionsColor.js

@@ -6,7 +6,8 @@ class OptionsColor {
         this.value = "#fff";
     }
     static create(source, data) {
-        const color = source !== null && source !== void 0 ? source : new OptionsColor();
+        const color = new OptionsColor();
+        color.load(source);
         if (data !== undefined) {
             if (typeof data === "string" || data instanceof Array) {
                 color.load({ value: data });

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

@@ -21,7 +21,7 @@ class Split {
         this.factor.load(data.factor);
         this.rate.load(data.rate);
         if (data.particles !== undefined) {
-            this.particles = Utils_1.deepExtend({}, data.particles);
+            this.particles = (0, Utils_1.deepExtend)({}, data.particles);
         }
         if (data.sizeOffset !== undefined) {
             this.sizeOffset = data.sizeOffset;

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

@@ -87,10 +87,10 @@ class Move {
                         horizontal: data.distance,
                         vertical: data.distance,
                     }
-                    : Utils_1.deepExtend({}, data.distance);
+                    : (0, Utils_1.deepExtend)({}, data.distance);
         }
         if (data.drift !== undefined) {
-            this.drift = Utils_1.setRangeValue(data.drift);
+            this.drift = (0, Utils_1.setRangeValue)(data.drift);
         }
         if (data.enable !== undefined) {
             this.enable = data.enable;
@@ -115,7 +115,7 @@ class Move {
             this.size = data.size;
         }
         if (data.speed !== undefined) {
-            this.speed = Utils_1.setRangeValue(data.speed);
+            this.speed = (0, Utils_1.setRangeValue)(data.speed);
         }
         this.spin.load(data.spin);
         if (data.straight !== undefined) {

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

@@ -23,7 +23,7 @@ class Path {
         }
         this.generator = data.generator;
         if (data.options) {
-            this.options = Utils_1.deepExtend(this.options, data.options);
+            this.options = (0, Utils_1.deepExtend)(this.options, data.options);
         }
     }
 }

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

@@ -12,12 +12,12 @@ class Spin {
             return;
         }
         if (data.acceleration !== undefined) {
-            this.acceleration = Utils_1.setRangeValue(data.acceleration);
+            this.acceleration = (0, Utils_1.setRangeValue)(data.acceleration);
         }
         if (data.enable !== undefined) {
             this.enable = data.enable;
         }
-        this.position = data.position ? Utils_1.deepExtend({}, data.position) : undefined;
+        this.position = data.position ? (0, Utils_1.deepExtend)({}, data.position) : undefined;
     }
 }
 exports.Spin = Spin;

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

@@ -26,7 +26,7 @@ class Opacity extends ValueWithRandom_1.ValueWithRandom {
         const animation = (_a = data.animation) !== null && _a !== void 0 ? _a : data.anim;
         if (animation !== undefined) {
             this.animation.load(animation);
-            this.value = Utils_1.setRangeValue(this.value, this.animation.enable ? this.animation.minimumValue : undefined);
+            this.value = (0, Utils_1.setRangeValue)(this.value, this.animation.enable ? this.animation.minimumValue : undefined);
         }
     }
 }

package/Options/Classes/Particles/ParticlesOptions.js

@@ -69,7 +69,7 @@ class ParticlesOptions {
             return;
         }
         this.bounce.load(data.bounce);
-        this.color = AnimatableColor_1.AnimatableColor.create(this.color, data.color);
+        this.color.load(AnimatableColor_1.AnimatableColor.create(this.color, data.color));
         this.destroy.load(data.destroy);
         this.life.load(data.life);
         const links = (_b = (_a = data.links) !== null && _a !== void 0 ? _a : data.lineLinked) !== null && _b !== void 0 ? _b : data.line_linked;
@@ -80,7 +80,7 @@ class ParticlesOptions {
             for (const group in data.groups) {
                 const item = data.groups[group];
                 if (item !== undefined) {
-                    this.groups[group] = Utils_1.deepExtend((_c = this.groups[group]) !== null && _c !== void 0 ? _c : {}, item);
+                    this.groups[group] = (0, Utils_1.deepExtend)((_c = this.groups[group]) !== null && _c !== void 0 ? _c : {}, item);
                 }
             }
         }

package/Options/Classes/Particles/Roll/Roll.d.ts

@@ -3,11 +3,13 @@ import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { RangeValue, RecursivePartial } from "../../../../Types";
 import { OptionsColor } from "../../OptionsColor";
 import { RollLight } from "./RollLight";
+import { RollMode } from "../../../../Enums";
 export declare class Roll implements IRoll, IOptionLoader<IRoll> {
     backColor?: OptionsColor;
     darken: RollLight;
     enable: boolean;
     enlighten: RollLight;
+    mode: RollMode | keyof typeof RollMode;
     speed: RangeValue;
     constructor();
     load(data?: RecursivePartial<IRoll>): void;

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

@@ -4,11 +4,13 @@ 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.speed = 25;
     }
     load(data) {
@@ -23,8 +25,11 @@ class Roll {
             this.enable = data.enable;
         }
         this.enlighten.load(data.enlighten);
+        if (data.mode !== undefined) {
+            this.mode = data.mode;
+        }
         if (data.speed !== undefined) {
-            this.speed = Utils_1.setRangeValue(data.speed);
+            this.speed = (0, Utils_1.setRangeValue)(data.speed);
         }
     }
 }

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

@@ -59,7 +59,7 @@ class Shape {
             for (const shape in options) {
                 const item = options[shape];
                 if (item !== undefined) {
-                    this.options[shape] = Utils_1.deepExtend((_b = this.options[shape]) !== null && _b !== void 0 ? _b : {}, item);
+                    this.options[shape] = (0, Utils_1.deepExtend)((_b = this.options[shape]) !== null && _b !== void 0 ? _b : {}, item);
                 }
             }
         }
@@ -82,9 +82,9 @@ class Shape {
                     this.options[altKey] = [];
                 }
             }
-            this.options[mainKey] = Utils_1.deepExtend((_a = this.options[mainKey]) !== null && _a !== void 0 ? _a : [], item);
+            this.options[mainKey] = (0, Utils_1.deepExtend)((_a = this.options[mainKey]) !== null && _a !== void 0 ? _a : [], item);
             if (!this.options[altKey] || altOverride) {
-                this.options[altKey] = Utils_1.deepExtend((_b = this.options[altKey]) !== null && _b !== void 0 ? _b : [], item);
+                this.options[altKey] = (0, Utils_1.deepExtend)((_b = this.options[altKey]) !== null && _b !== void 0 ? _b : [], item);
             }
         }
         else {
@@ -94,9 +94,9 @@ class Shape {
                     this.options[altKey] = {};
                 }
             }
-            this.options[mainKey] = Utils_1.deepExtend((_c = this.options[mainKey]) !== null && _c !== void 0 ? _c : {}, item);
+            this.options[mainKey] = (0, Utils_1.deepExtend)((_c = this.options[mainKey]) !== null && _c !== void 0 ? _c : {}, item);
             if (!this.options[altKey] || altOverride) {
-                this.options[altKey] = Utils_1.deepExtend((_d = this.options[altKey]) !== null && _d !== void 0 ? _d : {}, item);
+                this.options[altKey] = (0, Utils_1.deepExtend)((_d = this.options[altKey]) !== null && _d !== void 0 ? _d : {}, item);
             }
         }
     }

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

@@ -26,7 +26,7 @@ class Size extends ValueWithRandom_1.ValueWithRandom {
         const animation = (_a = data.animation) !== null && _a !== void 0 ? _a : data.anim;
         if (animation !== undefined) {
             this.animation.load(animation);
-            this.value = Utils_1.setRangeValue(this.value, this.animation.enable ? this.animation.minimumValue : undefined);
+            this.value = (0, Utils_1.setRangeValue)(this.value, this.animation.enable ? this.animation.minimumValue : undefined);
         }
     }
 }

package/Options/Classes/Particles/Wobble/Wobble.js

@@ -13,13 +13,13 @@ class Wobble {
             return;
         }
         if (data.distance !== undefined) {
-            this.distance = Utils_1.setRangeValue(data.distance);
+            this.distance = (0, Utils_1.setRangeValue)(data.distance);
         }
         if (data.enable !== undefined) {
             this.enable = data.enable;
         }
         if (data.speed !== undefined) {
-            this.speed = Utils_1.setRangeValue(data.speed);
+            this.speed = (0, Utils_1.setRangeValue)(data.speed);
         }
     }
 }

package/Options/Classes/Responsive.js

@@ -15,7 +15,7 @@ class Responsive {
             this.maxWidth = data.maxWidth;
         }
         if (data.options !== undefined) {
-            this.options = Utils_1.deepExtend({}, data.options);
+            this.options = (0, Utils_1.deepExtend)({}, data.options);
         }
     }
 }

package/Options/Classes/Theme/Theme.js

@@ -17,7 +17,7 @@ class Theme {
         }
         this.default.load(data.default);
         if (data.options !== undefined) {
-            this.options = Utils_1.deepExtend({}, data.options);
+            this.options = (0, Utils_1.deepExtend)({}, data.options);
         }
     }
 }

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

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

package/Options/Classes/Theme/ThemeDefault.js

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

package/Options/Classes/ValueWithRandom.js

@@ -19,7 +19,7 @@ class ValueWithRandom {
             this.random.load(data.random);
         }
         if (data.value !== undefined) {
-            this.value = Utils_1.setRangeValue(data.value, this.random.enable ? this.random.minimumValue : undefined);
+            this.value = (0, Utils_1.setRangeValue)(data.value, this.random.enable ? this.random.minimumValue : undefined);
         }
     }
 }

package/Options/Interfaces/IOptions.d.ts

@@ -2,7 +2,7 @@ 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, SingleOrMultiple } from "../../Types";
+import type { RangeValue, RecursivePartial, SingleOrMultiple } from "../../Types";
 import type { ITheme } from "./Theme/ITheme";
 import type { IFullScreen } from "./FullScreen/IFullScreen";
 import type { IMotion } from "./Motion/IMotion";
@@ -12,12 +12,12 @@ export interface IOptions {
     autoPlay: boolean;
     background: IBackground;
     backgroundMask: IBackgroundMask;
-    backgroundMode: IFullScreen;
+    backgroundMode: RecursivePartial<IFullScreen> | boolean;
     detectRetina: boolean;
     duration: RangeValue;
     fps_limit: number;
     fpsLimit: number;
-    fullScreen: IFullScreen;
+    fullScreen: RecursivePartial<IFullScreen> | boolean;
     interactivity: IInteractivity;
     manualParticles: IManualParticle[];
     motion: IMotion;

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

@@ -1,10 +1,12 @@
 import type { RangeValue, SingleOrMultiple } from "../../../../Types";
-import type { IColor } from "../../../../Core/Interfaces/Colors";
+import type { IColor } from "../../../../Core/Interfaces";
 import type { IRollLight } from "./IRollLight";
+import type { RollMode } from "../../../../Enums";
 export interface IRoll {
     backColor?: SingleOrMultiple<string> | IColor;
     darken: IRollLight;
     enable: boolean;
     enlighten: IRollLight;
+    mode: RollMode | keyof typeof RollMode;
     speed: RangeValue;
 }

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

@@ -1,5 +1,6 @@
 import type { ThemeMode } from "../../../Enums";
 export interface IThemeDefault {
+    auto: boolean;
     mode: ThemeMode | keyof ThemeMode;
     value: boolean;
 }

package/Plugins/Absorbers/AbsorberInstance.js

@@ -14,12 +14,12 @@ class AbsorberInstance {
         this.dragging = false;
         this.name = this.options.name;
         this.opacity = this.options.opacity;
-        this.size = Utils_1.getRangeValue(options.size.value) * container.retina.pixelRatio;
+        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 = limit !== undefined ? limit * container.retina.pixelRatio * container.retina.reduceFactor : limit;
         const color = typeof options.color === "string" ? { value: options.color } : options.color;
-        this.color = (_a = Utils_1.colorToRgb(color)) !== null && _a !== void 0 ? _a : {
+        this.color = (_a = (0, Utils_1.colorToRgb)(color)) !== null && _a !== void 0 ? _a : {
             b: 0,
             g: 0,
             r: 0,
@@ -32,7 +32,7 @@ class AbsorberInstance {
         if (options.draggable) {
             const mouse = container.interactivity.mouse;
             if (mouse.clicking && mouse.downPosition) {
-                const mouseDist = Utils_1.getDistance(this.position, mouse.downPosition);
+                const mouseDist = (0, Utils_1.getDistance)(this.position, mouse.downPosition);
                 if (mouseDist <= this.size) {
                     this.dragging = true;
                 }
@@ -46,7 +46,7 @@ class AbsorberInstance {
             }
         }
         const pos = particle.getPosition();
-        const { dx, dy, distance } = Utils_1.getDistances(this.position, pos);
+        const { dx, dy, distance } = (0, Utils_1.getDistances)(this.position, pos);
         const v = Vector_1.Vector.create(dx, dy);
         v.length = (this.mass / Math.pow(distance, 2)) * container.retina.reduceFactor;
         if (distance < this.size + particle.getRadius()) {
@@ -79,7 +79,7 @@ class AbsorberInstance {
     resize() {
         const initialPosition = this.initialPosition;
         this.position =
-            initialPosition && Utils_1.isPointInside(initialPosition, this.container.canvas.size)
+            initialPosition && (0, Utils_1.isPointInside)(initialPosition, this.container.canvas.size)
                 ? initialPosition
                 : this.calcPosition();
     }
@@ -88,7 +88,7 @@ class AbsorberInstance {
         context.beginPath();
         context.arc(0, 0, this.size, 0, Math.PI * 2, false);
         context.closePath();
-        context.fillStyle = Utils_1.getStyleFromRgb(this.color, this.opacity);
+        context.fillStyle = (0, Utils_1.getStyleFromRgb)(this.color, this.opacity);
         context.fill();
     }
     calcPosition() {
@@ -113,7 +113,7 @@ class AbsorberInstance {
         if (this.options.orbits) {
             if (particle.absorberOrbit === undefined) {
                 particle.absorberOrbit = Vector_1.Vector.create(0, 0);
-                particle.absorberOrbit.length = Utils_1.getDistance(particle.getPosition(), this.position);
+                particle.absorberOrbit.length = (0, Utils_1.getDistance)(particle.getPosition(), this.position);
                 particle.absorberOrbit.angle = Math.random() * Math.PI * 2;
             }
             if (particle.absorberOrbit.length <= this.size && !this.options.destroy) {
@@ -137,7 +137,8 @@ class AbsorberInstance {
             particle.position.y = this.position.y + orbitRadius * updateFunc.y(orbitAngle);
             particle.absorberOrbit.length -= v.length;
             particle.absorberOrbit.angle +=
-                ((((_a = particle.moveSpeed) !== null && _a !== void 0 ? _a : 0) * container.retina.pixelRatio) / 100) * container.retina.reduceFactor;
+                ((((_a = particle.retina.moveSpeed) !== null && _a !== void 0 ? _a : 0) * container.retina.pixelRatio) / 100) *
+                    container.retina.reduceFactor;
         }
         else {
             const addV = Vector_1.Vector.origin;

package/Plugins/Absorbers/Absorbers.js

@@ -93,13 +93,13 @@ class Absorbers {
             let absorbersModeOptions;
             if (modeAbsorbers instanceof Array) {
                 if (modeAbsorbers.length > 0) {
-                    absorbersModeOptions = Utils_1.itemFromArray(modeAbsorbers);
+                    absorbersModeOptions = (0, Utils_1.itemFromArray)(modeAbsorbers);
                 }
             }
             else {
                 absorbersModeOptions = modeAbsorbers;
             }
-            const absorbersOptions = absorbersModeOptions !== null && absorbersModeOptions !== void 0 ? absorbersModeOptions : (absorberOptions instanceof Array ? Utils_1.itemFromArray(absorberOptions) : absorberOptions);
+            const absorbersOptions = absorbersModeOptions !== null && absorbersModeOptions !== void 0 ? absorbersModeOptions : (absorberOptions instanceof Array ? (0, Utils_1.itemFromArray)(absorberOptions) : absorberOptions);
             const aPosition = container.interactivity.mouse.clickPosition;
             this.addAbsorber(absorbersOptions, aPosition);
         }

package/Plugins/Absorbers/plugin.js

@@ -28,7 +28,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) &&
-            Utils_1.isInArray(Enums_1.AbsorberClickMode.absorber, options.interactivity.events.onClick.mode)) {
+            (0, Utils_1.isInArray)(Enums_1.AbsorberClickMode.absorber, options.interactivity.events.onClick.mode)) {
             loadAbsorbers = true;
         }
         return loadAbsorbers;