tsparticles 2.0.0 → 2.0.3

package/tsparticles.bundle.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v2.0.0
+ * v2.0.3
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -326,7 +326,6 @@ __webpack_require__.d(__webpack_exports__, {
   "Connect": () => (/* reexport */ Connect),
   "ConnectLinks": () => (/* reexport */ ConnectLinks),
   "Container": () => (/* reexport */ Container),
-  "DefaultOptions": () => (/* reexport */ DefaultOptions),
   "Destroy": () => (/* reexport */ Destroy),
   "DivEvent": () => (/* reexport */ DivEvent),
   "EventDispatcher": () => (/* reexport */ EventDispatcher),
@@ -365,6 +364,7 @@ __webpack_require__.d(__webpack_exports__, {
   "MoveAttract": () => (/* reexport */ MoveAttract),
   "MoveGravity": () => (/* reexport */ MoveGravity),
   "MovePath": () => (/* reexport */ MovePath),
+  "MovePathDelay": () => (/* reexport */ MovePathDelay),
   "MoveTrail": () => (/* reexport */ MoveTrail),
   "Opacity": () => (/* reexport */ Opacity),
   "OpacityAnimation": () => (/* reexport */ OpacityAnimation),
@@ -460,6 +460,7 @@ __webpack_require__.d(__webpack_exports__, {
   "getStyleFromHsl": () => (/* reexport */ getStyleFromHsl),
   "getStyleFromHsv": () => (/* reexport */ getStyleFromHsv),
   "getStyleFromRgb": () => (/* reexport */ getStyleFromRgb),
+  "getValue": () => (/* reexport */ getValue),
   "gradient": () => (/* reexport */ gradient),
   "hslToHsv": () => (/* reexport */ hslToHsv),
   "hslToRgb": () => (/* reexport */ hslToRgb),
@@ -508,28 +509,6 @@ __webpack_require__.d(__webpack_exports__, {
   "visibilityChangeEvent": () => (/* reexport */ visibilityChangeEvent)
 });
 
-;// CONCATENATED MODULE: ../../plugins/absorbers/dist/Options/Classes/AbsorberSizeLimit.js
-class AbsorberSizeLimit {
-  constructor() {
-    this.radius = 0;
-    this.mass = 0;
-  }
-
-  load(data) {
-    if (!data) {
-      return;
-    }
-
-    if (data.mass !== undefined) {
-      this.mass = data.mass;
-    }
-
-    if (data.radius !== undefined) {
-      this.radius = data.radius;
-    }
-  }
-
-}
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Utils/NumberUtils.js
 
 function clamp(num, min, max) {
@@ -569,6 +548,17 @@ function setRangeValue(source, value) {
     max: Math.max(max, value)
   } : setRangeValue(min, max);
 }
+function getValue(options) {
+  const random = options.random;
+  const {
+    enable,
+    minimumValue
+  } = typeof random === "boolean" ? {
+    enable: random,
+    minimumValue: 0
+  } : random;
+  return enable ? getRangeValue(setRangeValue(options.value, minimumValue)) : getRangeValue(options.value);
+}
 function getDistances(pointA, pointB) {
   const dx = pointA.x - pointB.x;
   const dy = pointA.y - pointB.y;
@@ -682,7 +672,7 @@ class ColorAnimation {
     }
 
     if (data.count !== undefined) {
-      this.count = data.count;
+      this.count = setRangeValue(data.count);
     }
 
     if (data.enable !== undefined) {
@@ -694,7 +684,7 @@ class ColorAnimation {
     }
 
     if (data.speed !== undefined) {
-      this.speed = data.speed;
+      this.speed = setRangeValue(data.speed);
     }
 
     if (data.sync !== undefined) {
@@ -917,7 +907,7 @@ class GradientAngleAnimation {
     }
 
     if (data.count !== undefined) {
-      this.count = data.count;
+      this.count = setRangeValue(data.count);
     }
 
     if (data.enable !== undefined) {
@@ -925,7 +915,7 @@ class GradientAngleAnimation {
     }
 
     if (data.speed !== undefined) {
-      this.speed = data.speed;
+      this.speed = setRangeValue(data.speed);
     }
 
     if (data.sync !== undefined) {
@@ -949,7 +939,7 @@ class GradientColorOpacityAnimation {
     }
 
     if (data.count !== undefined) {
-      this.count = data.count;
+      this.count = setRangeValue(data.count);
     }
 
     if (data.enable !== undefined) {
@@ -957,7 +947,7 @@ class GradientColorOpacityAnimation {
     }
 
     if (data.speed !== undefined) {
-      this.speed = data.speed;
+      this.speed = setRangeValue(data.speed);
     }
 
     if (data.sync !== undefined) {
@@ -971,6 +961,7 @@ class GradientColorOpacityAnimation {
 
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/AnimationOptions.js
+
 class AnimationOptions {
   constructor() {
     this.count = 0;
@@ -985,7 +976,7 @@ class AnimationOptions {
     }
 
     if (data.count !== undefined) {
-      this.count = data.count;
+      this.count = setRangeValue(data.count);
     }
 
     if (data.enable !== undefined) {
@@ -993,7 +984,7 @@ class AnimationOptions {
     }
 
     if (data.speed !== undefined) {
-      this.speed = data.speed;
+      this.speed = setRangeValue(data.speed);
     }
 
     if (data.sync !== undefined) {
@@ -1164,11 +1155,43 @@ class DivEvent {
     this.type = "circle";
   }
 
+  get elementId() {
+    return this.ids;
+  }
+
+  set elementId(value) {
+    this.ids = value;
+  }
+
+  get el() {
+    return this.elementId;
+  }
+
+  set el(value) {
+    this.elementId = value;
+  }
+
+  get ids() {
+    return this.selectors instanceof Array ? this.selectors.map(t => t.replace("#", "")) : this.selectors.replace("#", "");
+  }
+
+  set ids(value) {
+    this.selectors = value instanceof Array ? value.map(t => `#${t}`) : `#${value}`;
+  }
+
   load(data) {
+    var _a, _b;
+
     if (!data) {
       return;
     }
 
+    const ids = (_b = (_a = data.ids) !== null && _a !== void 0 ? _a : data.elementId) !== null && _b !== void 0 ? _b : data.el;
+
+    if (ids !== undefined) {
+      this.ids = ids;
+    }
+
     if (data.selectors !== undefined) {
       this.selectors = data.selectors;
     }
@@ -1252,26 +1275,54 @@ class Events {
     this.resize = true;
   }
 
+  get onclick() {
+    return this.onClick;
+  }
+
+  set onclick(value) {
+    this.onClick = value;
+  }
+
+  get ondiv() {
+    return this.onDiv;
+  }
+
+  set ondiv(value) {
+    this.onDiv = value;
+  }
+
+  get onhover() {
+    return this.onHover;
+  }
+
+  set onhover(value) {
+    this.onHover = value;
+  }
+
   load(data) {
+    var _a, _b, _c;
+
     if (!data) {
       return;
     }
 
-    this.onClick.load(data.onClick);
-    const onDiv = data.onDiv;
+    this.onClick.load((_a = data.onClick) !== null && _a !== void 0 ? _a : data.onclick);
+    const onDiv = (_b = data.onDiv) !== null && _b !== void 0 ? _b : data.ondiv;
 
-    if (onDiv instanceof Array) {
-      this.onDiv = onDiv.map(div => {
-        const tmp = new DivEvent();
-        tmp.load(div);
-        return tmp;
-      });
-    } else {
-      this.onDiv = new DivEvent();
-      this.onDiv.load(onDiv);
+    if (onDiv !== undefined) {
+      if (onDiv instanceof Array) {
+        this.onDiv = onDiv.map(div => {
+          const tmp = new DivEvent();
+          tmp.load(div);
+          return tmp;
+        });
+      } else {
+        this.onDiv = new DivEvent();
+        this.onDiv.load(onDiv);
+      }
     }
 
-    this.onHover.load(data.onHover);
+    this.onHover.load((_c = data.onHover) !== null && _c !== void 0 ? _c : data.onhover);
 
     if (data.resize !== undefined) {
       this.resize = data.resize;
@@ -1376,14 +1427,16 @@ class BubbleBase {
       this.opacity = data.opacity;
     }
 
-    if (data.color instanceof Array) {
-      this.color = data.color.map(s => OptionsColor.create(undefined, s));
-    } else {
-      if (this.color instanceof Array) {
-        this.color = new OptionsColor();
-      }
+    if (data.color !== undefined) {
+      if (data.color instanceof Array) {
+        this.color = data.color.map(s => OptionsColor.create(undefined, s));
+      } else {
+        if (this.color instanceof Array) {
+          this.color = new OptionsColor();
+        }
 
-      this.color = OptionsColor.create(this.color, data.color);
+        this.color = OptionsColor.create(this.color, data.color);
+      }
     }
 
     if (data.size !== undefined) {
@@ -1400,6 +1453,14 @@ class BubbleDiv extends BubbleBase {
     this.selectors = [];
   }
 
+  get ids() {
+    return this.selectors instanceof Array ? this.selectors.map(t => t.replace("#", "")) : this.selectors.replace("#", "");
+  }
+
+  set ids(value) {
+    this.selectors = value instanceof Array ? value.map(t => `#${t}`) : `#${value}`;
+  }
+
   load(data) {
     super.load(data);
 
@@ -1407,6 +1468,10 @@ class BubbleDiv extends BubbleBase {
       return;
     }
 
+    if (data.ids !== undefined) {
+      this.ids = data.ids;
+    }
+
     if (data.selectors !== undefined) {
       this.selectors = data.selectors;
     }
@@ -1447,7 +1512,7 @@ class ConnectLinks {
   }
 
   load(data) {
-    if (!data) {
+    if (!(data !== undefined && data.opacity !== undefined)) {
       return;
     }
 
@@ -1466,7 +1531,25 @@ class Connect {
     this.radius = 60;
   }
 
+  get line_linked() {
+    return this.links;
+  }
+
+  set line_linked(value) {
+    this.links = value;
+  }
+
+  get lineLinked() {
+    return this.links;
+  }
+
+  set lineLinked(value) {
+    this.links = value;
+  }
+
   load(data) {
+    var _a, _b;
+
     if (!data) {
       return;
     }
@@ -1475,7 +1558,7 @@ class Connect {
       this.distance = data.distance;
     }
 
-    this.links.load(data.links);
+    this.links.load((_b = (_a = data.links) !== null && _a !== void 0 ? _a : data.lineLinked) !== null && _b !== void 0 ? _b : data.line_linked);
 
     if (data.radius !== undefined) {
       this.radius = data.radius;
@@ -1501,7 +1584,9 @@ class GrabLinks {
       this.blink = data.blink;
     }
 
-    this.color = OptionsColor.create(this.color, data.color);
+    if (data.color !== undefined) {
+      this.color = OptionsColor.create(this.color, data.color);
+    }
 
     if (data.consent !== undefined) {
       this.consent = data.consent;
@@ -1521,7 +1606,25 @@ class Grab {
     this.links = new GrabLinks();
   }
 
+  get line_linked() {
+    return this.links;
+  }
+
+  set line_linked(value) {
+    this.links = value;
+  }
+
+  get lineLinked() {
+    return this.links;
+  }
+
+  set lineLinked(value) {
+    this.links = value;
+  }
+
   load(data) {
+    var _a, _b;
+
     if (!data) {
       return;
     }
@@ -1530,7 +1633,7 @@ class Grab {
       this.distance = data.distance;
     }
 
-    this.links.load(data.links);
+    this.links.load((_b = (_a = data.links) !== null && _a !== void 0 ? _a : data.lineLinked) !== null && _b !== void 0 ? _b : data.line_linked);
   }
 
 }
@@ -1624,7 +1727,17 @@ class Push {
     this.quantity = 4;
   }
 
+  get particles_nb() {
+    return this.quantity;
+  }
+
+  set particles_nb(value) {
+    this.quantity = value;
+  }
+
   load(data) {
+    var _a;
+
     if (!data) {
       return;
     }
@@ -1641,8 +1754,10 @@ class Push {
       this.default = true;
     }
 
-    if (data.quantity !== undefined) {
-      this.quantity = data.quantity;
+    const quantity = (_a = data.quantity) !== null && _a !== void 0 ? _a : data.particles_nb;
+
+    if (quantity !== undefined) {
+      this.quantity = quantity;
     }
   }
 
@@ -1653,13 +1768,25 @@ class Remove {
     this.quantity = 2;
   }
 
+  get particles_nb() {
+    return this.quantity;
+  }
+
+  set particles_nb(value) {
+    this.quantity = value;
+  }
+
   load(data) {
+    var _a;
+
     if (!data) {
       return;
     }
 
-    if (data.quantity !== undefined) {
-      this.quantity = data.quantity;
+    const quantity = (_a = data.quantity) !== null && _a !== void 0 ? _a : data.particles_nb;
+
+    if (quantity !== undefined) {
+      this.quantity = quantity;
     }
   }
 
@@ -1714,6 +1841,22 @@ class RepulseDiv extends RepulseBase {
     this.selectors = [];
   }
 
+  get ids() {
+    if (this.selectors instanceof Array) {
+      return this.selectors.map(t => t.replace("#", ""));
+    } else {
+      return this.selectors.replace("#", "");
+    }
+  }
+
+  set ids(value) {
+    if (value instanceof Array) {
+      this.selectors = value.map(() => `#${value}`);
+    } else {
+      this.selectors = `#${value}`;
+    }
+  }
+
   load(data) {
     super.load(data);
 
@@ -1721,6 +1864,10 @@ class RepulseDiv extends RepulseBase {
       return;
     }
 
+    if (data.ids !== undefined) {
+      this.ids = data.ids;
+    }
+
     if (data.selectors !== undefined) {
       this.selectors = data.selectors;
     }
@@ -1761,6 +1908,12 @@ class Slow {
     this.radius = 200;
   }
 
+  get active() {
+    return false;
+  }
+
+  set active(_value) {}
+
   load(data) {
     if (!data) {
       return;
@@ -1885,17 +2038,39 @@ class Interactivity {
     this.modes = new Modes();
   }
 
+  get detect_on() {
+    return this.detectsOn;
+  }
+
+  set detect_on(value) {
+    this.detectsOn = value;
+  }
+
   load(data) {
+    var _a, _b, _c;
+
     if (!data) {
       return;
     }
 
-    if (data.detectsOn !== undefined) {
-      this.detectsOn = data.detectsOn;
+    const detectsOn = (_a = data.detectsOn) !== null && _a !== void 0 ? _a : data.detect_on;
+
+    if (detectsOn !== undefined) {
+      this.detectsOn = detectsOn;
     }
 
     this.events.load(data.events);
     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("slow") < 0) {
+          this.events.onHover.mode.push("slow");
+        }
+      } else if (this.events.onHover.mode !== "slow") {
+        this.events.onHover.mode = [this.events.onHover.mode, "slow"];
+      }
+    }
   }
 
 }
@@ -2050,7 +2225,10 @@ class Theme {
     }
 
     this.default.load(data.default);
-    this.options = deepExtend({}, data.options);
+
+    if (data.options !== undefined) {
+      this.options = deepExtend({}, data.options);
+    }
   }
 
 }
@@ -2109,8 +2287,32 @@ class Options {
     this.zLayers = 100;
   }
 
+  get fps_limit() {
+    return this.fpsLimit;
+  }
+
+  set fps_limit(value) {
+    this.fpsLimit = value;
+  }
+
+  get retina_detect() {
+    return this.detectRetina;
+  }
+
+  set retina_detect(value) {
+    this.detectRetina = value;
+  }
+
+  get backgroundMode() {
+    return this.fullScreen;
+  }
+
+  set backgroundMode(value) {
+    this.fullScreen.load(value);
+  }
+
   load(data) {
-    var _a, _b;
+    var _a, _b, _c, _d, _e;
 
     if (!data) {
       return;
@@ -2130,16 +2332,20 @@ class Options {
       this.autoPlay = data.autoPlay;
     }
 
-    if (data.detectRetina !== undefined) {
-      this.detectRetina = data.detectRetina;
+    const detectRetina = (_a = data.detectRetina) !== null && _a !== void 0 ? _a : data.retina_detect;
+
+    if (detectRetina !== undefined) {
+      this.detectRetina = detectRetina;
     }
 
     if (data.duration !== undefined) {
       this.duration = data.duration;
     }
 
-    if (data.fpsLimit !== undefined) {
-      this.fpsLimit = data.fpsLimit;
+    const fpsLimit = (_b = data.fpsLimit) !== null && _b !== void 0 ? _b : data.fps_limit;
+
+    if (fpsLimit !== undefined) {
+      this.fpsLimit = fpsLimit;
     }
 
     if (data.pauseOnBlur !== undefined) {
@@ -2155,11 +2361,12 @@ class Options {
     }
 
     this.background.load(data.background);
+    const fullScreen = (_c = data.fullScreen) !== null && _c !== void 0 ? _c : data.backgroundMode;
 
-    if (typeof data.fullScreen === "boolean") {
-      this.fullScreen.enable = data.fullScreen;
+    if (typeof fullScreen === "boolean") {
+      this.fullScreen.enable = fullScreen;
     } else {
-      this.fullScreen.load(data.fullScreen);
+      this.fullScreen.load(fullScreen);
     }
 
     this.backgroundMask.load(data.backgroundMask);
@@ -2197,8 +2404,8 @@ class Options {
       }
     }
 
-    this.defaultDarkTheme = (_a = __classPrivateFieldGet(this, _Options_instances, "m", _Options_findDefaultTheme).call(this, "dark")) === null || _a === void 0 ? void 0 : _a.name;
-    this.defaultLightTheme = (_b = __classPrivateFieldGet(this, _Options_instances, "m", _Options_findDefaultTheme).call(this, "light")) === null || _b === void 0 ? void 0 : _b.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) {
@@ -2236,12 +2443,35 @@ _Options_engine = new WeakMap(), _Options_instances = new WeakSet(), _Options_fi
 
   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");
 };
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Bounce/ParticlesBounce.js
+;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Random.js
+class Random {
+  constructor() {
+    this.enable = false;
+    this.minimumValue = 0;
+  }
 
-class ParticlesBounce {
+  load(data) {
+    if (!data) {
+      return;
+    }
+
+    if (data.enable !== undefined) {
+      this.enable = data.enable;
+    }
+
+    if (data.minimumValue !== undefined) {
+      this.minimumValue = data.minimumValue;
+    }
+  }
+
+}
+;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/ValueWithRandom.js
+
+
+class ValueWithRandom {
   constructor() {
-    this.horizontal = 1;
-    this.vertical = 1;
+    this.random = new Random();
+    this.value = 0;
   }
 
   load(data) {
@@ -2249,15 +2479,45 @@ class ParticlesBounce {
       return;
     }
 
-    if (data.horizontal !== undefined) {
-      this.horizontal = setRangeValue(data.horizontal);
+    if (typeof data.random === "boolean") {
+      this.random.enable = data.random;
+    } else {
+      this.random.load(data.random);
     }
 
-    if (data.vertical !== undefined) {
-      this.vertical = setRangeValue(data.vertical);
+    if (data.value !== undefined) {
+      this.value = setRangeValue(data.value, this.random.enable ? this.random.minimumValue : undefined);
     }
   }
 
+}
+;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js
+
+class ParticlesBounceFactor extends ValueWithRandom {
+  constructor() {
+    super();
+    this.random.minimumValue = 0.1;
+    this.value = 1;
+  }
+
+}
+;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Bounce/ParticlesBounce.js
+
+class ParticlesBounce {
+  constructor() {
+    this.horizontal = new ParticlesBounceFactor();
+    this.vertical = new ParticlesBounceFactor();
+  }
+
+  load(data) {
+    if (!data) {
+      return;
+    }
+
+    this.horizontal.load(data.horizontal);
+    this.vertical.load(data.vertical);
+  }
+
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Bounce/index.js
 
@@ -2316,16 +2576,36 @@ class Collisions {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Collisions/index.js
 
 
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Destroy/Split.js
+;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Destroy/SplitFactor.js
 
-class Split {
+class SplitFactor extends ValueWithRandom {
   constructor() {
-    this.count = 1;
-    this.factor = 3;
-    this.rate = {
+    super();
+    this.value = 3;
+  }
+
+}
+;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Destroy/SplitRate.js
+
+class SplitRate extends ValueWithRandom {
+  constructor() {
+    super();
+    this.value = {
       min: 4,
       max: 9
     };
+  }
+
+}
+;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Destroy/Split.js
+
+
+
+class Split {
+  constructor() {
+    this.count = 1;
+    this.factor = new SplitFactor();
+    this.rate = new SplitRate();
     this.sizeOffset = true;
   }
 
@@ -2338,16 +2618,13 @@ class Split {
       this.count = data.count;
     }
 
-    if (data.factor !== undefined) {
-      this.factor = setRangeValue(data.factor);
-    }
+    this.factor.load(data.factor);
+    this.rate.load(data.rate);
 
-    if (data.rate !== undefined) {
-      this.rate = setRangeValue(data.rate);
+    if (data.particles !== undefined) {
+      this.particles = deepExtend({}, data.particles);
     }
 
-    this.particles = deepExtend({}, data.particles);
-
     if (data.sizeOffset !== undefined) {
       this.sizeOffset = data.sizeOffset;
     }
@@ -2378,24 +2655,6 @@ class Destroy {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Destroy/index.js
 
 
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/ValueWithRandom.js
-
-class ValueWithRandom {
-  constructor() {
-    this.value = 0;
-  }
-
-  load(data) {
-    if (!data) {
-      return;
-    }
-
-    if (data.value !== undefined) {
-      this.value = setRangeValue(data.value);
-    }
-  }
-
-}
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Life/LifeDelay.js
 
 class LifeDelay extends ValueWithRandom {
@@ -2422,6 +2681,7 @@ class LifeDelay extends ValueWithRandom {
 class LifeDuration extends ValueWithRandom {
   constructor() {
     super();
+    this.random.minimumValue = 0.0001;
     this.sync = false;
   }
 
@@ -2604,24 +2864,53 @@ class MoveAttract {
     };
   }
 
+  get rotateX() {
+    return this.rotate.x;
+  }
+
+  set rotateX(value) {
+    this.rotate.x = value;
+  }
+
+  get rotateY() {
+    return this.rotate.y;
+  }
+
+  set rotateY(value) {
+    this.rotate.y = value;
+  }
+
   load(data) {
+    var _a, _b, _c, _d;
+
     if (!data) {
       return;
     }
 
     if (data.distance !== undefined) {
-      this.distance = data.distance;
+      this.distance = setRangeValue(data.distance);
     }
 
     if (data.enable !== undefined) {
       this.enable = data.enable;
     }
 
-    this.rotate = deepExtend(this.rotate, data.rotate);
+    const rotateX = (_b = (_a = data.rotate) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : data.rotateX;
+
+    if (rotateX !== undefined) {
+      this.rotate.x = rotateX;
+    }
+
+    const rotateY = (_d = (_c = data.rotate) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : data.rotateY;
+
+    if (rotateY !== undefined) {
+      this.rotate.y = rotateY;
+    }
   }
 
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MoveAngle.js
+
 class MoveAngle {
   constructor() {
     this.offset = 0;
@@ -2634,16 +2923,17 @@ class MoveAngle {
     }
 
     if (data.offset !== undefined) {
-      this.offset = data.offset;
+      this.offset = setRangeValue(data.offset);
     }
 
     if (data.value !== undefined) {
-      this.value = data.value;
+      this.value = setRangeValue(data.value);
     }
   }
 
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MoveGravity.js
+
 class MoveGravity {
   constructor() {
     this.acceleration = 9.81;
@@ -2658,7 +2948,7 @@ class MoveGravity {
     }
 
     if (data.acceleration !== undefined) {
-      this.acceleration = data.acceleration;
+      this.acceleration = setRangeValue(data.acceleration);
     }
 
     if (data.enable !== undefined) {
@@ -2670,17 +2960,26 @@ class MoveGravity {
     }
 
     if (data.maxSpeed !== undefined) {
-      this.maxSpeed = data.maxSpeed;
+      this.maxSpeed = setRangeValue(data.maxSpeed);
     }
   }
 
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MovePath.js
+;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/Path/MovePathDelay.js
+
+class MovePathDelay extends ValueWithRandom {
+  constructor() {
+    super();
+  }
+
+}
+;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/Path/MovePath.js
+
 
 class MovePath {
   constructor() {
     this.clamp = true;
-    this.delay = 0;
+    this.delay = new MovePathDelay();
     this.enable = false;
     this.options = {};
   }
@@ -2694,19 +2993,23 @@ class MovePath {
       this.clamp = data.clamp;
     }
 
-    if (data.delay !== undefined) {
-      this.delay = setRangeValue(data.delay);
-    }
+    this.delay.load(data.delay);
 
     if (data.enable !== undefined) {
       this.enable = data.enable;
     }
 
     this.generator = data.generator;
-    this.options = deepExtend(this.options, data.options);
+
+    if (data.options) {
+      this.options = deepExtend(this.options, data.options);
+    }
   }
 
 }
+;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/Path/index.js
+
+
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MoveTrail.js
 
 class MoveTrail {
@@ -2819,15 +3122,57 @@ class Move {
     this.warp = false;
   }
 
+  get collisions() {
+    return false;
+  }
+
+  set collisions(value) {}
+
+  get bounce() {
+    return this.collisions;
+  }
+
+  set bounce(value) {
+    this.collisions = value;
+  }
+
+  get out_mode() {
+    return this.outMode;
+  }
+
+  set out_mode(value) {
+    this.outMode = value;
+  }
+
+  get outMode() {
+    return this.outModes.default;
+  }
+
+  set outMode(value) {
+    this.outModes.default = value;
+  }
+
+  get noise() {
+    return this.path;
+  }
+
+  set noise(value) {
+    this.path = value;
+  }
+
   load(data) {
+    var _a, _b, _c;
+
     if (!data) {
       return;
     }
 
-    if (typeof data.angle === "number") {
-      this.angle.value = data.angle;
-    } else {
-      this.angle.load(data.angle);
+    if (data.angle !== undefined) {
+      if (typeof data.angle === "number") {
+        this.angle.value = data.angle;
+      } else {
+        this.angle.load(data.angle);
+      }
     }
 
     this.attract.load(data.attract);
@@ -2857,18 +3202,19 @@ class Move {
     }
 
     this.gravity.load(data.gravity);
+    const outMode = (_a = data.outMode) !== null && _a !== void 0 ? _a : data.out_mode;
 
-    if (data.outModes) {
-      if (typeof data.outModes === "string") {
+    if (data.outModes !== undefined || outMode !== undefined) {
+      if (typeof data.outModes === "string" || data.outModes === undefined && outMode !== undefined) {
         this.outModes.load({
-          default: data.outModes
+          default: (_b = data.outModes) !== null && _b !== void 0 ? _b : outMode
         });
       } else {
         this.outModes.load(data.outModes);
       }
     }
 
-    this.path.load(data.path);
+    this.path.load((_c = data.path) !== null && _c !== void 0 ? _c : data.noise);
 
     if (data.random !== undefined) {
       this.random = data.random;
@@ -2921,7 +3267,17 @@ class OpacityAnimation extends AnimationOptions {
     this.sync = false;
   }
 
+  get opacity_min() {
+    return this.minimumValue;
+  }
+
+  set opacity_min(value) {
+    this.minimumValue = value;
+  }
+
   load(data) {
+    var _a;
+
     if (!data) {
       return;
     }
@@ -2936,6 +3292,8 @@ class OpacityAnimation extends AnimationOptions {
       this.enable = data.enable;
     }
 
+    this.minimumValue = (_a = data.minimumValue) !== null && _a !== void 0 ? _a : data.opacity_min;
+
     if (data.speed !== undefined) {
       this.speed = data.speed;
     }
@@ -2953,36 +3311,73 @@ class OpacityAnimation extends AnimationOptions {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Opacity/Opacity.js
 
 
+
 class Opacity extends ValueWithRandom {
   constructor() {
     super();
     this.animation = new OpacityAnimation();
+    this.random.minimumValue = 0.1;
     this.value = 1;
   }
 
+  get anim() {
+    return this.animation;
+  }
+
+  set anim(value) {
+    this.animation = value;
+  }
+
   load(data) {
+    var _a;
+
     if (!data) {
       return;
     }
 
     super.load(data);
-    this.animation.load(data.animation);
+    const animation = (_a = data.animation) !== null && _a !== void 0 ? _a : data.anim;
+
+    if (animation !== undefined) {
+      this.animation.load(animation);
+      this.value = setRangeValue(this.value, this.animation.enable ? this.animation.minimumValue : undefined);
+    }
   }
 
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Opacity/index.js
 
 
+;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Orbit/OrbitRotation.js
+
+class OrbitRotation extends ValueWithRandom {
+  constructor() {
+    super();
+    this.value = 45;
+    this.random.enable = false;
+    this.random.minimumValue = 0;
+  }
+
+  load(data) {
+    if (data === undefined) {
+      return;
+    }
+
+    super.load(data);
+  }
+
+}
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Orbit/Orbit.js
 
 
 
+
 class Orbit {
   constructor() {
     this.animation = new AnimationOptions();
     this.enable = false;
     this.opacity = 1;
-    this.rotation = 0;
+    this.rotation = new OrbitRotation();
     this.width = 1;
   }
 
@@ -2992,25 +3387,22 @@ class Orbit {
     }
 
     this.animation.load(data.animation);
-
-    if (data.rotation !== undefined) {
-      this.rotation = setRangeValue(data.rotation);
-    }
+    this.rotation.load(data.rotation);
 
     if (data.enable !== undefined) {
       this.enable = data.enable;
     }
 
     if (data.opacity !== undefined) {
-      this.opacity = data.opacity;
+      this.opacity = setRangeValue(data.opacity);
     }
 
     if (data.width !== undefined) {
-      this.width = data.width;
+      this.width = setRangeValue(data.width);
     }
 
     if (data.radius !== undefined) {
-      this.radius = data.radius;
+      this.radius = setRangeValue(data.radius);
     }
 
     if (data.color !== undefined) {
@@ -3029,7 +3421,17 @@ class ParticlesDensity {
     this.factor = 1000;
   }
 
+  get value_area() {
+    return this.area;
+  }
+
+  set value_area(value) {
+    this.area = value;
+  }
+
   load(data) {
+    var _a;
+
     if (!data) {
       return;
     }
@@ -3038,8 +3440,10 @@ class ParticlesDensity {
       this.enable = data.enable;
     }
 
-    if (data.area !== undefined) {
-      this.area = data.area;
+    const area = (_a = data.area) !== null && _a !== void 0 ? _a : data.value_area;
+
+    if (area !== undefined) {
+      this.area = area;
     }
 
     if (data.factor !== undefined) {
@@ -3057,15 +3461,26 @@ class ParticlesNumber {
     this.value = 100;
   }
 
+  get max() {
+    return this.limit;
+  }
+
+  set max(value) {
+    this.limit = value;
+  }
+
   load(data) {
+    var _a;
+
     if (!data) {
       return;
     }
 
     this.density.load(data.density);
+    const limit = (_a = data.limit) !== null && _a !== void 0 ? _a : data.max;
 
-    if (data.limit !== undefined) {
-      this.limit = data.limit;
+    if (limit !== undefined) {
+      this.limit = limit;
     }
 
     if (data.value !== undefined) {
@@ -3076,6 +3491,7 @@ class ParticlesNumber {
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Repulse/ParticlesRepulse.js
 
+
 class ParticlesRepulse extends ValueWithRandom {
   constructor() {
     super();
@@ -3098,19 +3514,19 @@ class ParticlesRepulse extends ValueWithRandom {
     }
 
     if (data.distance !== undefined) {
-      this.distance = data.distance;
+      this.distance = setRangeValue(data.distance);
     }
 
     if (data.duration !== undefined) {
-      this.duration = data.duration;
+      this.duration = setRangeValue(data.duration);
     }
 
     if (data.factor !== undefined) {
-      this.factor = data.factor;
+      this.factor = setRangeValue(data.factor);
     }
 
     if (data.speed !== undefined) {
-      this.speed = data.speed;
+      this.speed = setRangeValue(data.speed);
     }
   }
 
@@ -3118,6 +3534,7 @@ class ParticlesRepulse extends ValueWithRandom {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Repulse/index.js
 
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Roll/RollLight.js
+
 class RollLight {
   constructor() {
     this.enable = false;
@@ -3134,7 +3551,7 @@ class RollLight {
     }
 
     if (data.value !== undefined) {
-      this.value = data.value;
+      this.value = setRangeValue(data.value);
     }
   }
 
@@ -3157,7 +3574,10 @@ class Roll {
       return;
     }
 
-    this.backColor = OptionsColor.create(this.backColor, data.backColor);
+    if (data.backColor !== undefined) {
+      this.backColor = OptionsColor.create(this.backColor, data.backColor);
+    }
+
     this.darken.load(data.darken);
 
     if (data.enable !== undefined) {
@@ -3180,6 +3600,7 @@ class Roll {
 
 
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Rotate/RotateAnimation.js
+
 class RotateAnimation {
   constructor() {
     this.enable = false;
@@ -3197,7 +3618,7 @@ class RotateAnimation {
     }
 
     if (data.speed !== undefined) {
-      this.speed = data.speed;
+      this.speed = setRangeValue(data.speed);
     }
 
     if (data.sync !== undefined) {
@@ -3291,30 +3712,127 @@ class Shape {
     this.type = "circle";
   }
 
-  load(data) {
+  get image() {
+    var _a;
+
+    return (_a = this.options["image"]) !== null && _a !== void 0 ? _a : this.options["images"];
+  }
+
+  set image(value) {
+    this.options["image"] = value;
+    this.options["images"] = value;
+  }
+
+  get custom() {
+    return this.options;
+  }
+
+  set custom(value) {
+    this.options = value;
+  }
+
+  get images() {
+    return this.image;
+  }
+
+  set images(value) {
+    this.image = value;
+  }
+
+  get stroke() {
+    return [];
+  }
+
+  set stroke(_value) {}
+
+  get character() {
     var _a;
 
+    return (_a = this.options["character"]) !== null && _a !== void 0 ? _a : this.options["char"];
+  }
+
+  set character(value) {
+    this.options["character"] = value;
+    this.options["char"] = value;
+  }
+
+  get polygon() {
+    var _a;
+
+    return (_a = this.options["polygon"]) !== null && _a !== void 0 ? _a : this.options["star"];
+  }
+
+  set polygon(value) {
+    this.options["polygon"] = value;
+    this.options["star"] = value;
+  }
+
+  load(data) {
+    var _a, _b, _c;
+
     if (!data) {
       return;
     }
 
-    const options = data.options;
+    const options = (_a = data.options) !== null && _a !== void 0 ? _a : data.custom;
 
-    if (options) {
-      for (const shape of Object.keys(options)) {
+    if (options !== undefined) {
+      for (const shape in options) {
         const item = options[shape];
 
         if (item) {
-          this.options[shape] = deepExtend((_a = this.options[shape]) !== null && _a !== void 0 ? _a : {}, item);
+          this.options[shape] = deepExtend((_b = this.options[shape]) !== null && _b !== void 0 ? _b : {}, item);
         }
       }
     }
 
+    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;
     }
   }
 
+  loadShape(item, mainKey, altKey, altOverride) {
+    var _a, _b, _c, _d;
+
+    if (item === undefined) {
+      return;
+    }
+
+    if (item instanceof Array) {
+      if (!(this.options[mainKey] instanceof Array)) {
+        this.options[mainKey] = [];
+
+        if (!this.options[altKey] || altOverride) {
+          this.options[altKey] = [];
+        }
+      }
+
+      this.options[mainKey] = deepExtend((_a = this.options[mainKey]) !== null && _a !== void 0 ? _a : [], item);
+
+      if (!this.options[altKey] || altOverride) {
+        this.options[altKey] = deepExtend((_b = this.options[altKey]) !== null && _b !== void 0 ? _b : [], item);
+      }
+    } else {
+      if (this.options[mainKey] instanceof Array) {
+        this.options[mainKey] = {};
+
+        if (!this.options[altKey] || altOverride) {
+          this.options[altKey] = {};
+        }
+      }
+
+      this.options[mainKey] = deepExtend((_c = this.options[mainKey]) !== null && _c !== void 0 ? _c : {}, item);
+
+      if (!this.options[altKey] || altOverride) {
+        this.options[altKey] = deepExtend((_d = this.options[altKey]) !== null && _d !== void 0 ? _d : {}, item);
+      }
+    }
+  }
+
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Shape/index.js
 
@@ -3330,7 +3848,17 @@ class SizeAnimation extends AnimationOptions {
     this.sync = false;
   }
 
+  get size_min() {
+    return this.minimumValue;
+  }
+
+  set size_min(value) {
+    this.minimumValue = value;
+  }
+
   load(data) {
+    var _a;
+
     super.load(data);
 
     if (!data) {
@@ -3345,6 +3873,8 @@ class SizeAnimation extends AnimationOptions {
       this.enable = data.enable;
     }
 
+    this.minimumValue = (_a = data.minimumValue) !== null && _a !== void 0 ? _a : data.size_min;
+
     if (data.speed !== undefined) {
       this.speed = data.speed;
     }
@@ -3362,21 +3892,38 @@ class SizeAnimation extends AnimationOptions {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Size/Size.js
 
 
+
 class Size extends ValueWithRandom {
   constructor() {
     super();
     this.animation = new SizeAnimation();
+    this.random.minimumValue = 1;
     this.value = 3;
   }
 
+  get anim() {
+    return this.animation;
+  }
+
+  set anim(value) {
+    this.animation = value;
+  }
+
   load(data) {
+    var _a;
+
     super.load(data);
 
     if (!data) {
       return;
     }
 
-    this.animation.load(data.animation);
+    const animation = (_a = data.animation) !== null && _a !== void 0 ? _a : data.anim;
+
+    if (animation !== undefined) {
+      this.animation.load(animation);
+      this.value = setRangeValue(this.value, this.animation.enable ? this.animation.minimumValue : undefined);
+    }
   }
 
 }
@@ -3395,7 +3942,9 @@ class Stroke {
       return;
     }
 
-    this.color = AnimatableColor.create(this.color, data.color);
+    if (data.color !== undefined) {
+      this.color = AnimatableColor.create(this.color, data.color);
+    }
 
     if (data.width !== undefined) {
       this.width = data.width;
@@ -3408,6 +3957,7 @@ class Stroke {
 
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Tilt/TiltAnimation.js
+
 class TiltAnimation {
   constructor() {
     this.enable = false;
@@ -3425,7 +3975,7 @@ class TiltAnimation {
     }
 
     if (data.speed !== undefined) {
-      this.speed = data.speed;
+      this.speed = setRangeValue(data.speed);
     }
 
     if (data.sync !== undefined) {
@@ -3470,6 +4020,7 @@ class Tilt extends ValueWithRandom {
 
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Twinkle/TwinkleValues.js
 
+
 class TwinkleValues {
   constructor() {
     this.enable = false;
@@ -3482,7 +4033,9 @@ class TwinkleValues {
       return;
     }
 
-    this.color = OptionsColor.create(this.color, data.color);
+    if (data.color !== undefined) {
+      this.color = OptionsColor.create(this.color, data.color);
+    }
 
     if (data.enable !== undefined) {
       this.enable = data.enable;
@@ -3493,7 +4046,7 @@ class TwinkleValues {
     }
 
     if (data.opacity !== undefined) {
-      this.opacity = data.opacity;
+      this.opacity = setRangeValue(data.opacity);
     }
   }
 
@@ -3516,6 +4069,9 @@ class Twinkle {
   }
 
 }
+;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Twinkle/index.js
+
+
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Wobble/Wobble.js
 
 class Wobble {
@@ -3632,8 +4188,24 @@ class ParticlesOptions {
     this.zIndex = new ZIndex();
   }
 
+  get line_linked() {
+    return this.links;
+  }
+
+  set line_linked(value) {
+    this.links = value;
+  }
+
+  get lineLinked() {
+    return this.links;
+  }
+
+  set lineLinked(value) {
+    this.links = value;
+  }
+
   load(data) {
-    var _a;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
 
     if (!data) {
       return;
@@ -3643,14 +4215,18 @@ class ParticlesOptions {
     this.color.load(AnimatableColor.create(this.color, data.color));
     this.destroy.load(data.destroy);
     this.life.load(data.life);
-    this.links.load(data.links);
+    const links = (_b = (_a = data.links) !== null && _a !== void 0 ? _a : data.lineLinked) !== null && _b !== void 0 ? _b : data.line_linked;
+
+    if (links !== undefined) {
+      this.links.load(links);
+    }
 
     if (data.groups !== undefined) {
       for (const group in data.groups) {
         const item = data.groups[group];
 
         if (item !== undefined) {
-          this.groups[group] = deepExtend((_a = this.groups[group]) !== null && _a !== void 0 ? _a : {}, item);
+          this.groups[group] = deepExtend((_c = this.groups[group]) !== null && _c !== void 0 ? _c : {}, item);
         }
       }
     }
@@ -3674,8 +4250,14 @@ class ParticlesOptions {
     this.twinkle.load(data.twinkle);
     this.wobble.load(data.wobble);
     this.zIndex.load(data.zIndex);
+    const collisions = (_e = (_d = data.move) === null || _d === void 0 ? void 0 : _d.collisions) !== null && _e !== void 0 ? _e : (_f = data.move) === null || _f === void 0 ? void 0 : _f.bounce;
+
+    if (collisions !== undefined) {
+      this.collisions.enable = collisions;
+    }
+
     this.collisions.load(data.collisions);
-    const strokeToLoad = data.stroke;
+    const strokeToLoad = (_g = data.stroke) !== null && _g !== void 0 ? _g : (_h = data.shape) === null || _h === void 0 ? void 0 : _h.stroke;
 
     if (strokeToLoad) {
       if (strokeToLoad instanceof Array) {
@@ -3720,9 +4302,6 @@ class ParticlesOptions {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Number/index.js
 
 
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Twinkle/index.js
-
-
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/index.js
 
 
@@ -3939,7 +4518,7 @@ function circleBounceDataFromParticle(p) {
     radius: p.getRadius(),
     mass: p.getMass(),
     velocity: p.velocity,
-    factor: Vector.create(getRangeValue(p.options.bounce.horizontal), getRangeValue(p.options.bounce.vertical))
+    factor: Vector.create(getValue(p.options.bounce.horizontal), getValue(p.options.bounce.vertical))
   };
 }
 function circleBounce(p1, p2) {
@@ -3985,7 +4564,7 @@ function rectBounce(particle, divBounds) {
   }, {
     min: divBounds.top,
     max: divBounds.bottom
-  }, particle.velocity.x, getRangeValue(particle.options.bounce.horizontal));
+  }, particle.velocity.x, getValue(particle.options.bounce.horizontal));
 
   if (resH.bounced) {
     if (resH.velocity !== undefined) {
@@ -4009,7 +4588,7 @@ function rectBounce(particle, divBounds) {
   }, {
     min: divBounds.left,
     max: divBounds.right
-  }, particle.velocity.y, getRangeValue(particle.options.bounce.vertical));
+  }, particle.velocity.y, getValue(particle.options.bounce.vertical));
 
   if (resV.bounced) {
     if (resV.velocity !== undefined) {
@@ -4501,7 +5080,7 @@ function setColorAnimation(colorValue, colorAnimation, reduceFactor) {
   colorValue.enable = colorAnimation.enable;
 
   if (colorValue.enable) {
-    colorValue.velocity = colorAnimation.speed / 100 * reduceFactor;
+    colorValue.velocity = getRangeValue(colorAnimation.speed) / 100 * reduceFactor;
 
     if (colorAnimation.sync) {
       return;
@@ -4739,427 +5318,6 @@ function alterHsl(color, type, value) {
     l: color.l + (type === "darken" ? -1 : 1) * value
   };
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Utils/DefaultOptions.js
-const DefaultOptions = {
-  autoPlay: true,
-  background: {
-    color: {
-      value: ""
-    },
-    image: "",
-    position: "",
-    repeat: "",
-    size: "",
-    opacity: 1
-  },
-  backgroundMask: {
-    composite: "destination-out",
-    cover: {
-      color: {
-        value: "#fff"
-      },
-      opacity: 1
-    },
-    enable: false
-  },
-  fullScreen: {
-    enable: true,
-    zIndex: 0
-  },
-  detectRetina: true,
-  duration: 0,
-  fpsLimit: 60,
-  interactivity: {
-    detectsOn: "window",
-    events: {
-      onClick: {
-        enable: false,
-        mode: []
-      },
-      onDiv: {
-        selectors: [],
-        enable: false,
-        mode: [],
-        type: "circle"
-      },
-      onHover: {
-        enable: false,
-        mode: [],
-        parallax: {
-          enable: false,
-          force: 2,
-          smooth: 10
-        }
-      },
-      resize: true
-    },
-    modes: {
-      attract: {
-        distance: 200,
-        duration: 0.4,
-        easing: "ease-out-quad",
-        factor: 1,
-        maxSpeed: 50,
-        speed: 1
-      },
-      bounce: {
-        distance: 200
-      },
-      bubble: {
-        distance: 200,
-        duration: 0.4,
-        mix: false
-      },
-      connect: {
-        distance: 80,
-        links: {
-          opacity: 0.5
-        },
-        radius: 60
-      },
-      grab: {
-        distance: 100,
-        links: {
-          blink: false,
-          consent: false,
-          opacity: 1
-        }
-      },
-      light: {
-        area: {
-          gradient: {
-            start: {
-              value: "#ffffff"
-            },
-            stop: {
-              value: "#000000"
-            }
-          },
-          radius: 1000
-        },
-        shadow: {
-          color: {
-            value: "#000000"
-          },
-          length: 2000
-        }
-      },
-      push: {
-        default: true,
-        groups: [],
-        quantity: 4
-      },
-      remove: {
-        quantity: 2
-      },
-      repulse: {
-        distance: 200,
-        duration: 0.4,
-        factor: 100,
-        speed: 1,
-        maxSpeed: 50,
-        easing: "ease-out-quad"
-      },
-      slow: {
-        factor: 3,
-        radius: 200
-      },
-      trail: {
-        delay: 1,
-        pauseOnStop: false,
-        quantity: 1
-      }
-    }
-  },
-  manualParticles: [],
-  motion: {
-    disable: false,
-    reduce: {
-      factor: 4,
-      value: true
-    }
-  },
-  particles: {
-    bounce: {
-      horizontal: 1,
-      vertical: 1
-    },
-    collisions: {
-      bounce: {
-        horizontal: 1,
-        vertical: 1
-      },
-      enable: false,
-      mode: "bounce",
-      overlap: {
-        enable: true,
-        retries: 0
-      }
-    },
-    color: {
-      value: "#fff",
-      animation: {
-        h: {
-          count: 0,
-          enable: false,
-          offset: 0,
-          speed: 1,
-          sync: true
-        },
-        s: {
-          count: 0,
-          enable: false,
-          offset: 0,
-          speed: 1,
-          sync: true
-        },
-        l: {
-          count: 0,
-          enable: false,
-          offset: 0,
-          speed: 1,
-          sync: true
-        }
-      }
-    },
-    destroy: {
-      mode: "none",
-      split: {
-        count: 1,
-        factor: 3,
-        rate: {
-          min: 4,
-          max: 9
-        },
-        sizeOffset: true
-      }
-    },
-    gradient: [],
-    groups: {},
-    life: {
-      count: 0,
-      delay: {
-        value: 0,
-        sync: false
-      },
-      duration: {
-        value: 0,
-        sync: false
-      }
-    },
-    links: {
-      blink: false,
-      color: {
-        value: "#fff"
-      },
-      consent: false,
-      distance: 100,
-      enable: false,
-      frequency: 1,
-      opacity: 1,
-      shadow: {
-        blur: 5,
-        color: {
-          value: "#fff"
-        },
-        enable: false
-      },
-      triangles: {
-        enable: false,
-        frequency: 1
-      },
-      width: 1,
-      warp: false
-    },
-    move: {
-      angle: {
-        offset: 0,
-        value: 90
-      },
-      attract: {
-        distance: 200,
-        enable: false,
-        rotate: {
-          x: 3000,
-          y: 3000
-        }
-      },
-      center: {
-        x: 50,
-        y: 50,
-        radius: 0
-      },
-      decay: 0,
-      distance: {},
-      direction: "none",
-      drift: 0,
-      enable: false,
-      gravity: {
-        acceleration: 9.81,
-        enable: false,
-        inverse: false,
-        maxSpeed: 50
-      },
-      path: {
-        clamp: true,
-        delay: 0,
-        enable: false,
-        options: {}
-      },
-      outModes: {
-        default: "out"
-      },
-      random: false,
-      size: false,
-      speed: 2,
-      spin: {
-        acceleration: 0,
-        enable: false
-      },
-      straight: false,
-      trail: {
-        enable: false,
-        length: 10,
-        fillColor: {
-          value: "#000000"
-        }
-      },
-      vibrate: false,
-      warp: false
-    },
-    number: {
-      density: {
-        enable: false,
-        area: 800,
-        factor: 1000
-      },
-      limit: 0,
-      value: 100
-    },
-    opacity: {
-      value: 1,
-      animation: {
-        count: 0,
-        enable: false,
-        speed: 2,
-        sync: false,
-        destroy: "none",
-        startValue: "random"
-      }
-    },
-    orbit: {
-      animation: {
-        count: 0,
-        enable: false,
-        speed: 1,
-        sync: false
-      },
-      enable: false,
-      opacity: 1,
-      rotation: 0,
-      width: 1
-    },
-    reduceDuplicates: false,
-    repulse: {
-      value: 0,
-      enabled: false,
-      distance: 1,
-      duration: 1,
-      factor: 1,
-      speed: 1
-    },
-    roll: {
-      darken: {
-        enable: false,
-        value: 0
-      },
-      enable: false,
-      enlighten: {
-        enable: false,
-        value: 0
-      },
-      mode: "vertical",
-      speed: 25
-    },
-    rotate: {
-      value: 0,
-      animation: {
-        enable: false,
-        speed: 0,
-        sync: false
-      },
-      direction: "clockwise",
-      path: false
-    },
-    shadow: {
-      blur: 0,
-      color: {
-        value: "#000000"
-      },
-      enable: false,
-      offset: {
-        x: 0,
-        y: 0
-      }
-    },
-    shape: {
-      options: {},
-      type: "circle"
-    },
-    size: {
-      value: 3,
-      animation: {
-        count: 0,
-        enable: false,
-        speed: 5,
-        sync: false,
-        destroy: "none",
-        startValue: "random"
-      }
-    },
-    stroke: {
-      width: 0
-    },
-    tilt: {
-      value: 0,
-      animation: {
-        enable: false,
-        speed: 0,
-        sync: false
-      },
-      direction: "clockwise",
-      enable: false
-    },
-    twinkle: {
-      lines: {
-        enable: false,
-        frequency: 0.05,
-        opacity: 1
-      },
-      particles: {
-        enable: false,
-        frequency: 0.05,
-        opacity: 1
-      }
-    },
-    wobble: {
-      distance: 5,
-      enable: false,
-      speed: 50
-    },
-    zIndex: {
-      value: 0,
-      opacityRate: 1,
-      sizeRate: 1,
-      velocityRate: 1
-    }
-  },
-  pauseOnBlur: true,
-  pauseOnOutsideViewport: true,
-  responsive: [],
-  themes: [],
-  zLayers: 100
-};
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Utils/EventDispatcher.js
 var EventDispatcher_classPrivateFieldSet = undefined && undefined.__classPrivateFieldSet || function (receiver, state, value, kind, f) {
   if (kind === "m") throw new TypeError("Private method is not writable");
@@ -5242,7 +5400,6 @@ _EventDispatcher_listeners = new WeakMap();
 
 
 
-
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/Range.js
 class Range {
   constructor(x, y) {
@@ -6480,10 +6637,7 @@ class Canvas {
     const container = this.container;
     const pxRatio = container.retina.pixelRatio;
     const size = container.canvas.size;
-    const oldSize = {
-      width: size.width,
-      height: size.height
-    };
+    const oldSize = Object.assign({}, size);
     size.width = this.element.offsetWidth * pxRatio;
     size.height = this.element.offsetHeight * pxRatio;
     this.element.width = size.width;
@@ -6558,7 +6712,7 @@ class Canvas {
     const zIndexOptions = particle.options.zIndex;
     const zOpacityFactor = (1 - particle.zIndexFactor) ** zIndexOptions.opacityRate;
     const radius = particle.getRadius();
-    const opacity = twinkling ? twinkle.opacity : (_d = (_b = particle.bubble.opacity) !== null && _b !== void 0 ? _b : (_c = particle.opacity) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : 1;
+    const opacity = twinkling ? getRangeValue(twinkle.opacity) : (_d = (_b = particle.bubble.opacity) !== null && _b !== void 0 ? _b : (_c = particle.opacity) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : 1;
     const strokeOpacity = (_f = (_e = particle.stroke) === null || _e === void 0 ? void 0 : _e.opacity) !== null && _f !== void 0 ? _f : opacity;
     const zOpacity = opacity * zOpacityFactor;
     const fillColorValue = fColor ? getStyleFromHsl(fColor, zOpacity) : undefined;
@@ -6800,6 +6954,7 @@ class Particle {
       maxDistance: {}
     };
     this.outType = "normal";
+    this.ignoresResizeRatio = true;
     const pxRatio = container.retina.pixelRatio;
     const mainOptions = container.actualOptions;
     const particlesOptions = loadParticlesOptions(mainOptions.particles);
@@ -6834,7 +6989,7 @@ class Particle {
     this.fill = (_d = (_c = this.shapeData) === null || _c === void 0 ? void 0 : _c.fill) !== null && _d !== void 0 ? _d : this.fill;
     this.close = (_f = (_e = this.shapeData) === null || _e === void 0 ? void 0 : _e.close) !== null && _f !== void 0 ? _f : this.close;
     this.options = particlesOptions;
-    this.pathDelay = getRangeValue(this.options.move.path.delay) * 1000;
+    this.pathDelay = getValue(this.options.move.path.delay) * 1000;
     const zIndexValue = getRangeValue(this.options.zIndex.value);
     container.retina.initParticle(this);
     const sizeOptions = this.options.size,
@@ -6845,7 +7000,7 @@ class Particle {
       max: getRangeMax(sizeRange) * pxRatio,
       min: getRangeMin(sizeRange) * pxRatio,
       loops: 0,
-      maxLoops: sizeOptions.animation.count
+      maxLoops: getRangeValue(sizeOptions.animation.count)
     };
     const sizeAnimation = sizeOptions.animation;
 
@@ -6904,6 +7059,12 @@ class Particle {
     this.initialVelocity = this.calculateVelocity();
     this.velocity = this.initialVelocity.copy();
     this.moveDecay = 1 - getRangeValue(this.options.move.decay);
+    const gravityOptions = this.options.move.gravity;
+    this.gravity = {
+      enable: gravityOptions.enable,
+      acceleration: getRangeValue(gravityOptions.acceleration),
+      inverse: gravityOptions.inverse
+    };
     this.offset = Vector.origin;
     const particles = container.particles;
     particles.needsSort = particles.needsSort || particles.lastZIndex < this.position.z;
@@ -6996,12 +7157,14 @@ class Particle {
   }
 
   getFillColor() {
-    var _a, _b, _c;
+    var _a, _b;
 
     const color = (_a = this.bubble.color) !== null && _a !== void 0 ? _a : getHslFromAnimation(this.color);
 
     if (color && this.roll && (this.backColor || this.roll.alter)) {
-      const rolled = Math.floor(((_c = (_b = this.roll) === null || _b === void 0 ? void 0 : _b.angle) !== null && _c !== void 0 ? _c : 0) / (Math.PI / 2)) % 2;
+      const backFactor = this.options.roll.mode === "both" ? 2 : 1,
+            backSum = this.options.roll.mode === "horizontal" ? Math.PI / 2 : 0,
+            rolled = Math.floor((((_b = this.roll.angle) !== null && _b !== void 0 ? _b : 0) + backSum) / (Math.PI / backFactor)) % 2;
 
       if (rolled) {
         if (this.backColor) {
@@ -7066,7 +7229,7 @@ class Particle {
       return;
     }
 
-    const rate = getRangeValue(splitOptions.rate);
+    const rate = getValue(splitOptions.rate);
 
     for (let i = 0; i < rate; i++) {
       this.container.particles.addSplitParticle(this);
@@ -7163,8 +7326,8 @@ class Particle {
       return res;
     }
 
-    const rad = Math.PI / 180 * moveOptions.angle.value;
-    const radOffset = Math.PI / 180 * moveOptions.angle.offset;
+    const rad = Math.PI / 180 * getRangeValue(moveOptions.angle.value);
+    const radOffset = Math.PI / 180 * getRangeValue(moveOptions.angle.offset);
     const range = {
       left: radOffset - rad / 2,
       right: radOffset + rad / 2
@@ -7361,11 +7524,12 @@ class Particles {
     for (const particle of this.array) {
       const resizeFactor = container.canvas.resizeFactor;
 
-      if (resizeFactor) {
+      if (resizeFactor && !particle.ignoresResizeRatio) {
         particle.position.x *= resizeFactor.width;
         particle.position.y *= resizeFactor.height;
       }
 
+      particle.ignoresResizeRatio = false;
       particle.bubble.inRange = false;
 
       for (const [, plugin] of this.container.plugins) {
@@ -7467,7 +7631,7 @@ class Particles {
   addSplitParticle(parent) {
     const splitOptions = parent.options.destroy.split;
     const options = loadParticlesOptions(parent.options);
-    const factor = getRangeValue(splitOptions.factor);
+    const factor = getValue(splitOptions.factor);
     options.color.load({
       value: {
         hsl: parent.getFillColor()
@@ -7686,14 +7850,14 @@ class Retina {
     }
 
     const particles = options.particles;
-    this.attractDistance = particles.move.attract.distance * ratio;
+    this.attractDistance = getRangeValue(particles.move.attract.distance) * ratio;
     this.linksDistance = particles.links.distance * ratio;
     this.linksWidth = particles.links.width * ratio;
-    this.sizeAnimationSpeed = particles.size.animation.speed * ratio;
-    this.maxSpeed = particles.move.gravity.maxSpeed * ratio;
+    this.sizeAnimationSpeed = getRangeValue(particles.size.animation.speed) * ratio;
+    this.maxSpeed = getRangeValue(particles.move.gravity.maxSpeed) * ratio;
 
     if (particles.orbit.radius !== undefined) {
-      this.orbitRadius = particles.orbit.radius * this.container.retina.pixelRatio;
+      this.orbitRadius = getRangeValue(particles.orbit.radius) * this.container.retina.pixelRatio;
     }
 
     const modes = options.interactivity.modes;
@@ -7716,16 +7880,16 @@ class Retina {
     const ratio = this.pixelRatio;
     const moveDistance = options.move.distance;
     const props = particle.retina;
-    props.attractDistance = options.move.attract.distance * ratio;
+    props.attractDistance = getRangeValue(options.move.attract.distance) * ratio;
     props.linksDistance = options.links.distance * ratio;
     props.linksWidth = options.links.width * ratio;
     props.moveDrift = getRangeValue(options.move.drift) * ratio;
     props.moveSpeed = getRangeValue(options.move.speed) * ratio;
-    props.sizeAnimationSpeed = options.size.animation.speed * ratio;
+    props.sizeAnimationSpeed = getRangeValue(options.size.animation.speed) * ratio;
     const maxDistance = props.maxDistance;
     maxDistance.horizontal = moveDistance.horizontal !== undefined ? moveDistance.horizontal * ratio : undefined;
     maxDistance.vertical = moveDistance.vertical !== undefined ? moveDistance.vertical * ratio : undefined;
-    props.maxSpeed = options.move.gravity.maxSpeed * ratio;
+    props.maxSpeed = getRangeValue(options.move.gravity.maxSpeed) * ratio;
   }
 
   handleMotionChange(mediaQuery) {
@@ -8652,6 +8816,28 @@ tsParticles.init();
 
 
 
+;// CONCATENATED MODULE: ../../plugins/absorbers/dist/Options/Classes/AbsorberSizeLimit.js
+class AbsorberSizeLimit {
+  constructor() {
+    this.radius = 0;
+    this.mass = 0;
+  }
+
+  load(data) {
+    if (!data) {
+      return;
+    }
+
+    if (data.mass !== undefined) {
+      this.mass = data.mass;
+    }
+
+    if (data.radius !== undefined) {
+      this.radius = data.radius;
+    }
+  }
+
+}
 ;// CONCATENATED MODULE: ../../plugins/absorbers/dist/Options/Classes/AbsorberSize.js
 
 
@@ -8716,10 +8902,15 @@ class Absorber {
     }
 
     if (data.position !== undefined) {
-      this.position = {
-        x: data.position.x,
-        y: data.position.y
-      };
+      this.position = {};
+
+      if (data.position.x !== undefined) {
+        this.position.x = setRangeValue(data.position.x);
+      }
+
+      if (data.position.y !== undefined) {
+        this.position.y = setRangeValue(data.position.y);
+      }
     }
 
     if (data.size !== undefined) {
@@ -8853,7 +9044,7 @@ class AbsorberInstance {
 
     const container = this.container;
     const percentPosition = this.options.position;
-    return 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 Vector.create(getRangeValue((_a = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.x) !== null && _a !== void 0 ? _a : Math.random() * 100) / 100 * container.canvas.size.width, getRangeValue((_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) {
@@ -9336,10 +9527,15 @@ class Emitter {
     }
 
     if (data.position !== undefined) {
-      this.position = {
-        x: data.position.x,
-        y: data.position.y
-      };
+      this.position = {};
+
+      if (data.position.x !== undefined) {
+        this.position.x = setRangeValue(data.position.x);
+      }
+
+      if (data.position.y !== undefined) {
+        this.position.y = setRangeValue(data.position.y);
+      }
     }
 
     if (data.spawnColor !== undefined) {
@@ -9377,9 +9573,9 @@ var _EmitterInstance_firstSpawn, _EmitterInstance_startParticlesAdded, _EmitterI
 
 class EmitterInstance {
   constructor(engine, emitters, container, options, position) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
 
-    var _g;
+    var _h;
 
     this.emitters = emitters;
     this.container = container;
@@ -9405,8 +9601,9 @@ class EmitterInstance {
     }
 
     this.spawnDelay = ((_a = this.options.life.delay) !== null && _a !== void 0 ? _a : 0) * 1000 / this.container.retina.reduceFactor;
+    this.position = (_b = this.initialPosition) !== null && _b !== void 0 ? _b : this.calcPosition();
     this.name = this.options.name;
-    this.shape = (_b = EmitterInstance_classPrivateFieldGet(this, _EmitterInstance_engine, "f").emitterShapeManager) === null || _b === void 0 ? void 0 : _b.getShape(this.options.shape);
+    this.shape = (_c = EmitterInstance_classPrivateFieldGet(this, _EmitterInstance_engine, "f").emitterShapeManager) === null || _c === void 0 ? void 0 : _c.getShape(this.options.shape);
     this.fill = this.options.fill;
 
     EmitterInstance_classPrivateFieldSet(this, _EmitterInstance_firstSpawn, !this.options.life.wait, "f");
@@ -9415,8 +9612,8 @@ class EmitterInstance {
 
     let particlesOptions = deepExtend({}, this.options.particles);
     particlesOptions !== null && particlesOptions !== void 0 ? particlesOptions : particlesOptions = {};
-    (_c = particlesOptions.move) !== null && _c !== void 0 ? _c : particlesOptions.move = {};
-    (_d = (_g = particlesOptions.move).direction) !== null && _d !== void 0 ? _d : _g.direction = this.options.direction;
+    (_d = particlesOptions.move) !== null && _d !== void 0 ? _d : particlesOptions.move = {};
+    (_e = (_h = particlesOptions.move).direction) !== null && _e !== void 0 ? _e : _h.direction = this.options.direction;
 
     if (this.options.spawnColor) {
       this.spawnColor = colorToHsl(this.options.spawnColor);
@@ -9424,7 +9621,7 @@ class EmitterInstance {
 
     this.paused = !this.options.autoPlay;
     this.particlesOptions = particlesOptions;
-    this.size = (_e = this.options.size) !== null && _e !== void 0 ? _e : (() => {
+    this.size = (_f = this.options.size) !== null && _f !== void 0 ? _f : (() => {
       const size = new EmitterSize();
       size.load({
         height: 0,
@@ -9433,7 +9630,7 @@ class EmitterInstance {
       });
       return size;
     })();
-    this.lifeCount = (_f = this.options.life.count) !== null && _f !== void 0 ? _f : -1;
+    this.lifeCount = (_g = this.options.life.count) !== null && _g !== void 0 ? _g : -1;
     this.immortal = this.lifeCount <= 0;
 
     EmitterInstance_classPrivateFieldGet(this, _EmitterInstance_engine, "f").dispatchEvent("emitterCreated", {
@@ -9627,8 +9824,8 @@ class EmitterInstance {
     const container = this.container;
     const percentPosition = this.options.position;
     return {
-      x: ((_a = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.x) !== null && _a !== void 0 ? _a : Math.random() * 100) / 100 * container.canvas.size.width,
-      y: ((_b = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.y) !== null && _b !== void 0 ? _b : Math.random() * 100) / 100 * container.canvas.size.height
+      x: getRangeValue((_a = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.x) !== null && _a !== void 0 ? _a : Math.random() * 100) / 100 * container.canvas.size.width,
+      y: getRangeValue((_b = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.y) !== null && _b !== void 0 ? _b : Math.random() * 100) / 100 * container.canvas.size.height
     };
   }
 
@@ -9690,7 +9887,7 @@ class EmitterInstance {
     const colorOffset = randomInRange(animation.offset);
     const delay = getRangeValue(this.options.rate.delay);
     const emitFactor = 1000 * delay / container.retina.reduceFactor;
-    const colorSpeed = (_a = animation.speed) !== null && _a !== void 0 ? _a : 0;
+    const colorSpeed = getRangeValue((_a = animation.speed) !== null && _a !== void 0 ? _a : 0);
     return (initValue + colorSpeed * container.fpsLimit / emitFactor + colorOffset * 3.6) % maxValue;
   }
 
@@ -11258,17 +11455,17 @@ class RollUpdater {
         const alterType = Math.random() >= 0.5 ? "darken" : "enlighten";
         particle.roll.alter = {
           type: alterType,
-          value: alterType === "darken" ? rollOpt.darken.value : rollOpt.enlighten.value
+          value: getRangeValue(alterType === "darken" ? rollOpt.darken.value : rollOpt.enlighten.value)
         };
       } else if (rollOpt.darken.enable) {
         particle.roll.alter = {
           type: "darken",
-          value: rollOpt.darken.value
+          value: getRangeValue(rollOpt.darken.value)
         };
       } else if (rollOpt.enlighten.enable) {
         particle.roll.alter = {
           type: "enlighten",
-          value: rollOpt.enlighten.value
+          value: getRangeValue(rollOpt.enlighten.value)
         };
       }
     } else {
@@ -11407,7 +11604,7 @@ class AngleUpdater {
     const rotateAnimation = particle.options.rotate.animation;
 
     if (rotateAnimation.enable) {
-      particle.rotate.velocity = rotateAnimation.speed / 360 * this.container.retina.reduceFactor;
+      particle.rotate.velocity = getRangeValue(rotateAnimation.speed) / 360 * this.container.retina.reduceFactor;
 
       if (!rotateAnimation.sync) {
         particle.rotate.velocity *= Math.random();
@@ -11650,7 +11847,7 @@ class BaseMover {
           diffFactor = 2,
           moveSpeed = baseSpeed * speedFactor / diffFactor;
     applyPath(particle, delta);
-    const gravityOptions = moveOptions.gravity,
+    const gravityOptions = particle.gravity,
           gravityFactor = gravityOptions.enable && gravityOptions.inverse ? -1 : 1;
 
     if (gravityOptions.enable && moveSpeed) {
@@ -11670,7 +11867,7 @@ class BaseMover {
     const velocity = particle.velocity.mult(moveSpeed),
           maxSpeed = (_c = particle.retina.maxSpeed) !== null && _c !== void 0 ? _c : container.retina.maxSpeed;
 
-    if (gravityOptions.enable && gravityOptions.maxSpeed > 0 && (!gravityOptions.inverse && velocity.y >= 0 && velocity.y >= maxSpeed || gravityOptions.inverse && velocity.y <= 0 && velocity.y <= -maxSpeed)) {
+    if (gravityOptions.enable && maxSpeed > 0 && (!gravityOptions.inverse && velocity.y >= 0 && velocity.y >= maxSpeed || gravityOptions.inverse && velocity.y <= 0 && velocity.y <= -maxSpeed)) {
       velocity.y = gravityFactor * maxSpeed;
 
       if (moveSpeed) {
@@ -14076,7 +14273,7 @@ function updateOpacity(particle, delta) {
   const minValue = particle.opacity.min;
   const maxValue = particle.opacity.max;
 
-  if (!(!particle.destroyed && particle.opacity.enable && (((_a = particle.opacity.maxLoops) !== null && _a !== void 0 ? _a : 0) <= 0 || ((_b = particle.opacity.loops) !== null && _b !== void 0 ? _b : 0) < ((_c = particle.opacity.maxLoops) !== null && _c !== void 0 ? _c : 0)))) {
+  if (particle.destroyed || !particle.opacity.enable || ((_a = particle.opacity.maxLoops) !== null && _a !== void 0 ? _a : 0) > 0 && ((_b = particle.opacity.loops) !== null && _b !== void 0 ? _b : 0) > ((_c = particle.opacity.maxLoops) !== null && _c !== void 0 ? _c : 0)) {
     return;
   }
 
@@ -14132,7 +14329,7 @@ class OpacityUpdater {
       min: getRangeMin(opacityOptions.value),
       value: getRangeValue(opacityOptions.value),
       loops: 0,
-      maxLoops: opacityOptions.animation.count
+      maxLoops: getRangeValue(opacityOptions.animation.count)
     };
     const opacityAnimation = opacityOptions.animation;
 
@@ -14160,7 +14357,7 @@ class OpacityUpdater {
           break;
       }
 
-      particle.opacity.velocity = opacityAnimation.speed / 100 * this.container.retina.reduceFactor;
+      particle.opacity.velocity = getRangeValue(opacityAnimation.speed) / 100 * this.container.retina.reduceFactor;
 
       if (!opacityAnimation.sync) {
         particle.opacity.velocity *= Math.random();
@@ -14169,9 +14366,9 @@ class OpacityUpdater {
   }
 
   isEnabled(particle) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
 
-    return !particle.destroyed && !particle.spawning && !!particle.opacity && particle.opacity.enable && (((_a = particle.opacity.maxLoops) !== null && _a !== void 0 ? _a : 0) <= 0 || ((_b = particle.opacity.loops) !== null && _b !== void 0 ? _b : 0) < ((_c = particle.opacity.maxLoops) !== null && _c !== void 0 ? _c : 0));
+    return !particle.destroyed && !particle.spawning && !!particle.opacity && particle.opacity.enable && (((_a = particle.opacity.maxLoops) !== null && _a !== void 0 ? _a : 0) <= 0 || ((_b = particle.opacity.maxLoops) !== null && _b !== void 0 ? _b : 0) > 0 && ((_c = particle.opacity.loops) !== null && _c !== void 0 ? _c : 0) < ((_d = particle.opacity.maxLoops) !== null && _d !== void 0 ? _d : 0));
   }
 
   update(particle, delta) {
@@ -14233,7 +14430,7 @@ function bounceHorizontal(data) {
   let bounced = false;
 
   if (data.direction === "right" && data.bounds.right >= data.canvasSize.width && velocity > 0 || data.direction === "left" && data.bounds.left <= 0 && velocity < 0) {
-    const newVelocity = getRangeValue(data.particle.options.bounce.horizontal);
+    const newVelocity = getValue(data.particle.options.bounce.horizontal);
     data.particle.velocity.x *= -newVelocity;
     bounced = true;
   }
@@ -14260,7 +14457,7 @@ function bounceVertical(data) {
     let bounced = false;
 
     if (data.direction === "bottom" && data.bounds.bottom >= data.canvasSize.height && velocity > 0 || data.direction === "top" && data.bounds.top <= 0 && velocity < 0) {
-      const newVelocity = getRangeValue(data.particle.options.bounce.vertical);
+      const newVelocity = getValue(data.particle.options.bounce.vertical);
       data.particle.velocity.y *= -newVelocity;
       bounced = true;
     }
@@ -15447,7 +15644,7 @@ class LinkInstance {
 
         if (twinkling && twinkleRgb !== undefined) {
           colorLine = twinkleRgb;
-          opacity = twinkle.opacity;
+          opacity = getRangeValue(twinkle.opacity);
         }
       }
 
@@ -15730,7 +15927,7 @@ function updateSize(particle, delta) {
   const minValue = particle.size.min;
   const maxValue = particle.size.max;
 
-  if (!(!particle.destroyed && particle.size.enable && (((_b = particle.size.loops) !== null && _b !== void 0 ? _b : 0) <= 0 || ((_c = particle.size.loops) !== null && _c !== void 0 ? _c : 0) < ((_d = particle.size.maxLoops) !== null && _d !== void 0 ? _d : 0)))) {
+  if (particle.destroyed || !particle.size.enable || ((_b = particle.size.maxLoops) !== null && _b !== void 0 ? _b : 0) > 0 && ((_c = particle.size.loops) !== null && _c !== void 0 ? _c : 0) > ((_d = particle.size.maxLoops) !== null && _d !== void 0 ? _d : 0)) {
     return;
   }
 
@@ -15776,9 +15973,9 @@ class SizeUpdater {
   init() {}
 
   isEnabled(particle) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
 
-    return !particle.destroyed && !particle.spawning && particle.size.enable && (((_a = particle.size.loops) !== null && _a !== void 0 ? _a : 0) <= 0 || ((_b = particle.size.loops) !== null && _b !== void 0 ? _b : 0) < ((_c = particle.size.maxLoops) !== null && _c !== void 0 ? _c : 0));
+    return !particle.destroyed && !particle.spawning && particle.size.enable && (((_a = particle.size.maxLoops) !== null && _a !== void 0 ? _a : 0) <= 0 || ((_b = particle.size.maxLoops) !== null && _b !== void 0 ? _b : 0) > 0 && ((_c = particle.size.loops) !== null && _c !== void 0 ? _c : 0) < ((_d = particle.size.maxLoops) !== null && _d !== void 0 ? _d : 0));
   }
 
   update(particle, delta) {
@@ -16405,7 +16602,7 @@ class TiltUpdater {
     const tiltAnimation = particle.options.tilt.animation;
 
     if (tiltAnimation.enable) {
-      particle.tilt.velocity = tiltAnimation.speed / 360 * this.container.retina.reduceFactor;
+      particle.tilt.velocity = getRangeValue(tiltAnimation.speed) / 360 * this.container.retina.reduceFactor;
 
       if (!tiltAnimation.sync) {
         particle.tilt.velocity *= Math.random();