@tsparticles/plugin-emitters 3.1.0 → 3.2.1

package/tsparticles.plugin.emitters.js

@@ -4,7 +4,15 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v3.1.0
+ * v3.2.1
+ */
+/*
+ * 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/).
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -15,15 +23,38 @@
 		var a = typeof exports === 'object' ? factory(require("@tsparticles/engine")) : factory(root["window"]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(this, (__WEBPACK_EXTERNAL_MODULE__533__) => {
+})(this, (__WEBPACK_EXTERNAL_MODULE__tsparticles_engine__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 533:
+/***/ "./dist/browser/EmitterShapeBase.js":
+/*!******************************************!*\
+  !*** ./dist/browser/EmitterShapeBase.js ***!
+  \******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterShapeBase: () => (/* binding */ EmitterShapeBase)\n/* harmony export */ });\nclass EmitterShapeBase {\n  constructor(position, size, fill, options) {\n    this.position = position;\n    this.size = size;\n    this.fill = fill;\n    this.options = options;\n  }\n  resize(position, size) {\n    this.position = position;\n    this.size = size;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters/./dist/browser/EmitterShapeBase.js?");
+
+/***/ }),
+
+/***/ "./dist/browser/index.js":
+/*!*******************************!*\
+  !*** ./dist/browser/index.js ***!
+  \*******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterShapeBase: () => (/* reexport safe */ _EmitterShapeBase_js__WEBPACK_IMPORTED_MODULE_0__.EmitterShapeBase),\n/* harmony export */   loadEmittersPlugin: () => (/* binding */ loadEmittersPlugin)\n/* harmony export */ });\n/* harmony import */ var _EmitterShapeBase_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EmitterShapeBase.js */ \"./dist/browser/EmitterShapeBase.js\");\nasync function loadEmittersPlugin(engine, refresh = true) {\n  if (!engine.emitterShapeManager) {\n    const {\n      ShapeManager\n    } = await __webpack_require__.e(/*! import() */ \"dist_browser_ShapeManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ShapeManager.js */ \"./dist/browser/ShapeManager.js\"));\n    engine.emitterShapeManager = new ShapeManager(engine);\n  }\n  if (!engine.addEmitterShapeGenerator) {\n    engine.addEmitterShapeGenerator = (name, generator) => {\n      engine.emitterShapeManager?.addShapeGenerator(name, generator);\n    };\n  }\n  const {\n      EmittersPlugin\n    } = await __webpack_require__.e(/*! import() */ \"dist_browser_EmittersPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersPlugin.js */ \"./dist/browser/EmittersPlugin.js\")),\n    plugin = new EmittersPlugin(engine);\n  await engine.addPlugin(plugin, refresh);\n}\n\n\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters/./dist/browser/index.js?");
+
+/***/ }),
+
+/***/ "@tsparticles/engine":
+/*!*********************************************************************************************************************************!*\
+  !*** external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"} ***!
+  \*********************************************************************************************************************************/
 /***/ ((module) => {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__533__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
 
 /***/ })
 
@@ -53,7 +84,22 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__533__;
 /******/ 		return module.exports;
 /******/ 	}
 /******/ 	
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = __webpack_modules__;
+/******/ 	
 /************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	(() => {
 /******/ 		// define getter functions for harmony exports
@@ -66,11 +112,91 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__533__;
 /******/ 		};
 /******/ 	})();
 /******/ 	
+/******/ 	/* webpack/runtime/ensure chunk */
+/******/ 	(() => {
+/******/ 		__webpack_require__.f = {};
+/******/ 		// This file contains only the entry chunk.
+/******/ 		// The chunk loading function for additional chunks
+/******/ 		__webpack_require__.e = (chunkId) => {
+/******/ 			return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {
+/******/ 				__webpack_require__.f[key](chunkId, promises);
+/******/ 				return promises;
+/******/ 			}, []));
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/get javascript chunk filename */
+/******/ 	(() => {
+/******/ 		// This function allow to reference async chunks
+/******/ 		__webpack_require__.u = (chunkId) => {
+/******/ 			// return url for filenames based on template
+/******/ 			return "" + chunkId + ".js";
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/global */
+/******/ 	(() => {
+/******/ 		__webpack_require__.g = (function() {
+/******/ 			if (typeof globalThis === 'object') return globalThis;
+/******/ 			try {
+/******/ 				return this || new Function('return this')();
+/******/ 			} catch (e) {
+/******/ 				if (typeof window === 'object') return window;
+/******/ 			}
+/******/ 		})();
+/******/ 	})();
+/******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
 /******/ 	(() => {
 /******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
 /******/ 	})();
 /******/ 	
+/******/ 	/* webpack/runtime/load script */
+/******/ 	(() => {
+/******/ 		var inProgress = {};
+/******/ 		var dataWebpackPrefix = "@tsparticles/plugin-emitters:";
+/******/ 		// loadScript function to load a script via script tag
+/******/ 		__webpack_require__.l = (url, done, key, chunkId) => {
+/******/ 			if(inProgress[url]) { inProgress[url].push(done); return; }
+/******/ 			var script, needAttach;
+/******/ 			if(key !== undefined) {
+/******/ 				var scripts = document.getElementsByTagName("script");
+/******/ 				for(var i = 0; i < scripts.length; i++) {
+/******/ 					var s = scripts[i];
+/******/ 					if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
+/******/ 				}
+/******/ 			}
+/******/ 			if(!script) {
+/******/ 				needAttach = true;
+/******/ 				script = document.createElement('script');
+/******/ 		
+/******/ 				script.charset = 'utf-8';
+/******/ 				script.timeout = 120;
+/******/ 				if (__webpack_require__.nc) {
+/******/ 					script.setAttribute("nonce", __webpack_require__.nc);
+/******/ 				}
+/******/ 				script.setAttribute("data-webpack", dataWebpackPrefix + key);
+/******/ 		
+/******/ 				script.src = url;
+/******/ 			}
+/******/ 			inProgress[url] = [done];
+/******/ 			var onScriptComplete = (prev, event) => {
+/******/ 				// avoid mem leaks in IE.
+/******/ 				script.onerror = script.onload = null;
+/******/ 				clearTimeout(timeout);
+/******/ 				var doneFns = inProgress[url];
+/******/ 				delete inProgress[url];
+/******/ 				script.parentNode && script.parentNode.removeChild(script);
+/******/ 				doneFns && doneFns.forEach((fn) => (fn(event)));
+/******/ 				if(prev) return prev(event);
+/******/ 			}
+/******/ 			var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
+/******/ 			script.onerror = onScriptComplete.bind(null, script.onerror);
+/******/ 			script.onload = onScriptComplete.bind(null, script.onload);
+/******/ 			needAttach && document.head.appendChild(script);
+/******/ 		};
+/******/ 	})();
+/******/ 	
 /******/ 	/* webpack/runtime/make namespace object */
 /******/ 	(() => {
 /******/ 		// define __esModule on exports
@@ -82,758 +208,128 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__533__;
 /******/ 		};
 /******/ 	})();
 /******/ 	
+/******/ 	/* webpack/runtime/publicPath */
+/******/ 	(() => {
+/******/ 		var scriptUrl;
+/******/ 		if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
+/******/ 		var document = __webpack_require__.g.document;
+/******/ 		if (!scriptUrl && document) {
+/******/ 			if (document.currentScript)
+/******/ 				scriptUrl = document.currentScript.src;
+/******/ 			if (!scriptUrl) {
+/******/ 				var scripts = document.getElementsByTagName("script");
+/******/ 				if(scripts.length) {
+/******/ 					var i = scripts.length - 1;
+/******/ 					while (i > -1 && !scriptUrl) scriptUrl = scripts[i--].src;
+/******/ 				}
+/******/ 			}
+/******/ 		}
+/******/ 		// When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration
+/******/ 		// or pass an empty string ("") and set the __webpack_public_path__ variable from your code to use your own logic.
+/******/ 		if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser");
+/******/ 		scriptUrl = scriptUrl.replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/");
+/******/ 		__webpack_require__.p = scriptUrl;
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/jsonp chunk loading */
+/******/ 	(() => {
+/******/ 		// no baseURI
+/******/ 		
+/******/ 		// object to store loaded and loading chunks
+/******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
+/******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
+/******/ 		var installedChunks = {
+/******/ 			"tsparticles.plugin.emitters": 0
+/******/ 		};
+/******/ 		
+/******/ 		__webpack_require__.f.j = (chunkId, promises) => {
+/******/ 				// JSONP chunk loading for javascript
+/******/ 				var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
+/******/ 				if(installedChunkData !== 0) { // 0 means "already installed".
+/******/ 		
+/******/ 					// a Promise means "currently loading".
+/******/ 					if(installedChunkData) {
+/******/ 						promises.push(installedChunkData[2]);
+/******/ 					} else {
+/******/ 						if(true) { // all chunks have JS
+/******/ 							// setup Promise in chunk cache
+/******/ 							var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
+/******/ 							promises.push(installedChunkData[2] = promise);
+/******/ 		
+/******/ 							// start chunk loading
+/******/ 							var url = __webpack_require__.p + __webpack_require__.u(chunkId);
+/******/ 							// create error before stack unwound to get useful stacktrace later
+/******/ 							var error = new Error();
+/******/ 							var loadingEnded = (event) => {
+/******/ 								if(__webpack_require__.o(installedChunks, chunkId)) {
+/******/ 									installedChunkData = installedChunks[chunkId];
+/******/ 									if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
+/******/ 									if(installedChunkData) {
+/******/ 										var errorType = event && (event.type === 'load' ? 'missing' : event.type);
+/******/ 										var realSrc = event && event.target && event.target.src;
+/******/ 										error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
+/******/ 										error.name = 'ChunkLoadError';
+/******/ 										error.type = errorType;
+/******/ 										error.request = realSrc;
+/******/ 										installedChunkData[1](error);
+/******/ 									}
+/******/ 								}
+/******/ 							};
+/******/ 							__webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
+/******/ 						}
+/******/ 					}
+/******/ 				}
+/******/ 		};
+/******/ 		
+/******/ 		// no prefetching
+/******/ 		
+/******/ 		// no preloaded
+/******/ 		
+/******/ 		// no HMR
+/******/ 		
+/******/ 		// no HMR manifest
+/******/ 		
+/******/ 		// no on chunks loaded
+/******/ 		
+/******/ 		// install a JSONP callback for chunk loading
+/******/ 		var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
+/******/ 			var chunkIds = data[0];
+/******/ 			var moreModules = data[1];
+/******/ 			var runtime = data[2];
+/******/ 			// add "moreModules" to the modules object,
+/******/ 			// then flag all "chunkIds" as loaded and fire callback
+/******/ 			var moduleId, chunkId, i = 0;
+/******/ 			if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
+/******/ 				for(moduleId in moreModules) {
+/******/ 					if(__webpack_require__.o(moreModules, moduleId)) {
+/******/ 						__webpack_require__.m[moduleId] = moreModules[moduleId];
+/******/ 					}
+/******/ 				}
+/******/ 				if(runtime) var result = runtime(__webpack_require__);
+/******/ 			}
+/******/ 			if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
+/******/ 			for(;i < chunkIds.length; i++) {
+/******/ 				chunkId = chunkIds[i];
+/******/ 				if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
+/******/ 					installedChunks[chunkId][0]();
+/******/ 				}
+/******/ 				installedChunks[chunkId] = 0;
+/******/ 			}
+/******/ 		
+/******/ 		}
+/******/ 		
+/******/ 		var chunkLoadingGlobal = this["webpackChunk_tsparticles_plugin_emitters"] = this["webpackChunk_tsparticles_plugin_emitters"] || [];
+/******/ 		chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
+/******/ 		chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
+/******/ 	})();
+/******/ 	
 /************************************************************************/
-var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-(() => {
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  EmitterShapeBase: () => (/* reexport */ EmitterShapeBase),
-  loadEmittersPlugin: () => (/* binding */ loadEmittersPlugin)
-});
-
-// EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
-var engine_root_window_ = __webpack_require__(533);
-;// CONCATENATED MODULE: ./dist/browser/Options/Classes/EmitterLife.js
-
-class EmitterLife {
-  constructor() {
-    this.wait = false;
-  }
-  load(data) {
-    if (!data) {
-      return;
-    }
-    if (data.count !== undefined) {
-      this.count = data.count;
-    }
-    if (data.delay !== undefined) {
-      this.delay = (0,engine_root_window_.setRangeValue)(data.delay);
-    }
-    if (data.duration !== undefined) {
-      this.duration = (0,engine_root_window_.setRangeValue)(data.duration);
-    }
-    if (data.wait !== undefined) {
-      this.wait = data.wait;
-    }
-  }
-}
-;// CONCATENATED MODULE: ./dist/browser/Options/Classes/EmitterRate.js
-
-class EmitterRate {
-  constructor() {
-    this.quantity = 1;
-    this.delay = 0.1;
-  }
-  load(data) {
-    if (data === undefined) {
-      return;
-    }
-    if (data.quantity !== undefined) {
-      this.quantity = (0,engine_root_window_.setRangeValue)(data.quantity);
-    }
-    if (data.delay !== undefined) {
-      this.delay = (0,engine_root_window_.setRangeValue)(data.delay);
-    }
-  }
-}
-;// CONCATENATED MODULE: ./dist/browser/Options/Classes/EmitterShapeReplace.js
-class EmitterShapeReplace {
-  constructor() {
-    this.color = false;
-    this.opacity = false;
-  }
-  load(data) {
-    if (!data) {
-      return;
-    }
-    if (data.color !== undefined) {
-      this.color = data.color;
-    }
-    if (data.opacity !== undefined) {
-      this.opacity = data.opacity;
-    }
-  }
-}
-;// CONCATENATED MODULE: ./dist/browser/Options/Classes/EmitterShape.js
-
-
-class EmitterShape {
-  constructor() {
-    this.options = {};
-    this.replace = new EmitterShapeReplace();
-    this.type = "square";
-  }
-  load(data) {
-    if (!data) {
-      return;
-    }
-    if (data.options !== undefined) {
-      this.options = (0,engine_root_window_.deepExtend)({}, data.options ?? {});
-    }
-    this.replace.load(data.replace);
-    if (data.type !== undefined) {
-      this.type = data.type;
-    }
-  }
-}
-;// CONCATENATED MODULE: ./dist/browser/Options/Classes/EmitterSize.js
-class EmitterSize {
-  constructor() {
-    this.mode = "percent";
-    this.height = 0;
-    this.width = 0;
-  }
-  load(data) {
-    if (data === undefined) {
-      return;
-    }
-    if (data.mode !== undefined) {
-      this.mode = data.mode;
-    }
-    if (data.height !== undefined) {
-      this.height = data.height;
-    }
-    if (data.width !== undefined) {
-      this.width = data.width;
-    }
-  }
-}
-;// CONCATENATED MODULE: ./dist/browser/Options/Classes/Emitter.js
-
-
-
-
-
-class Emitter {
-  constructor() {
-    this.autoPlay = true;
-    this.fill = true;
-    this.life = new EmitterLife();
-    this.rate = new EmitterRate();
-    this.shape = new EmitterShape();
-    this.startCount = 0;
-  }
-  load(data) {
-    if (!data) {
-      return;
-    }
-    if (data.autoPlay !== undefined) {
-      this.autoPlay = data.autoPlay;
-    }
-    if (data.size !== undefined) {
-      if (!this.size) {
-        this.size = new EmitterSize();
-      }
-      this.size.load(data.size);
-    }
-    if (data.direction !== undefined) {
-      this.direction = data.direction;
-    }
-    this.domId = data.domId;
-    if (data.fill !== undefined) {
-      this.fill = data.fill;
-    }
-    this.life.load(data.life);
-    this.name = data.name;
-    this.particles = (0,engine_root_window_.executeOnSingleOrMultiple)(data.particles, particles => {
-      return (0,engine_root_window_.deepExtend)({}, particles);
-    });
-    this.rate.load(data.rate);
-    this.shape.load(data.shape);
-    if (data.position !== undefined) {
-      this.position = {};
-      if (data.position.x !== undefined) {
-        this.position.x = (0,engine_root_window_.setRangeValue)(data.position.x);
-      }
-      if (data.position.y !== undefined) {
-        this.position.y = (0,engine_root_window_.setRangeValue)(data.position.y);
-      }
-    }
-    if (data.spawnColor !== undefined) {
-      if (this.spawnColor === undefined) {
-        this.spawnColor = new engine_root_window_.AnimatableColor();
-      }
-      this.spawnColor.load(data.spawnColor);
-    }
-    if (data.startCount !== undefined) {
-      this.startCount = data.startCount;
-    }
-  }
-}
-;// CONCATENATED MODULE: ./dist/browser/EmitterInstance.js
-
-
-
-const half = 0.5,
-  defaultLifeDelay = 0,
-  minLifeCount = 0,
-  defaultSpawnDelay = 0,
-  defaultEmitDelay = 0,
-  defaultLifeCount = -1;
-function setParticlesOptionsColor(particlesOptions, color) {
-  if (particlesOptions.color) {
-    particlesOptions.color.value = color;
-  } else {
-    particlesOptions.color = {
-      value: color
-    };
-  }
-}
-class EmitterInstance {
-  constructor(engine, emitters, container, options, position) {
-    this.emitters = emitters;
-    this.container = container;
-    this._destroy = () => {
-      this._mutationObserver?.disconnect();
-      this._mutationObserver = undefined;
-      this._resizeObserver?.disconnect();
-      this._resizeObserver = undefined;
-      this.emitters.removeEmitter(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_root_window_.getRangeValue)(this.options.life.duration) : undefined,
-        minDuration = 0,
-        minLifeCount = 0;
-      if (this.container.retina.reduceFactor && (this._lifeCount > minLifeCount || this._immortal) && duration !== undefined && duration > minDuration) {
-        this._duration = duration * engine_root_window_.millisecondsToSeconds;
-      }
-    };
-    this._setColorAnimation = (animation, initValue, maxValue) => {
-      const container = this.container;
-      if (!animation.enable) {
-        return initValue;
-      }
-      const colorOffset = (0,engine_root_window_.randomInRange)(animation.offset),
-        delay = (0,engine_root_window_.getRangeValue)(this.options.rate.delay),
-        emitFactor = delay * engine_root_window_.millisecondsToSeconds / container.retina.reduceFactor,
-        defaultColorSpeed = 0,
-        colorFactor = 3.6,
-        colorSpeed = (0,engine_root_window_.getRangeValue)(animation.speed ?? defaultColorSpeed);
-      return (initValue + colorSpeed * container.fpsLimit / emitFactor + colorOffset * colorFactor) % maxValue;
-    };
-    this._engine = engine;
-    this._currentDuration = 0;
-    this._currentEmitDelay = 0;
-    this._currentSpawnDelay = 0;
-    this._initialPosition = position;
-    if (options instanceof Emitter) {
-      this.options = options;
-    } else {
-      this.options = new Emitter();
-      this.options.load(options);
-    }
-    this._spawnDelay = (0,engine_root_window_.getRangeValue)(this.options.life.delay ?? defaultLifeDelay) * engine_root_window_.millisecondsToSeconds / this.container.retina.reduceFactor;
-    this.position = this._initialPosition ?? this._calcPosition();
-    this.name = this.options.name;
-    this.fill = this.options.fill;
-    this._firstSpawn = !this.options.life.wait;
-    this._startParticlesAdded = false;
-    let particlesOptions = (0,engine_root_window_.deepExtend)({}, this.options.particles);
-    particlesOptions ??= {};
-    particlesOptions.move ??= {};
-    particlesOptions.move.direction ??= this.options.direction;
-    if (this.options.spawnColor) {
-      this.spawnColor = (0,engine_root_window_.rangeColorToHsl)(this.options.spawnColor);
-    }
-    this._paused = !this.options.autoPlay;
-    this._particlesOptions = particlesOptions;
-    this._size = this._calcSize();
-    this.size = (0,engine_root_window_.getSize)(this._size, this.container.canvas.size);
-    this._lifeCount = this.options.life.count ?? defaultLifeCount;
-    this._immortal = this._lifeCount <= minLifeCount;
-    if (this.options.domId) {
-      const element = document.getElementById(this.options.domId);
-      if (element) {
-        this._mutationObserver = new MutationObserver(() => {
-          this.resize();
-        });
-        this._resizeObserver = new ResizeObserver(() => {
-          this.resize();
-        });
-        this._mutationObserver.observe(element, {
-          attributes: true,
-          attributeFilter: ["style", "width", "height"]
-        });
-        this._resizeObserver.observe(element);
-      }
-    }
-    const shapeOptions = this.options.shape,
-      shapeGenerator = this._engine.emitterShapeManager?.getShapeGenerator(shapeOptions.type);
-    if (shapeGenerator) {
-      this._shape = shapeGenerator.generate(this.position, this.size, this.fill, shapeOptions.options);
-    }
-    this._engine.dispatchEvent("emitterCreated", {
-      container,
-      data: {
-        emitter: this
-      }
-    });
-    this.play();
-  }
-  externalPause() {
-    this._paused = true;
-    this.pause();
-  }
-  externalPlay() {
-    this._paused = false;
-    this.play();
-  }
-  async init() {
-    await this._shape?.init();
-  }
-  pause() {
-    if (this._paused) {
-      return;
-    }
-    delete this._emitDelay;
-  }
-  play() {
-    if (this._paused) {
-      return;
-    }
-    if (!(this.container.retina.reduceFactor && (this._lifeCount > minLifeCount || this._immortal || !this.options.life.count) && (this._firstSpawn || this._currentSpawnDelay >= (this._spawnDelay ?? defaultSpawnDelay)))) {
-      return;
-    }
-    if (this._emitDelay === undefined) {
-      const delay = (0,engine_root_window_.getRangeValue)(this.options.rate.delay);
-      this._emitDelay = delay * engine_root_window_.millisecondsToSeconds / this.container.retina.reduceFactor;
-    }
-    if (this._lifeCount > minLifeCount || this._immortal) {
-      this._prepareToDie();
-    }
-  }
-  resize() {
-    const initialPosition = this._initialPosition;
-    this.position = initialPosition && (0,engine_root_window_.isPointInside)(initialPosition, this.container.canvas.size, engine_root_window_.Vector.origin) ? initialPosition : this._calcPosition();
-    this._size = this._calcSize();
-    this.size = (0,engine_root_window_.getSize)(this._size, this.container.canvas.size);
-    this._shape?.resize(this.position, this.size);
-  }
-  async update(delta) {
-    if (this._paused) {
-      return;
-    }
-    if (this._firstSpawn) {
-      this._firstSpawn = false;
-      this._currentSpawnDelay = this._spawnDelay ?? defaultSpawnDelay;
-      this._currentEmitDelay = this._emitDelay ?? defaultEmitDelay;
-    }
-    if (!this._startParticlesAdded) {
-      this._startParticlesAdded = true;
-      await this._emitParticles(this.options.startCount);
-    }
-    if (this._duration !== undefined) {
-      this._currentDuration += delta.value;
-      if (this._currentDuration >= this._duration) {
-        this.pause();
-        if (this._spawnDelay !== undefined) {
-          delete this._spawnDelay;
-        }
-        if (!this._immortal) {
-          this._lifeCount--;
-        }
-        if (this._lifeCount > minLifeCount || this._immortal) {
-          this.position = this._calcPosition();
-          this._shape?.resize(this.position, this.size);
-          this._spawnDelay = (0,engine_root_window_.getRangeValue)(this.options.life.delay ?? defaultLifeDelay) * engine_root_window_.millisecondsToSeconds / this.container.retina.reduceFactor;
-        } else {
-          this._destroy();
-        }
-        this._currentDuration -= this._duration;
-        delete this._duration;
-      }
-    }
-    if (this._spawnDelay !== undefined) {
-      this._currentSpawnDelay += delta.value;
-      if (this._currentSpawnDelay >= this._spawnDelay) {
-        this._engine.dispatchEvent("emitterPlay", {
-          container: this.container
-        });
-        this.play();
-        this._currentSpawnDelay -= this._currentSpawnDelay;
-        delete this._spawnDelay;
-      }
-    }
-    if (this._emitDelay !== undefined) {
-      this._currentEmitDelay += delta.value;
-      if (this._currentEmitDelay >= this._emitDelay) {
-        await this._emit();
-        this._currentEmitDelay -= this._emitDelay;
-      }
-    }
-  }
-  _calcPosition() {
-    if (this.options.domId) {
-      const container = this.container,
-        element = document.getElementById(this.options.domId);
-      if (element) {
-        const elRect = element.getBoundingClientRect(),
-          pxRatio = container.retina.pixelRatio;
-        return {
-          x: (elRect.x + elRect.width * half) * pxRatio,
-          y: (elRect.y + elRect.height * half) * pxRatio
-        };
-      }
-    }
-    return (0,engine_root_window_.calcPositionOrRandomFromSizeRanged)({
-      size: this.container.canvas.size,
-      position: this.options.position
-    });
-  }
-  _calcSize() {
-    const container = this.container;
-    if (this.options.domId) {
-      const element = document.getElementById(this.options.domId);
-      if (element) {
-        const elRect = element.getBoundingClientRect();
-        return {
-          width: elRect.width * container.retina.pixelRatio,
-          height: elRect.height * container.retina.pixelRatio,
-          mode: "precise"
-        };
-      }
-    }
-    return this.options.size ?? (() => {
-      const size = new EmitterSize();
-      size.load({
-        height: 0,
-        mode: "percent",
-        width: 0
-      });
-      return size;
-    })();
-  }
-  async _emit() {
-    if (this._paused) {
-      return;
-    }
-    const quantity = (0,engine_root_window_.getRangeValue)(this.options.rate.quantity);
-    await this._emitParticles(quantity);
-  }
-  async _emitParticles(quantity) {
-    const singleParticlesOptions = (0,engine_root_window_.itemFromSingleOrMultiple)(this._particlesOptions);
-    for (let i = 0; i < quantity; i++) {
-      const particlesOptions = (0,engine_root_window_.deepExtend)({}, singleParticlesOptions);
-      if (this.spawnColor) {
-        const hslAnimation = this.options.spawnColor?.animation;
-        if (hslAnimation) {
-          const maxValues = {
-            h: 360,
-            s: 100,
-            l: 100
-          };
-          this.spawnColor.h = this._setColorAnimation(hslAnimation.h, this.spawnColor.h, maxValues.h);
-          this.spawnColor.s = this._setColorAnimation(hslAnimation.s, this.spawnColor.s, maxValues.s);
-          this.spawnColor.l = this._setColorAnimation(hslAnimation.l, this.spawnColor.l, maxValues.l);
-        }
-        setParticlesOptionsColor(particlesOptions, this.spawnColor);
-      }
-      const shapeOptions = this.options.shape;
-      let position = this.position;
-      if (this._shape) {
-        const shapePosData = await this._shape.randomPosition();
-        if (shapePosData) {
-          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
-              };
-            }
-          }
-        } else {
-          position = null;
-        }
-      }
-      if (position) {
-        this.container.particles.addParticle(position, particlesOptions);
-      }
-    }
-  }
-}
-;// CONCATENATED MODULE: ./dist/browser/Emitters.js
-
-
-
-class Emitters {
-  constructor(engine, container) {
-    this.container = container;
-    this._engine = engine;
-    this.array = [];
-    this.emitters = [];
-    this.interactivityEmitters = {
-      random: {
-        count: 1,
-        enable: false
-      },
-      value: []
-    };
-    const defaultIndex = 0;
-    container.getEmitter = idxOrName => idxOrName === undefined || (0,engine_root_window_.isNumber)(idxOrName) ? this.array[idxOrName ?? defaultIndex] : this.array.find(t => t.name === idxOrName);
-    container.addEmitter = async (options, position) => this.addEmitter(options, position);
-    container.removeEmitter = idxOrName => {
-      const emitter = container.getEmitter(idxOrName);
-      if (emitter) {
-        this.removeEmitter(emitter);
-      }
-    };
-    container.playEmitter = idxOrName => {
-      const emitter = container.getEmitter(idxOrName);
-      if (emitter) {
-        emitter.externalPlay();
-      }
-    };
-    container.pauseEmitter = idxOrName => {
-      const emitter = container.getEmitter(idxOrName);
-      if (emitter) {
-        emitter.externalPause();
-      }
-    };
-  }
-  async addEmitter(options, position) {
-    const emitterOptions = new Emitter();
-    emitterOptions.load(options);
-    const emitter = new EmitterInstance(this._engine, this, this.container, emitterOptions, position);
-    await emitter.init();
-    this.array.push(emitter);
-    return emitter;
-  }
-  handleClickMode(mode) {
-    const emitterOptions = this.emitters,
-      modeEmitters = this.interactivityEmitters;
-    if (mode !== "emitter") {
-      return;
-    }
-    let emittersModeOptions;
-    if (modeEmitters && (0,engine_root_window_.isArray)(modeEmitters.value)) {
-      const minLength = 0;
-      if (modeEmitters.value.length > minLength && modeEmitters.random.enable) {
-        emittersModeOptions = [];
-        const usedIndexes = [];
-        for (let i = 0; i < modeEmitters.random.count; i++) {
-          const idx = (0,engine_root_window_.arrayRandomIndex)(modeEmitters.value);
-          if (usedIndexes.includes(idx) && usedIndexes.length < modeEmitters.value.length) {
-            i--;
-            continue;
-          }
-          usedIndexes.push(idx);
-          emittersModeOptions.push((0,engine_root_window_.itemFromArray)(modeEmitters.value, idx));
-        }
-      } else {
-        emittersModeOptions = modeEmitters.value;
-      }
-    } else {
-      emittersModeOptions = modeEmitters?.value;
-    }
-    const emittersOptions = emittersModeOptions ?? emitterOptions,
-      ePosition = this.container.interactivity.mouse.clickPosition;
-    void (0,engine_root_window_.executeOnSingleOrMultiple)(emittersOptions, async emitter => {
-      await this.addEmitter(emitter, ePosition);
-    });
-  }
-  async init() {
-    this.emitters = this.container.actualOptions.emitters;
-    this.interactivityEmitters = this.container.actualOptions.interactivity.modes.emitters;
-    if (!this.emitters) {
-      return;
-    }
-    if ((0,engine_root_window_.isArray)(this.emitters)) {
-      for (const emitterOptions of this.emitters) {
-        await this.addEmitter(emitterOptions);
-      }
-    } else {
-      await this.addEmitter(this.emitters);
-    }
-  }
-  pause() {
-    for (const emitter of this.array) {
-      emitter.pause();
-    }
-  }
-  play() {
-    for (const emitter of this.array) {
-      emitter.play();
-    }
-  }
-  removeEmitter(emitter) {
-    const index = this.array.indexOf(emitter),
-      minIndex = 0,
-      deleteCount = 1;
-    if (index >= minIndex) {
-      this.array.splice(index, deleteCount);
-    }
-  }
-  resize() {
-    for (const emitter of this.array) {
-      emitter.resize();
-    }
-  }
-  stop() {
-    this.array = [];
-  }
-  async update(delta) {
-    for (const emitter of this.array) {
-      await emitter.update(delta);
-    }
-  }
-}
-;// CONCATENATED MODULE: ./dist/browser/ShapeManager.js
-const shapeGeneratorss = new Map();
-class ShapeManager {
-  constructor(engine) {
-    this._engine = engine;
-  }
-  addShapeGenerator(name, generator) {
-    if (!this.getShapeGenerator(name)) {
-      shapeGeneratorss.set(name, generator);
-    }
-  }
-  getShapeGenerator(name) {
-    return shapeGeneratorss.get(name);
-  }
-  getSupportedShapeGenerators() {
-    return shapeGeneratorss.keys();
-  }
-}
-;// CONCATENATED MODULE: ./dist/browser/EmitterShapeBase.js
-class EmitterShapeBase {
-  constructor(position, size, fill, options) {
-    this.position = position;
-    this.size = size;
-    this.fill = fill;
-    this.options = options;
-  }
-  resize(position, size) {
-    this.position = position;
-    this.size = size;
-  }
-}
-;// CONCATENATED MODULE: ./dist/browser/index.js
-
-
-
-
-class EmittersPlugin {
-  constructor(engine) {
-    this._engine = engine;
-    this.id = "emitters";
-  }
-  getPlugin(container) {
-    return new Emitters(this._engine, container);
-  }
-  loadOptions(options, source) {
-    if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
-      return;
-    }
-    if (source?.emitters) {
-      options.emitters = (0,engine_root_window_.executeOnSingleOrMultiple)(source.emitters, emitter => {
-        const tmp = new Emitter();
-        tmp.load(emitter);
-        return tmp;
-      });
-    }
-    const interactivityEmitters = source?.interactivity?.modes?.emitters;
-    if (interactivityEmitters) {
-      if ((0,engine_root_window_.isArray)(interactivityEmitters)) {
-        options.interactivity.modes.emitters = {
-          random: {
-            count: 1,
-            enable: true
-          },
-          value: interactivityEmitters.map(s => {
-            const tmp = new Emitter();
-            tmp.load(s);
-            return tmp;
-          })
-        };
-      } else {
-        const emitterMode = interactivityEmitters;
-        if (emitterMode.value !== undefined) {
-          const defaultCount = 1;
-          if ((0,engine_root_window_.isArray)(emitterMode.value)) {
-            options.interactivity.modes.emitters = {
-              random: {
-                count: emitterMode.random.count ?? defaultCount,
-                enable: emitterMode.random.enable ?? false
-              },
-              value: emitterMode.value.map(s => {
-                const tmp = new Emitter();
-                tmp.load(s);
-                return tmp;
-              })
-            };
-          } else {
-            const tmp = new Emitter();
-            tmp.load(emitterMode.value);
-            options.interactivity.modes.emitters = {
-              random: {
-                count: emitterMode.random.count ?? defaultCount,
-                enable: emitterMode.random.enable ?? false
-              },
-              value: tmp
-            };
-          }
-        } else {
-          const emitterOptions = options.interactivity.modes.emitters = {
-            random: {
-              count: 1,
-              enable: false
-            },
-            value: new Emitter()
-          };
-          emitterOptions.value.load(interactivityEmitters);
-        }
-      }
-    }
-  }
-  needsPlugin(options) {
-    if (!options) {
-      return false;
-    }
-    const emitters = options.emitters;
-    return (0,engine_root_window_.isArray)(emitters) && !!emitters.length || emitters !== undefined || !!options.interactivity?.events?.onClick?.mode && (0,engine_root_window_.isInArray)("emitter", options.interactivity.events.onClick.mode);
-  }
-}
-async function loadEmittersPlugin(engine, refresh = true) {
-  if (!engine.emitterShapeManager) {
-    engine.emitterShapeManager = new ShapeManager(engine);
-  }
-  if (!engine.addEmitterShapeGenerator) {
-    engine.addEmitterShapeGenerator = (name, generator) => {
-      engine.emitterShapeManager?.addShapeGenerator(name, generator);
-    };
-  }
-  const plugin = new EmittersPlugin(engine);
-  await engine.addPlugin(plugin, refresh);
-}
-
-
-
-
-
-
-
-})();
-
+/******/ 	
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	// This entry module can't be inlined because the eval devtool is used.
+/******/ 	var __webpack_exports__ = __webpack_require__("./dist/browser/index.js");
+/******/ 	
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;