tsparticles 1.37.5 → 1.39.1

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

@@ -1,7 +1,7 @@
 import type { IBackground } from "../../Interfaces/Background/IBackground";
-import type { RecursivePartial } from "../../../Types";
-import { OptionsColor } from "../OptionsColor";
 import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
+import { OptionsColor } from "../OptionsColor";
+import type { RecursivePartial } from "../../../Types";
 /**
  * [[include:Options/Background.md]]
  * @category Options

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

@@ -1,7 +1,7 @@
-import type { IBackgroundMask } from "../../Interfaces/BackgroundMask/IBackgroundMask";
-import type { RecursivePartial } from "../../../Types";
 import { BackgroundMaskCover } from "./BackgroundMaskCover";
+import type { IBackgroundMask } from "../../Interfaces/BackgroundMask/IBackgroundMask";
 import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
+import type { RecursivePartial } from "../../../Types";
 /**
  * [[include:Options/BackgroundMask.md]]
  * @category Options

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

@@ -1,7 +1,7 @@
-import type { RecursivePartial } from "../../../Types";
-import { OptionsColor } from "../OptionsColor";
 import type { IBackgroundMaskCover } from "../../Interfaces/BackgroundMask/IBackgroundMaskCover";
 import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
+import { OptionsColor } from "../OptionsColor";
+import type { RecursivePartial } from "../../../Types";
 /**
  * @category Options
  */

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

@@ -1,5 +1,5 @@
-import type { IColorAnimation } from "../Interfaces/IColorAnimation";
 import type { RangeValue, RecursivePartial } from "../../Types";
+import type { IColorAnimation } from "../Interfaces/IColorAnimation";
 import type { IOptionLoader } from "../Interfaces/IOptionLoader";
 /**
  * @category Options

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

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

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

@@ -1,6 +1,6 @@
-import type { IClickEvent } from "../../../Interfaces/Interactivity/Events/IClickEvent";
-import { ClickMode } from "../../../../Enums";
 import type { RecursivePartial, SingleOrMultiple } from "../../../../Types";
+import { ClickMode } from "../../../../Enums";
+import type { IClickEvent } from "../../../Interfaces/Interactivity/Events/IClickEvent";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 /**
  * [[include:Options/Interactivity/Click.md]]

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

@@ -1,6 +1,6 @@
-import type { IDivEvent } from "../../../Interfaces/Interactivity/Events/IDivEvent";
 import { DivMode, DivType } from "../../../../Enums";
 import type { RecursivePartial, SingleOrMultiple } from "../../../../Types";
+import type { IDivEvent } from "../../../Interfaces/Interactivity/Events/IDivEvent";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 /**
  * [[include:Options/Interactivity/Div.md]]

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

@@ -1,4 +1,3 @@
-import { DivType } from "../../../../Enums";
 /**
  * [[include:Options/Interactivity/Div.md]]
  * @category Options
@@ -8,7 +7,7 @@ export class DivEvent {
         this.selectors = [];
         this.enable = false;
         this.mode = [];
-        this.type = DivType.circle;
+        this.type = "circle" /* circle */;
     }
     /**
      * The element id to detect the event

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

@@ -1,8 +1,8 @@
-import type { IEvents } from "../../../Interfaces/Interactivity/Events/IEvents";
+import type { RecursivePartial, SingleOrMultiple } from "../../../../Types";
 import { ClickEvent } from "./ClickEvent";
 import { DivEvent } from "./DivEvent";
 import { HoverEvent } from "./HoverEvent";
-import type { RecursivePartial, SingleOrMultiple } from "../../../../Types";
+import type { IEvents } from "../../../Interfaces/Interactivity/Events/IEvents";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 /**
  * [[include:Options/Interactivity/Events.md]]

package/browser/Options/Classes/Interactivity/Events/HoverEvent.d.ts

@@ -1,8 +1,8 @@
-import type { IHoverEvent } from "../../../Interfaces/Interactivity/Events/IHoverEvent";
-import { HoverMode } from "../../../../Enums";
-import { Parallax } from "./Parallax";
 import type { RecursivePartial, SingleOrMultiple } from "../../../../Types";
+import { HoverMode } from "../../../../Enums";
+import type { IHoverEvent } from "../../../Interfaces/Interactivity/Events/IHoverEvent";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
+import { Parallax } from "./Parallax";
 /**
  * [[include:Options/Interactivity/Hover.md]]
  * @category Options

package/browser/Options/Classes/Interactivity/Events/Parallax.d.ts

@@ -1,6 +1,6 @@
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { IParallax } from "../../../Interfaces/Interactivity/Events/IParallax";
 import type { RecursivePartial } from "../../../../Types";
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 /**
  * @category Options
  */

package/browser/Options/Classes/Interactivity/Interactivity.d.ts

@@ -1,9 +1,9 @@
-import type { IInteractivity } from "../../Interfaces/Interactivity/IInteractivity";
 import { InteractivityDetect } from "../../../Enums";
 import { Events } from "./Events/Events";
+import type { IInteractivity } from "../../Interfaces/Interactivity/IInteractivity";
+import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
 import { Modes } from "./Modes/Modes";
 import type { RecursivePartial } from "../../../Types";
-import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
 /**
  * [[include:Options/Interactivity.md]]
  * @category Options

package/browser/Options/Classes/Interactivity/Interactivity.js

@@ -1,4 +1,3 @@
-import { HoverMode, InteractivityDetect } from "../../../Enums";
 import { Events } from "./Events/Events";
 import { Modes } from "./Modes/Modes";
 /**
@@ -7,7 +6,7 @@ import { Modes } from "./Modes/Modes";
  */
 export class Interactivity {
     constructor() {
-        this.detectsOn = InteractivityDetect.window;
+        this.detectsOn = "window" /* window */;
         this.events = new Events();
         this.modes = new Modes();
     }
@@ -39,12 +38,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" /* slow */) < 0) {
+                    this.events.onHover.mode.push("slow" /* 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" /* slow */) {
+                this.events.onHover.mode = [this.events.onHover.mode, "slow" /* slow */];
             }
         }
     }

package/browser/Options/Classes/Interactivity/Modes/Attract.d.ts

@@ -1,7 +1,7 @@
+import { EasingType } from "../../../../Enums";
 import type { IAttract } from "../../../Interfaces/Interactivity/Modes/IAttract";
-import type { RecursivePartial } from "../../../../Types";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import { EasingType } from "../../../../Enums";
+import type { RecursivePartial } from "../../../../Types";
 /**
  * @category Options
  */

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

@@ -1,4 +1,3 @@
-import { EasingType } from "../../../../Enums";
 /**
  * @category Options
  */
@@ -6,7 +5,7 @@ export class Attract {
     constructor() {
         this.distance = 200;
         this.duration = 0.4;
-        this.easing = EasingType.easeOutQuad;
+        this.easing = "ease-out-quad" /* easeOutQuad */;
         this.factor = 1;
         this.maxSpeed = 50;
         this.speed = 1;

package/browser/Options/Classes/Interactivity/Modes/Bubble.d.ts

@@ -1,7 +1,7 @@
-import type { IBubble } from "../../../Interfaces/Interactivity/Modes/IBubble";
 import type { RecursivePartial, SingleOrMultiple } from "../../../../Types";
-import { BubbleDiv } from "./BubbleDiv";
 import { BubbleBase } from "./BubbleBase";
+import { BubbleDiv } from "./BubbleDiv";
+import type { IBubble } from "../../../Interfaces/Interactivity/Modes/IBubble";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 /**
  * @category Options

package/browser/Options/Classes/Interactivity/Modes/Bubble.js

@@ -1,5 +1,5 @@
-import { BubbleDiv } from "./BubbleDiv";
 import { BubbleBase } from "./BubbleBase";
+import { BubbleDiv } from "./BubbleDiv";
 /**
  * @category Options
  */

package/browser/Options/Classes/Interactivity/Modes/BubbleBase.d.ts

@@ -1,5 +1,5 @@
-import type { IBubbleBase } from "../../../Interfaces/Interactivity/Modes/IBubbleBase";
 import type { RecursivePartial, SingleOrMultiple } from "../../../../Types";
+import type { IBubbleBase } from "../../../Interfaces/Interactivity/Modes/IBubbleBase";
 import { OptionsColor } from "../../OptionsColor";
 /**
  * @category Options

package/browser/Options/Classes/Interactivity/Modes/BubbleDiv.d.ts

@@ -1,6 +1,6 @@
 import type { RecursivePartial, SingleOrMultiple } from "../../../../Types";
-import type { IBubbleDiv } from "../../../Interfaces/Interactivity/Modes/IBubbleDiv";
 import { BubbleBase } from "./BubbleBase";
+import type { IBubbleDiv } from "../../../Interfaces/Interactivity/Modes/IBubbleDiv";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 /**
  * @category Options

package/browser/Options/Classes/Interactivity/Modes/Connect.d.ts

@@ -1,7 +1,7 @@
-import type { IConnect } from "../../../Interfaces/Interactivity/Modes/IConnect";
 import { ConnectLinks } from "./ConnectLinks";
-import type { RecursivePartial } from "../../../../Types";
+import type { IConnect } from "../../../Interfaces/Interactivity/Modes/IConnect";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
+import type { RecursivePartial } from "../../../../Types";
 /**
  * @category Options
  */

package/browser/Options/Classes/Interactivity/Modes/ConnectLinks.d.ts

@@ -1,6 +1,6 @@
 import type { IConnectLinks } from "../../../Interfaces/Interactivity/Modes/IConnectLinks";
-import type { RecursivePartial } from "../../../../Types";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
+import type { RecursivePartial } from "../../../../Types";
 /**
  * @category Options
  */

package/browser/Options/Classes/Interactivity/Modes/Grab.d.ts

@@ -1,7 +1,7 @@
-import type { IGrab } from "../../../Interfaces/Interactivity/Modes/IGrab";
 import { GrabLinks } from "./GrabLinks";
-import type { RecursivePartial } from "../../../../Types";
+import type { IGrab } from "../../../Interfaces/Interactivity/Modes/IGrab";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
+import type { RecursivePartial } from "../../../../Types";
 /**
  * @category Options
  */

package/browser/Options/Classes/Interactivity/Modes/GrabLinks.d.ts

@@ -1,7 +1,7 @@
 import type { IGrabLinks } from "../../../Interfaces/Interactivity/Modes/IGrabLinks";
-import type { RecursivePartial } from "../../../../Types";
-import { OptionsColor } from "../../OptionsColor";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
+import { OptionsColor } from "../../OptionsColor";
+import type { RecursivePartial } from "../../../../Types";
 /**
  * @category Options
  */

package/browser/Options/Classes/Interactivity/Modes/Light.d.ts

@@ -1,8 +1,8 @@
 import type { ILight } from "../../../Interfaces/Interactivity/Modes/ILight";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import type { RecursivePartial } from "../../../../Types";
 import { LightArea } from "./LightArea";
 import { LightShadow } from "./LightShadow";
+import type { RecursivePartial } from "../../../../Types";
 export declare class Light implements ILight, IOptionLoader<ILight> {
     area: LightArea;
     shadow: LightShadow;

package/browser/Options/Classes/Interactivity/Modes/Modes.d.ts

@@ -1,17 +1,17 @@
-import type { IModes } from "../../../Interfaces/Interactivity/Modes/IModes";
+import { Attract } from "./Attract";
+import { Bounce } from "./Bounce";
 import { Bubble } from "./Bubble";
 import { Connect } from "./Connect";
 import { Grab } from "./Grab";
-import { Remove } from "./Remove";
+import type { IModes } from "../../../Interfaces/Interactivity/Modes/IModes";
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
+import { Light } from "./Light";
 import { Push } from "./Push";
+import type { RecursivePartial } from "../../../../Types";
+import { Remove } from "./Remove";
 import { Repulse } from "./Repulse";
 import { Slow } from "./Slow";
-import type { RecursivePartial } from "../../../../Types";
 import { Trail } from "./Trail";
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import { Attract } from "./Attract";
-import { Light } from "./Light";
-import { Bounce } from "./Bounce";
 /**
  * [[include:Options/Interactivity/Modes.md]]
  * @category Options

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

@@ -1,14 +1,14 @@
+import { Attract } from "./Attract";
+import { Bounce } from "./Bounce";
 import { Bubble } from "./Bubble";
 import { Connect } from "./Connect";
 import { Grab } from "./Grab";
-import { Remove } from "./Remove";
+import { Light } from "./Light";
 import { Push } from "./Push";
+import { Remove } from "./Remove";
 import { Repulse } from "./Repulse";
 import { Slow } from "./Slow";
 import { Trail } from "./Trail";
-import { Attract } from "./Attract";
-import { Light } from "./Light";
-import { Bounce } from "./Bounce";
 /**
  * [[include:Options/Interactivity/Modes.md]]
  * @category Options

package/browser/Options/Classes/Interactivity/Modes/Push.d.ts

@@ -1,6 +1,6 @@
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { IPush } from "../../../Interfaces/Interactivity/Modes/IPush";
 import type { RecursivePartial } from "../../../../Types";
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 /**
  * @category Options
  */

package/browser/Options/Classes/Interactivity/Modes/Remove.d.ts

@@ -1,6 +1,6 @@
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { IRemove } from "../../../Interfaces/Interactivity/Modes/IRemove";
 import type { RecursivePartial } from "../../../../Types";
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 /**
  * @category Options
  */

package/browser/Options/Classes/Interactivity/Modes/Repulse.d.ts

@@ -1,8 +1,8 @@
-import type { IRepulse } from "../../../Interfaces/Interactivity/Modes/IRepulse";
 import type { RecursivePartial, SingleOrMultiple } from "../../../../Types";
-import { RepulseDiv } from "./RepulseDiv";
-import { RepulseBase } from "./RepulseBase";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
+import type { IRepulse } from "../../../Interfaces/Interactivity/Modes/IRepulse";
+import { RepulseBase } from "./RepulseBase";
+import { RepulseDiv } from "./RepulseDiv";
 /**
  * @category Options
  */

package/browser/Options/Classes/Interactivity/Modes/Repulse.js

@@ -1,5 +1,5 @@
-import { RepulseDiv } from "./RepulseDiv";
 import { RepulseBase } from "./RepulseBase";
+import { RepulseDiv } from "./RepulseDiv";
 /**
  * @category Options
  */

package/browser/Options/Classes/Interactivity/Modes/RepulseBase.d.ts

@@ -1,7 +1,7 @@
+import { EasingType } from "../../../../Enums";
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { IRepulseBase } from "../../../Interfaces/Interactivity/Modes/IRepulseBase";
 import type { RecursivePartial } from "../../../../Types";
-import { EasingType } from "../../../../Enums";
-import { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 /**
  * @category Options
  */

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

@@ -1,4 +1,3 @@
-import { EasingType } from "../../../../Enums";
 /**
  * @category Options
  */
@@ -9,7 +8,7 @@ export class RepulseBase {
         this.factor = 100;
         this.speed = 1;
         this.maxSpeed = 50;
-        this.easing = EasingType.easeOutQuad;
+        this.easing = "ease-out-quad" /* easeOutQuad */;
     }
     load(data) {
         if (!data) {

package/browser/Options/Classes/Interactivity/Modes/RepulseDiv.d.ts

@@ -1,7 +1,7 @@
 import type { RecursivePartial, SingleOrMultiple } from "../../../../Types";
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { IRepulseDiv } from "../../../Interfaces/Interactivity/Modes/IRepulseDiv";
 import { RepulseBase } from "./RepulseBase";
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 /**
  * @category Options
  */

package/browser/Options/Classes/Interactivity/Modes/Slow.d.ts

@@ -1,6 +1,6 @@
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { ISlow } from "../../../Interfaces/Interactivity/Modes/ISlow";
 import type { RecursivePartial } from "../../../../Types";
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 /**
  * @category Options
  */

package/browser/Options/Classes/Interactivity/Modes/Trail.d.ts

@@ -1,7 +1,7 @@
-import type { ITrail } from "../../../Interfaces/Interactivity/Modes/ITrail";
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { IParticles } from "../../../Interfaces/Particles/IParticles";
+import type { ITrail } from "../../../Interfaces/Interactivity/Modes/ITrail";
 import type { RecursivePartial } from "../../../../Types";
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 /**
  * @category Options
  */

package/browser/Options/Classes/ManualParticle.d.ts

@@ -1,8 +1,8 @@
+import type { ICoordinates } from "../../Core";
 import type { IManualParticle } from "../Interfaces/IManualParticle";
 import type { IOptionLoader } from "../Interfaces/IOptionLoader";
-import type { RecursivePartial } from "../../Types";
 import type { IParticles } from "../Interfaces/Particles/IParticles";
-import type { ICoordinates } from "../../Core/Interfaces/ICoordinates";
+import type { RecursivePartial } from "../../Types";
 export declare class ManualParticle implements IManualParticle, IOptionLoader<IManualParticle> {
     options?: RecursivePartial<IParticles>;
     position?: ICoordinates;

package/browser/Options/Classes/Motion/Motion.d.ts

@@ -1,7 +1,7 @@
 import type { IMotion } from "../../Interfaces/Motion/IMotion";
 import type { IOptionLoader } from "../../Interfaces/IOptionLoader";
-import type { RecursivePartial } from "../../../Types";
 import { MotionReduce } from "./MotionReduce";
+import type { RecursivePartial } from "../../../Types";
 /**
  * [[include:Options/Motion.md]]
  * @category Options

package/browser/Options/Classes/Options.d.ts

@@ -1,15 +1,15 @@
-import type { IOptions } from "../Interfaces/IOptions";
-import { Interactivity } from "./Interactivity/Interactivity";
-import { ParticlesOptions } from "./Particles/ParticlesOptions";
-import { BackgroundMask } from "./BackgroundMask/BackgroundMask";
 import type { RangeValue, RecursivePartial } from "../../Types";
 import { Background } from "./Background/Background";
-import type { IOptionLoader } from "../Interfaces/IOptionLoader";
-import { Theme } from "./Theme/Theme";
+import { BackgroundMask } from "./BackgroundMask/BackgroundMask";
 import { FullScreen } from "./FullScreen/FullScreen";
-import { Motion } from "./Motion/Motion";
+import type { IOptionLoader } from "../Interfaces/IOptionLoader";
+import type { IOptions } from "../Interfaces/IOptions";
+import { Interactivity } from "./Interactivity/Interactivity";
 import { ManualParticle } from "./ManualParticle";
+import { Motion } from "./Motion/Motion";
+import { ParticlesOptions } from "./Particles/ParticlesOptions";
 import { Responsive } from "./Responsive";
+import { Theme } from "./Theme/Theme";
 /**
  * [[include:Options.md]]
  * @category Options
@@ -58,6 +58,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/browser/Options/Classes/Options.js

@@ -4,17 +4,17 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _Options_instances, _Options_findDefaultTheme;
-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 { Theme } from "./Theme/Theme";
-import { ResponsiveMode, ThemeMode } from "../../Enums";
+import { BackgroundMask } from "./BackgroundMask/BackgroundMask";
 import { FullScreen } from "./FullScreen/FullScreen";
-import { Motion } from "./Motion/Motion";
+import { Interactivity } from "./Interactivity/Interactivity";
 import { ManualParticle } from "./ManualParticle";
+import { Motion } from "./Motion/Motion";
+import { ParticlesOptions } from "./Particles/ParticlesOptions";
+import { Plugins } from "../../Core";
 import { Responsive } from "./Responsive";
+import { Theme } from "./Theme/Theme";
+import { deepExtend } from "../../Utils";
 /**
  * [[include:Options.md]]
  * @category Options
@@ -36,6 +36,7 @@ export class Options {
         this.pauseOnBlur = true;
         this.pauseOnOutsideViewport = true;
         this.responsive = [];
+        this.style = {};
         this.themes = [];
         this.zLayers = 100;
     }
@@ -140,6 +141,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) {
@@ -156,8 +158,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" /* dark */)) === null || _d === void 0 ? void 0 : _d.name;
+        this.defaultLightTheme = (_e = __classPrivateFieldGet(this, _Options_instances, "m", _Options_findDefaultTheme).call(this, "light" /* light */)) === null || _e === void 0 ? void 0 : _e.name;
     }
     setTheme(name) {
         if (name) {
@@ -167,7 +169,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" /* dark */ : "light" /* light */);
             if (defaultTheme) {
                 this.load(defaultTheme.options);
             }
@@ -175,7 +177,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 */ && screen
             ? t.maxWidth * pxRatio > screen.availWidth
             : t.maxWidth * pxRatio > width);
         this.load(responsiveOptions === null || responsiveOptions === void 0 ? void 0 : responsiveOptions.options);
@@ -187,5 +189,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" /* any */));
 };

package/browser/Options/Classes/OptionsColor.d.ts

@@ -1,7 +1,7 @@
-import type { IOptionsColor } from "../Interfaces/IOptionsColor";
-import type { IRgb, IHsl, IHsv, IValueColor } from "../../Core/Interfaces";
+import type { IHsl, IHsv, IRgb, IValueColor } from "../../Core/Interfaces";
 import type { RecursivePartial, SingleOrMultiple } from "../../Types";
 import type { IOptionLoader } from "../Interfaces/IOptionLoader";
+import type { IOptionsColor } from "../Interfaces/IOptionsColor";
 /**
  * [[include:Color.md]]
  * @category Options

package/browser/Options/Classes/Particles/Bounce/Bounce.d.ts

@@ -1,7 +1,7 @@
+import { BounceFactor } from "./BounceFactor";
 import type { IBounce } from "../../../Interfaces/Particles/Bounce/IBounce";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { RecursivePartial } from "../../../../Types";
-import { BounceFactor } from "./BounceFactor";
 export declare class Bounce implements IBounce, IOptionLoader<IBounce> {
     horizontal: BounceFactor;
     vertical: BounceFactor;

package/browser/Options/Classes/Particles/Collisions/Collisions.d.ts

@@ -1,9 +1,9 @@
-import type { ICollisions } from "../../../Interfaces/Particles/Collisions/ICollisions";
-import { CollisionMode } from "../../../../Enums";
-import type { RecursivePartial } from "../../../../Types";
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import { Bounce } from "../Bounce/Bounce";
+import { CollisionMode } from "../../../../Enums";
 import { CollisionsOverlap } from "./CollisionsOverlap";
+import type { ICollisions } from "../../../Interfaces/Particles/Collisions/ICollisions";
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
+import type { RecursivePartial } from "../../../../Types";
 /**
  * @category Options
  * [[include:Collisions.md]]

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

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

package/browser/Options/Classes/Particles/Collisions/CollisionsOverlap.d.ts

@@ -1,6 +1,6 @@
-import type { RecursivePartial } from "../../../../Types";
-import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { ICollisionsOverlap } from "../../../Interfaces/Particles/Collisions/ICollisionsOverlap";
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
+import type { RecursivePartial } from "../../../../Types";
 export declare class CollisionsOverlap implements ICollisionsOverlap, IOptionLoader<ICollisionsOverlap> {
     enable: boolean;
     retries: number;