tsparticles 1.42.4 → 1.43.0

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

@@ -4,13 +4,13 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../../Utils"], factory);
+        define(["require", "exports", "../../../../Utils/Utils"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Shape = void 0;
-    const Utils_1 = require("../../../../Utils");
+    const Utils_1 = require("../../../../Utils/Utils");
     class Shape {
         constructor() {
             this.options = {};

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

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./SizeAnimation", "../../ValueWithRandom", "../../../../Utils"], factory);
+        define(["require", "exports", "./SizeAnimation", "../../ValueWithRandom", "../../../../Utils/NumberUtils"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -12,7 +12,7 @@
     exports.Size = void 0;
     const SizeAnimation_1 = require("./SizeAnimation");
     const ValueWithRandom_1 = require("../../ValueWithRandom");
-    const Utils_1 = require("../../../../Utils");
+    const NumberUtils_1 = require("../../../../Utils/NumberUtils");
     class Size extends ValueWithRandom_1.ValueWithRandom {
         constructor() {
             super();
@@ -35,7 +35,7 @@
             const animation = (_a = data.animation) !== null && _a !== void 0 ? _a : data.anim;
             if (animation !== undefined) {
                 this.animation.load(animation);
-                this.value = (0, Utils_1.setRangeValue)(this.value, this.animation.enable ? this.animation.minimumValue : undefined);
+                this.value = (0, NumberUtils_1.setRangeValue)(this.value, this.animation.enable ? this.animation.minimumValue : undefined);
             }
         }
     }

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

@@ -4,13 +4,13 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../../Utils"], factory);
+        define(["require", "exports", "../../../../Utils/NumberUtils"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.TiltAnimation = void 0;
-    const Utils_1 = require("../../../../Utils");
+    const NumberUtils_1 = require("../../../../Utils/NumberUtils");
     class TiltAnimation {
         constructor() {
             this.enable = false;
@@ -25,7 +25,7 @@
                 this.enable = data.enable;
             }
             if (data.speed !== undefined) {
-                this.speed = (0, Utils_1.setRangeValue)(data.speed);
+                this.speed = (0, NumberUtils_1.setRangeValue)(data.speed);
             }
             if (data.sync !== undefined) {
                 this.sync = data.sync;

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

@@ -4,14 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../OptionsColor", "../../../../Utils"], factory);
+        define(["require", "exports", "../../OptionsColor", "../../../../Utils/NumberUtils"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.TwinkleValues = void 0;
     const OptionsColor_1 = require("../../OptionsColor");
-    const Utils_1 = require("../../../../Utils");
+    const NumberUtils_1 = require("../../../../Utils/NumberUtils");
     class TwinkleValues {
         constructor() {
             this.enable = false;
@@ -32,7 +32,7 @@
                 this.frequency = data.frequency;
             }
             if (data.opacity !== undefined) {
-                this.opacity = (0, Utils_1.setRangeValue)(data.opacity);
+                this.opacity = (0, NumberUtils_1.setRangeValue)(data.opacity);
             }
         }
     }

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

@@ -4,13 +4,13 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../../Utils"], factory);
+        define(["require", "exports", "../../../../Utils/NumberUtils"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Wobble = void 0;
-    const Utils_1 = require("../../../../Utils");
+    const NumberUtils_1 = require("../../../../Utils/NumberUtils");
     class Wobble {
         constructor() {
             this.distance = 5;
@@ -22,13 +22,13 @@
                 return;
             }
             if (data.distance !== undefined) {
-                this.distance = (0, Utils_1.setRangeValue)(data.distance);
+                this.distance = (0, NumberUtils_1.setRangeValue)(data.distance);
             }
             if (data.enable !== undefined) {
                 this.enable = data.enable;
             }
             if (data.speed !== undefined) {
-                this.speed = (0, Utils_1.setRangeValue)(data.speed);
+                this.speed = (0, NumberUtils_1.setRangeValue)(data.speed);
             }
         }
     }

package/umd/Options/Classes/Responsive.js

@@ -4,13 +4,13 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../Utils"], factory);
+        define(["require", "exports", "../../Utils/Utils"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Responsive = void 0;
-    const Utils_1 = require("../../Utils");
+    const Utils_1 = require("../../Utils/Utils");
     class Responsive {
         constructor() {
             this.maxWidth = Infinity;

package/umd/Options/Classes/Theme/Theme.js

@@ -4,14 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./ThemeDefault", "../../../Utils"], factory);
+        define(["require", "exports", "./ThemeDefault", "../../../Utils/Utils"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Theme = void 0;
     const ThemeDefault_1 = require("./ThemeDefault");
-    const Utils_1 = require("../../../Utils");
+    const Utils_1 = require("../../../Utils/Utils");
     class Theme {
         constructor() {
             this.name = "";

package/umd/Options/Classes/ValueWithRandom.js

@@ -4,14 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Random", "../../Utils"], factory);
+        define(["require", "exports", "./Random", "../../Utils/NumberUtils"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.ValueWithRandom = void 0;
     const Random_1 = require("./Random");
-    const Utils_1 = require("../../Utils");
+    const NumberUtils_1 = require("../../Utils/NumberUtils");
     class ValueWithRandom {
         constructor() {
             this.random = new Random_1.Random();
@@ -28,7 +28,7 @@
                 this.random.load(data.random);
             }
             if (data.value !== undefined) {
-                this.value = (0, Utils_1.setRangeValue)(data.value, this.random.enable ? this.random.minimumValue : undefined);
+                this.value = (0, NumberUtils_1.setRangeValue)(data.value, this.random.enable ? this.random.minimumValue : undefined);
             }
         }
     }

package/umd/Options/Interfaces/Particles/Shape/IShapeValues.js

@@ -1,6 +1,10 @@
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/umd/Plugins/Absorbers/AbsorberInstance.js

@@ -4,21 +4,23 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../Utils", "./Options/Classes/Absorber", "../../Core"], factory);
+        define(["require", "exports", "../../Utils/NumberUtils", "../../Utils/ColorUtils", "./Options/Classes/Absorber", "../../Core/Utils/Vector", "../../Utils/Utils"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.AbsorberInstance = void 0;
-    const Utils_1 = require("../../Utils");
+    const NumberUtils_1 = require("../../Utils/NumberUtils");
+    const ColorUtils_1 = require("../../Utils/ColorUtils");
     const Absorber_1 = require("./Options/Classes/Absorber");
-    const Core_1 = require("../../Core");
+    const Vector_1 = require("../../Core/Utils/Vector");
+    const Utils_1 = require("../../Utils/Utils");
     class AbsorberInstance {
         constructor(absorbers, container, options, position) {
             var _a, _b, _c;
             this.absorbers = absorbers;
             this.container = container;
-            this.initialPosition = position ? Core_1.Vector.create(position.x, position.y) : undefined;
+            this.initialPosition = position ? Vector_1.Vector.create(position.x, position.y) : undefined;
             if (options instanceof Absorber_1.Absorber) {
                 this.options = options;
             }
@@ -29,14 +31,14 @@
             this.dragging = false;
             this.name = this.options.name;
             this.opacity = this.options.opacity;
-            this.size = (0, Utils_1.getRangeValue)(this.options.size.value) * container.retina.pixelRatio;
+            this.size = (0, NumberUtils_1.getRangeValue)(this.options.size.value) * container.retina.pixelRatio;
             this.mass = this.size * this.options.size.density * container.retina.reduceFactor;
             const limit = this.options.size.limit;
             this.limit = {
                 radius: limit.radius * container.retina.pixelRatio * container.retina.reduceFactor,
                 mass: limit.mass,
             };
-            this.color = (_a = (0, Utils_1.colorToRgb)(this.options.color)) !== null && _a !== void 0 ? _a : {
+            this.color = (_a = (0, ColorUtils_1.colorToRgb)(this.options.color)) !== null && _a !== void 0 ? _a : {
                 b: 0,
                 g: 0,
                 r: 0,
@@ -44,12 +46,11 @@
             this.position = (_c = (_b = this.initialPosition) === null || _b === void 0 ? void 0 : _b.copy()) !== null && _c !== void 0 ? _c : this.calcPosition();
         }
         attract(particle) {
-            const container = this.container;
-            const options = this.options;
+            const container = this.container, options = this.options;
             if (options.draggable) {
                 const mouse = container.interactivity.mouse;
                 if (mouse.clicking && mouse.downPosition) {
-                    const mouseDist = (0, Utils_1.getDistance)(this.position, mouse.downPosition);
+                    const mouseDist = (0, NumberUtils_1.getDistance)(this.position, mouse.downPosition);
                     if (mouseDist <= this.size) {
                         this.dragging = true;
                     }
@@ -62,9 +63,7 @@
                     this.position.y = mouse.position.y;
                 }
             }
-            const pos = particle.getPosition();
-            const { dx, dy, distance } = (0, Utils_1.getDistances)(this.position, pos);
-            const v = Core_1.Vector.create(dx, dy);
+            const pos = particle.getPosition(), { dx, dy, distance } = (0, NumberUtils_1.getDistances)(this.position, pos), v = Vector_1.Vector.create(dx, dy);
             v.length = (this.mass / Math.pow(distance, 2)) * container.retina.reduceFactor;
             if (distance < this.size + particle.getRadius()) {
                 const sizeFactor = particle.getRadius() * 0.033 * container.retina.pixelRatio;
@@ -107,33 +106,33 @@
             context.beginPath();
             context.arc(0, 0, this.size, 0, Math.PI * 2, false);
             context.closePath();
-            context.fillStyle = (0, Utils_1.getStyleFromRgb)(this.color, this.opacity);
+            context.fillStyle = (0, ColorUtils_1.getStyleFromRgb)(this.color, this.opacity);
             context.fill();
         }
         calcPosition() {
-            var _a, _b;
-            const container = this.container;
-            const percentPosition = this.options.position;
-            return Core_1.Vector.create(((0, Utils_1.getRangeValue)((_a = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.x) !== null && _a !== void 0 ? _a : Math.random() * 100) / 100) * container.canvas.size.width, ((0, Utils_1.getRangeValue)((_b = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.y) !== null && _b !== void 0 ? _b : Math.random() * 100) / 100) * container.canvas.size.height);
+            const exactPosition = (0, NumberUtils_1.calcPositionOrRandomFromSizeRanged)({
+                size: this.container.canvas.size,
+                position: this.options.position,
+            });
+            return Vector_1.Vector.create(exactPosition.x, exactPosition.y);
         }
         updateParticlePosition(particle, v) {
             var _a;
             if (particle.destroyed) {
                 return;
             }
-            const container = this.container;
-            const canvasSize = container.canvas.size;
+            const container = this.container, canvasSize = container.canvas.size;
             if (particle.needsNewPosition) {
-                particle.position.x = Math.floor(Math.random() * canvasSize.width);
-                particle.position.y = Math.floor(Math.random() * canvasSize.height);
+                const newPosition = (0, NumberUtils_1.calcPositionOrRandomFromSize)({ size: canvasSize });
+                particle.position.setTo(newPosition);
                 particle.velocity.setTo(particle.initialVelocity);
                 particle.absorberOrbit = undefined;
                 particle.needsNewPosition = false;
             }
             if (this.options.orbits) {
                 if (particle.absorberOrbit === undefined) {
-                    particle.absorberOrbit = Core_1.Vector.create(0, 0);
-                    particle.absorberOrbit.length = (0, Utils_1.getDistance)(particle.getPosition(), this.position);
+                    particle.absorberOrbit = Vector_1.Vector.create(0, 0);
+                    particle.absorberOrbit.length = (0, NumberUtils_1.getDistance)(particle.getPosition(), this.position);
                     particle.absorberOrbit.angle = Math.random() * Math.PI * 2;
                 }
                 if (particle.absorberOrbit.length <= this.size && !this.options.destroy) {
@@ -144,11 +143,8 @@
                     particle.absorberOrbitDirection =
                         particle.velocity.x >= 0 ? "clockwise" : "counter-clockwise";
                 }
-                const orbitRadius = particle.absorberOrbit.length;
-                const orbitAngle = particle.absorberOrbit.angle;
-                const orbitDirection = particle.absorberOrbitDirection;
-                particle.velocity.x = 0;
-                particle.velocity.y = 0;
+                const orbitRadius = particle.absorberOrbit.length, orbitAngle = particle.absorberOrbit.angle, orbitDirection = particle.absorberOrbitDirection;
+                particle.velocity.setTo(Vector_1.Vector.origin);
                 const updateFunc = {
                     x: orbitDirection === "clockwise" ? Math.cos : Math.sin,
                     y: orbitDirection === "clockwise" ? Math.sin : Math.cos,
@@ -161,7 +157,7 @@
                         container.retina.reduceFactor;
             }
             else {
-                const addV = Core_1.Vector.origin;
+                const addV = Vector_1.Vector.origin;
                 addV.length = v.length;
                 addV.angle = v.angle;
                 particle.velocity.addTo(addV);

package/umd/Plugins/Absorbers/Absorbers.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Options/Classes/Absorber", "./AbsorberInstance", "../../Utils"], factory);
+        define(["require", "exports", "./Options/Classes/Absorber", "./AbsorberInstance", "../../Utils/Utils"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -12,7 +12,7 @@
     exports.Absorbers = void 0;
     const Absorber_1 = require("./Options/Classes/Absorber");
     const AbsorberInstance_1 = require("./AbsorberInstance");
-    const Utils_1 = require("../../Utils");
+    const Utils_1 = require("../../Utils/Utils");
     class Absorbers {
         constructor(container) {
             this.container = container;
@@ -94,9 +94,7 @@
             }
         }
         handleClickMode(mode) {
-            const container = this.container;
-            const absorberOptions = this.absorbers;
-            const modeAbsorbers = this.interactivityAbsorbers;
+            const absorberOptions = this.absorbers, modeAbsorbers = this.interactivityAbsorbers;
             if (mode === "absorber") {
                 let absorbersModeOptions;
                 if (modeAbsorbers instanceof Array) {
@@ -107,8 +105,7 @@
                 else {
                     absorbersModeOptions = modeAbsorbers;
                 }
-                const absorbersOptions = absorbersModeOptions !== null && absorbersModeOptions !== void 0 ? absorbersModeOptions : (absorberOptions instanceof Array ? (0, Utils_1.itemFromArray)(absorberOptions) : absorberOptions);
-                const aPosition = container.interactivity.mouse.clickPosition;
+                const absorbersOptions = absorbersModeOptions !== null && absorbersModeOptions !== void 0 ? absorbersModeOptions : (absorberOptions instanceof Array ? (0, Utils_1.itemFromArray)(absorberOptions) : absorberOptions), aPosition = this.container.interactivity.mouse.clickPosition;
                 this.addAbsorber(absorbersOptions, aPosition);
             }
         }

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

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./AbsorberSize", "../../../../Options/Classes/OptionsColor", "../../../../Utils"], factory);
+        define(["require", "exports", "./AbsorberSize", "../../../../Options/Classes/OptionsColor", "../../../../Utils/NumberUtils"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -12,7 +12,7 @@
     exports.Absorber = void 0;
     const AbsorberSize_1 = require("./AbsorberSize");
     const OptionsColor_1 = require("../../../../Options/Classes/OptionsColor");
-    const Utils_1 = require("../../../../Utils");
+    const NumberUtils_1 = require("../../../../Utils/NumberUtils");
     class Absorber {
         constructor() {
             this.color = new OptionsColor_1.OptionsColor();
@@ -40,10 +40,10 @@
             if (data.position !== undefined) {
                 this.position = {};
                 if (data.position.x !== undefined) {
-                    this.position.x = (0, Utils_1.setRangeValue)(data.position.x);
+                    this.position.x = (0, NumberUtils_1.setRangeValue)(data.position.x);
                 }
                 if (data.position.y !== undefined) {
-                    this.position.y = (0, Utils_1.setRangeValue)(data.position.y);
+                    this.position.y = (0, NumberUtils_1.setRangeValue)(data.position.y);
                 }
             }
             if (data.size !== undefined) {

package/umd/Plugins/Absorbers/index.js

@@ -1,10 +1,24 @@
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 (function (factory) {
     if (typeof module === "object" && typeof module.exports === "object") {
         var v = factory(require, exports);
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Options/Classes/Absorber", "./Absorbers", "../../Utils"], factory);
+        define(["require", "exports", "./Options/Classes/Absorber", "./Absorbers", "../../Utils/Utils", "./Enums/AbsorberClickMode", "./Options/Interfaces/IAbsorberOptions"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -12,7 +26,7 @@
     exports.loadAbsorbersPlugin = void 0;
     const Absorber_1 = require("./Options/Classes/Absorber");
     const Absorbers_1 = require("./Absorbers");
-    const Utils_1 = require("../../Utils");
+    const Utils_1 = require("../../Utils/Utils");
     class AbsorbersPlugin {
         constructor() {
             this.id = "absorbers";
@@ -26,20 +40,17 @@
                 return false;
             }
             const absorbers = options.absorbers;
-            let loadAbsorbers = false;
             if (absorbers instanceof Array) {
-                if (absorbers.length) {
-                    loadAbsorbers = true;
-                }
+                return !!absorbers.length;
             }
-            else if (absorbers !== undefined) {
-                loadAbsorbers = true;
+            else if (absorbers) {
+                return true;
             }
             else if (((_c = (_b = (_a = options.interactivity) === null || _a === void 0 ? void 0 : _a.events) === null || _b === void 0 ? void 0 : _b.onClick) === null || _c === void 0 ? void 0 : _c.mode) &&
                 (0, Utils_1.isInArray)("absorber", options.interactivity.events.onClick.mode)) {
-                loadAbsorbers = true;
+                return true;
             }
-            return loadAbsorbers;
+            return false;
         }
         loadOptions(options, source) {
             var _a, _b;
@@ -87,4 +98,6 @@
         await engine.addPlugin(plugin);
     }
     exports.loadAbsorbersPlugin = loadAbsorbersPlugin;
+    __exportStar(require("./Enums/AbsorberClickMode"), exports);
+    __exportStar(require("./Options/Interfaces/IAbsorberOptions"), exports);
 });

package/umd/Plugins/Emitters/EmitterInstance.js

@@ -15,16 +15,18 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../Utils", "./Options/Classes/Emitter", "./Options/Classes/EmitterSize"], factory);
+        define(["require", "exports", "../../Utils/NumberUtils", "../../Utils/Utils", "./Options/Classes/Emitter", "./Options/Classes/EmitterSize", "../../Utils/ColorUtils"], factory);
     }
 })(function (require, exports) {
     "use strict";
     var _EmitterInstance_firstSpawn, _EmitterInstance_startParticlesAdded, _EmitterInstance_engine;
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.EmitterInstance = void 0;
-    const Utils_1 = require("../../Utils");
+    const NumberUtils_1 = require("../../Utils/NumberUtils");
+    const Utils_1 = require("../../Utils/Utils");
     const Emitter_1 = require("./Options/Classes/Emitter");
     const EmitterSize_1 = require("./Options/Classes/EmitterSize");
+    const ColorUtils_1 = require("../../Utils/ColorUtils");
     class EmitterInstance {
         constructor(engine, emitters, container, options, position) {
             var _a, _b, _c, _d, _e, _f, _g;
@@ -58,7 +60,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
             (_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 = (0, Utils_1.colorToHsl)(this.options.spawnColor);
+                this.spawnColor = (0, ColorUtils_1.colorToHsl)(this.options.spawnColor);
             }
             this.paused = !this.options.autoPlay;
             this.particlesOptions = particlesOptions;
@@ -89,16 +91,17 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
             if (this.paused) {
                 return;
             }
-            if (this.container.retina.reduceFactor &&
+            if (!(this.container.retina.reduceFactor &&
                 (this.lifeCount > 0 || this.immortal || !this.options.life.count) &&
-                (__classPrivateFieldGet(this, _EmitterInstance_firstSpawn, "f") || this.currentSpawnDelay >= ((_a = this.spawnDelay) !== null && _a !== void 0 ? _a : 0))) {
-                if (this.emitDelay === undefined) {
-                    const delay = (0, Utils_1.getRangeValue)(this.options.rate.delay);
-                    this.emitDelay = (1000 * delay) / this.container.retina.reduceFactor;
-                }
-                if (this.lifeCount > 0 || this.immortal) {
-                    this.prepareToDie();
-                }
+                (__classPrivateFieldGet(this, _EmitterInstance_firstSpawn, "f") || this.currentSpawnDelay >= ((_a = this.spawnDelay) !== null && _a !== void 0 ? _a : 0)))) {
+                return;
+            }
+            if (this.emitDelay === undefined) {
+                const delay = (0, NumberUtils_1.getRangeValue)(this.options.rate.delay);
+                this.emitDelay = (1000 * delay) / this.container.retina.reduceFactor;
+            }
+            if (this.lifeCount > 0 || this.immortal) {
+                this.prepareToDie();
             }
         }
         pause() {
@@ -216,26 +219,21 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
             this.emitters.removeEmitter(this);
         }
         calcPosition() {
-            var _a, _b;
-            const container = this.container;
-            const percentPosition = this.options.position;
-            return {
-                x: ((0, Utils_1.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: ((0, Utils_1.getRangeValue)((_b = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.y) !== null && _b !== void 0 ? _b : Math.random() * 100) / 100) * container.canvas.size.height,
-            };
+            return (0, NumberUtils_1.calcPositionOrRandomFromSizeRanged)({
+                size: this.container.canvas.size,
+                position: this.options.position,
+            });
         }
         emit() {
             if (this.paused) {
                 return;
             }
-            const quantity = (0, Utils_1.getRangeValue)(this.options.rate.quantity);
+            const quantity = (0, NumberUtils_1.getRangeValue)(this.options.rate.quantity);
             this.emitParticles(quantity);
         }
         emitParticles(quantity) {
             var _a, _b, _c;
-            const container = this.container;
-            const position = this.getPosition();
-            const size = this.getSize();
+            const position = this.getPosition(), size = this.getSize();
             for (let i = 0; i < quantity; i++) {
                 const particlesOptions = (0, Utils_1.deepExtend)({}, this.particlesOptions);
                 if (this.spawnColor) {
@@ -258,7 +256,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
                     return;
                 }
                 const pPosition = (_c = (_b = this.shape) === null || _b === void 0 ? void 0 : _b.randomPosition(position, size, this.fill)) !== null && _c !== void 0 ? _c : position;
-                container.particles.addParticle(pPosition, particlesOptions);
+                this.container.particles.addParticle(pPosition, particlesOptions);
             }
         }
         setColorAnimation(animation, initValue, maxValue) {
@@ -267,10 +265,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
             if (!animation.enable) {
                 return initValue;
             }
-            const colorOffset = (0, Utils_1.randomInRange)(animation.offset);
-            const delay = (0, Utils_1.getRangeValue)(this.options.rate.delay);
-            const emitFactor = (1000 * delay) / container.retina.reduceFactor;
-            const colorSpeed = (0, Utils_1.getRangeValue)((_a = animation.speed) !== null && _a !== void 0 ? _a : 0);
+            const colorOffset = (0, NumberUtils_1.randomInRange)(animation.offset), delay = (0, NumberUtils_1.getRangeValue)(this.options.rate.delay), emitFactor = (1000 * delay) / container.retina.reduceFactor, colorSpeed = (0, NumberUtils_1.getRangeValue)((_a = animation.speed) !== null && _a !== void 0 ? _a : 0);
             return (initValue + (colorSpeed * container.fpsLimit) / emitFactor + colorOffset * 3.6) % maxValue;
         }
     }

package/umd/Plugins/Emitters/Emitters.js

@@ -15,14 +15,14 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../Utils", "./Options/Classes/Emitter", "./EmitterInstance"], factory);
+        define(["require", "exports", "../../Utils/Utils", "./Options/Classes/Emitter", "./EmitterInstance"], factory);
     }
 })(function (require, exports) {
     "use strict";
     var _Emitters_engine;
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Emitters = void 0;
-    const Utils_1 = require("../../Utils");
+    const Utils_1 = require("../../Utils/Utils");
     const Emitter_1 = require("./Options/Classes/Emitter");
     const EmitterInstance_1 = require("./EmitterInstance");
     class Emitters {
@@ -121,9 +121,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
             }
         }
         handleClickMode(mode) {
-            const container = this.container;
-            const emitterOptions = this.emitters;
-            const modeEmitters = this.interactivityEmitters;
+            const emitterOptions = this.emitters, modeEmitters = this.interactivityEmitters;
             if (mode === "emitter") {
                 let emitterModeOptions;
                 if (modeEmitters instanceof Array) {
@@ -134,8 +132,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
                 else {
                     emitterModeOptions = modeEmitters;
                 }
-                const emittersOptions = emitterModeOptions !== null && emitterModeOptions !== void 0 ? emitterModeOptions : (emitterOptions instanceof Array ? (0, Utils_1.itemFromArray)(emitterOptions) : emitterOptions);
-                const ePosition = container.interactivity.mouse.clickPosition;
+                const emittersOptions = emitterModeOptions !== null && emitterModeOptions !== void 0 ? emitterModeOptions : (emitterOptions instanceof Array ? (0, Utils_1.itemFromArray)(emitterOptions) : emitterOptions), ePosition = this.container.interactivity.mouse.clickPosition;
                 this.addEmitter((0, Utils_1.deepExtend)({}, emittersOptions), ePosition);
             }
         }