tsparticles 2.0.0 → 2.0.1

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.1
  */
 (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),
@@ -569,6 +570,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;
@@ -1164,11 +1176,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 +1296,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 +1448,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 +1474,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 +1489,10 @@ class BubbleDiv extends BubbleBase {
       return;
     }
 
+    if (data.ids !== undefined) {
+      this.ids = data.ids;
+    }
+
     if (data.selectors !== undefined) {
       this.selectors = data.selectors;
     }
@@ -1447,7 +1533,7 @@ class ConnectLinks {
   }
 
   load(data) {
-    if (!data) {
+    if (!(data !== undefined && data.opacity !== undefined)) {
       return;
     }
 
@@ -1466,7 +1552,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 +1579,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 +1605,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 +1627,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 +1654,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 +1748,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 +1775,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 +1789,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 +1862,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 +1885,10 @@ class RepulseDiv extends RepulseBase {
       return;
     }
 
+    if (data.ids !== undefined) {
+      this.ids = data.ids;
+    }
+
     if (data.selectors !== undefined) {
       this.selectors = data.selectors;
     }
@@ -1761,6 +1929,12 @@ class Slow {
     this.radius = 200;
   }
 
+  get active() {
+    return false;
+  }
+
+  set active(_value) {}
+
   load(data) {
     if (!data) {
       return;
@@ -1885,17 +2059,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 +2246,10 @@ class Theme {
     }
 
     this.default.load(data.default);
-    this.options = deepExtend({}, data.options);
+
+    if (data.options !== undefined) {
+      this.options = deepExtend({}, data.options);
+    }
   }
 
 }
@@ -2109,8 +2308,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 +2353,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 +2382,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 +2425,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 +2464,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,13 +2500,43 @@ 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.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;
+  }
 
-    if (data.vertical !== undefined) {
-      this.vertical = setRangeValue(data.vertical);
+}
+;// 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);
   }
 
 }
@@ -2316,16 +2597,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 +2639,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 +2676,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 +2702,7 @@ class LifeDelay extends ValueWithRandom {
 class LifeDuration extends ValueWithRandom {
   constructor() {
     super();
+    this.random.minimumValue = 0.0001;
     this.sync = false;
   }
 
@@ -2593,7 +2874,6 @@ class Links {
 
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MoveAttract.js
-
 class MoveAttract {
   constructor() {
     this.distance = 200;
@@ -2604,7 +2884,25 @@ 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;
     }
@@ -2617,7 +2915,17 @@ class MoveAttract {
       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;
+    }
   }
 
 }
@@ -2675,17 +2983,26 @@ class MoveGravity {
   }
 
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MovePath.js
+;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/Path/MovePathDelay.js
 
-class MovePath {
+class MovePathDelay extends ValueWithRandom {
   constructor() {
-    this.clamp = true;
-    this.delay = 0;
-    this.enable = false;
-    this.options = {};
+    super();
   }
 
-  load(data) {
+}
+;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/Path/MovePath.js
+
+
+class MovePath {
+  constructor() {
+    this.clamp = true;
+    this.delay = new MovePathDelay();
+    this.enable = false;
+    this.options = {};
+  }
+
+  load(data) {
     if (!data) {
       return;
     }
@@ -2694,19 +3011,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 +3140,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 +3220,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 +3285,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 +3310,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,26 +3329,62 @@ 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
 
 
@@ -2982,7 +3394,7 @@ class Orbit {
     this.animation = new AnimationOptions();
     this.enable = false;
     this.opacity = 1;
-    this.rotation = 0;
+    this.rotation = new OrbitRotation();
     this.width = 1;
   }
 
@@ -2992,10 +3404,7 @@ 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;
@@ -3029,7 +3438,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 +3457,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 +3478,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) {
@@ -3157,7 +3589,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) {
@@ -3291,30 +3726,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 +3862,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 +3887,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 +3906,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 +3956,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;
@@ -3482,7 +4045,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;
@@ -3632,8 +4197,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 +4224,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 +4259,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) {
@@ -3939,7 +4530,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 +4576,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 +4600,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) {
@@ -4739,427 +5330,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 +5412,6 @@ _EventDispatcher_listeners = new WeakMap();
 
 
 
-
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/Range.js
 class Range {
   constructor(x, y) {
@@ -6834,7 +7003,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,
@@ -7066,7 +7235,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);
@@ -7467,7 +7636,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()
@@ -14233,7 +14402,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 +14429,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;
     }