tsparticles 1.41.4 → 1.42.0

package/esm/Options/Classes/AnimationOptions.js

@@ -1,3 +1,4 @@
+import { setRangeValue } from "../../Utils";
 export class AnimationOptions {
     constructor() {
         this.count = 0;
@@ -10,13 +11,13 @@ export class AnimationOptions {
             return;
         }
         if (data.count !== undefined) {
-            this.count = data.count;
+            this.count = setRangeValue(data.count);
         }
         if (data.enable !== undefined) {
             this.enable = data.enable;
         }
         if (data.speed !== undefined) {
-            this.speed = data.speed;
+            this.speed = setRangeValue(data.speed);
         }
         if (data.sync !== undefined) {
             this.sync = data.sync;

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

@@ -2,10 +2,10 @@ import type { RangeValue, RecursivePartial } from "../../Types";
 import type { IColorAnimation } from "../Interfaces/IColorAnimation";
 import type { IOptionLoader } from "../Interfaces/IOptionLoader";
 export declare class ColorAnimation implements IColorAnimation, IOptionLoader<IColorAnimation> {
-    count: number;
+    count: RangeValue;
     enable: boolean;
     offset: RangeValue;
-    speed: number;
+    speed: RangeValue;
     sync: boolean;
     constructor();
     load(data?: RecursivePartial<IColorAnimation>): void;

package/esm/Options/Classes/ColorAnimation.js

@@ -12,7 +12,7 @@ export class ColorAnimation {
             return;
         }
         if (data.count !== undefined) {
-            this.count = data.count;
+            this.count = setRangeValue(data.count);
         }
         if (data.enable !== undefined) {
             this.enable = data.enable;
@@ -21,7 +21,7 @@ export class ColorAnimation {
             this.offset = setRangeValue(data.offset);
         }
         if (data.speed !== undefined) {
-            this.speed = data.speed;
+            this.speed = setRangeValue(data.speed);
         }
         if (data.sync !== undefined) {
             this.sync = data.sync;

package/esm/Options/Classes/Particles/Move/Attract.d.ts

@@ -1,13 +1,13 @@
+import type { RangeValue, RecursivePartial } from "../../../../Types";
 import type { IAttract } from "../../../Interfaces/Particles/Move/IAttract";
 import type { ICoordinates } from "../../../../Core";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import type { RecursivePartial } from "../../../../Types";
 export declare class Attract implements IAttract, IOptionLoader<IAttract> {
     get rotateX(): number;
     set rotateX(value: number);
     get rotateY(): number;
     set rotateY(value: number);
-    distance: number;
+    distance: RangeValue;
     enable: boolean;
     rotate: ICoordinates;
     constructor();

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

@@ -1,3 +1,4 @@
+import { setRangeValue } from "../../../../Utils";
 export class Attract {
     constructor() {
         this.distance = 200;
@@ -25,7 +26,7 @@ export class Attract {
             return;
         }
         if (data.distance !== undefined) {
-            this.distance = data.distance;
+            this.distance = setRangeValue(data.distance);
         }
         if (data.enable !== undefined) {
             this.enable = data.enable;

package/esm/Options/Classes/Particles/Move/MoveAngle.d.ts

@@ -1,9 +1,9 @@
+import type { RangeValue, RecursivePartial } from "../../../../Types";
 import type { IMoveAngle } from "../../../Interfaces/Particles/Move/IMoveAngle";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import type { RecursivePartial } from "../../../../Types";
 export declare class MoveAngle implements IMoveAngle, IOptionLoader<IMoveAngle> {
-    offset: number;
-    value: number;
+    offset: RangeValue;
+    value: RangeValue;
     constructor();
     load(data?: RecursivePartial<IMoveAngle>): void;
 }

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

@@ -1,3 +1,4 @@
+import { setRangeValue } from "../../../../Utils";
 export class MoveAngle {
     constructor() {
         this.offset = 0;
@@ -8,10 +9,10 @@ export class MoveAngle {
             return;
         }
         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);
         }
     }
 }

package/esm/Options/Classes/Particles/Move/MoveGravity.d.ts

@@ -1,11 +1,11 @@
-import { IMoveGravity } from "../../../Interfaces/Particles/Move/IMoveGravity";
-import { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import { RecursivePartial } from "../../../../Types";
+import type { RangeValue, RecursivePartial } from "../../../../Types";
+import type { IMoveGravity } from "../../../Interfaces/Particles/Move/IMoveGravity";
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 export declare class MoveGravity implements IMoveGravity, IOptionLoader<IMoveGravity> {
-    acceleration: number;
+    acceleration: RangeValue;
     enable: boolean;
     inverse: boolean;
-    maxSpeed: number;
+    maxSpeed: RangeValue;
     constructor();
     load(data?: RecursivePartial<IMoveGravity>): void;
 }

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

@@ -1,3 +1,4 @@
+import { setRangeValue } from "../../../../Utils";
 export class MoveGravity {
     constructor() {
         this.acceleration = 9.81;
@@ -10,7 +11,7 @@ export class MoveGravity {
             return;
         }
         if (data.acceleration !== undefined) {
-            this.acceleration = data.acceleration;
+            this.acceleration = setRangeValue(data.acceleration);
         }
         if (data.enable !== undefined) {
             this.enable = data.enable;
@@ -19,7 +20,7 @@ export class MoveGravity {
             this.inverse = data.inverse;
         }
         if (data.maxSpeed !== undefined) {
-            this.maxSpeed = data.maxSpeed;
+            this.maxSpeed = setRangeValue(data.maxSpeed);
         }
     }
 }

package/esm/Options/Classes/Particles/Orbit/Orbit.d.ts

@@ -1,17 +1,17 @@
+import type { RangeValue, RecursivePartial } from "../../../../Types";
 import { AnimationOptions } from "../../AnimationOptions";
 import type { IAnimatable } from "../../../Interfaces/IAnimatable";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { IOrbit } from "../../../Interfaces/Particles/Orbit/IOrbit";
 import { OptionsColor } from "../../OptionsColor";
 import { OrbitRotation } from "./OrbitRotation";
-import type { RecursivePartial } from "../../../../Types";
 export declare class Orbit implements IOrbit, IOptionLoader<IOrbit>, IAnimatable<AnimationOptions> {
     animation: AnimationOptions;
     enable: boolean;
-    opacity: number;
-    width: number;
+    opacity: RangeValue;
+    width: RangeValue;
     color?: OptionsColor;
-    radius?: number;
+    radius?: RangeValue;
     rotation: OrbitRotation;
     constructor();
     load(data?: RecursivePartial<IOrbit>): void;

package/esm/Options/Classes/Particles/Orbit/Orbit.js

@@ -1,6 +1,7 @@
 import { AnimationOptions } from "../../AnimationOptions";
 import { OptionsColor } from "../../OptionsColor";
 import { OrbitRotation } from "./OrbitRotation";
+import { setRangeValue } from "../../../../Utils";
 export class Orbit {
     constructor() {
         this.animation = new AnimationOptions();
@@ -19,13 +20,13 @@ export class Orbit {
             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) {
             this.color = OptionsColor.create(this.color, data.color);

package/esm/Options/Classes/Particles/Repulse/Repulse.d.ts

@@ -1,13 +1,13 @@
+import type { RangeValue, RecursivePartial } from "../../../../Types";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { IRepulse } from "../../../Interfaces/Particles/Repulse/IRepulse";
-import type { RecursivePartial } from "../../../../Types";
 import { ValueWithRandom } from "../../ValueWithRandom";
 export declare class Repulse extends ValueWithRandom implements IRepulse, IOptionLoader<IRepulse> {
     enabled: boolean;
-    distance: number;
-    duration: number;
-    factor: number;
-    speed: number;
+    distance: RangeValue;
+    duration: RangeValue;
+    factor: RangeValue;
+    speed: RangeValue;
     constructor();
     load(data?: RecursivePartial<IRepulse>): void;
 }

package/esm/Options/Classes/Particles/Repulse/Repulse.js

@@ -1,4 +1,5 @@
 import { ValueWithRandom } from "../../ValueWithRandom";
+import { setRangeValue } from "../../../../Utils";
 export class Repulse extends ValueWithRandom {
     constructor() {
         super();
@@ -17,16 +18,16 @@ export class Repulse extends ValueWithRandom {
             this.enabled = data.enabled;
         }
         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);
         }
     }
 }

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

@@ -1,9 +1,9 @@
+import type { RangeValue, RecursivePartial } from "../../../../Types";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { IRollLight } from "../../../Interfaces/Particles/Roll/IRollLight";
-import type { RecursivePartial } from "../../../../Types";
 export declare class RollLight implements IRollLight, IOptionLoader<IRollLight> {
     enable: boolean;
-    value: number;
+    value: RangeValue;
     constructor();
     load(data?: RecursivePartial<IRollLight>): void;
 }

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

@@ -1,3 +1,4 @@
+import { setRangeValue } from "../../../../Utils";
 export class RollLight {
     constructor() {
         this.enable = false;
@@ -11,7 +12,7 @@ export class RollLight {
             this.enable = data.enable;
         }
         if (data.value !== undefined) {
-            this.value = data.value;
+            this.value = setRangeValue(data.value);
         }
     }
 }

package/esm/Options/Classes/Particles/Rotate/RotateAnimation.d.ts

@@ -1,9 +1,9 @@
+import type { RangeValue, RecursivePartial } from "../../../../Types";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { IRotateAnimation } from "../../../Interfaces/Particles/Rotate/IRotateAnimation";
-import type { RecursivePartial } from "../../../../Types";
 export declare class RotateAnimation implements IRotateAnimation, IOptionLoader<IRotateAnimation> {
     enable: boolean;
-    speed: number;
+    speed: RangeValue;
     sync: boolean;
     constructor();
     load(data?: RecursivePartial<IRotateAnimation>): void;

package/esm/Options/Classes/Particles/Rotate/RotateAnimation.js

@@ -1,3 +1,4 @@
+import { setRangeValue } from "../../../../Utils";
 export class RotateAnimation {
     constructor() {
         this.enable = false;
@@ -12,7 +13,7 @@ export class RotateAnimation {
             this.enable = data.enable;
         }
         if (data.speed !== undefined) {
-            this.speed = data.speed;
+            this.speed = setRangeValue(data.speed);
         }
         if (data.sync !== undefined) {
             this.sync = data.sync;

package/esm/Options/Classes/Particles/Tilt/TiltAnimation.d.ts

@@ -1,9 +1,9 @@
+import type { RangeValue, RecursivePartial } from "../../../../Types";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { ITiltAnimation } from "../../../Interfaces/Particles/Tilt/ITiltAnimation";
-import type { RecursivePartial } from "../../../../Types";
 export declare class TiltAnimation implements ITiltAnimation, IOptionLoader<ITiltAnimation> {
     enable: boolean;
-    speed: number;
+    speed: RangeValue;
     sync: boolean;
     constructor();
     load(data?: RecursivePartial<ITiltAnimation>): void;

package/esm/Options/Classes/Particles/Tilt/TiltAnimation.js

@@ -1,3 +1,4 @@
+import { setRangeValue } from "../../../../Utils";
 export class TiltAnimation {
     constructor() {
         this.enable = false;
@@ -12,7 +13,7 @@ export class TiltAnimation {
             this.enable = data.enable;
         }
         if (data.speed !== undefined) {
-            this.speed = data.speed;
+            this.speed = setRangeValue(data.speed);
         }
         if (data.sync !== undefined) {
             this.sync = data.sync;

package/esm/Options/Classes/Particles/Twinkle/TwinkleValues.d.ts

@@ -1,12 +1,12 @@
+import type { RangeValue, RecursivePartial } from "../../../../Types";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { ITwinkleValues } from "../../../Interfaces/Particles/Twinkle/ITwinkleValues";
 import { OptionsColor } from "../../OptionsColor";
-import type { RecursivePartial } from "../../../../Types";
 export declare class TwinkleValues implements ITwinkleValues, IOptionLoader<ITwinkleValues> {
     color?: OptionsColor;
     enable: boolean;
     frequency: number;
-    opacity: number;
+    opacity: RangeValue;
     constructor();
     load(data?: RecursivePartial<ITwinkleValues>): void;
 }

package/esm/Options/Classes/Particles/Twinkle/TwinkleValues.js

@@ -1,4 +1,5 @@
 import { OptionsColor } from "../../OptionsColor";
+import { setRangeValue } from "../../../../Utils";
 export class TwinkleValues {
     constructor() {
         this.enable = false;
@@ -19,7 +20,7 @@ export class TwinkleValues {
             this.frequency = data.frequency;
         }
         if (data.opacity !== undefined) {
-            this.opacity = data.opacity;
+            this.opacity = setRangeValue(data.opacity);
         }
     }
 }

package/esm/Options/Interfaces/IAnimation.d.ts

@@ -1,6 +1,7 @@
+import { RangeValue } from "../../Types";
 export interface IAnimation {
-    count: number;
+    count: RangeValue;
     enable: boolean;
-    speed: number;
+    speed: RangeValue;
     sync: boolean;
 }

package/esm/Options/Interfaces/Particles/Move/IAttract.d.ts

@@ -1,6 +1,7 @@
-import type { ICoordinates } from "../../../../Core/Interfaces/ICoordinates";
+import type { ICoordinates } from "../../../../Core";
+import type { RangeValue } from "../../../../Types";
 export interface IAttract {
-    distance: number;
+    distance: RangeValue;
     enable: boolean;
     rotateX: number;
     rotateY: number;

package/esm/Options/Interfaces/Particles/Move/IMoveAngle.d.ts

@@ -1,4 +1,5 @@
+import type { RangeValue } from "../../../../Types";
 export interface IMoveAngle {
-    offset: number;
-    value: number;
+    offset: RangeValue;
+    value: RangeValue;
 }

package/esm/Options/Interfaces/Particles/Move/IMoveGravity.d.ts

@@ -1,6 +1,7 @@
+import type { RangeValue } from "../../../../Types";
 export interface IMoveGravity {
-    acceleration: number;
+    acceleration: RangeValue;
     enable: boolean;
     inverse: boolean;
-    maxSpeed: number;
+    maxSpeed: RangeValue;
 }

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

@@ -2,11 +2,12 @@ import type { IAnimatable } from "../../IAnimatable";
 import type { IAnimation } from "../../IAnimation";
 import type { IColor } from "../../../../Core";
 import type { IValueWithRandom } from "../../IValueWithRandom";
+import type { RangeValue } from "../../../../Types";
 export interface IOrbit extends IAnimatable<IAnimation> {
     color?: string | IColor;
     enable: boolean;
-    radius?: number;
+    radius?: RangeValue;
     rotation: IValueWithRandom;
-    opacity: number;
-    width: number;
+    opacity: RangeValue;
+    width: RangeValue;
 }

package/esm/Options/Interfaces/Particles/Repulse/IRepulse.d.ts

@@ -1,8 +1,9 @@
 import type { IValueWithRandom } from "../../IValueWithRandom";
+import type { RangeValue } from "../../../../Types";
 export interface IRepulse extends IValueWithRandom {
     enabled: boolean;
-    distance: number;
-    duration: number;
-    factor: number;
-    speed: number;
+    distance: RangeValue;
+    duration: RangeValue;
+    factor: RangeValue;
+    speed: RangeValue;
 }

package/esm/Options/Interfaces/Particles/Roll/IRollLight.d.ts

@@ -1,4 +1,5 @@
+import type { RangeValue } from "../../../../Types";
 export interface IRollLight {
     enable: boolean;
-    value: number;
+    value: RangeValue;
 }

package/esm/Options/Interfaces/Particles/Rotate/IRotateAnimation.d.ts

@@ -1,5 +1,6 @@
+import type { RangeValue } from "../../../../Types";
 export interface IRotateAnimation {
     enable: boolean;
-    speed: number;
+    speed: RangeValue;
     sync: boolean;
 }

package/esm/Options/Interfaces/Particles/Tilt/ITiltAnimation.d.ts

@@ -1,5 +1,6 @@
+import type { RangeValue } from "../../../../Types";
 export interface ITiltAnimation {
     enable: boolean;
-    speed: number;
+    speed: RangeValue;
     sync: boolean;
 }

package/esm/Options/Interfaces/Particles/Twinkle/ITwinkleValues.d.ts

@@ -1,7 +1,8 @@
-import type { IColor } from "../../../../Core/Interfaces/Colors";
+import type { IColor } from "../../../../Core";
+import type { RangeValue } from "../../../../Types";
 export interface ITwinkleValues {
     color?: string | IColor;
     enable: boolean;
     frequency: number;
-    opacity: number;
+    opacity: RangeValue;
 }

package/esm/Plugins/Absorbers/AbsorberInstance.js

@@ -102,7 +102,7 @@ export class AbsorberInstance {
         var _a, _b;
         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) {
         var _a;

package/esm/Plugins/Absorbers/Options/Classes/Absorber.d.ts

@@ -1,7 +1,7 @@
 import { AbsorberSize } from "./AbsorberSize";
 import type { IAbsorber } from "../Interfaces/IAbsorber";
-import type { ICoordinates } from "../../../../Core";
 import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
+import type { IRangedCoordinates } from "../../../../Core";
 import { OptionsColor } from "../../../../Options/Classes/OptionsColor";
 import type { RecursivePartial } from "../../../../Types";
 export declare class Absorber implements IAbsorber, IOptionLoader<IAbsorber> {
@@ -9,7 +9,7 @@ export declare class Absorber implements IAbsorber, IOptionLoader<IAbsorber> {
     draggable: boolean;
     name?: string;
     opacity: number;
-    position?: RecursivePartial<ICoordinates>;
+    position?: RecursivePartial<IRangedCoordinates>;
     size: AbsorberSize;
     destroy: boolean;
     orbits: boolean;

package/esm/Plugins/Absorbers/Options/Classes/Absorber.js

@@ -1,5 +1,6 @@
 import { AbsorberSize } from "./AbsorberSize";
 import { OptionsColor } from "../../../../Options/Classes/OptionsColor";
+import { setRangeValue } from "../../../../Utils";
 export class Absorber {
     constructor() {
         this.color = new OptionsColor();
@@ -25,10 +26,13 @@ export class Absorber {
             this.opacity = data.opacity;
         }
         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) {
             this.size.load(data.size);

package/esm/Plugins/Absorbers/Options/Interfaces/IAbsorber.d.ts

@@ -1,11 +1,11 @@
-import type { IColor, ICoordinates } from "../../../../Core";
+import type { IColor, IRangedCoordinates } from "../../../../Core";
 import type { IAbsorberSize } from "./IAbsorberSize";
 import { RecursivePartial } from "../../../../Types";
 export interface IAbsorber {
     color: IColor | string;
     name?: string;
     opacity: number;
-    position?: RecursivePartial<ICoordinates>;
+    position?: RecursivePartial<IRangedCoordinates>;
     size: IAbsorberSize;
     draggable: boolean;
     destroy: boolean;

package/esm/Plugins/Emitters/EmitterInstance.js

@@ -15,8 +15,8 @@ import { Emitter } from "./Options/Classes/Emitter";
 import { EmitterSize } from "./Options/Classes/EmitterSize";
 export class EmitterInstance {
     constructor(engine, emitters, container, options, position) {
-        var _a, _b, _c, _d, _e, _f;
-        var _g;
+        var _a, _b, _c, _d, _e, _f, _g;
+        var _h;
         this.emitters = emitters;
         this.container = container;
         _EmitterInstance_firstSpawn.set(this, void 0);
@@ -35,22 +35,23 @@ export class EmitterInstance {
             this.options.load(options);
         }
         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 = __classPrivateFieldGet(this, _EmitterInstance_engine, "f").emitterShapeManager) === null || _b === void 0 ? void 0 : _b.getShape(this.options.shape);
+        this.shape = (_c = __classPrivateFieldGet(this, _EmitterInstance_engine, "f").emitterShapeManager) === null || _c === void 0 ? void 0 : _c.getShape(this.options.shape);
         this.fill = this.options.fill;
         __classPrivateFieldSet(this, _EmitterInstance_firstSpawn, !this.options.life.wait, "f");
         __classPrivateFieldSet(this, _EmitterInstance_startParticlesAdded, false, "f");
         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);
         }
         this.paused = !this.options.autoPlay;
         this.particlesOptions = particlesOptions;
         this.size =
-            (_e = this.options.size) !== null && _e !== void 0 ? _e : (() => {
+            (_f = this.options.size) !== null && _f !== void 0 ? _f : (() => {
                 const size = new EmitterSize();
                 size.load({
                     height: 0,
@@ -59,7 +60,7 @@ export 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;
         this.play();
     }
@@ -207,8 +208,8 @@ export 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,
         };
     }
     emit() {
@@ -257,7 +258,7 @@ export 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;
     }
 }