@tsparticles/plugin-emitters 4.0.0-beta.0 → 4.0.0-beta.2

package/cjs/index.js

@@ -1,28 +1,9 @@
+import { loadEmittersInteraction } from "./interaction.js";
+import { loadEmittersPluginSimple } from "./plugin.js";
 export async function loadEmittersPlugin(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(async (e) => {
-        const [{ ensureInteractivityPluginLoaded }, { ShapeManager }, { EmittersInstancesManager }, { EmittersPlugin },] = await Promise.all([
-            import("@tsparticles/plugin-interactivity"),
-            import("./ShapeManager.js"),
-            import("./EmittersInstancesManager.js"),
-            import("./EmittersPlugin.js"),
-        ]), instancesManager = new EmittersInstancesManager(e);
-        ensureInteractivityPluginLoaded(e);
-        e.emitterShapeManager ??= new ShapeManager();
-        e.addEmitterShapeGenerator ??= (name, generator) => {
-            e.emitterShapeManager?.addShapeGenerator(name, generator);
-        };
-        e.addPlugin(new EmittersPlugin(instancesManager));
-        e.addInteractor?.("externalEmitters", async (container) => {
-            const { EmittersInteractor } = await import("./EmittersInteractor.js");
-            return new EmittersInteractor(instancesManager, container);
-        });
-    });
-}
-export function ensureEmittersPluginLoaded(e) {
-    if (!e.addEmitterShapeGenerator) {
-        throw new Error("tsParticles Emitters Plugin is not loaded");
-    }
+    await loadEmittersPluginSimple(engine);
+    await loadEmittersInteraction(engine);
 }
+export * from "./ensureEmittersPluginLoaded.js";
 export * from "./EmitterShapeBase.js";
 export * from "./Enums/EmitterClickMode.js";

package/cjs/interaction.js

@@ -0,0 +1,18 @@
+export async function loadEmittersInteraction(engine) {
+    engine.checkVersion("4.0.0-beta.2");
+    await engine.pluginManager.register(async (e) => {
+        const [{ ensureInteractivityPluginLoaded }, { addEmittersShapesManager }, { getEmittersInstancesManager },] = await Promise.all([
+            import("@tsparticles/plugin-interactivity"),
+            import("./addEmittersShapesManager.js"),
+            import("./getEmittersInstancesManager.js"),
+        ]), instancesManager = await getEmittersInstancesManager(e);
+        ensureInteractivityPluginLoaded(e);
+        await addEmittersShapesManager(e);
+        e.pluginManager.addInteractor?.("externalEmitters", async (container) => {
+            const { EmittersInteractor } = await import("./EmittersInteractor.js");
+            return new EmittersInteractor(instancesManager, container);
+        });
+    });
+}
+export * from "./EmitterShapeBase.js";
+export * from "./Enums/EmitterClickMode.js";

package/cjs/plugin.js

@@ -0,0 +1,14 @@
+export async function loadEmittersPluginSimple(engine) {
+    engine.checkVersion("4.0.0-beta.2");
+    await engine.pluginManager.register(async (e) => {
+        const [{ addEmittersShapesManager }, { getEmittersInstancesManager }, { EmittersPlugin },] = await Promise.all([
+            import("./addEmittersShapesManager.js"),
+            import("./getEmittersInstancesManager.js"),
+            import("./EmittersPlugin.js"),
+        ]), instancesManager = await getEmittersInstancesManager(e);
+        await addEmittersShapesManager(e);
+        e.pluginManager.addPlugin(new EmittersPlugin(instancesManager));
+    });
+}
+export * from "./EmitterShapeBase.js";
+export * from "./Enums/EmitterClickMode.js";

package/dist_browser_EmitterInstance_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*****************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterInstance: () => (/* binding */ EmitterInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Options_Classes_Emitter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Emitter.js */ \"./dist/browser/Options/Classes/Emitter.js\");\n/* harmony import */ var _Options_Classes_EmitterSize_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/EmitterSize.js */ \"./dist/browser/Options/Classes/EmitterSize.js\");\n\n\n\nconst defaultLifeDelay = 0, minLifeCount = 0, defaultSpawnDelay = 0, defaultEmitDelay = 0, defaultLifeCount = -1, defaultColorAnimationFactor = 1, colorFactor = 3.6, defaultStrokeWidth = 1;\nfunction setParticlesOptionsFillColor(particlesOptions, color, opacity, enable) {\n    particlesOptions.fill = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Fill();\n    particlesOptions.fill.color = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, {\n        value: color\n    });\n    particlesOptions.fill.enable = enable;\n    particlesOptions.fill.opacity = opacity;\n}\nfunction setParticlesOptionsStrokeColor(particlesOptions, color, opacity, width) {\n    particlesOptions.stroke = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Stroke();\n    particlesOptions.stroke.color = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, {\n        value: color\n    });\n    particlesOptions.stroke.opacity = opacity;\n    particlesOptions.stroke.width = width;\n}\nclass EmitterInstance {\n    container;\n    removeCallback;\n    fill;\n    name;\n    options;\n    position;\n    size;\n    spawnFillColor;\n    spawnFillEnabled;\n    spawnFillOpacity;\n    spawnStrokeColor;\n    spawnStrokeOpacity;\n    spawnStrokeWidth;\n    _currentDuration;\n    _currentEmitDelay;\n    _currentSpawnDelay;\n    _duration;\n    _emitDelay;\n    _engine;\n    _firstSpawn;\n    _immortal;\n    _initialPosition;\n    _lifeCount;\n    _mutationObserver;\n    _particlesOptions;\n    _paused;\n    _resizeObserver;\n    _shape;\n    _size;\n    _spawnDelay;\n    _startParticlesAdded;\n    constructor(engine, container, removeCallback, options, position){\n        this.container = container;\n        this.removeCallback = removeCallback;\n        this._engine = engine;\n        this._currentDuration = 0;\n        this._currentEmitDelay = 0;\n        this._currentSpawnDelay = 0;\n        this._initialPosition = position;\n        if (options instanceof _Options_Classes_Emitter_js__WEBPACK_IMPORTED_MODULE_1__.Emitter) {\n            this.options = options;\n        } else {\n            this.options = new _Options_Classes_Emitter_js__WEBPACK_IMPORTED_MODULE_1__.Emitter();\n            this.options.load(options);\n        }\n        this._spawnDelay = container.retina.reduceFactor ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.life.delay ?? defaultLifeDelay) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds / container.retina.reduceFactor : Infinity;\n        this.position = this._initialPosition ?? this._calcPosition();\n        this.name = this.options.name;\n        this.fill = this.options.fill;\n        this._firstSpawn = !this.options.life.wait;\n        this._startParticlesAdded = false;\n        const particlesOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, this.options.particles);\n        particlesOptions.move ??= {};\n        particlesOptions.move.direction ??= this.options.direction;\n        if (this.options.spawn.fill?.color) {\n            this.spawnFillColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToHsl)(this._engine, this.options.spawn.fill.color);\n        }\n        if (this.options.spawn.stroke?.color) {\n            this.spawnStrokeColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToHsl)(this._engine, this.options.spawn.stroke.color);\n        }\n        this._paused = !this.options.autoPlay;\n        this._particlesOptions = particlesOptions;\n        this._size = this._calcSize();\n        this.size = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getSize)(this._size, this.container.canvas.size);\n        this._lifeCount = this.options.life.count ?? defaultLifeCount;\n        this._immortal = this._lifeCount <= minLifeCount;\n        if (this.options.domId) {\n            const element = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().getElementById(this.options.domId);\n            if (element) {\n                this._mutationObserver = new MutationObserver(()=>{\n                    this.resize();\n                });\n                this._resizeObserver = new ResizeObserver(()=>{\n                    this.resize();\n                });\n                this._mutationObserver.observe(element, {\n                    attributes: true,\n                    attributeFilter: [\n                        \"style\",\n                        \"width\",\n                        \"height\"\n                    ]\n                });\n                this._resizeObserver.observe(element);\n            }\n        }\n        const shapeOptions = this.options.shape, shapeGenerator = this._engine.emitterShapeManager?.getShapeGenerator(shapeOptions.type);\n        if (shapeGenerator) {\n            this._shape = shapeGenerator.generate(this.container, this.position, this.size, this.fill, shapeOptions.options);\n        }\n        this._engine.dispatchEvent(\"emitterCreated\", {\n            container,\n            data: {\n                emitter: this\n            }\n        });\n        this.play();\n    }\n    externalPause() {\n        this._paused = true;\n        this.pause();\n    }\n    externalPlay() {\n        this._paused = false;\n        this.play();\n    }\n    async init() {\n        await this._shape?.init();\n    }\n    pause() {\n        if (this._paused) {\n            return;\n        }\n        delete this._emitDelay;\n    }\n    play() {\n        if (this._paused) {\n            return;\n        }\n        if (!((this._lifeCount > minLifeCount || this._immortal || !this.options.life.count) && (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? defaultSpawnDelay)))) {\n            return;\n        }\n        const container = this.container;\n        if (this._emitDelay === undefined) {\n            const delay = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.rate.delay);\n            this._emitDelay = container.retina.reduceFactor ? delay * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds / container.retina.reduceFactor : Infinity;\n        }\n        if (this._lifeCount > minLifeCount || this._immortal) {\n            this._prepareToDie();\n        }\n    }\n    resize() {\n        const initialPosition = this._initialPosition, container = this.container;\n        this.position = initialPosition && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isPointInside)(initialPosition, container.canvas.size, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin) ? initialPosition : this._calcPosition();\n        this._size = this._calcSize();\n        this.size = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getSize)(this._size, container.canvas.size);\n        this._shape?.resize(this.position, this.size);\n    }\n    update(delta) {\n        if (this._paused) {\n            return;\n        }\n        const container = this.container;\n        if (this._firstSpawn) {\n            this._firstSpawn = false;\n            this._currentSpawnDelay = this._spawnDelay ?? defaultSpawnDelay;\n            this._currentEmitDelay = this._emitDelay ?? defaultEmitDelay;\n        }\n        if (!this._startParticlesAdded) {\n            this._startParticlesAdded = true;\n            this._emitParticles(this.options.startCount);\n        }\n        if (this._duration !== undefined) {\n            this._currentDuration += delta.value;\n            if (this._currentDuration >= this._duration) {\n                this.pause();\n                if (this._spawnDelay !== undefined) {\n                    delete this._spawnDelay;\n                }\n                if (!this._immortal) {\n                    this._lifeCount--;\n                }\n                if (this._lifeCount > minLifeCount || this._immortal) {\n                    this.position = this._calcPosition();\n                    this._shape?.resize(this.position, this.size);\n                    this._spawnDelay = container.retina.reduceFactor ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.life.delay ?? defaultLifeDelay) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds / container.retina.reduceFactor : Infinity;\n                } else {\n                    this._destroy();\n                }\n                this._currentDuration -= this._duration;\n                delete this._duration;\n            }\n        }\n        if (this._spawnDelay !== undefined) {\n            this._currentSpawnDelay += delta.value;\n            if (this._currentSpawnDelay >= this._spawnDelay) {\n                this._engine.dispatchEvent(\"emitterPlay\", {\n                    container: this.container\n                });\n                this.play();\n                this._currentSpawnDelay -= this._spawnDelay;\n                delete this._spawnDelay;\n            }\n        }\n        if (this._emitDelay !== undefined) {\n            this._currentEmitDelay += delta.value;\n            if (this._currentEmitDelay >= this._emitDelay) {\n                this._emit();\n                this._currentEmitDelay -= this._emitDelay;\n            }\n        }\n    }\n    _calcPosition() {\n        const container = this.container;\n        if (this.options.domId) {\n            const element = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().getElementById(this.options.domId);\n            if (element) {\n                const elRect = element.getBoundingClientRect(), pxRatio = container.retina.pixelRatio;\n                return {\n                    x: (elRect.x + elRect.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half) * pxRatio,\n                    y: (elRect.y + elRect.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half) * pxRatio\n                };\n            }\n        }\n        return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.calcPositionOrRandomFromSizeRanged)({\n            size: container.canvas.size,\n            position: this.options.position\n        });\n    }\n    _calcSize() {\n        const container = this.container;\n        if (this.options.domId) {\n            const element = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().getElementById(this.options.domId);\n            if (element) {\n                const elRect = element.getBoundingClientRect();\n                return {\n                    width: elRect.width * container.retina.pixelRatio,\n                    height: elRect.height * container.retina.pixelRatio,\n                    mode: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.PixelMode.precise\n                };\n            }\n        }\n        return this.options.size ?? (()=>{\n            const size = new _Options_Classes_EmitterSize_js__WEBPACK_IMPORTED_MODULE_2__.EmitterSize();\n            size.load({\n                height: 0,\n                mode: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.PixelMode.percent,\n                width: 0\n            });\n            return size;\n        })();\n    }\n    _destroy = ()=>{\n        this._mutationObserver?.disconnect();\n        this._mutationObserver = undefined;\n        this._resizeObserver?.disconnect();\n        this._resizeObserver = undefined;\n        this.removeCallback(this);\n        this._engine.dispatchEvent(\"emitterDestroyed\", {\n            container: this.container,\n            data: {\n                emitter: this\n            }\n        });\n    };\n    _emit() {\n        if (this._paused) {\n            return;\n        }\n        const quantity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.rate.quantity);\n        this._emitParticles(quantity);\n    }\n    _emitParticles(quantity) {\n        const singleParticlesOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(this._particlesOptions) ?? {}, 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 ? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultOpacity : (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.spawn.fill.opacity), strokeHslAnimation = this.options.spawn.stroke?.color?.animation, strokeOpacity = this.options.spawn.stroke?.opacity === undefined ? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultOpacity : (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.spawn.stroke.opacity), strokeWidth = this.options.spawn.stroke?.width === undefined ? defaultStrokeWidth : (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.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 ? {\n            h: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hMax,\n            s: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.sMax,\n            l: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.lMax\n        } : null, shapeOptions = this.options.shape;\n        for(let i = 0; i < quantity * reduceFactor; i++){\n            const particlesOptions = needsCopy ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, singleParticlesOptions) : singleParticlesOptions;\n            this.spawnFillOpacity = fillOpacity;\n            this.spawnFillEnabled = fillEnabled;\n            this.spawnStrokeOpacity = strokeOpacity;\n            this.spawnStrokeWidth = strokeWidth;\n            if (this.spawnFillColor) {\n                if (fillHslAnimation && maxValues) {\n                    this.spawnFillColor.h = this._setColorAnimation(fillHslAnimation.h, this.spawnFillColor.h, maxValues.h, colorFactor);\n                    this.spawnFillColor.s = this._setColorAnimation(fillHslAnimation.s, this.spawnFillColor.s, maxValues.s);\n                    this.spawnFillColor.l = this._setColorAnimation(fillHslAnimation.l, this.spawnFillColor.l, maxValues.l);\n                }\n                setParticlesOptionsFillColor(particlesOptions, this.spawnFillColor, this.spawnFillOpacity, this.spawnFillEnabled);\n            }\n            if (this.spawnStrokeColor) {\n                if (strokeHslAnimation && maxValues) {\n                    this.spawnStrokeColor.h = this._setColorAnimation(strokeHslAnimation.h, this.spawnStrokeColor.h, maxValues.h, colorFactor);\n                    this.spawnStrokeColor.s = this._setColorAnimation(strokeHslAnimation.s, this.spawnStrokeColor.s, maxValues.s);\n                    this.spawnStrokeColor.l = this._setColorAnimation(strokeHslAnimation.l, this.spawnStrokeColor.l, maxValues.l);\n                }\n                setParticlesOptionsStrokeColor(particlesOptions, this.spawnStrokeColor, this.spawnStrokeOpacity, this.spawnStrokeWidth);\n            }\n            let position = this.position;\n            if (this._shape) {\n                const shapePosData = this._shape.randomPosition();\n                if (shapePosData) {\n                    position = shapePosData.position;\n                    const replaceData = shapeOptions.replace;\n                    if (replaceData.color && shapePosData.color) {\n                        setParticlesOptionsFillColor(particlesOptions, shapePosData.color, replaceData.opacity ? shapePosData.opacity ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultOpacity : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultOpacity, true);\n                    }\n                } else {\n                    position = null;\n                }\n            }\n            if (position) {\n                this.container.particles.addParticle(position, particlesOptions);\n            }\n        }\n    }\n    _prepareToDie = ()=>{\n        if (this._paused) {\n            return;\n        }\n        const duration = this.options.life.duration !== undefined ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.life.duration) : undefined, minDuration = 0, minLifeCount = 0;\n        if ((this._lifeCount > minLifeCount || this._immortal) && duration !== undefined && duration > minDuration) {\n            this._duration = duration * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds;\n        }\n    };\n    _setColorAnimation = (animation, initValue, maxValue, factor = defaultColorAnimationFactor)=>{\n        const container = this.container;\n        if (!animation.enable) {\n            return initValue;\n        }\n        const colorOffset = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)(animation.offset), delay = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.rate.delay), emitFactor = container.retina.reduceFactor ? delay * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds / container.retina.reduceFactor : Infinity, colorSpeed = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(animation.speed);\n        return (initValue + colorSpeed * container.fpsLimit / emitFactor + colorOffset * factor) % maxValue;\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters/./dist/browser/EmitterInstance.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterInstance: () => (/* binding */ EmitterInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Options_Classes_Emitter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Emitter.js */ \"./dist/browser/Options/Classes/Emitter.js\");\n/* harmony import */ var _Options_Classes_EmitterSize_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/EmitterSize.js */ \"./dist/browser/Options/Classes/EmitterSize.js\");\n\n\n\nconst defaultLifeDelay = 0, minLifeCount = 0, defaultSpawnDelay = 0, defaultEmitDelay = 0, defaultLifeCount = -1, defaultColorAnimationFactor = 1, colorFactor = 3.6, defaultStrokeWidth = 1;\nfunction setParticlesOptionsFillColor(particlesOptions, color, opacity, enable) {\n    particlesOptions.fill = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Fill();\n    particlesOptions.fill.color = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, {\n        value: color\n    });\n    particlesOptions.fill.enable = enable;\n    particlesOptions.fill.opacity = opacity;\n}\nfunction setParticlesOptionsStrokeColor(particlesOptions, color, opacity, width) {\n    particlesOptions.stroke = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Stroke();\n    particlesOptions.stroke.color = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.AnimatableColor.create(undefined, {\n        value: color\n    });\n    particlesOptions.stroke.opacity = opacity;\n    particlesOptions.stroke.width = width;\n}\nclass EmitterInstance {\n    fill;\n    name;\n    options;\n    position;\n    size;\n    spawnFillColor;\n    spawnFillEnabled;\n    spawnFillOpacity;\n    spawnStrokeColor;\n    spawnStrokeOpacity;\n    spawnStrokeWidth;\n    _container;\n    _currentDuration;\n    _currentEmitDelay;\n    _currentSpawnDelay;\n    _duration;\n    _emitDelay;\n    _firstSpawn;\n    _immortal;\n    _initialPosition;\n    _lifeCount;\n    _mutationObserver;\n    _particlesOptions;\n    _paused;\n    _pluginManager;\n    _removeCallback;\n    _resizeObserver;\n    _shape;\n    _size;\n    _spawnDelay;\n    _startParticlesAdded;\n    constructor(pluginManager, container, removeCallback, options, position){\n        this._pluginManager = pluginManager;\n        this._container = container;\n        this._removeCallback = removeCallback;\n        this._currentDuration = 0;\n        this._currentEmitDelay = 0;\n        this._currentSpawnDelay = 0;\n        this._initialPosition = position;\n        if (options instanceof _Options_Classes_Emitter_js__WEBPACK_IMPORTED_MODULE_1__.Emitter) {\n            this.options = options;\n        } else {\n            this.options = new _Options_Classes_Emitter_js__WEBPACK_IMPORTED_MODULE_1__.Emitter();\n            this.options.load(options);\n        }\n        this._spawnDelay = container.retina.reduceFactor ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.life.delay ?? defaultLifeDelay) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds / container.retina.reduceFactor : Infinity;\n        this.position = this._initialPosition ?? this._calcPosition();\n        this.name = this.options.name;\n        this.fill = this.options.fill;\n        this._firstSpawn = !this.options.life.wait;\n        this._startParticlesAdded = false;\n        const particlesOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, this.options.particles);\n        particlesOptions.move ??= {};\n        particlesOptions.move.direction ??= this.options.direction;\n        if (this.options.spawn.fill?.color) {\n            this.spawnFillColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToHsl)(this._pluginManager, this.options.spawn.fill.color);\n        }\n        if (this.options.spawn.stroke?.color) {\n            this.spawnStrokeColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToHsl)(this._pluginManager, this.options.spawn.stroke.color);\n        }\n        this._paused = !this.options.autoPlay;\n        this._particlesOptions = particlesOptions;\n        this._size = this._calcSize();\n        this.size = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getSize)(this._size, this._container.canvas.size);\n        this._lifeCount = this.options.life.count ?? defaultLifeCount;\n        this._immortal = this._lifeCount <= minLifeCount;\n        if (this.options.domId) {\n            const element = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().getElementById(this.options.domId);\n            if (element) {\n                this._mutationObserver = new MutationObserver(()=>{\n                    this.resize();\n                });\n                this._resizeObserver = new ResizeObserver(()=>{\n                    this.resize();\n                });\n                this._mutationObserver.observe(element, {\n                    attributes: true,\n                    attributeFilter: [\n                        \"style\",\n                        \"width\",\n                        \"height\"\n                    ]\n                });\n                this._resizeObserver.observe(element);\n            }\n        }\n        const shapeOptions = this.options.shape, shapeGenerator = this._pluginManager.emitterShapeManager?.getShapeGenerator(shapeOptions.type);\n        if (shapeGenerator) {\n            this._shape = shapeGenerator.generate(this._container, this.position, this.size, this.fill, shapeOptions.options);\n        }\n        this._container.dispatchEvent(\"emitterCreated\", {\n            emitter: this\n        });\n        this.play();\n    }\n    externalPause() {\n        this._paused = true;\n        this.pause();\n    }\n    externalPlay() {\n        this._paused = false;\n        this.play();\n    }\n    async init() {\n        await this._shape?.init();\n    }\n    pause() {\n        if (this._paused) {\n            return;\n        }\n        delete this._emitDelay;\n    }\n    play() {\n        if (this._paused) {\n            return;\n        }\n        if (!((this._lifeCount > minLifeCount || this._immortal || !this.options.life.count) && (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? defaultSpawnDelay)))) {\n            return;\n        }\n        const container = this._container;\n        if (this._emitDelay === undefined) {\n            const delay = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.rate.delay);\n            this._emitDelay = container.retina.reduceFactor ? delay * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds / container.retina.reduceFactor : Infinity;\n        }\n        if (this._lifeCount > minLifeCount || this._immortal) {\n            this._prepareToDie();\n        }\n    }\n    resize() {\n        const initialPosition = this._initialPosition, container = this._container;\n        this.position = initialPosition && (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isPointInside)(initialPosition, container.canvas.size, _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.Vector.origin) ? initialPosition : this._calcPosition();\n        this._size = this._calcSize();\n        this.size = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getSize)(this._size, container.canvas.size);\n        this._shape?.resize(this.position, this.size);\n    }\n    update(delta) {\n        if (this._paused) {\n            return;\n        }\n        const container = this._container;\n        if (this._firstSpawn) {\n            this._firstSpawn = false;\n            this._currentSpawnDelay = this._spawnDelay ?? defaultSpawnDelay;\n            this._currentEmitDelay = this._emitDelay ?? defaultEmitDelay;\n        }\n        if (!this._startParticlesAdded) {\n            this._startParticlesAdded = true;\n            this._emitParticles(this.options.startCount);\n        }\n        if (this._duration !== undefined) {\n            this._currentDuration += delta.value;\n            if (this._currentDuration >= this._duration) {\n                this.pause();\n                if (this._spawnDelay !== undefined) {\n                    delete this._spawnDelay;\n                }\n                if (!this._immortal) {\n                    this._lifeCount--;\n                }\n                if (this._lifeCount > minLifeCount || this._immortal) {\n                    this.position = this._calcPosition();\n                    this._shape?.resize(this.position, this.size);\n                    this._spawnDelay = container.retina.reduceFactor ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.life.delay ?? defaultLifeDelay) * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds / container.retina.reduceFactor : Infinity;\n                } else {\n                    this._destroy();\n                }\n                this._currentDuration -= this._duration;\n                delete this._duration;\n            }\n        }\n        if (this._spawnDelay !== undefined) {\n            this._currentSpawnDelay += delta.value;\n            if (this._currentSpawnDelay >= this._spawnDelay) {\n                this._container.dispatchEvent(\"emitterPlay\");\n                this.play();\n                this._currentSpawnDelay -= this._spawnDelay;\n                delete this._spawnDelay;\n            }\n        }\n        if (this._emitDelay !== undefined) {\n            this._currentEmitDelay += delta.value;\n            if (this._currentEmitDelay >= this._emitDelay) {\n                this._emit();\n                this._currentEmitDelay -= this._emitDelay;\n            }\n        }\n    }\n    _calcPosition() {\n        const container = this._container;\n        if (this.options.domId) {\n            const element = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().getElementById(this.options.domId);\n            if (element) {\n                const elRect = element.getBoundingClientRect(), pxRatio = container.retina.pixelRatio;\n                return {\n                    x: (elRect.x + elRect.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half) * pxRatio,\n                    y: (elRect.y + elRect.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half) * pxRatio\n                };\n            }\n        }\n        return (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.calcPositionOrRandomFromSizeRanged)({\n            size: container.canvas.size,\n            position: this.options.position\n        });\n    }\n    _calcSize() {\n        const container = this._container;\n        if (this.options.domId) {\n            const element = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeDocument)().getElementById(this.options.domId);\n            if (element) {\n                const elRect = element.getBoundingClientRect();\n                return {\n                    width: elRect.width * container.retina.pixelRatio,\n                    height: elRect.height * container.retina.pixelRatio,\n                    mode: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.PixelMode.precise\n                };\n            }\n        }\n        return this.options.size ?? (()=>{\n            const size = new _Options_Classes_EmitterSize_js__WEBPACK_IMPORTED_MODULE_2__.EmitterSize();\n            size.load({\n                height: 0,\n                mode: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.PixelMode.percent,\n                width: 0\n            });\n            return size;\n        })();\n    }\n    _destroy = ()=>{\n        this._mutationObserver?.disconnect();\n        this._mutationObserver = undefined;\n        this._resizeObserver?.disconnect();\n        this._resizeObserver = undefined;\n        this._removeCallback(this);\n        this._container.dispatchEvent(\"emitterDestroyed\", {\n            emitter: this\n        });\n    };\n    _emit() {\n        if (this._paused) {\n            return;\n        }\n        const quantity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.rate.quantity);\n        this._emitParticles(quantity);\n    }\n    _emitParticles(quantity) {\n        const singleParticlesOptions = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(this._particlesOptions) ?? {}, 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 ? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultOpacity : (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.spawn.fill.opacity), strokeHslAnimation = this.options.spawn.stroke?.color?.animation, strokeOpacity = this.options.spawn.stroke?.opacity === undefined ? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultOpacity : (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.spawn.stroke.opacity), strokeWidth = this.options.spawn.stroke?.width === undefined ? defaultStrokeWidth : (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.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 ? {\n            h: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.hMax,\n            s: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.sMax,\n            l: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.lMax\n        } : null, shapeOptions = this.options.shape;\n        for(let i = 0; i < quantity * reduceFactor; i++){\n            const particlesOptions = needsCopy ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, singleParticlesOptions) : singleParticlesOptions;\n            this.spawnFillOpacity = fillOpacity;\n            this.spawnFillEnabled = fillEnabled;\n            this.spawnStrokeOpacity = strokeOpacity;\n            this.spawnStrokeWidth = strokeWidth;\n            if (this.spawnFillColor) {\n                if (fillHslAnimation && maxValues) {\n                    this.spawnFillColor.h = this._setColorAnimation(fillHslAnimation.h, this.spawnFillColor.h, maxValues.h, colorFactor);\n                    this.spawnFillColor.s = this._setColorAnimation(fillHslAnimation.s, this.spawnFillColor.s, maxValues.s);\n                    this.spawnFillColor.l = this._setColorAnimation(fillHslAnimation.l, this.spawnFillColor.l, maxValues.l);\n                }\n                setParticlesOptionsFillColor(particlesOptions, this.spawnFillColor, this.spawnFillOpacity, this.spawnFillEnabled);\n            }\n            if (this.spawnStrokeColor) {\n                if (strokeHslAnimation && maxValues) {\n                    this.spawnStrokeColor.h = this._setColorAnimation(strokeHslAnimation.h, this.spawnStrokeColor.h, maxValues.h, colorFactor);\n                    this.spawnStrokeColor.s = this._setColorAnimation(strokeHslAnimation.s, this.spawnStrokeColor.s, maxValues.s);\n                    this.spawnStrokeColor.l = this._setColorAnimation(strokeHslAnimation.l, this.spawnStrokeColor.l, maxValues.l);\n                }\n                setParticlesOptionsStrokeColor(particlesOptions, this.spawnStrokeColor, this.spawnStrokeOpacity, this.spawnStrokeWidth);\n            }\n            let position = this.position;\n            if (this._shape) {\n                const shapePosData = this._shape.randomPosition();\n                if (shapePosData) {\n                    position = shapePosData.position;\n                    const replaceData = shapeOptions.replace;\n                    if (replaceData.color && shapePosData.color) {\n                        setParticlesOptionsFillColor(particlesOptions, shapePosData.color, replaceData.opacity ? shapePosData.opacity ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultOpacity : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultOpacity, true);\n                    }\n                } else {\n                    position = null;\n                }\n            }\n            if (position) {\n                this._container.particles.addParticle(position, particlesOptions);\n            }\n        }\n    }\n    _prepareToDie = ()=>{\n        if (this._paused) {\n            return;\n        }\n        const duration = this.options.life.duration !== undefined ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.life.duration) : undefined, minDuration = 0, minLifeCount = 0;\n        if ((this._lifeCount > minLifeCount || this._immortal) && duration !== undefined && duration > minDuration) {\n            this._duration = duration * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds;\n        }\n    };\n    _setColorAnimation = (animation, initValue, maxValue, factor = defaultColorAnimationFactor)=>{\n        const container = this._container;\n        if (!animation.enable) {\n            return initValue;\n        }\n        const colorOffset = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.randomInRangeValue)(animation.offset), delay = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(this.options.rate.delay), emitFactor = container.retina.reduceFactor ? delay * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.millisecondsToSeconds / container.retina.reduceFactor : Infinity, colorSpeed = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(animation.speed);\n        return (initValue + colorSpeed * container.fpsLimit / emitFactor + colorOffset * factor) % maxValue;\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters/./dist/browser/EmitterInstance.js?\n}");
 
 /***/ }
 

package/dist_browser_EmittersInstancesManager_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \**************************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmittersInstancesManager: () => (/* binding */ EmittersInstancesManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Options_Classes_Emitter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Emitter.js */ \"./dist/browser/Options/Classes/Emitter.js\");\n\n\nconst defaultIndex = 0;\nclass EmittersInstancesManager {\n    _containerArrays;\n    _engine;\n    constructor(engine){\n        this._containerArrays = new Map();\n        this._engine = engine;\n    }\n    async addEmitter(container, options, position) {\n        const emitterOptions = new _Options_Classes_Emitter_js__WEBPACK_IMPORTED_MODULE_1__.Emitter();\n        emitterOptions.load(options);\n        const { EmitterInstance } = await __webpack_require__.e(/*! import() */ \"dist_browser_EmitterInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmitterInstance.js */ \"./dist/browser/EmitterInstance.js\")), emitter = new EmitterInstance(this._engine, container, (emitter)=>{\n            this.removeEmitter(container, emitter);\n        }, emitterOptions, position);\n        await emitter.init();\n        this.getArray(container).push(emitter);\n        return emitter;\n    }\n    clear(container) {\n        this.initContainer(container);\n        this._containerArrays.set(container, []);\n    }\n    getArray(container) {\n        this.initContainer(container);\n        let array = this._containerArrays.get(container);\n        if (!array) {\n            array = [];\n            this._containerArrays.set(container, array);\n        }\n        return array;\n    }\n    initContainer(container) {\n        if (this._containerArrays.has(container)) {\n            return;\n        }\n        this._containerArrays.set(container, []);\n        container.getEmitter = (idxOrName)=>{\n            const array = this.getArray(container);\n            return idxOrName === undefined || (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNumber)(idxOrName) ? array[idxOrName ?? defaultIndex] : array.find((t)=>t.name === idxOrName);\n        };\n        container.addEmitter = async (options, position)=>this.addEmitter(container, options, position);\n        container.removeEmitter = (idxOrName)=>{\n            const emitter = container.getEmitter?.(idxOrName);\n            if (emitter) {\n                this.removeEmitter(container, emitter);\n            }\n        };\n        container.playEmitter = (idxOrName)=>{\n            const emitter = container.getEmitter?.(idxOrName);\n            if (emitter) {\n                emitter.externalPlay();\n            }\n        };\n        container.pauseEmitter = (idxOrName)=>{\n            const emitter = container.getEmitter?.(idxOrName);\n            if (emitter) {\n                emitter.externalPause();\n            }\n        };\n    }\n    removeEmitter(container, emitter) {\n        const index = this.getArray(container).indexOf(emitter), minIndex = 0, deleteCount = 1;\n        if (index >= minIndex) {\n            this.getArray(container).splice(index, deleteCount);\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters/./dist/browser/EmittersInstancesManager.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmittersInstancesManager: () => (/* binding */ EmittersInstancesManager)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Options_Classes_Emitter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Emitter.js */ \"./dist/browser/Options/Classes/Emitter.js\");\n\n\nconst defaultIndex = 0;\nclass EmittersInstancesManager {\n    _containerArrays;\n    _pluginManager;\n    constructor(pluginManager){\n        this._containerArrays = new Map();\n        this._pluginManager = pluginManager;\n    }\n    async addEmitter(container, options, position) {\n        const emitterOptions = new _Options_Classes_Emitter_js__WEBPACK_IMPORTED_MODULE_1__.Emitter();\n        emitterOptions.load(options);\n        const { EmitterInstance } = await __webpack_require__.e(/*! import() */ \"dist_browser_EmitterInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmitterInstance.js */ \"./dist/browser/EmitterInstance.js\")), emitter = new EmitterInstance(this._pluginManager, container, (emitter)=>{\n            this.removeEmitter(container, emitter);\n        }, emitterOptions, position);\n        await emitter.init();\n        this.getArray(container).push(emitter);\n        return emitter;\n    }\n    clear(container) {\n        this.initContainer(container);\n        this._containerArrays.set(container, []);\n    }\n    getArray(container) {\n        this.initContainer(container);\n        let array = this._containerArrays.get(container);\n        if (!array) {\n            array = [];\n            this._containerArrays.set(container, array);\n        }\n        return array;\n    }\n    initContainer(container) {\n        if (this._containerArrays.has(container)) {\n            return;\n        }\n        this._containerArrays.set(container, []);\n        container.getEmitter = (idxOrName)=>{\n            const array = this.getArray(container);\n            return idxOrName === undefined || (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNumber)(idxOrName) ? array[idxOrName ?? defaultIndex] : array.find((t)=>t.name === idxOrName);\n        };\n        container.addEmitter = async (options, position)=>this.addEmitter(container, options, position);\n        container.removeEmitter = (idxOrName)=>{\n            const emitter = container.getEmitter?.(idxOrName);\n            if (emitter) {\n                this.removeEmitter(container, emitter);\n            }\n        };\n        container.playEmitter = (idxOrName)=>{\n            const emitter = container.getEmitter?.(idxOrName);\n            if (emitter) {\n                emitter.externalPlay();\n            }\n        };\n        container.pauseEmitter = (idxOrName)=>{\n            const emitter = container.getEmitter?.(idxOrName);\n            if (emitter) {\n                emitter.externalPause();\n            }\n        };\n    }\n    removeEmitter(container, emitter) {\n        const index = this.getArray(container).indexOf(emitter), minIndex = 0, deleteCount = 1;\n        if (index >= minIndex) {\n            this.getArray(container).splice(index, deleteCount);\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters/./dist/browser/EmittersInstancesManager.js?\n}");
 
 /***/ },
 

package/dist_browser_EmittersInteractor_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*

package/dist_browser_EmittersPluginInstance_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*

package/dist_browser_EmittersPlugin_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*

package/dist_browser_ShapeManager_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.2
  */
 "use strict";
 /*

package/dist_browser_addEmittersShapesManager_js.js

@@ -0,0 +1,30 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-beta.2
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_plugin_emitters"] = this["webpackChunk_tsparticles_plugin_emitters"] || []).push([["dist_browser_addEmittersShapesManager_js"],{
+
+/***/ "./dist/browser/addEmittersShapesManager.js"
+/*!**************************************************!*\
+  !*** ./dist/browser/addEmittersShapesManager.js ***!
+  \**************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   addEmittersShapesManager: () => (/* binding */ addEmittersShapesManager)\n/* harmony export */ });\nasync function addEmittersShapesManager(e) {\n    const { ShapeManager } = await __webpack_require__.e(/*! import() */ \"dist_browser_ShapeManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ShapeManager.js */ \"./dist/browser/ShapeManager.js\")), pluginManager = e.pluginManager;\n    pluginManager.emitterShapeManager ??= new ShapeManager();\n    pluginManager.addEmitterShapeGenerator ??= (name, generator)=>{\n        pluginManager.emitterShapeManager?.addShapeGenerator(name, generator);\n    };\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters/./dist/browser/addEmittersShapesManager.js?\n}");
+
+/***/ }
+
+}]);

package/dist_browser_getEmittersInstancesManager_js.js

@@ -0,0 +1,30 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-beta.2
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_plugin_emitters"] = this["webpackChunk_tsparticles_plugin_emitters"] || []).push([["dist_browser_getEmittersInstancesManager_js"],{
+
+/***/ "./dist/browser/getEmittersInstancesManager.js"
+/*!*****************************************************!*\
+  !*** ./dist/browser/getEmittersInstancesManager.js ***!
+  \*****************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   getEmittersInstancesManager: () => (/* binding */ getEmittersInstancesManager)\n/* harmony export */ });\nconst instancesManagers = new WeakMap();\nasync function getEmittersInstancesManager(e) {\n    const pluginManager = e.pluginManager;\n    let manager = instancesManagers.get(pluginManager);\n    if (!manager) {\n        const { EmittersInstancesManager } = await __webpack_require__.e(/*! import() */ \"dist_browser_EmittersInstancesManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersInstancesManager.js */ \"./dist/browser/EmittersInstancesManager.js\"));\n        manager = new EmittersInstancesManager(pluginManager);\n        instancesManagers.set(pluginManager, manager);\n    }\n    return manager;\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters/./dist/browser/getEmittersInstancesManager.js?\n}");
+
+/***/ }
+
+}]);

package/esm/EmitterInstance.js

@@ -15,8 +15,6 @@ function setParticlesOptionsStrokeColor(particlesOptions, color, opacity, width)
     particlesOptions.stroke.width = width;
 }
 export class EmitterInstance {
-    container;
-    removeCallback;
     fill;
     name;
     options;
@@ -28,12 +26,12 @@ export class EmitterInstance {
     spawnStrokeColor;
     spawnStrokeOpacity;
     spawnStrokeWidth;
+    _container;
     _currentDuration;
     _currentEmitDelay;
     _currentSpawnDelay;
     _duration;
     _emitDelay;
-    _engine;
     _firstSpawn;
     _immortal;
     _initialPosition;
@@ -41,15 +39,17 @@ export class EmitterInstance {
     _mutationObserver;
     _particlesOptions;
     _paused;
+    _pluginManager;
+    _removeCallback;
     _resizeObserver;
     _shape;
     _size;
     _spawnDelay;
     _startParticlesAdded;
-    constructor(engine, container, removeCallback, options, position) {
-        this.container = container;
-        this.removeCallback = removeCallback;
-        this._engine = engine;
+    constructor(pluginManager, container, removeCallback, options, position) {
+        this._pluginManager = pluginManager;
+        this._container = container;
+        this._removeCallback = removeCallback;
         this._currentDuration = 0;
         this._currentEmitDelay = 0;
         this._currentSpawnDelay = 0;
@@ -74,15 +74,15 @@ export class EmitterInstance {
         particlesOptions.move ??= {};
         particlesOptions.move.direction ??= this.options.direction;
         if (this.options.spawn.fill?.color) {
-            this.spawnFillColor = rangeColorToHsl(this._engine, this.options.spawn.fill.color);
+            this.spawnFillColor = rangeColorToHsl(this._pluginManager, this.options.spawn.fill.color);
         }
         if (this.options.spawn.stroke?.color) {
-            this.spawnStrokeColor = rangeColorToHsl(this._engine, this.options.spawn.stroke.color);
+            this.spawnStrokeColor = rangeColorToHsl(this._pluginManager, this.options.spawn.stroke.color);
         }
         this._paused = !this.options.autoPlay;
         this._particlesOptions = particlesOptions;
         this._size = this._calcSize();
-        this.size = getSize(this._size, this.container.canvas.size);
+        this.size = getSize(this._size, this._container.canvas.size);
         this._lifeCount = this.options.life.count ?? defaultLifeCount;
         this._immortal = this._lifeCount <= minLifeCount;
         if (this.options.domId) {
@@ -101,15 +101,12 @@ export class EmitterInstance {
                 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.container, 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();
     }
@@ -138,7 +135,7 @@ export class EmitterInstance {
             (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? defaultSpawnDelay)))) {
             return;
         }
-        const container = this.container;
+        const container = this._container;
         if (this._emitDelay === undefined) {
             const delay = getRangeValue(this.options.rate.delay);
             this._emitDelay = container.retina.reduceFactor
@@ -150,7 +147,7 @@ export class EmitterInstance {
         }
     }
     resize() {
-        const initialPosition = this._initialPosition, container = this.container;
+        const initialPosition = this._initialPosition, container = this._container;
         this.position =
             initialPosition && isPointInside(initialPosition, container.canvas.size, Vector.origin)
                 ? initialPosition
@@ -163,7 +160,7 @@ export class EmitterInstance {
         if (this._paused) {
             return;
         }
-        const container = this.container;
+        const container = this._container;
         if (this._firstSpawn) {
             this._firstSpawn = false;
             this._currentSpawnDelay = this._spawnDelay ?? defaultSpawnDelay;
@@ -201,9 +198,7 @@ export class EmitterInstance {
         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._spawnDelay;
                 delete this._spawnDelay;
@@ -218,7 +213,7 @@ export class EmitterInstance {
         }
     }
     _calcPosition() {
-        const container = this.container;
+        const container = this._container;
         if (this.options.domId) {
             const element = safeDocument().getElementById(this.options.domId);
             if (element) {
@@ -235,7 +230,7 @@ export class EmitterInstance {
         });
     }
     _calcSize() {
-        const container = this.container;
+        const container = this._container;
         if (this.options.domId) {
             const element = safeDocument().getElementById(this.options.domId);
             if (element) {
@@ -263,12 +258,9 @@ export class EmitterInstance {
         this._mutationObserver = undefined;
         this._resizeObserver?.disconnect();
         this._resizeObserver = undefined;
-        this.removeCallback(this);
-        this._engine.dispatchEvent("emitterDestroyed", {
-            container: this.container,
-            data: {
-                emitter: this,
-            },
+        this._removeCallback(this);
+        this._container.dispatchEvent("emitterDestroyed", {
+            emitter: this,
         });
     };
     _emit() {
@@ -286,7 +278,7 @@ export class EmitterInstance {
             ? defaultOpacity
             : getRangeValue(this.options.spawn.stroke.opacity), strokeWidth = this.options.spawn.stroke?.width === undefined
             ? defaultStrokeWidth
-            : 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: hMax, s: sMax, l: lMax } : null, shapeOptions = this.options.shape;
+            : 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: hMax, s: sMax, l: lMax } : null, shapeOptions = this.options.shape;
         for (let i = 0; i < quantity * reduceFactor; i++) {
             const particlesOptions = needsCopy
                 ? deepExtend({}, singleParticlesOptions)
@@ -326,7 +318,7 @@ export class EmitterInstance {
                 }
             }
             if (position) {
-                this.container.particles.addParticle(position, particlesOptions);
+                this._container.particles.addParticle(position, particlesOptions);
             }
         }
     }
@@ -340,7 +332,7 @@ export class EmitterInstance {
         }
     };
     _setColorAnimation = (animation, initValue, maxValue, factor = defaultColorAnimationFactor) => {
-        const container = this.container;
+        const container = this._container;
         if (!animation.enable) {
             return initValue;
         }

package/esm/EmittersInstancesManager.js

@@ -3,15 +3,15 @@ import { Emitter } from "./Options/Classes/Emitter.js";
 const defaultIndex = 0;
 export class EmittersInstancesManager {
     _containerArrays;
-    _engine;
-    constructor(engine) {
+    _pluginManager;
+    constructor(pluginManager) {
         this._containerArrays = new Map();
-        this._engine = engine;
+        this._pluginManager = pluginManager;
     }
     async addEmitter(container, options, position) {
         const emitterOptions = new Emitter();
         emitterOptions.load(options);
-        const { EmitterInstance } = await import("./EmitterInstance.js"), emitter = new EmitterInstance(this._engine, container, (emitter) => {
+        const { EmitterInstance } = await import("./EmitterInstance.js"), emitter = new EmitterInstance(this._pluginManager, container, (emitter) => {
             this.removeEmitter(container, emitter);
         }, emitterOptions, position);
         await emitter.init();

package/esm/addEmittersShapesManager.js

@@ -0,0 +1,7 @@
+export async function addEmittersShapesManager(e) {
+    const { ShapeManager } = await import("./ShapeManager.js"), pluginManager = e.pluginManager;
+    pluginManager.emitterShapeManager ??= new ShapeManager();
+    pluginManager.addEmitterShapeGenerator ??= (name, generator) => {
+        pluginManager.emitterShapeManager?.addShapeGenerator(name, generator);
+    };
+}

package/esm/ensureEmittersPluginLoaded.js

@@ -0,0 +1,5 @@
+export function ensureEmittersPluginLoaded(e) {
+    if (!e.pluginManager.addEmitterShapeGenerator) {
+        throw new Error("tsParticles Emitters Plugin is not loaded");
+    }
+}

package/esm/getEmittersInstancesManager.js

@@ -0,0 +1,11 @@
+const instancesManagers = new WeakMap();
+export async function getEmittersInstancesManager(e) {
+    const pluginManager = e.pluginManager;
+    let manager = instancesManagers.get(pluginManager);
+    if (!manager) {
+        const { EmittersInstancesManager } = await import("./EmittersInstancesManager.js");
+        manager = new EmittersInstancesManager(pluginManager);
+        instancesManagers.set(pluginManager, manager);
+    }
+    return manager;
+}

package/esm/index.js

@@ -1,28 +1,9 @@
+import { loadEmittersInteraction } from "./interaction.js";
+import { loadEmittersPluginSimple } from "./plugin.js";
 export async function loadEmittersPlugin(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(async (e) => {
-        const [{ ensureInteractivityPluginLoaded }, { ShapeManager }, { EmittersInstancesManager }, { EmittersPlugin },] = await Promise.all([
-            import("@tsparticles/plugin-interactivity"),
-            import("./ShapeManager.js"),
-            import("./EmittersInstancesManager.js"),
-            import("./EmittersPlugin.js"),
-        ]), instancesManager = new EmittersInstancesManager(e);
-        ensureInteractivityPluginLoaded(e);
-        e.emitterShapeManager ??= new ShapeManager();
-        e.addEmitterShapeGenerator ??= (name, generator) => {
-            e.emitterShapeManager?.addShapeGenerator(name, generator);
-        };
-        e.addPlugin(new EmittersPlugin(instancesManager));
-        e.addInteractor?.("externalEmitters", async (container) => {
-            const { EmittersInteractor } = await import("./EmittersInteractor.js");
-            return new EmittersInteractor(instancesManager, container);
-        });
-    });
-}
-export function ensureEmittersPluginLoaded(e) {
-    if (!e.addEmitterShapeGenerator) {
-        throw new Error("tsParticles Emitters Plugin is not loaded");
-    }
+    await loadEmittersPluginSimple(engine);
+    await loadEmittersInteraction(engine);
 }
+export * from "./ensureEmittersPluginLoaded.js";
 export * from "./EmitterShapeBase.js";
 export * from "./Enums/EmitterClickMode.js";

package/esm/interaction.js

@@ -0,0 +1,18 @@
+export async function loadEmittersInteraction(engine) {
+    engine.checkVersion("4.0.0-beta.2");
+    await engine.pluginManager.register(async (e) => {
+        const [{ ensureInteractivityPluginLoaded }, { addEmittersShapesManager }, { getEmittersInstancesManager },] = await Promise.all([
+            import("@tsparticles/plugin-interactivity"),
+            import("./addEmittersShapesManager.js"),
+            import("./getEmittersInstancesManager.js"),
+        ]), instancesManager = await getEmittersInstancesManager(e);
+        ensureInteractivityPluginLoaded(e);
+        await addEmittersShapesManager(e);
+        e.pluginManager.addInteractor?.("externalEmitters", async (container) => {
+            const { EmittersInteractor } = await import("./EmittersInteractor.js");
+            return new EmittersInteractor(instancesManager, container);
+        });
+    });
+}
+export * from "./EmitterShapeBase.js";
+export * from "./Enums/EmitterClickMode.js";

package/esm/plugin.js

@@ -0,0 +1,14 @@
+export async function loadEmittersPluginSimple(engine) {
+    engine.checkVersion("4.0.0-beta.2");
+    await engine.pluginManager.register(async (e) => {
+        const [{ addEmittersShapesManager }, { getEmittersInstancesManager }, { EmittersPlugin },] = await Promise.all([
+            import("./addEmittersShapesManager.js"),
+            import("./getEmittersInstancesManager.js"),
+            import("./EmittersPlugin.js"),
+        ]), instancesManager = await getEmittersInstancesManager(e);
+        await addEmittersShapesManager(e);
+        e.pluginManager.addPlugin(new EmittersPlugin(instancesManager));
+    });
+}
+export * from "./EmitterShapeBase.js";
+export * from "./Enums/EmitterClickMode.js";