@tsparticles/plugin-emitters 4.0.0-alpha.2 → 4.0.0-alpha.21

package/tsparticles.plugin.emitters.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-alpha.2
+ * v4.0.0-alpha.21
  */
 /*
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -16,25 +16,45 @@
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@tsparticles/engine"));
+		module.exports = factory(require("@tsparticles/plugin-interactivity"), require("@tsparticles/engine"));
 	else if(typeof define === 'function' && define.amd)
-		define(["@tsparticles/engine"], factory);
+		define(["@tsparticles/plugin-interactivity", "@tsparticles/engine"], factory);
 	else {
-		var a = typeof exports === 'object' ? factory(require("@tsparticles/engine")) : factory(root["window"]);
+		var a = typeof exports === 'object' ? factory(require("@tsparticles/plugin-interactivity"), require("@tsparticles/engine")) : factory(root["window"], root["window"]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(this, (__WEBPACK_EXTERNAL_MODULE__tsparticles_engine__) => {
+})(this, (__WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_interactivity__, __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
+/***/ "@tsparticles/engine"
+/*!*********************************************************************************************************************************!*\
+  !*** external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"} ***!
+  \*********************************************************************************************************************************/
+(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
+
+/***/ },
+
+/***/ "@tsparticles/plugin-interactivity"
+/*!***************************************************************************************************************************************************************************!*\
+  !*** external {"commonjs":"@tsparticles/plugin-interactivity","commonjs2":"@tsparticles/plugin-interactivity","amd":"@tsparticles/plugin-interactivity","root":"window"} ***!
+  \***************************************************************************************************************************************************************************/
+(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_plugin_interactivity__;
+
+/***/ },
+
 /***/ "./dist/browser/EmitterShapeBase.js"
 /*!******************************************!*\
   !*** ./dist/browser/EmitterShapeBase.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 */   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?\n}");
+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    fill;\n    options;\n    position;\n    size;\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\n//# sourceURL=webpack://@tsparticles/plugin-emitters/./dist/browser/EmitterShapeBase.js?\n}");
 
 /***/ },
 
@@ -44,7 +64,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \************************************************/
 (__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 */   EmitterClickMode: () => (/* binding */ EmitterClickMode)\n/* harmony export */ });\nvar EmitterClickMode;\n(function (EmitterClickMode) {\n  EmitterClickMode[\"emitter\"] = \"emitter\";\n})(EmitterClickMode || (EmitterClickMode = {}));\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters/./dist/browser/Enums/EmitterClickMode.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterClickMode: () => (/* binding */ EmitterClickMode)\n/* harmony export */ });\nvar EmitterClickMode;\n(function(EmitterClickMode) {\n    EmitterClickMode[\"emitter\"] = \"emitter\";\n})(EmitterClickMode || (EmitterClickMode = {}));\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters/./dist/browser/Enums/EmitterClickMode.js?\n}");
 
 /***/ },
 
@@ -54,17 +74,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************/
 (__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 */   EmitterClickMode: () => (/* reexport safe */ _Enums_EmitterClickMode_js__WEBPACK_IMPORTED_MODULE_1__.EmitterClickMode),\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\");\n/* harmony import */ var _Enums_EmitterClickMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Enums/EmitterClickMode.js */ \"./dist/browser/Enums/EmitterClickMode.js\");\nfunction loadEmittersPlugin(engine) {\n  engine.checkVersion(\"4.0.0-alpha.2\");\n  engine.register(async e => {\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      {\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    e.emitterShapeManager ??= new ShapeManager();\n    e.addEmitterShapeGenerator ??= (name, generator) => {\n      e.emitterShapeManager?.addShapeGenerator(name, generator);\n    };\n    const plugin = new EmittersPlugin(e);\n    e.addPlugin(plugin);\n  });\n}\n\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters/./dist/browser/index.js?\n}");
-
-/***/ },
-
-/***/ "@tsparticles/engine"
-/*!*********************************************************************************************************************************!*\
-  !*** external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"} ***!
-  \*********************************************************************************************************************************/
-(module) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmitterClickMode: () => (/* reexport safe */ _Enums_EmitterClickMode_js__WEBPACK_IMPORTED_MODULE_1__.EmitterClickMode),\n/* harmony export */   EmitterShapeBase: () => (/* reexport safe */ _EmitterShapeBase_js__WEBPACK_IMPORTED_MODULE_0__.EmitterShapeBase),\n/* harmony export */   ensureEmittersPluginLoaded: () => (/* binding */ ensureEmittersPluginLoaded),\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\");\n/* harmony import */ var _Enums_EmitterClickMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Enums/EmitterClickMode.js */ \"./dist/browser/Enums/EmitterClickMode.js\");\nasync function loadEmittersPlugin(engine) {\n    engine.checkVersion(\"4.0.0-alpha.21\");\n    await engine.register(async (e)=>{\n        const [{ ensureInteractivityPluginLoaded }, { ShapeManager }, { EmittersInstancesManager }, { EmittersPlugin }] = await Promise.all([\n            Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\", 19)),\n            __webpack_require__.e(/*! import() */ \"dist_browser_ShapeManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ShapeManager.js */ \"./dist/browser/ShapeManager.js\")),\n            __webpack_require__.e(/*! import() */ \"dist_browser_EmittersInstancesManager_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersInstancesManager.js */ \"./dist/browser/EmittersInstancesManager.js\")),\n            __webpack_require__.e(/*! import() */ \"dist_browser_EmittersPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersPlugin.js */ \"./dist/browser/EmittersPlugin.js\"))\n        ]), instancesManager = new EmittersInstancesManager(e);\n        ensureInteractivityPluginLoaded(e);\n        e.emitterShapeManager ??= new ShapeManager();\n        e.addEmitterShapeGenerator ??= (name, generator)=>{\n            e.emitterShapeManager?.addShapeGenerator(name, generator);\n        };\n        e.addPlugin(new EmittersPlugin(instancesManager));\n        e.addInteractor?.(\"externalEmitters\", async (container)=>{\n            const { EmittersInteractor } = await __webpack_require__.e(/*! import() */ \"dist_browser_EmittersInteractor_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./EmittersInteractor.js */ \"./dist/browser/EmittersInteractor.js\"));\n            return new EmittersInteractor(instancesManager, container);\n        });\n    });\n}\nfunction ensureEmittersPluginLoaded(e) {\n    if (!e.addEmitterShapeGenerator) {\n        throw new Error(\"tsParticles Emitters Plugin is not loaded\");\n    }\n}\n\n\n\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters/./dist/browser/index.js?\n}");
 
 /***/ }
 
@@ -104,6 +114,36 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
 /******/ 	__webpack_require__.m = __webpack_modules__;
 /******/ 	
 /************************************************************************/
+/******/ 	/* webpack/runtime/create fake namespace object */
+/******/ 	(() => {
+/******/ 		var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);
+/******/ 		var leafPrototypes;
+/******/ 		// create a fake namespace object
+/******/ 		// mode & 1: value is a module id, require it
+/******/ 		// mode & 2: merge all properties of value into the ns
+/******/ 		// mode & 4: return value when already ns object
+/******/ 		// mode & 16: return value when it's Promise-like
+/******/ 		// mode & 8|1: behave like require
+/******/ 		__webpack_require__.t = function(value, mode) {
+/******/ 			if(mode & 1) value = this(value);
+/******/ 			if(mode & 8) return value;
+/******/ 			if(typeof value === 'object' && value) {
+/******/ 				if((mode & 4) && value.__esModule) return value;
+/******/ 				if((mode & 16) && typeof value.then === 'function') return value;
+/******/ 			}
+/******/ 			var ns = Object.create(null);
+/******/ 			__webpack_require__.r(ns);
+/******/ 			var def = {};
+/******/ 			leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
+/******/ 			for(var current = mode & 2 && value; (typeof current == 'object' || typeof current == 'function') && !~leafPrototypes.indexOf(current); current = getProto(current)) {
+/******/ 				Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));
+/******/ 			}
+/******/ 			def['default'] = () => (value);
+/******/ 			__webpack_require__.d(ns, def);
+/******/ 			return ns;
+/******/ 		};
+/******/ 	})();
+/******/ 	
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	(() => {
 /******/ 		// define getter functions for harmony exports

package/tsparticles.plugin.emitters.min.js

@@ -1,2 +1,2 @@
-/*! For license information please see tsparticles.plugin.emitters.min.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(this,(e=>(()=>{var t,r,i={271(e,t,r){var i;r.d(t,{c:()=>i}),function(e){e.emitter="emitter"}(i||(i={}))},303(t){t.exports=e}},o={};function n(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return i[e](r,r.exports,n),r.exports}n.m=i,n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.f={},n.e=e=>Promise.all(Object.keys(n.f).reduce(((t,r)=>(n.f[r](e,t),t)),[])),n.u=e=>e+".min.js",n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),t={},r="@tsparticles/plugin-emitters:",n.l=(e,i,o,a)=>{if(t[e])t[e].push(i);else{var s,p;if(void 0!==o)for(var c=document.getElementsByTagName("script"),l=0;l<c.length;l++){var u=c[l];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==r+o){s=u;break}}s||(p=!0,(s=document.createElement("script")).charset="utf-8",n.nc&&s.setAttribute("nonce",n.nc),s.setAttribute("data-webpack",r+o),s.src=e),t[e]=[i];var d=(r,i)=>{s.onerror=s.onload=null,clearTimeout(f);var o=t[e];if(delete t[e],s.parentNode&&s.parentNode.removeChild(s),o&&o.forEach((e=>e(i))),r)return r(i)},f=setTimeout(d.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=d.bind(null,s.onerror),s.onload=d.bind(null,s.onload),p&&document.head.appendChild(s)}},n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;n.g.importScripts&&(e=n.g.location+"");var t=n.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var i=r.length-1;i>-1&&(!e||!/^http(s?):/.test(e));)e=r[i--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),n.p=e})(),(()=>{var e={833:0};n.f.j=(t,r)=>{var i=n.o(e,t)?e[t]:void 0;if(0!==i)if(i)r.push(i[2]);else{var o=new Promise(((r,o)=>i=e[t]=[r,o]));r.push(i[2]=o);var a=n.p+n.u(t),s=new Error;n.l(a,(r=>{if(n.o(e,t)&&(0!==(i=e[t])&&(e[t]=void 0),i)){var o=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",s.name="ChunkLoadError",s.type=o,s.request=a,i[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var i,o,[a,s,p]=r,c=0;if(a.some((t=>0!==e[t]))){for(i in s)n.o(s,i)&&(n.m[i]=s[i]);if(p)p(n)}for(t&&t(r);c<a.length;c++)o=a[c],n.o(e,o)&&e[o]&&e[o][0](),e[o]=0},r=this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var a={};n.r(a),n.d(a,{EmitterClickMode:()=>p.c,EmitterShapeBase:()=>s,loadEmittersPlugin:()=>c});class s{constructor(e,t,r,i){this.position=e,this.size=t,this.fill=r,this.options=i}resize(e,t){this.position=e,this.size=t}}var p=n(271);function c(e){e.checkVersion("4.0.0-alpha.2"),e.register((async e=>{const{ShapeManager:t}=await n.e(921).then(n.bind(n,921)),{EmittersPlugin:r}=await n.e(214).then(n.bind(n,214));e.emitterShapeManager??=new t,e.addEmitterShapeGenerator??=(t,r)=>{e.emitterShapeManager?.addShapeGenerator(t,r)};const i=new r(e);e.addPlugin(i)}))}return a})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/plugin-interactivity"),require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/plugin-interactivity","@tsparticles/engine"],t);else{var r="object"==typeof exports?t(require("@tsparticles/plugin-interactivity"),require("@tsparticles/engine")):t(e.window,e.window);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(this,(e,t)=>(()=>{"use strict";var r,i,o,n,a={303(e){e.exports=t},702(t){t.exports=e}},s={};function l(e){var t=s[e];if(void 0!==t)return t.exports;var r=s[e]={exports:{}};return a[e](r,r.exports,l),r.exports}l.m=a,c=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,l.t=function(e,t){if(1&t&&(e=this(e)),8&t||"object"==typeof e&&e&&(4&t&&e.__esModule||16&t&&"function"==typeof e.then))return e;var r=Object.create(null);l.r(r);var i={};p=p||[null,c({}),c([]),c(c)];for(var o=2&t&&e;("object"==typeof o||"function"==typeof o)&&!~p.indexOf(o);o=c(o))Object.getOwnPropertyNames(o).forEach(t=>i[t]=()=>e[t]);return i.default=()=>e,l.d(r,i),r},l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.f={},l.e=e=>Promise.all(Object.keys(l.f).reduce((t,r)=>(l.f[r](e,t),t),[])),l.u=e=>""+e+".min.js",l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u={},l.l=(e,t,r,i)=>{if(u[e])return void u[e].push(t);if(void 0!==r)for(var o,n,a=document.getElementsByTagName("script"),s=0;s<a.length;s++){var p=a[s];if(p.getAttribute("src")==e||p.getAttribute("data-webpack")=="@tsparticles/plugin-emitters:"+r){o=p;break}}o||(n=!0,(o=document.createElement("script")).charset="utf-8",l.nc&&o.setAttribute("nonce",l.nc),o.setAttribute("data-webpack","@tsparticles/plugin-emitters:"+r),o.src=e),u[e]=[t];var c=(t,r)=>{o.onerror=o.onload=null,clearTimeout(d);var i=u[e];if(delete u[e],o.parentNode&&o.parentNode.removeChild(o),i&&i.forEach(e=>e(r)),t)return t(r)},d=setTimeout(c.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=c.bind(null,o.onerror),o.onload=c.bind(null,o.onload),n&&document.head.appendChild(o)},l.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.g.importScripts&&(d=l.g.location+"");var p,c,u,d,f=l.g.document;if(!d&&f&&(f.currentScript&&"SCRIPT"===f.currentScript.tagName.toUpperCase()&&(d=f.currentScript.src),!d)){var h=f.getElementsByTagName("script");if(h.length)for(var m=h.length-1;m>-1&&(!d||!/^http(s?):/.test(d));)d=h[m--].src}if(!d)throw Error("Automatic publicPath is not supported in this browser");l.p=d=d.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),r={833:0},l.f.j=(e,t)=>{var i=l.o(r,e)?r[e]:void 0;if(0!==i)if(i)t.push(i[2]);else{var o=new Promise((t,o)=>i=r[e]=[t,o]);t.push(i[2]=o);var n=l.p+l.u(e),a=Error();l.l(n,t=>{if(l.o(r,e)&&(0!==(i=r[e])&&(r[e]=void 0),i)){var o=t&&("load"===t.type?"missing":t.type),n=t&&t.target&&t.target.src;a.message="Loading chunk "+e+` failed.
+(`+o+": "+n+")",a.name="ChunkLoadError",a.type=o,a.request=n,i[1](a)}},"chunk-"+e,e)}},i=(e,t)=>{var i,o,[n,a,s]=t,p=0;if(n.some(e=>0!==r[e])){for(i in a)l.o(a,i)&&(l.m[i]=a[i]);s&&s(l)}for(e&&e(t);p<n.length;p++)o=n[p],l.o(r,o)&&r[o]&&r[o][0](),r[o]=0},(o=this.webpackChunk_tsparticles_plugin_emitters=this.webpackChunk_tsparticles_plugin_emitters||[]).forEach(i.bind(null,0)),o.push=i.bind(null,o.push.bind(o));var g={};l.r(g),l.d(g,{EmitterClickMode:()=>n,EmitterShapeBase:()=>b,ensureEmittersPluginLoaded:()=>v,loadEmittersPlugin:()=>y});class b{fill;options;position;size;constructor(e,t,r,i){this.position=e,this.size=t,this.fill=r,this.options=i}resize(e,t){this.position=e,this.size=t}}async function y(e){e.checkVersion("4.0.0-alpha.21"),await e.register(async e=>{let[{ensureInteractivityPluginLoaded:t},{ShapeManager:r},{EmittersInstancesManager:i},{EmittersPlugin:o}]=await Promise.all([Promise.resolve().then(l.t.bind(l,702,19)),l.e(975).then(l.bind(l,975)),l.e(615).then(l.bind(l,615)),l.e(751).then(l.bind(l,751))]),n=new i(e);t(e),e.emitterShapeManager??=new r,e.addEmitterShapeGenerator??=(t,r)=>{e.emitterShapeManager?.addShapeGenerator(t,r)},e.addPlugin(new o(n)),e.addInteractor?.("externalEmitters",async e=>{let{EmittersInteractor:t}=await l.e(816).then(l.bind(l,816));return new t(n,e)})})}function v(e){if(!e.addEmitterShapeGenerator)throw Error("tsParticles Emitters Plugin is not loaded")}return(n||(n={})).emitter="emitter",g})());

package/types/EmitterContainer.d.ts

@@ -1,12 +1,13 @@
-import type { Container, ICoordinates, RecursivePartial } from "@tsparticles/engine";
+import type { ICoordinates, RecursivePartial } from "@tsparticles/engine";
 import type { EmitterInstance } from "./EmitterInstance.js";
 import type { EmitterOptions } from "./types.js";
 import type { IEmitter } from "./Options/Interfaces/IEmitter.js";
-export type EmitterContainer = Container & {
+import type { InteractivityContainer } from "@tsparticles/plugin-interactivity";
+export type EmitterContainer = InteractivityContainer & {
     actualOptions: EmitterOptions;
-    addEmitter: (options: RecursivePartial<IEmitter>, position?: ICoordinates) => Promise<EmitterInstance>;
-    getEmitter: (idxOrName?: number | string) => EmitterInstance | undefined;
-    pauseEmitter: (idxOrName?: number | string) => void;
-    playEmitter: (idxOrName?: number | string) => void;
-    removeEmitter: (idxOrName?: number | string) => void;
+    addEmitter?: (options: RecursivePartial<IEmitter>, position?: ICoordinates) => Promise<EmitterInstance>;
+    getEmitter?: (idxOrName?: number | string) => EmitterInstance | undefined;
+    pauseEmitter?: (idxOrName?: number | string) => void;
+    playEmitter?: (idxOrName?: number | string) => void;
+    removeEmitter?: (idxOrName?: number | string) => void;
 };

package/types/EmitterInstance.d.ts

@@ -1,11 +1,10 @@
 import { type Container, type ICoordinates, type IDelta, type IDimension, type IHsl, type RecursivePartial } from "@tsparticles/engine";
 import { Emitter } from "./Options/Classes/Emitter.js";
-import type { Emitters } from "./Emitters.js";
 import type { EmittersEngine } from "./EmittersEngine.js";
 import type { IEmitter } from "./Options/Interfaces/IEmitter.js";
 export declare class EmitterInstance {
-    private readonly emitters;
     private readonly container;
+    private readonly removeCallback;
     fill: boolean;
     readonly name?: string;
     options: Emitter;
@@ -30,7 +29,7 @@ export declare class EmitterInstance {
     private _size;
     private _spawnDelay?;
     private _startParticlesAdded;
-    constructor(engine: EmittersEngine, emitters: Emitters, container: Container, options: Emitter | RecursivePartial<IEmitter>, position?: ICoordinates);
+    constructor(engine: EmittersEngine, container: Container, removeCallback: (emitter: EmitterInstance) => void, options: Emitter | RecursivePartial<IEmitter>, position?: ICoordinates);
     externalPause(): void;
     externalPlay(): void;
     init(): Promise<void>;

package/types/EmittersEngine.d.ts

@@ -1,7 +1,7 @@
-import type { Engine } from "@tsparticles/engine";
 import type { IEmitterShapeGenerator } from "./IEmitterShapeGenerator.js";
+import type { InteractivityEngine } from "@tsparticles/plugin-interactivity";
 import type { ShapeManager } from "./ShapeManager.js";
-export type EmittersEngine = Engine & {
+export type EmittersEngine = InteractivityEngine & {
     addEmitterShapeGenerator?: (name: string, shape: IEmitterShapeGenerator) => void;
     emitterShapeManager?: ShapeManager;
 };

package/types/EmittersInstancesManager.d.ts

@@ -0,0 +1,15 @@
+import { type ICoordinates, type RecursivePartial } from "@tsparticles/engine";
+import type { EmitterContainer } from "./EmitterContainer.js";
+import type { EmitterInstance } from "./EmitterInstance.js";
+import type { EmittersEngine } from "./EmittersEngine.js";
+import type { IEmitter } from "./Options/Interfaces/IEmitter.js";
+export declare class EmittersInstancesManager {
+    private readonly _containerArrays;
+    private readonly _engine;
+    constructor(engine: EmittersEngine);
+    addEmitter(container: EmitterContainer, options: RecursivePartial<IEmitter>, position?: ICoordinates): Promise<EmitterInstance>;
+    clear(container: EmitterContainer): void;
+    getArray(container: EmitterContainer): EmitterInstance[];
+    initContainer(container: EmitterContainer): void;
+    removeEmitter(container: EmitterContainer, emitter: EmitterInstance): void;
+}

package/types/EmittersInteractor.d.ts

@@ -0,0 +1,18 @@
+import type { EmitterModeOptions, IEmitterModeOptions } from "./types.js";
+import { ExternalInteractorBase, type IInteractivityData, type IModes, type InteractivityParticle, type Modes } from "@tsparticles/plugin-interactivity";
+import { type IDelta, type RecursivePartial } from "@tsparticles/engine";
+import type { EmitterContainer } from "./EmitterContainer.js";
+import type { EmitterInstance } from "./EmitterInstance.js";
+import type { EmittersInstancesManager } from "./EmittersInstancesManager.js";
+export declare class EmittersInteractor extends ExternalInteractorBase<EmitterContainer> {
+    handleClickMode: (mode: string, interactivityData: IInteractivityData) => void;
+    private readonly _instancesManager;
+    constructor(instancesManager: EmittersInstancesManager, container: EmitterContainer);
+    clear(): void;
+    init(): void;
+    interact(_interactivityData: IInteractivityData, delta: IDelta): void;
+    isEnabled(interactivityData: IInteractivityData, particle?: InteractivityParticle): boolean;
+    loadModeOptions(options: Modes & EmitterModeOptions, ...sources: RecursivePartial<(IModes & IEmitterModeOptions) | undefined>[]): void;
+    removeEmitter(emitter: EmitterInstance): void;
+    reset(): void;
+}

package/types/EmittersPlugin.d.ts

@@ -1,13 +1,12 @@
+import { type Container, type IContainerPlugin, type IOptions, type IPlugin, type RecursivePartial } from "@tsparticles/engine";
 import type { EmitterOptions, IEmitterOptions } from "./types.js";
-import { type IOptions, type IPlugin, type RecursivePartial } from "@tsparticles/engine";
 import type { EmitterContainer } from "./EmitterContainer.js";
-import { Emitters } from "./Emitters.js";
-import type { EmittersEngine } from "./EmittersEngine.js";
+import type { EmittersInstancesManager } from "./EmittersInstancesManager.js";
 export declare class EmittersPlugin implements IPlugin {
-    readonly id: string;
-    private readonly _engine;
-    constructor(engine: EmittersEngine);
-    getPlugin(container: EmitterContainer): Promise<Emitters>;
-    loadOptions(options: EmitterOptions, source?: RecursivePartial<IEmitterOptions>): void;
+    readonly id = "emitters";
+    private readonly _instancesManager;
+    constructor(instancesManager: EmittersInstancesManager);
+    getPlugin(container: EmitterContainer): Promise<IContainerPlugin>;
+    loadOptions(_container: Container, options: EmitterOptions, source?: RecursivePartial<IEmitterOptions>): void;
     needsPlugin(options?: RecursivePartial<IOptions & IEmitterOptions>): boolean;
 }

package/types/EmittersPluginInstance.d.ts

@@ -0,0 +1,14 @@
+import { type IContainerPlugin, type IDelta } from "@tsparticles/engine";
+import type { EmitterContainer } from "./EmitterContainer.js";
+import type { EmittersInstancesManager } from "./EmittersInstancesManager.js";
+export declare class EmittersPluginInstance implements IContainerPlugin {
+    private readonly container;
+    private readonly _instancesManager;
+    constructor(instancesManager: EmittersInstancesManager, container: EmitterContainer);
+    init(): Promise<void>;
+    pause(): void;
+    play(): void;
+    resize(): void;
+    stop(): void;
+    update(delta: IDelta): void;
+}

package/types/IEmitterShapeGenerator.d.ts

@@ -1,5 +1,5 @@
-import type { ICoordinates, IDimension } from "@tsparticles/engine";
+import type { Container, ICoordinates, IDimension } from "@tsparticles/engine";
 import type { IEmitterShape } from "./IEmitterShape.js";
 export interface IEmitterShapeGenerator<TOptions = unknown> {
-    generate(position: ICoordinates, size: IDimension, fill: boolean, options: TOptions): IEmitterShape;
+    generate(container: Container, position: ICoordinates, size: IDimension, fill: boolean, options: TOptions): IEmitterShape;
 }

package/types/constants.d.ts

@@ -0,0 +1,2 @@
+import type { IEmitterModeRandomOptions } from "./types.js";
+export declare const defaultRandomOptions: IEmitterModeRandomOptions;

package/types/index.d.ts

@@ -1,5 +1,6 @@
-import type { Engine } from "@tsparticles/engine";
-export declare function loadEmittersPlugin(engine: Engine): void;
+import type { EmittersEngine } from "./EmittersEngine.js";
+export declare function loadEmittersPlugin(engine: EmittersEngine): Promise<void>;
+export declare function ensureEmittersPluginLoaded(e: EmittersEngine): void;
 export type * from "./EmitterContainer.js";
 export * from "./EmitterShapeBase.js";
 export type * from "./EmittersEngine.js";

package/types/types.d.ts

@@ -1,7 +1,7 @@
 import type { IOptions, Options, SingleOrMultiple } from "@tsparticles/engine";
 import type { Emitter } from "./Options/Classes/Emitter.js";
 import type { IEmitter } from "./Options/Interfaces/IEmitter.js";
-export interface IEmitterModeOptions {
+export interface IEmitterDataModeOptions {
     random: IEmitterModeRandomOptions;
     value: SingleOrMultiple<IEmitter>;
 }
@@ -9,23 +9,29 @@ export interface IEmitterModeRandomOptions {
     count: number;
     enable: boolean;
 }
+export interface EmitterModeRandomOptions {
+    count: number;
+    enable: boolean;
+}
+export interface EmitterDataModeOptions {
+    random: EmitterModeRandomOptions;
+    value: Emitter[];
+}
 export interface EmitterModeOptions {
-    random: IEmitterModeRandomOptions;
-    value: SingleOrMultiple<Emitter>;
+    emitters?: EmitterDataModeOptions;
+}
+export interface IEmitterModeOptions {
+    emitters?: IEmitterDataModeOptions | SingleOrMultiple<IEmitter>;
 }
 export type IEmitterOptions = IOptions & {
     emitters: SingleOrMultiple<IEmitter>;
     interactivity: {
-        modes: {
-            emitters: IEmitterModeOptions | SingleOrMultiple<IEmitter>;
-        };
+        modes: IEmitterModeOptions;
     };
 };
 export type EmitterOptions = Options & {
     emitters: SingleOrMultiple<Emitter>;
     interactivity: {
-        modes: {
-            emitters: EmitterModeOptions;
-        };
+        modes: EmitterModeOptions;
     };
 };

package/umd/EmitterInstance.js

@@ -13,7 +13,7 @@
     const engine_1 = require("@tsparticles/engine");
     const Emitter_js_1 = require("./Options/Classes/Emitter.js");
     const EmitterSize_js_1 = require("./Options/Classes/EmitterSize.js");
-    const defaultLifeDelay = 0, minLifeCount = 0, defaultSpawnDelay = 0, defaultEmitDelay = 0, defaultLifeCount = -1, defaultColorAnimationFactor = 1;
+    const defaultLifeDelay = 0, minLifeCount = 0, defaultSpawnDelay = 0, defaultEmitDelay = 0, defaultLifeCount = -1, defaultColorAnimationFactor = 1, colorFactor = 3.6;
     function setParticlesOptionsColor(particlesOptions, color) {
         if (particlesOptions.color) {
             particlesOptions.color.value = color;
@@ -25,41 +25,35 @@
         }
     }
     class EmitterInstance {
-        constructor(engine, emitters, container, options, position) {
-            this.emitters = emitters;
+        container;
+        removeCallback;
+        fill;
+        name;
+        options;
+        position;
+        size;
+        spawnColor;
+        _currentDuration;
+        _currentEmitDelay;
+        _currentSpawnDelay;
+        _duration;
+        _emitDelay;
+        _engine;
+        _firstSpawn;
+        _immortal;
+        _initialPosition;
+        _lifeCount;
+        _mutationObserver;
+        _particlesOptions;
+        _paused;
+        _resizeObserver;
+        _shape;
+        _size;
+        _spawnDelay;
+        _startParticlesAdded;
+        constructor(engine, container, removeCallback, options, position) {
             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_1.getRangeValue)(this.options.life.duration) : undefined, minDuration = 0, minLifeCount = 0;
-                if ((this._lifeCount > minLifeCount || this._immortal) && duration !== undefined && duration > minDuration) {
-                    this._duration = duration * engine_1.millisecondsToSeconds;
-                }
-            };
-            this._setColorAnimation = (animation, initValue, maxValue, factor = defaultColorAnimationFactor) => {
-                const container = this.container;
-                if (!animation.enable) {
-                    return initValue;
-                }
-                const colorOffset = (0, engine_1.randomInRangeValue)(animation.offset), delay = (0, engine_1.getRangeValue)(this.options.rate.delay), emitFactor = container.retina.reduceFactor
-                    ? (delay * engine_1.millisecondsToSeconds) / container.retina.reduceFactor
-                    : Infinity, colorSpeed = (0, engine_1.getRangeValue)(animation.speed);
-                return (initValue + (colorSpeed * container.fpsLimit) / emitFactor + colorOffset * factor) % maxValue;
-            };
+            this.removeCallback = removeCallback;
             this._engine = engine;
             this._currentDuration = 0;
             this._currentEmitDelay = 0;
@@ -111,7 +105,7 @@
             }
             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._shape = shapeGenerator.generate(this.container, this.position, this.size, this.fill, shapeOptions.options);
             }
             this._engine.dispatchEvent("emitterCreated", {
                 container,
@@ -213,7 +207,7 @@
                         container: this.container,
                     });
                     this.play();
-                    this._currentSpawnDelay -= this._currentSpawnDelay;
+                    this._currentSpawnDelay -= this._spawnDelay;
                     delete this._spawnDelay;
                 }
             }
@@ -266,6 +260,19 @@
                     return size;
                 })());
         }
+        _destroy = () => {
+            this._mutationObserver?.disconnect();
+            this._mutationObserver = undefined;
+            this._resizeObserver?.disconnect();
+            this._resizeObserver = undefined;
+            this.removeCallback(this);
+            this._engine.dispatchEvent("emitterDestroyed", {
+                container: this.container,
+                data: {
+                    emitter: this,
+                },
+            });
+        };
         _emit() {
             if (this._paused) {
                 return;
@@ -274,24 +281,20 @@
             this._emitParticles(quantity);
         }
         _emitParticles(quantity) {
-            const singleParticlesOptions = (0, engine_1.itemFromSingleOrMultiple)(this._particlesOptions), reduceFactor = this.container.retina.reduceFactor;
+            const singleParticlesOptions = ((0, engine_1.itemFromSingleOrMultiple)(this._particlesOptions) ??
+                {}), hslAnimation = this.options.spawnColor?.animation, reduceFactor = this.container.retina.reduceFactor, needsColorAnimation = !!hslAnimation, needsShapeData = !!this._shape, needsCopy = needsColorAnimation || needsShapeData, maxValues = needsColorAnimation ? { h: engine_1.hMax, s: engine_1.sMax, l: engine_1.lMax } : null, shapeOptions = this.options.shape;
             for (let i = 0; i < quantity * reduceFactor; i++) {
-                const particlesOptions = (0, engine_1.deepExtend)({}, singleParticlesOptions);
+                const particlesOptions = needsCopy
+                    ? (0, engine_1.deepExtend)({}, singleParticlesOptions)
+                    : singleParticlesOptions;
                 if (this.spawnColor) {
-                    const hslAnimation = this.options.spawnColor?.animation;
-                    if (hslAnimation) {
-                        const maxValues = {
-                            h: engine_1.hMax,
-                            s: engine_1.sMax,
-                            l: engine_1.lMax,
-                        }, colorFactor = 3.6;
+                    if (hslAnimation && maxValues) {
                         this.spawnColor.h = this._setColorAnimation(hslAnimation.h, this.spawnColor.h, maxValues.h, colorFactor);
                         this.spawnColor.s = this._setColorAnimation(hslAnimation.s, this.spawnColor.s, maxValues.s);
                         this.spawnColor.l = this._setColorAnimation(hslAnimation.l, this.spawnColor.l, maxValues.l);
                     }
                     setParticlesOptionsColor(particlesOptions, this.spawnColor);
                 }
-                const shapeOptions = this.options.shape;
                 let position = this.position;
                 if (this._shape) {
                     const shapePosData = this._shape.randomPosition();
@@ -321,6 +324,25 @@
                 }
             }
         }
+        _prepareToDie = () => {
+            if (this._paused) {
+                return;
+            }
+            const duration = this.options.life.duration !== undefined ? (0, engine_1.getRangeValue)(this.options.life.duration) : undefined, minDuration = 0, minLifeCount = 0;
+            if ((this._lifeCount > minLifeCount || this._immortal) && duration !== undefined && duration > minDuration) {
+                this._duration = duration * engine_1.millisecondsToSeconds;
+            }
+        };
+        _setColorAnimation = (animation, initValue, maxValue, factor = defaultColorAnimationFactor) => {
+            const container = this.container;
+            if (!animation.enable) {
+                return initValue;
+            }
+            const colorOffset = (0, engine_1.randomInRangeValue)(animation.offset), delay = (0, engine_1.getRangeValue)(this.options.rate.delay), emitFactor = container.retina.reduceFactor
+                ? (delay * engine_1.millisecondsToSeconds) / container.retina.reduceFactor
+                : Infinity, colorSpeed = (0, engine_1.getRangeValue)(animation.speed);
+            return (initValue + (colorSpeed * container.fpsLimit) / emitFactor + colorOffset * factor) % maxValue;
+        };
     }
     exports.EmitterInstance = EmitterInstance;
 });

package/umd/EmitterShapeBase.js

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