@tsparticles/plugin-emitters 4.0.0-alpha.8 → 4.0.0-beta.1

package/umd/EmitterInstance.js

@@ -13,54 +13,55 @@
     const engine_1 = require("@tsparticles/engine");
     const Emitter_js_1 = require("./Options/Classes/Emitter.js");
     const EmitterSize_js_1 = require("./Options/Classes/EmitterSize.js");
-    const defaultLifeDelay = 0, minLifeCount = 0, defaultSpawnDelay = 0, defaultEmitDelay = 0, defaultLifeCount = -1, defaultColorAnimationFactor = 1, colorFactor = 3.6;
-    function setParticlesOptionsColor(particlesOptions, color) {
-        if (particlesOptions.color) {
-            particlesOptions.color.value = color;
-        }
-        else {
-            particlesOptions.color = {
-                value: color,
-            };
-        }
+    const defaultLifeDelay = 0, minLifeCount = 0, defaultSpawnDelay = 0, defaultEmitDelay = 0, defaultLifeCount = -1, defaultColorAnimationFactor = 1, colorFactor = 3.6, defaultStrokeWidth = 1;
+    function setParticlesOptionsFillColor(particlesOptions, color, opacity, enable) {
+        particlesOptions.fill = new engine_1.Fill();
+        particlesOptions.fill.color = engine_1.AnimatableColor.create(undefined, { value: color });
+        particlesOptions.fill.enable = enable;
+        particlesOptions.fill.opacity = opacity;
+    }
+    function setParticlesOptionsStrokeColor(particlesOptions, color, opacity, width) {
+        particlesOptions.stroke = new engine_1.Stroke();
+        particlesOptions.stroke.color = engine_1.AnimatableColor.create(undefined, { value: color });
+        particlesOptions.stroke.opacity = opacity;
+        particlesOptions.stroke.width = width;
     }
     class EmitterInstance {
-        constructor(engine, container, removeCallback, options, position) {
-            this.container = container;
-            this.removeCallback = removeCallback;
-            this._destroy = () => {
-                this._mutationObserver?.disconnect();
-                this._mutationObserver = undefined;
-                this._resizeObserver?.disconnect();
-                this._resizeObserver = undefined;
-                this.removeCallback(this);
-                this._engine.dispatchEvent("emitterDestroyed", {
-                    container: this.container,
-                    data: {
-                        emitter: this,
-                    },
-                });
-            };
-            this._prepareToDie = () => {
-                if (this._paused) {
-                    return;
-                }
-                const duration = this.options.life.duration !== undefined ? (0, engine_1.getRangeValue)(this.options.life.duration) : undefined, minDuration = 0, minLifeCount = 0;
-                if ((this._lifeCount > minLifeCount || this._immortal) && duration !== undefined && duration > minDuration) {
-                    this._duration = duration * engine_1.millisecondsToSeconds;
-                }
-            };
-            this._setColorAnimation = (animation, initValue, maxValue, factor = defaultColorAnimationFactor) => {
-                const container = this.container;
-                if (!animation.enable) {
-                    return initValue;
-                }
-                const colorOffset = (0, engine_1.randomInRangeValue)(animation.offset), delay = (0, engine_1.getRangeValue)(this.options.rate.delay), emitFactor = container.retina.reduceFactor
-                    ? (delay * engine_1.millisecondsToSeconds) / container.retina.reduceFactor
-                    : Infinity, colorSpeed = (0, engine_1.getRangeValue)(animation.speed);
-                return (initValue + (colorSpeed * container.fpsLimit) / emitFactor + colorOffset * factor) % maxValue;
-            };
-            this._engine = engine;
+        fill;
+        name;
+        options;
+        position;
+        size;
+        spawnFillColor;
+        spawnFillEnabled;
+        spawnFillOpacity;
+        spawnStrokeColor;
+        spawnStrokeOpacity;
+        spawnStrokeWidth;
+        _container;
+        _currentDuration;
+        _currentEmitDelay;
+        _currentSpawnDelay;
+        _duration;
+        _emitDelay;
+        _firstSpawn;
+        _immortal;
+        _initialPosition;
+        _lifeCount;
+        _mutationObserver;
+        _particlesOptions;
+        _paused;
+        _pluginManager;
+        _removeCallback;
+        _resizeObserver;
+        _shape;
+        _size;
+        _spawnDelay;
+        _startParticlesAdded;
+        constructor(pluginManager, container, removeCallback, options, position) {
+            this._pluginManager = pluginManager;
+            this._container = container;
+            this._removeCallback = removeCallback;
             this._currentDuration = 0;
             this._currentEmitDelay = 0;
             this._currentSpawnDelay = 0;
@@ -84,13 +85,16 @@
             const particlesOptions = (0, engine_1.deepExtend)({}, this.options.particles);
             particlesOptions.move ??= {};
             particlesOptions.move.direction ??= this.options.direction;
-            if (this.options.spawnColor) {
-                this.spawnColor = (0, engine_1.rangeColorToHsl)(this._engine, this.options.spawnColor);
+            if (this.options.spawn.fill?.color) {
+                this.spawnFillColor = (0, engine_1.rangeColorToHsl)(this._pluginManager, this.options.spawn.fill.color);
+            }
+            if (this.options.spawn.stroke?.color) {
+                this.spawnStrokeColor = (0, engine_1.rangeColorToHsl)(this._pluginManager, this.options.spawn.stroke.color);
             }
             this._paused = !this.options.autoPlay;
             this._particlesOptions = particlesOptions;
             this._size = this._calcSize();
-            this.size = (0, engine_1.getSize)(this._size, this.container.canvas.size);
+            this.size = (0, engine_1.getSize)(this._size, this._container.canvas.size);
             this._lifeCount = this.options.life.count ?? defaultLifeCount;
             this._immortal = this._lifeCount <= minLifeCount;
             if (this.options.domId) {
@@ -109,15 +113,12 @@
                     this._resizeObserver.observe(element);
                 }
             }
-            const shapeOptions = this.options.shape, shapeGenerator = this._engine.emitterShapeManager?.getShapeGenerator(shapeOptions.type);
+            const shapeOptions = this.options.shape, shapeGenerator = this._pluginManager.emitterShapeManager?.getShapeGenerator(shapeOptions.type);
             if (shapeGenerator) {
-                this._shape = shapeGenerator.generate(this.position, this.size, this.fill, shapeOptions.options);
+                this._shape = shapeGenerator.generate(this._container, this.position, this.size, this.fill, shapeOptions.options);
             }
-            this._engine.dispatchEvent("emitterCreated", {
-                container,
-                data: {
-                    emitter: this,
-                },
+            this._container.dispatchEvent("emitterCreated", {
+                emitter: this,
             });
             this.play();
         }
@@ -146,7 +147,7 @@
                 (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? defaultSpawnDelay)))) {
                 return;
             }
-            const container = this.container;
+            const container = this._container;
             if (this._emitDelay === undefined) {
                 const delay = (0, engine_1.getRangeValue)(this.options.rate.delay);
                 this._emitDelay = container.retina.reduceFactor
@@ -158,7 +159,7 @@
             }
         }
         resize() {
-            const initialPosition = this._initialPosition, container = this.container;
+            const initialPosition = this._initialPosition, container = this._container;
             this.position =
                 initialPosition && (0, engine_1.isPointInside)(initialPosition, container.canvas.size, engine_1.Vector.origin)
                     ? initialPosition
@@ -171,7 +172,7 @@
             if (this._paused) {
                 return;
             }
-            const container = this.container;
+            const container = this._container;
             if (this._firstSpawn) {
                 this._firstSpawn = false;
                 this._currentSpawnDelay = this._spawnDelay ?? defaultSpawnDelay;
@@ -209,11 +210,9 @@
             if (this._spawnDelay !== undefined) {
                 this._currentSpawnDelay += delta.value;
                 if (this._currentSpawnDelay >= this._spawnDelay) {
-                    this._engine.dispatchEvent("emitterPlay", {
-                        container: this.container,
-                    });
+                    this._container.dispatchEvent("emitterPlay");
                     this.play();
-                    this._currentSpawnDelay -= this._currentSpawnDelay;
+                    this._currentSpawnDelay -= this._spawnDelay;
                     delete this._spawnDelay;
                 }
             }
@@ -226,7 +225,7 @@
             }
         }
         _calcPosition() {
-            const container = this.container;
+            const container = this._container;
             if (this.options.domId) {
                 const element = (0, engine_1.safeDocument)().getElementById(this.options.domId);
                 if (element) {
@@ -243,7 +242,7 @@
             });
         }
         _calcSize() {
-            const container = this.container;
+            const container = this._container;
             if (this.options.domId) {
                 const element = (0, engine_1.safeDocument)().getElementById(this.options.domId);
                 if (element) {
@@ -266,6 +265,16 @@
                     return size;
                 })());
         }
+        _destroy = () => {
+            this._mutationObserver?.disconnect();
+            this._mutationObserver = undefined;
+            this._resizeObserver?.disconnect();
+            this._resizeObserver = undefined;
+            this._removeCallback(this);
+            this._container.dispatchEvent("emitterDestroyed", {
+                emitter: this,
+            });
+        };
         _emit() {
             if (this._paused) {
                 return;
@@ -275,18 +284,36 @@
         }
         _emitParticles(quantity) {
             const singleParticlesOptions = ((0, engine_1.itemFromSingleOrMultiple)(this._particlesOptions) ??
-                {}), hslAnimation = this.options.spawnColor?.animation, reduceFactor = this.container.retina.reduceFactor, needsColorAnimation = !!hslAnimation, needsShapeData = !!this._shape, needsCopy = needsColorAnimation || needsShapeData, maxValues = needsColorAnimation ? { h: engine_1.hMax, s: engine_1.sMax, l: engine_1.lMax } : null, shapeOptions = this.options.shape;
+                {}), fillHslAnimation = this.options.spawn.fill?.color.animation, fillEnabled = this.options.spawn.fill?.enable ?? !!this.options.spawn.fill?.color, fillOpacity = this.options.spawn.fill?.opacity === undefined
+                ? engine_1.defaultOpacity
+                : (0, engine_1.getRangeValue)(this.options.spawn.fill.opacity), strokeHslAnimation = this.options.spawn.stroke?.color?.animation, strokeOpacity = this.options.spawn.stroke?.opacity === undefined
+                ? engine_1.defaultOpacity
+                : (0, engine_1.getRangeValue)(this.options.spawn.stroke.opacity), strokeWidth = this.options.spawn.stroke?.width === undefined
+                ? defaultStrokeWidth
+                : (0, engine_1.getRangeValue)(this.options.spawn.stroke.width), reduceFactor = this._container.retina.reduceFactor, needsFillColorAnimation = !!fillHslAnimation, needsStrokeColorAnimation = !!strokeHslAnimation, needsShapeData = !!this._shape, needsColorAnimation = needsFillColorAnimation || needsStrokeColorAnimation, needsCopy = needsColorAnimation || needsShapeData, maxValues = needsColorAnimation ? { h: engine_1.hMax, s: engine_1.sMax, l: engine_1.lMax } : null, shapeOptions = this.options.shape;
             for (let i = 0; i < quantity * reduceFactor; i++) {
                 const particlesOptions = needsCopy
                     ? (0, engine_1.deepExtend)({}, singleParticlesOptions)
                     : singleParticlesOptions;
-                if (this.spawnColor) {
-                    if (hslAnimation && maxValues) {
-                        this.spawnColor.h = this._setColorAnimation(hslAnimation.h, this.spawnColor.h, maxValues.h, colorFactor);
-                        this.spawnColor.s = this._setColorAnimation(hslAnimation.s, this.spawnColor.s, maxValues.s);
-                        this.spawnColor.l = this._setColorAnimation(hslAnimation.l, this.spawnColor.l, maxValues.l);
+                this.spawnFillOpacity = fillOpacity;
+                this.spawnFillEnabled = fillEnabled;
+                this.spawnStrokeOpacity = strokeOpacity;
+                this.spawnStrokeWidth = strokeWidth;
+                if (this.spawnFillColor) {
+                    if (fillHslAnimation && maxValues) {
+                        this.spawnFillColor.h = this._setColorAnimation(fillHslAnimation.h, this.spawnFillColor.h, maxValues.h, colorFactor);
+                        this.spawnFillColor.s = this._setColorAnimation(fillHslAnimation.s, this.spawnFillColor.s, maxValues.s);
+                        this.spawnFillColor.l = this._setColorAnimation(fillHslAnimation.l, this.spawnFillColor.l, maxValues.l);
+                    }
+                    setParticlesOptionsFillColor(particlesOptions, this.spawnFillColor, this.spawnFillOpacity, this.spawnFillEnabled);
+                }
+                if (this.spawnStrokeColor) {
+                    if (strokeHslAnimation && maxValues) {
+                        this.spawnStrokeColor.h = this._setColorAnimation(strokeHslAnimation.h, this.spawnStrokeColor.h, maxValues.h, colorFactor);
+                        this.spawnStrokeColor.s = this._setColorAnimation(strokeHslAnimation.s, this.spawnStrokeColor.s, maxValues.s);
+                        this.spawnStrokeColor.l = this._setColorAnimation(strokeHslAnimation.l, this.spawnStrokeColor.l, maxValues.l);
                     }
-                    setParticlesOptionsColor(particlesOptions, this.spawnColor);
+                    setParticlesOptionsStrokeColor(particlesOptions, this.spawnStrokeColor, this.spawnStrokeOpacity, this.spawnStrokeWidth);
                 }
                 let position = this.position;
                 if (this._shape) {
@@ -295,17 +322,7 @@
                         position = shapePosData.position;
                         const replaceData = shapeOptions.replace;
                         if (replaceData.color && shapePosData.color) {
-                            setParticlesOptionsColor(particlesOptions, shapePosData.color);
-                        }
-                        if (replaceData.opacity) {
-                            if (particlesOptions.opacity) {
-                                particlesOptions.opacity.value = shapePosData.opacity;
-                            }
-                            else {
-                                particlesOptions.opacity = {
-                                    value: shapePosData.opacity,
-                                };
-                            }
+                            setParticlesOptionsFillColor(particlesOptions, shapePosData.color, replaceData.opacity ? (shapePosData.opacity ?? engine_1.defaultOpacity) : engine_1.defaultOpacity, true);
                         }
                     }
                     else {
@@ -313,10 +330,29 @@
                     }
                 }
                 if (position) {
-                    this.container.particles.addParticle(position, particlesOptions);
+                    this._container.particles.addParticle(position, particlesOptions);
                 }
             }
         }
+        _prepareToDie = () => {
+            if (this._paused) {
+                return;
+            }
+            const duration = this.options.life.duration !== undefined ? (0, engine_1.getRangeValue)(this.options.life.duration) : undefined, minDuration = 0, minLifeCount = 0;
+            if ((this._lifeCount > minLifeCount || this._immortal) && duration !== undefined && duration > minDuration) {
+                this._duration = duration * engine_1.millisecondsToSeconds;
+            }
+        };
+        _setColorAnimation = (animation, initValue, maxValue, factor = defaultColorAnimationFactor) => {
+            const container = this._container;
+            if (!animation.enable) {
+                return initValue;
+            }
+            const colorOffset = (0, engine_1.randomInRangeValue)(animation.offset), delay = (0, engine_1.getRangeValue)(this.options.rate.delay), emitFactor = container.retina.reduceFactor
+                ? (delay * engine_1.millisecondsToSeconds) / container.retina.reduceFactor
+                : Infinity, colorSpeed = (0, engine_1.getRangeValue)(animation.speed);
+            return (initValue + (colorSpeed * container.fpsLimit) / emitFactor + colorOffset * factor) % maxValue;
+        };
     }
     exports.EmitterInstance = EmitterInstance;
 });

package/umd/EmitterShapeBase.js

@@ -11,6 +11,10 @@
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.EmitterShapeBase = void 0;
     class EmitterShapeBase {
+        fill;
+        options;
+        position;
+        size;
         constructor(position, size, fill, options) {
             this.position = position;
             this.size = size;

package/umd/EmittersInstancesManager.js

@@ -48,14 +48,16 @@ var __importStar = (this && this.__importStar) || (function () {
     const Emitter_js_1 = require("./Options/Classes/Emitter.js");
     const defaultIndex = 0;
     class EmittersInstancesManager {
-        constructor(engine) {
+        _containerArrays;
+        _pluginManager;
+        constructor(pluginManager) {
             this._containerArrays = new Map();
-            this._engine = engine;
+            this._pluginManager = pluginManager;
         }
         async addEmitter(container, options, position) {
             const emitterOptions = new Emitter_js_1.Emitter();
             emitterOptions.load(options);
-            const { EmitterInstance } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./EmitterInstance.js"))) : new Promise((resolve_1, reject_1) => { require(["./EmitterInstance.js"], resolve_1, reject_1); }).then(__importStar)), emitter = new EmitterInstance(this._engine, container, (emitter) => {
+            const { EmitterInstance } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./EmitterInstance.js"))) : new Promise((resolve_1, reject_1) => { require(["./EmitterInstance.js"], resolve_1, reject_1); }).then(__importStar)), emitter = new EmitterInstance(this._pluginManager, container, (emitter) => {
                 this.removeEmitter(container, emitter);
             }, emitterOptions, position);
             await emitter.init();

package/umd/EmittersInteractor.js

@@ -16,9 +16,13 @@
     const constants_js_1 = require("./constants.js");
     const emittersMode = "emitters";
     class EmittersInteractor extends plugin_interactivity_1.ExternalInteractorBase {
+        handleClickMode;
+        maxDistance;
+        _instancesManager;
         constructor(instancesManager, container) {
             super(container);
             this._instancesManager = instancesManager;
+            this.maxDistance = 0;
             this.handleClickMode = (mode, interactivityData) => {
                 const container = this.container, options = container.actualOptions, modeEmitters = options.interactivity.modes.emitters;
                 if (!modeEmitters || mode !== emittersMode) {
@@ -89,7 +93,7 @@
                         options.emitters.value.push(tmp);
                     }
                 }
-                else if (Object.hasOwn(source.emitters, "value")) {
+                else if ("value" in source.emitters) {
                     const emitterModeOptions = source.emitters;
                     options.emitters.random.enable = emitterModeOptions.random?.enable ?? options.emitters.random.enable;
                     options.emitters.random.count = emitterModeOptions.random?.count ?? options.emitters.random.count;

package/umd/EmittersPlugin.js

@@ -47,9 +47,10 @@ var __importStar = (this && this.__importStar) || (function () {
     const engine_1 = require("@tsparticles/engine");
     const Emitter_js_1 = require("./Options/Classes/Emitter.js");
     class EmittersPlugin {
+        id = "emitters";
+        _instancesManager;
         constructor(instancesManager) {
             this._instancesManager = instancesManager;
-            this.id = "emitters";
         }
         async getPlugin(container) {
             const { EmittersPluginInstance } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./EmittersPluginInstance.js"))) : new Promise((resolve_1, reject_1) => { require(["./EmittersPluginInstance.js"], resolve_1, reject_1); }).then(__importStar));

package/umd/EmittersPluginInstance.js

@@ -12,6 +12,8 @@
     exports.EmittersPluginInstance = void 0;
     const engine_1 = require("@tsparticles/engine");
     class EmittersPluginInstance {
+        container;
+        _instancesManager;
         constructor(instancesManager, container) {
             this.container = container;
             this._instancesManager = instancesManager;

package/umd/Options/Classes/Emitter.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./EmitterLife.js", "./EmitterRate.js", "./EmitterShape.js", "./EmitterSize.js"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./EmitterLife.js", "./EmitterRate.js", "./EmitterShape.js", "./EmitterSize.js", "./EmitterSpawn.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -15,13 +15,30 @@
     const EmitterRate_js_1 = require("./EmitterRate.js");
     const EmitterShape_js_1 = require("./EmitterShape.js");
     const EmitterSize_js_1 = require("./EmitterSize.js");
+    const EmitterSpawn_js_1 = require("./EmitterSpawn.js");
     class Emitter {
+        autoPlay;
+        direction;
+        domId;
+        fill;
+        life;
+        name;
+        particles;
+        position;
+        rate;
+        shape;
+        size;
+        spawn;
+        spawnFillColor;
+        spawnStrokeColor;
+        startCount;
         constructor() {
             this.autoPlay = true;
             this.fill = true;
             this.life = new EmitterLife_js_1.EmitterLife();
             this.rate = new EmitterRate_js_1.EmitterRate();
             this.shape = new EmitterShape_js_1.EmitterShape();
+            this.spawn = new EmitterSpawn_js_1.EmitterSpawn();
             this.startCount = 0;
         }
         load(data) {
@@ -49,6 +66,7 @@
             });
             this.rate.load(data.rate);
             this.shape.load(data.shape);
+            this.spawn.load(data.spawn);
             if (data.position !== undefined) {
                 this.position = {};
                 if (data.position.x !== undefined) {
@@ -58,9 +76,13 @@
                     this.position.y = (0, engine_1.setRangeValue)(data.position.y);
                 }
             }
-            if (data.spawnColor !== undefined) {
-                this.spawnColor ??= new engine_1.AnimatableColor();
-                this.spawnColor.load(data.spawnColor);
+            if (data.spawnFillColor !== undefined) {
+                this.spawnFillColor ??= new engine_1.AnimatableColor();
+                this.spawnFillColor.load(data.spawnFillColor);
+            }
+            if (data.spawnStrokeColor !== undefined) {
+                this.spawnStrokeColor ??= new engine_1.AnimatableColor();
+                this.spawnStrokeColor.load(data.spawnStrokeColor);
             }
             if (data.startCount !== undefined) {
                 this.startCount = data.startCount;

package/umd/Options/Classes/EmitterLife.js

@@ -12,6 +12,10 @@
     exports.EmitterLife = void 0;
     const engine_1 = require("@tsparticles/engine");
     class EmitterLife {
+        count;
+        delay;
+        duration;
+        wait;
         constructor() {
             this.wait = false;
         }

package/umd/Options/Classes/EmitterRate.js

@@ -12,6 +12,8 @@
     exports.EmitterRate = void 0;
     const engine_1 = require("@tsparticles/engine");
     class EmitterRate {
+        delay;
+        quantity;
         constructor() {
             this.quantity = 1;
             this.delay = 0.1;

package/umd/Options/Classes/EmitterShape.js

@@ -13,6 +13,9 @@
     const engine_1 = require("@tsparticles/engine");
     const EmitterShapeReplace_js_1 = require("./EmitterShapeReplace.js");
     class EmitterShape {
+        options;
+        replace;
+        type;
         constructor() {
             this.options = {};
             this.replace = new EmitterShapeReplace_js_1.EmitterShapeReplace();

package/umd/Options/Classes/EmitterShapeReplace.js

@@ -12,6 +12,8 @@
     exports.EmitterShapeReplace = void 0;
     const engine_1 = require("@tsparticles/engine");
     class EmitterShapeReplace {
+        color;
+        opacity;
         constructor() {
             this.color = false;
             this.opacity = false;

package/umd/Options/Classes/EmitterSize.js

@@ -12,6 +12,9 @@
     exports.EmitterSize = void 0;
     const engine_1 = require("@tsparticles/engine");
     class EmitterSize {
+        height;
+        mode;
+        width;
         constructor() {
             this.mode = engine_1.PixelMode.percent;
             this.height = 0;

package/umd/Options/Classes/EmitterSpawn.js

@@ -0,0 +1,32 @@
+(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", "@tsparticles/engine"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.EmitterSpawn = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    class EmitterSpawn {
+        fill;
+        stroke;
+        load(data) {
+            if ((0, engine_1.isNull)(data)) {
+                return;
+            }
+            if (data.fill) {
+                this.fill ??= new engine_1.Fill();
+                this.fill.load(data.fill);
+            }
+            if (data.stroke) {
+                this.stroke ??= new engine_1.Stroke();
+                this.stroke.load(data.stroke);
+            }
+        }
+    }
+    exports.EmitterSpawn = EmitterSpawn;
+});

package/umd/Options/Interfaces/IEmitterSpawn.js

@@ -0,0 +1,12 @@
+(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"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/umd/index.js

@@ -47,22 +47,33 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     var __syncRequire = typeof module === "object" && typeof module.exports === "object";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadEmittersPlugin = loadEmittersPlugin;
+    exports.ensureEmittersPluginLoaded = ensureEmittersPluginLoaded;
     async function loadEmittersPlugin(engine) {
-        engine.checkVersion("4.0.0-alpha.8");
-        await engine.register(async (e) => {
-            const { loadInteractivityPlugin } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/plugin-interactivity"))) : new Promise((resolve_1, reject_1) => { require(["@tsparticles/plugin-interactivity"], resolve_1, reject_1); }).then(__importStar)), { ShapeManager } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./ShapeManager.js"))) : new Promise((resolve_2, reject_2) => { require(["./ShapeManager.js"], resolve_2, reject_2); }).then(__importStar)), { EmittersInstancesManager } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./EmittersInstancesManager.js"))) : new Promise((resolve_3, reject_3) => { require(["./EmittersInstancesManager.js"], resolve_3, reject_3); }).then(__importStar)), { EmittersPlugin } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./EmittersPlugin.js"))) : new Promise((resolve_4, reject_4) => { require(["./EmittersPlugin.js"], resolve_4, reject_4); }).then(__importStar)), instancesManager = new EmittersInstancesManager(e);
-            await loadInteractivityPlugin(e);
-            e.emitterShapeManager ??= new ShapeManager();
-            e.addEmitterShapeGenerator ??= (name, generator) => {
-                e.emitterShapeManager?.addShapeGenerator(name, generator);
+        engine.checkVersion("4.0.0-beta.1");
+        await engine.pluginManager.register(async (e) => {
+            const [{ ensureInteractivityPluginLoaded }, { ShapeManager }, { EmittersInstancesManager }, { EmittersPlugin },] = await Promise.all([
+                __syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/plugin-interactivity"))) : new Promise((resolve_1, reject_1) => { require(["@tsparticles/plugin-interactivity"], resolve_1, reject_1); }).then(__importStar),
+                __syncRequire ? Promise.resolve().then(() => __importStar(require("./ShapeManager.js"))) : new Promise((resolve_2, reject_2) => { require(["./ShapeManager.js"], resolve_2, reject_2); }).then(__importStar),
+                __syncRequire ? Promise.resolve().then(() => __importStar(require("./EmittersInstancesManager.js"))) : new Promise((resolve_3, reject_3) => { require(["./EmittersInstancesManager.js"], resolve_3, reject_3); }).then(__importStar),
+                __syncRequire ? Promise.resolve().then(() => __importStar(require("./EmittersPlugin.js"))) : new Promise((resolve_4, reject_4) => { require(["./EmittersPlugin.js"], resolve_4, reject_4); }).then(__importStar),
+            ]), pluginManager = e.pluginManager, instancesManager = new EmittersInstancesManager(pluginManager);
+            ensureInteractivityPluginLoaded(e);
+            pluginManager.emitterShapeManager ??= new ShapeManager();
+            pluginManager.addEmitterShapeGenerator ??= (name, generator) => {
+                pluginManager.emitterShapeManager?.addShapeGenerator(name, generator);
             };
-            e.addPlugin(new EmittersPlugin(instancesManager));
-            e.addInteractor?.("externalEmitters", async (container) => {
+            pluginManager.addPlugin(new EmittersPlugin(instancesManager));
+            pluginManager.addInteractor?.("externalEmitters", async (container) => {
                 const { EmittersInteractor } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./EmittersInteractor.js"))) : new Promise((resolve_5, reject_5) => { require(["./EmittersInteractor.js"], resolve_5, reject_5); }).then(__importStar));
                 return new EmittersInteractor(instancesManager, container);
             });
         });
     }
+    function ensureEmittersPluginLoaded(e) {
+        if (!e.pluginManager.addEmitterShapeGenerator) {
+            throw new Error("tsParticles Emitters Plugin is not loaded");
+        }
+    }
     __exportStar(require("./EmitterShapeBase.js"), exports);
     __exportStar(require("./Enums/EmitterClickMode.js"), exports);
 });

package/129.min.js

@@ -1,2 +0,0 @@
-/*! For license information please see 129.min.js.LICENSE.txt */
-(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[129],{510(t,i,e){e.d(i,{EmitterInstance:()=>r});var s=e(303),o=e(21),n=e(129);function a(t,i){t.color?t.color.value=i:t.color={value:i}}class r{constructor(t,i,e,n,a){this.container=i,this.removeCallback=e,this._destroy=()=>{this._mutationObserver?.disconnect(),this._mutationObserver=void 0,this._resizeObserver?.disconnect(),this._resizeObserver=void 0,this.removeCallback(this),this._engine.dispatchEvent("emitterDestroyed",{container:this.container,data:{emitter:this}})},this._prepareToDie=()=>{if(this._paused)return;const t=void 0!==this.options.life.duration?(0,s.getRangeValue)(this.options.life.duration):void 0;(this._lifeCount>0||this._immortal)&&void 0!==t&&t>0&&(this._duration=t*s.millisecondsToSeconds)},this._setColorAnimation=(t,i,e,o=1)=>{const n=this.container;if(!t.enable)return i;const a=(0,s.randomInRangeValue)(t.offset),r=(0,s.getRangeValue)(this.options.rate.delay),h=n.retina.reduceFactor?r*s.millisecondsToSeconds/n.retina.reduceFactor:1/0;return(i+(0,s.getRangeValue)(t.speed)*n.fpsLimit/h+a*o)%e},this._engine=t,this._currentDuration=0,this._currentEmitDelay=0,this._currentSpawnDelay=0,this._initialPosition=a,n instanceof o.v?this.options=n:(this.options=new o.v,this.options.load(n)),this._spawnDelay=i.retina.reduceFactor?(0,s.getRangeValue)(this.options.life.delay??0)*s.millisecondsToSeconds/i.retina.reduceFactor:1/0,this.position=this._initialPosition??this._calcPosition(),this.name=this.options.name,this.fill=this.options.fill,this._firstSpawn=!this.options.life.wait,this._startParticlesAdded=!1;const r=(0,s.deepExtend)({},this.options.particles);if(r.move??={},r.move.direction??=this.options.direction,this.options.spawnColor&&(this.spawnColor=(0,s.rangeColorToHsl)(this._engine,this.options.spawnColor)),this._paused=!this.options.autoPlay,this._particlesOptions=r,this._size=this._calcSize(),this.size=(0,s.getSize)(this._size,this.container.canvas.size),this._lifeCount=this.options.life.count??-1,this._immortal=this._lifeCount<=0,this.options.domId){const t=(0,s.safeDocument)().getElementById(this.options.domId);t&&(this._mutationObserver=new MutationObserver((()=>{this.resize()})),this._resizeObserver=new ResizeObserver((()=>{this.resize()})),this._mutationObserver.observe(t,{attributes:!0,attributeFilter:["style","width","height"]}),this._resizeObserver.observe(t))}const h=this.options.shape,l=this._engine.emitterShapeManager?.getShapeGenerator(h.type);l&&(this._shape=l.generate(this.position,this.size,this.fill,h.options)),this._engine.dispatchEvent("emitterCreated",{container:i,data:{emitter:this}}),this.play()}externalPause(){this._paused=!0,this.pause()}externalPlay(){this._paused=!1,this.play()}async init(){await(this._shape?.init())}pause(){this._paused||delete this._emitDelay}play(){if(this._paused)return;if(!(this._lifeCount>0||this._immortal)&&this.options.life.count||!(this._firstSpawn||this._currentSpawnDelay>=(this._spawnDelay??0)))return;const t=this.container;if(void 0===this._emitDelay){const i=(0,s.getRangeValue)(this.options.rate.delay);this._emitDelay=t.retina.reduceFactor?i*s.millisecondsToSeconds/t.retina.reduceFactor:1/0}(this._lifeCount>0||this._immortal)&&this._prepareToDie()}resize(){const t=this._initialPosition,i=this.container;this.position=t&&(0,s.isPointInside)(t,i.canvas.size,s.Vector.origin)?t:this._calcPosition(),this._size=this._calcSize(),this.size=(0,s.getSize)(this._size,i.canvas.size),this._shape?.resize(this.position,this.size)}update(t){if(this._paused)return;const i=this.container;this._firstSpawn&&(this._firstSpawn=!1,this._currentSpawnDelay=this._spawnDelay??0,this._currentEmitDelay=this._emitDelay??0),this._startParticlesAdded||(this._startParticlesAdded=!0,this._emitParticles(this.options.startCount)),void 0!==this._duration&&(this._currentDuration+=t.value,this._currentDuration>=this._duration&&(this.pause(),void 0!==this._spawnDelay&&delete this._spawnDelay,this._immortal||this._lifeCount--,this._lifeCount>0||this._immortal?(this.position=this._calcPosition(),this._shape?.resize(this.position,this.size),this._spawnDelay=i.retina.reduceFactor?(0,s.getRangeValue)(this.options.life.delay??0)*s.millisecondsToSeconds/i.retina.reduceFactor:1/0):this._destroy(),this._currentDuration-=this._duration,delete this._duration)),void 0!==this._spawnDelay&&(this._currentSpawnDelay+=t.value,this._currentSpawnDelay>=this._spawnDelay&&(this._engine.dispatchEvent("emitterPlay",{container:this.container}),this.play(),this._currentSpawnDelay-=this._currentSpawnDelay,delete this._spawnDelay)),void 0!==this._emitDelay&&(this._currentEmitDelay+=t.value,this._currentEmitDelay>=this._emitDelay&&(this._emit(),this._currentEmitDelay-=this._emitDelay))}_calcPosition(){const t=this.container;if(this.options.domId){const i=(0,s.safeDocument)().getElementById(this.options.domId);if(i){const e=i.getBoundingClientRect(),o=t.retina.pixelRatio;return{x:(e.x+e.width*s.half)*o,y:(e.y+e.height*s.half)*o}}}return(0,s.calcPositionOrRandomFromSizeRanged)({size:t.canvas.size,position:this.options.position})}_calcSize(){const t=this.container;if(this.options.domId){const i=(0,s.safeDocument)().getElementById(this.options.domId);if(i){const e=i.getBoundingClientRect();return{width:e.width*t.retina.pixelRatio,height:e.height*t.retina.pixelRatio,mode:s.PixelMode.precise}}}return this.options.size??(()=>{const t=new n.G;return t.load({height:0,mode:s.PixelMode.percent,width:0}),t})()}_emit(){if(this._paused)return;const t=(0,s.getRangeValue)(this.options.rate.quantity);this._emitParticles(t)}_emitParticles(t){const i=(0,s.itemFromSingleOrMultiple)(this._particlesOptions)??{},e=this.options.spawnColor?.animation,o=this.container.retina.reduceFactor,n=!!e,r=!!this._shape,h=n||r,l=n?{h:s.hMax,s:s.sMax,l:s.lMax}:null,c=this.options.shape;for(let n=0;n<t*o;n++){const t=h?(0,s.deepExtend)({},i):i;this.spawnColor&&(e&&l&&(this.spawnColor.h=this._setColorAnimation(e.h,this.spawnColor.h,l.h,3.6),this.spawnColor.s=this._setColorAnimation(e.s,this.spawnColor.s,l.s),this.spawnColor.l=this._setColorAnimation(e.l,this.spawnColor.l,l.l)),a(t,this.spawnColor));let o=this.position;if(this._shape){const i=this._shape.randomPosition();if(i){o=i.position;const e=c.replace;e.color&&i.color&&a(t,i.color),e.opacity&&(t.opacity?t.opacity.value=i.opacity:t.opacity={value:i.opacity})}else o=null}o&&this.container.particles.addParticle(o,t)}}}}}]);

package/129.min.js.LICENSE.txt

@@ -1 +0,0 @@
-/*! tsParticles Emitters Plugin v4.0.0-alpha.8 by Matteo Bruni */

package/246.min.js

@@ -1,2 +0,0 @@
-/*! For license information please see 246.min.js.LICENSE.txt */
-(this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).push([[246],{21(t,i,e){e.d(i,{v:()=>h});var s=e(303);class o{constructor(){this.wait=!1}load(t){(0,s.isNull)(t)||(void 0!==t.count&&(this.count=t.count),void 0!==t.delay&&(this.delay=(0,s.setRangeValue)(t.delay)),void 0!==t.duration&&(this.duration=(0,s.setRangeValue)(t.duration)),void 0!==t.wait&&(this.wait=t.wait))}}class a{constructor(){this.quantity=1,this.delay=.1}load(t){(0,s.isNull)(t)||(void 0!==t.quantity&&(this.quantity=(0,s.setRangeValue)(t.quantity)),void 0!==t.delay&&(this.delay=(0,s.setRangeValue)(t.delay)))}}class n{constructor(){this.color=!1,this.opacity=!1}load(t){(0,s.isNull)(t)||(void 0!==t.color&&(this.color=t.color),void 0!==t.opacity&&(this.opacity=t.opacity))}}class r{constructor(){this.options={},this.replace=new n,this.type="square"}load(t){(0,s.isNull)(t)||(void 0!==t.options&&(this.options=(0,s.deepExtend)({},t.options??{})),this.replace.load(t.replace),void 0!==t.type&&(this.type=t.type))}}var l=e(129);class h{constructor(){this.autoPlay=!0,this.fill=!0,this.life=new o,this.rate=new a,this.shape=new r,this.startCount=0}load(t){(0,s.isNull)(t)||(void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay),void 0!==t.size&&(this.size??=new l.G,this.size.load(t.size)),void 0!==t.direction&&(this.direction=t.direction),this.domId=t.domId,void 0!==t.fill&&(this.fill=t.fill),this.life.load(t.life),this.name=t.name,this.particles=(0,s.executeOnSingleOrMultiple)(t.particles,(t=>(0,s.deepExtend)({},t))),this.rate.load(t.rate),this.shape.load(t.shape),void 0!==t.position&&(this.position={},void 0!==t.position.x&&(this.position.x=(0,s.setRangeValue)(t.position.x)),void 0!==t.position.y&&(this.position.y=(0,s.setRangeValue)(t.position.y))),void 0!==t.spawnColor&&(this.spawnColor??=new s.AnimatableColor,this.spawnColor.load(t.spawnColor)),void 0!==t.startCount&&(this.startCount=t.startCount))}}},129(t,i,e){e.d(i,{G:()=>o});var s=e(303);class o{constructor(){this.mode=s.PixelMode.percent,this.height=0,this.width=0}load(t){(0,s.isNull)(t)||(void 0!==t.mode&&(this.mode=t.mode),void 0!==t.height&&(this.height=t.height),void 0!==t.width&&(this.width=t.width))}}},246(t,i,e){e.d(i,{EmittersInstancesManager:()=>a});var s=e(303),o=e(21);class a{constructor(t){this._containerArrays=new Map,this._engine=t}async addEmitter(t,i,s){const a=new o.v;a.load(i);const{EmitterInstance:n}=await e.e(129).then(e.bind(e,510)),r=new n(this._engine,t,(i=>{this.removeEmitter(t,i)}),a,s);return await r.init(),this.getArray(t).push(r),r}clear(t){this.initContainer(t),this._containerArrays.set(t,[])}getArray(t){this.initContainer(t);let i=this._containerArrays.get(t);return i||(i=[],this._containerArrays.set(t,i)),i}initContainer(t){this._containerArrays.has(t)||(this._containerArrays.set(t,[]),t.getEmitter=i=>{const e=this.getArray(t);return void 0===i||(0,s.isNumber)(i)?e[i??0]:e.find((t=>t.name===i))},t.addEmitter=async(i,e)=>this.addEmitter(t,i,e),t.removeEmitter=i=>{const e=t.getEmitter?.(i);e&&this.removeEmitter(t,e)},t.playEmitter=i=>{const e=t.getEmitter?.(i);e&&e.externalPlay()},t.pauseEmitter=i=>{const e=t.getEmitter?.(i);e&&e.externalPause()})}removeEmitter(t,i){const e=this.getArray(t).indexOf(i);e>=0&&this.getArray(t).splice(e,1)}}}}]);

package/246.min.js.LICENSE.txt

@@ -1 +0,0 @@
-/*! tsParticles Emitters Plugin v4.0.0-alpha.8 by Matteo Bruni */