tsparticles 1.39.2 → 1.40.2

package/tsparticles.plugins.emitters.js

@@ -44,7 +44,7 @@
       }
     });
     class CircleShape {
-      randomPosition(position, offset, fill) {
+      randomPosition(position, size, fill) {
         const generateTheta = (x, y) => {
           const u = Math.random() / 4;
           const theta = Math.atan(y / x * Math.tan(2 * Math.PI * u));
@@ -60,7 +60,7 @@
           }
         };
         const radius = (x, y, theta) => x * y / Math.sqrt((y * Math.cos(theta)) ** 2 + (x * Math.sin(theta)) ** 2);
-        const [a, b] = [ offset.x / 2, offset.y / 2 ];
+        const [a, b] = [ size.width / 2, size.height / 2 ];
         const randomTheta = generateTheta(a, b), maxRadius = radius(a, b, randomTheta), randomRadius = fill ? maxRadius * Math.sqrt(Math.random()) : maxRadius;
         return {
           x: position.x + randomRadius * Math.cos(randomTheta),
@@ -531,15 +531,32 @@
         }
       }
     }
+    var __classPrivateFieldSet = undefined && undefined.__classPrivateFieldSet || function(receiver, state, value, kind, f) {
+      if (kind === "m") throw new TypeError("Private method is not writable");
+      if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+      return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), 
+      value;
+    };
+    var __classPrivateFieldGet = undefined && undefined.__classPrivateFieldGet || function(receiver, state, kind, f) {
+      if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+      return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    };
+    var _InteractionManager_engine;
     class InteractionManager_InteractionManager {
-      constructor(container) {
+      constructor(engine, container) {
         this.container = container;
+        _InteractionManager_engine.set(this, void 0);
+        __classPrivateFieldSet(this, _InteractionManager_engine, engine, "f");
         this.externalInteractors = [];
         this.particleInteractors = [];
         this.init();
       }
       init() {
-        const interactors = Plugins.getInteractors(this.container, true);
+        const interactors = __classPrivateFieldGet(this, _InteractionManager_engine, "f").plugins.getInteractors(this.container, true);
+        this.externalInteractors = [];
+        this.particleInteractors = [];
         for (const interactor of interactors) {
           switch (interactor.type) {
            case 0:
@@ -570,6 +587,7 @@
         }
       }
     }
+    _InteractionManager_engine = new WeakMap;
     function applyDistance(particle) {
       const initialPosition = particle.initialPosition;
       const {dx: dx, dy: dy} = getDistances(initialPosition, particle.position);
@@ -743,26 +761,38 @@
         return proximityFactor / slowFactor;
       }
     }
-    const plugins = null && [];
-    const interactorsInitializers = new Map;
-    const updatersInitializers = new Map;
-    const interactors = new Map;
-    const updaters = new Map;
-    const presets = new Map;
-    const drawers = new Map;
-    const pathGenerators = new Map;
-    class Plugins_Plugins {
-      static getPlugin(plugin) {
-        return plugins.find((t => t.id === plugin));
+    var Plugins_classPrivateFieldSet = undefined && undefined.__classPrivateFieldSet || function(receiver, state, value, kind, f) {
+      if (kind === "m") throw new TypeError("Private method is not writable");
+      if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+      return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), 
+      value;
+    };
+    var _Plugins_engine;
+    class Plugins {
+      constructor(engine) {
+        _Plugins_engine.set(this, void 0);
+        Plugins_classPrivateFieldSet(this, _Plugins_engine, engine, "f");
+        this.plugins = [];
+        this.interactorsInitializers = new Map;
+        this.updatersInitializers = new Map;
+        this.interactors = new Map;
+        this.updaters = new Map;
+        this.presets = new Map;
+        this.drawers = new Map;
+        this.pathGenerators = new Map;
       }
-      static addPlugin(plugin) {
-        if (!Plugins_Plugins.getPlugin(plugin.id)) {
-          plugins.push(plugin);
+      getPlugin(plugin) {
+        return this.plugins.find((t => t.id === plugin));
+      }
+      addPlugin(plugin) {
+        if (!this.getPlugin(plugin.id)) {
+          this.plugins.push(plugin);
         }
       }
-      static getAvailablePlugins(container) {
+      getAvailablePlugins(container) {
         const res = new Map;
-        for (const plugin of plugins) {
+        for (const plugin of this.plugins) {
           if (!plugin.needsPlugin(container.actualOptions)) {
             continue;
           }
@@ -770,61 +800,62 @@
         }
         return res;
       }
-      static loadOptions(options, sourceOptions) {
-        for (const plugin of plugins) {
+      loadOptions(options, sourceOptions) {
+        for (const plugin of this.plugins) {
           plugin.loadOptions(options, sourceOptions);
         }
       }
-      static getPreset(preset) {
-        return presets.get(preset);
+      getPreset(preset) {
+        return this.presets.get(preset);
       }
-      static addPreset(presetKey, options, override = false) {
-        if (override || !Plugins_Plugins.getPreset(presetKey)) {
-          presets.set(presetKey, options);
+      addPreset(presetKey, options, override = false) {
+        if (override || !this.getPreset(presetKey)) {
+          this.presets.set(presetKey, options);
         }
       }
-      static addShapeDrawer(type, drawer) {
-        if (!Plugins_Plugins.getShapeDrawer(type)) {
-          drawers.set(type, drawer);
+      addShapeDrawer(type, drawer) {
+        if (!this.getShapeDrawer(type)) {
+          this.drawers.set(type, drawer);
         }
       }
-      static getShapeDrawer(type) {
-        return drawers.get(type);
+      getShapeDrawer(type) {
+        return this.drawers.get(type);
       }
-      static getSupportedShapes() {
-        return drawers.keys();
+      getSupportedShapes() {
+        return this.drawers.keys();
       }
-      static getPathGenerator(type) {
-        return pathGenerators.get(type);
+      getPathGenerator(type) {
+        return this.pathGenerators.get(type);
       }
-      static addPathGenerator(type, pathGenerator) {
-        if (!Plugins_Plugins.getPathGenerator(type)) {
-          pathGenerators.set(type, pathGenerator);
+      addPathGenerator(type, pathGenerator) {
+        if (!this.getPathGenerator(type)) {
+          this.pathGenerators.set(type, pathGenerator);
         }
       }
-      static getInteractors(container, force = false) {
-        let res = interactors.get(container);
+      getInteractors(container, force = false) {
+        let res = this.interactors.get(container);
         if (!res || force) {
-          res = [ ...interactorsInitializers.values() ].map((t => t(container)));
-          interactors.set(container, res);
+          res = [ ...this.interactorsInitializers.values() ].map((t => t(container)));
+          this.interactors.set(container, res);
         }
         return res;
       }
-      static addInteractor(name, initInteractor) {
-        interactorsInitializers.set(name, initInteractor);
+      addInteractor(name, initInteractor) {
+        this.interactorsInitializers.set(name, initInteractor);
       }
-      static getUpdaters(container, force = false) {
-        let res = updaters.get(container);
+      getUpdaters(container, force = false) {
+        let res = this.updaters.get(container);
         if (!res || force) {
-          res = [ ...updatersInitializers.values() ].map((t => t(container)));
-          updaters.set(container, res);
+          res = [ ...this.updatersInitializers.values() ].map((t => t(container)));
+          this.updaters.set(container, res);
         }
         return res;
       }
-      static addParticleUpdater(name, initUpdater) {
-        updatersInitializers.set(name, initUpdater);
+      addParticleUpdater(name, initUpdater) {
+        this.updatersInitializers.set(name, initUpdater);
       }
     }
+    _Plugins_engine = new WeakMap;
     class QuadTree_QuadTree {
       constructor(rectangle, capacity) {
         this.rectangle = rectangle;
@@ -2273,22 +2304,31 @@
         }
       }
     }
-    var __classPrivateFieldGet = undefined && undefined.__classPrivateFieldGet || function(receiver, state, kind, f) {
+    var Options_classPrivateFieldSet = undefined && undefined.__classPrivateFieldSet || function(receiver, state, value, kind, f) {
+      if (kind === "m") throw new TypeError("Private method is not writable");
+      if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+      return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), 
+      value;
+    };
+    var Options_classPrivateFieldGet = undefined && undefined.__classPrivateFieldGet || function(receiver, state, kind, f) {
       if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
       if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
       return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
     };
-    var _Options_instances, _Options_findDefaultTheme;
+    var _Options_instances, _Options_engine, _Options_findDefaultTheme;
     class Options_Options {
-      constructor() {
+      constructor(engine) {
         _Options_instances.add(this);
+        _Options_engine.set(this, void 0);
+        Options_classPrivateFieldSet(this, _Options_engine, engine, "f");
         this.autoPlay = true;
         this.background = new Background;
         this.backgroundMask = new BackgroundMask;
         this.fullScreen = new FullScreen;
         this.detectRetina = true;
         this.duration = 0;
-        this.fpsLimit = 60;
+        this.fpsLimit = 120;
         this.interactivity = new Interactivity;
         this.manualParticles = [];
         this.motion = new Motion;
@@ -2374,7 +2414,7 @@
         this.motion.load(data.motion);
         this.particles.load(data.particles);
         this.style = deepExtend(this.style, data.style);
-        Plugins.loadOptions(this, data);
+        Options_classPrivateFieldGet(this, _Options_engine, "f").plugins.loadOptions(this, data);
         if (data.responsive !== undefined) {
           for (const responsive of data.responsive) {
             const optResponsive = new Responsive;
@@ -2390,8 +2430,8 @@
             this.themes.push(optTheme);
           }
         }
-        this.defaultDarkTheme = (_d = __classPrivateFieldGet(this, _Options_instances, "m", _Options_findDefaultTheme).call(this, "dark")) === null || _d === void 0 ? void 0 : _d.name;
-        this.defaultLightTheme = (_e = __classPrivateFieldGet(this, _Options_instances, "m", _Options_findDefaultTheme).call(this, "light")) === null || _e === void 0 ? void 0 : _e.name;
+        this.defaultDarkTheme = (_d = Options_classPrivateFieldGet(this, _Options_instances, "m", _Options_findDefaultTheme).call(this, "dark")) === null || _d === void 0 ? void 0 : _d.name;
+        this.defaultLightTheme = (_e = Options_classPrivateFieldGet(this, _Options_instances, "m", _Options_findDefaultTheme).call(this, "light")) === null || _e === void 0 ? void 0 : _e.name;
       }
       setTheme(name) {
         if (name) {
@@ -2400,7 +2440,7 @@
             this.load(chosenTheme.options);
           }
         } else {
-          const mediaMatch = typeof matchMedia !== "undefined" && matchMedia("(prefers-color-scheme: dark)"), clientDarkMode = mediaMatch && mediaMatch.matches, defaultTheme = __classPrivateFieldGet(this, _Options_instances, "m", _Options_findDefaultTheme).call(this, clientDarkMode ? "dark" : "light");
+          const mediaMatch = typeof matchMedia !== "undefined" && matchMedia("(prefers-color-scheme: dark)"), clientDarkMode = mediaMatch && mediaMatch.matches, defaultTheme = Options_classPrivateFieldGet(this, _Options_instances, "m", _Options_findDefaultTheme).call(this, clientDarkMode ? "dark" : "light");
           if (defaultTheme) {
             this.load(defaultTheme.options);
           }
@@ -2413,13 +2453,26 @@
         return responsiveOptions === null || responsiveOptions === void 0 ? void 0 : responsiveOptions.maxWidth;
       }
       importPreset(preset) {
-        this.load(Plugins.getPreset(preset));
+        this.load(Options_classPrivateFieldGet(this, _Options_engine, "f").plugins.getPreset(preset));
       }
     }
-    _Options_instances = new WeakSet, _Options_findDefaultTheme = function _Options_findDefaultTheme(mode) {
+    _Options_engine = new WeakMap, _Options_instances = new WeakSet, _Options_findDefaultTheme = function _Options_findDefaultTheme(mode) {
       var _a;
       return (_a = this.themes.find((theme => theme.default.value && theme.default.mode === mode))) !== null && _a !== void 0 ? _a : this.themes.find((theme => theme.default.value && theme.default.mode === "any"));
     };
+    var Particle_classPrivateFieldSet = undefined && undefined.__classPrivateFieldSet || function(receiver, state, value, kind, f) {
+      if (kind === "m") throw new TypeError("Private method is not writable");
+      if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+      return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), 
+      value;
+    };
+    var Particle_classPrivateFieldGet = undefined && undefined.__classPrivateFieldGet || function(receiver, state, kind, f) {
+      if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+      return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    };
+    var _Particle_engine;
     const fixOutMode = data => {
       if (isInArray(data.outMode, data.checkModes) || isInArray(data.outMode, data.checkModes)) {
         if (data.coord > data.maxCoord - data.radius * 2) {
@@ -2430,11 +2483,13 @@
       }
     };
     class Particle_Particle {
-      constructor(id, container, position, overrideOptions, group) {
+      constructor(engine, id, container, position, overrideOptions, group) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         this.id = id;
         this.container = container;
         this.group = group;
+        _Particle_engine.set(this, void 0);
+        Particle_classPrivateFieldSet(this, _Particle_engine, engine, "f");
         this.fill = true;
         this.close = true;
         this.lastPathTime = 0;
@@ -2528,7 +2583,7 @@
         this.sides = 24;
         let drawer = container.drawers.get(this.shape);
         if (!drawer) {
-          drawer = Plugins.getShapeDrawer(this.shape);
+          drawer = Particle_classPrivateFieldGet(this, _Particle_engine, "f").plugins.getShapeDrawer(this.shape);
           if (drawer) {
             container.drawers.set(this.shape, drawer);
           }
@@ -2768,9 +2823,25 @@
         return life;
       }
     }
+    _Particle_engine = new WeakMap;
+    var Particles_classPrivateFieldSet = undefined && undefined.__classPrivateFieldSet || function(receiver, state, value, kind, f) {
+      if (kind === "m") throw new TypeError("Private method is not writable");
+      if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+      return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), 
+      value;
+    };
+    var Particles_classPrivateFieldGet = undefined && undefined.__classPrivateFieldGet || function(receiver, state, kind, f) {
+      if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+      return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    };
+    var _Particles_engine;
     class Particles_Particles {
-      constructor(container) {
+      constructor(engine, container) {
         this.container = container;
+        _Particles_engine.set(this, void 0);
+        Particles_classPrivateFieldSet(this, _Particles_engine, engine, "f");
         this.nextId = 0;
         this.array = [];
         this.zArray = [];
@@ -2782,11 +2853,11 @@
           links: new Map,
           triangles: new Map
         };
-        this.interactionManager = new InteractionManager(container);
+        this.interactionManager = new InteractionManager(Particles_classPrivateFieldGet(this, _Particles_engine, "f"), container);
         const canvasSize = this.container.canvas.size;
         this.linksColors = new Map;
         this.quadTree = new QuadTree(new Rectangle(-canvasSize.width / 4, -canvasSize.height / 4, canvasSize.width * 3 / 2, canvasSize.height * 3 / 2), 4);
-        this.updaters = Plugins.getUpdaters(container, true);
+        this.updaters = Particles_classPrivateFieldGet(this, _Particles_engine, "f").plugins.getUpdaters(container, true);
       }
       get count() {
         return this.array.length;
@@ -2800,7 +2871,7 @@
         this.freqs.links = new Map;
         this.freqs.triangles = new Map;
         let handled = false;
-        this.updaters = Plugins.getUpdaters(container, true);
+        this.updaters = Particles_classPrivateFieldGet(this, _Particles_engine, "f").plugins.getUpdaters(container, true);
         this.interactionManager.init();
         for (const [, plugin] of container.plugins) {
           if (plugin.particlesInitialization !== undefined) {
@@ -3047,7 +3118,7 @@
       }
       pushParticle(position, overrideOptions, group, initializer) {
         try {
-          const particle = new Particle(this.nextId, this.container, position, overrideOptions, group);
+          const particle = new Particle(Particles_classPrivateFieldGet(this, _Particles_engine, "f"), this.nextId, this.container, position, overrideOptions, group);
           let canAdd = true;
           if (initializer) {
             canAdd = initializer(particle);
@@ -3065,6 +3136,7 @@
         }
       }
     }
+    _Particles_engine = new WeakMap;
     class Retina_Retina {
       constructor(container) {
         this.container = container;
@@ -3152,10 +3224,25 @@
         }
       }
     }
+    var Container_classPrivateFieldSet = undefined && undefined.__classPrivateFieldSet || function(receiver, state, value, kind, f) {
+      if (kind === "m") throw new TypeError("Private method is not writable");
+      if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+      return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), 
+      value;
+    };
+    var Container_classPrivateFieldGet = undefined && undefined.__classPrivateFieldGet || function(receiver, state, kind, f) {
+      if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+      return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    };
+    var _Container_engine;
     class Container_Container {
-      constructor(id, sourceOptions, ...presets) {
+      constructor(engine, id, sourceOptions, ...presets) {
         this.id = id;
-        this.fpsLimit = 60;
+        _Container_engine.set(this, void 0);
+        Container_classPrivateFieldSet(this, _Container_engine, engine, "f");
+        this.fpsLimit = 120;
         this.duration = 0;
         this.lifeTime = 0;
         this.firstStart = true;
@@ -3169,7 +3256,7 @@
         this._initialSourceOptions = sourceOptions;
         this.retina = new Retina(this);
         this.canvas = new Canvas(this);
-        this.particles = new Particles(this);
+        this.particles = new Particles(Container_classPrivateFieldGet(this, _Container_engine, "f"), this);
         this.drawer = new FrameManager(this);
         this.presets = presets;
         this.pathGenerator = {
@@ -3198,8 +3285,8 @@
         this.plugins = new Map;
         this.drawers = new Map;
         this.density = 1;
-        this._options = new Options;
-        this.actualOptions = new Options;
+        this._options = new Options(Container_classPrivateFieldGet(this, _Container_engine, "f"));
+        this.actualOptions = new Options(Container_classPrivateFieldGet(this, _Container_engine, "f"));
         this.eventListeners = new EventListeners(this);
         if (typeof IntersectionObserver !== "undefined" && IntersectionObserver) {
           this.intersectionObserver = new IntersectionObserver((entries => this.intersectionManager(entries)));
@@ -3314,7 +3401,7 @@
         return this.start();
       }
       reset() {
-        this._options = new Options;
+        this._options = new Options(Container_classPrivateFieldGet(this, _Container_engine, "f"));
         return this.refresh();
       }
       stop() {
@@ -3328,7 +3415,7 @@
         this.particles.clear();
         this.canvas.clear();
         if (this.interactivity.element instanceof HTMLElement && this.intersectionObserver) {
-          this.intersectionObserver.observe(this.interactivity.element);
+          this.intersectionObserver.unobserve(this.interactivity.element);
         }
         for (const [, plugin] of this.plugins) {
           if (plugin.stop) {
@@ -3455,20 +3542,20 @@
         return false;
       }
       async init() {
-        this._options = new Options;
+        this._options = new Options(Container_classPrivateFieldGet(this, _Container_engine, "f"));
         for (const preset of this.presets) {
-          this._options.load(Plugins.getPreset(preset));
+          this._options.load(Container_classPrivateFieldGet(this, _Container_engine, "f").plugins.getPreset(preset));
         }
-        const shapes = Plugins.getSupportedShapes();
+        const shapes = Container_classPrivateFieldGet(this, _Container_engine, "f").plugins.getSupportedShapes();
         for (const type of shapes) {
-          const drawer = Plugins.getShapeDrawer(type);
+          const drawer = Container_classPrivateFieldGet(this, _Container_engine, "f").plugins.getShapeDrawer(type);
           if (drawer) {
             this.drawers.set(type, drawer);
           }
         }
         this._options.load(this._initialSourceOptions);
         this._options.load(this._sourceOptions);
-        this.actualOptions = new Options;
+        this.actualOptions = new Options(Container_classPrivateFieldGet(this, _Container_engine, "f"));
         this.actualOptions.load(this._options);
         this.retina.init();
         this.canvas.init();
@@ -3478,8 +3565,8 @@
         this.zLayers = this.actualOptions.zLayers;
         this.duration = getRangeValue(this.actualOptions.duration);
         this.lifeTime = 0;
-        this.fpsLimit = this.actualOptions.fpsLimit > 0 ? this.actualOptions.fpsLimit : 60;
-        const availablePlugins = Plugins.getAvailablePlugins(this);
+        this.fpsLimit = this.actualOptions.fpsLimit > 0 ? this.actualOptions.fpsLimit : 120;
+        const availablePlugins = Container_classPrivateFieldGet(this, _Container_engine, "f").plugins.getAvailablePlugins(this);
         for (const [id, plugin] of availablePlugins) {
           this.plugins.set(id, plugin);
         }
@@ -3497,7 +3584,7 @@
         }
         const pathOptions = this.actualOptions.particles.move.path;
         if (pathOptions.generator) {
-          const customGenerator = Plugins.getPathGenerator(pathOptions.generator);
+          const customGenerator = Container_classPrivateFieldGet(this, _Container_engine, "f").plugins.getPathGenerator(pathOptions.generator);
           if (customGenerator) {
             if (customGenerator.init) {
               this.pathGenerator.init = customGenerator.init;
@@ -3534,24 +3621,41 @@
         }
       }
     }
-    const tsParticlesDom = null && [];
+    _Container_engine = new WeakMap;
+    var Loader_classPrivateFieldSet = undefined && undefined.__classPrivateFieldSet || function(receiver, state, value, kind, f) {
+      if (kind === "m") throw new TypeError("Private method is not writable");
+      if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+      return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), 
+      value;
+    };
+    var Loader_classPrivateFieldGet = undefined && undefined.__classPrivateFieldGet || function(receiver, state, kind, f) {
+      if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+      return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    };
+    var _Loader_engine;
     function fetchError(statusCode) {
       console.error(`Error tsParticles - fetch status: ${statusCode}`);
       console.error("Error tsParticles - File config not found");
     }
     class Loader {
-      static dom() {
-        return tsParticlesDom;
+      constructor(engine) {
+        _Loader_engine.set(this, void 0);
+        Loader_classPrivateFieldSet(this, _Loader_engine, engine, "f");
       }
-      static domItem(index) {
-        const dom = Loader.dom();
+      dom() {
+        return Loader_classPrivateFieldGet(this, _Loader_engine, "f").domArray;
+      }
+      domItem(index) {
+        const dom = this.dom();
         const item = dom[index];
         if (item && !item.destroyed) {
           return item;
         }
         dom.splice(index, 1);
       }
-      static async loadOptions(params) {
+      async loadOptions(params) {
         var _a, _b, _c;
         const tagId = (_a = params.tagId) !== null && _a !== void 0 ? _a : `tsparticles${Math.floor(Math.random() * 1e4)}`;
         const {options: options, index: index} = params;
@@ -3562,10 +3666,10 @@
           (_c = document.querySelector("body")) === null || _c === void 0 ? void 0 : _c.append(domContainer);
         }
         const currentOptions = options instanceof Array ? itemFromArray(options, index) : options;
-        const dom = Loader.dom();
+        const dom = this.dom();
         const oldIndex = dom.findIndex((v => v.id === tagId));
         if (oldIndex >= 0) {
-          const old = Loader.domItem(oldIndex);
+          const old = this.domItem(oldIndex);
           if (old && !old.destroyed) {
             old.destroy();
             dom.splice(oldIndex, 1);
@@ -3588,7 +3692,7 @@
             domContainer.appendChild(canvasEl);
           }
         }
-        const newItem = new Container(tagId, currentOptions);
+        const newItem = new Container(Loader_classPrivateFieldGet(this, _Loader_engine, "f"), tagId, currentOptions);
         if (oldIndex >= 0) {
           dom.splice(oldIndex, 0, newItem);
         } else {
@@ -3598,7 +3702,7 @@
         await newItem.start();
         return newItem;
       }
-      static async loadRemoteOptions(params) {
+      async loadRemoteOptions(params) {
         const {url: jsonUrl, index: index} = params;
         const url = jsonUrl instanceof Array ? itemFromArray(jsonUrl, index) : jsonUrl;
         if (!url) {
@@ -3610,14 +3714,14 @@
           return;
         }
         const data = await response.json();
-        return await Loader.loadOptions({
+        return this.loadOptions({
           tagId: params.tagId,
           element: params.element,
           index: index,
           options: data
         });
       }
-      static load(tagId, options, index) {
+      load(tagId, options, index) {
         const params = {
           index: index
         };
@@ -3633,7 +3737,7 @@
         }
         return this.loadOptions(params);
       }
-      static async set(id, domContainer, options, index) {
+      async set(id, domContainer, options, index) {
         const params = {
           index: index
         };
@@ -3654,7 +3758,7 @@
         }
         return this.loadOptions(params);
       }
-      static async loadJSON(tagId, jsonUrl, index) {
+      async loadJSON(tagId, jsonUrl, index) {
         let url, id;
         if (typeof jsonUrl === "number" || jsonUrl === undefined) {
           url = tagId;
@@ -3662,13 +3766,13 @@
           id = tagId;
           url = jsonUrl;
         }
-        return await Loader.loadRemoteOptions({
+        return this.loadRemoteOptions({
           tagId: id,
           url: url,
           index: index
         });
       }
-      static async setJSON(id, domContainer, jsonUrl, index) {
+      async setJSON(id, domContainer, jsonUrl, index) {
         let url, newId, newIndex, element;
         if (id instanceof HTMLElement) {
           element = id;
@@ -3680,15 +3784,15 @@
           url = jsonUrl;
           newIndex = index;
         }
-        return await Loader.loadRemoteOptions({
+        return this.loadRemoteOptions({
           tagId: newId,
           url: url,
           index: newIndex,
           element: element
         });
       }
-      static setOnClickHandler(callback) {
-        const dom = Loader.dom();
+      setOnClickHandler(callback) {
+        const dom = this.dom();
         if (dom.length === 0) {
           throw new Error("Can only set click handlers after calling tsParticles.load() or tsParticles.loadJSON()");
         }
@@ -3697,6 +3801,7 @@
         }
       }
     }
+    _Loader_engine = new WeakMap;
     function NumberUtils_clamp(num, min, max) {
       return Math.min(Math.max(num, min), max);
     }
@@ -4932,6 +5037,7 @@
         if (data.direction !== undefined) {
           this.direction = data.direction;
         }
+        this.domId = data.domId;
         if (data.fill !== undefined) {
           this.fill = data.fill;
         }
@@ -4961,21 +5067,7 @@
         }
       }
     }
-    const shapes = new Map;
-    class ShapeManager {
-      static addShape(name, drawer) {
-        if (!ShapeManager.getShape(name)) {
-          shapes.set(name, drawer);
-        }
-      }
-      static getShape(name) {
-        return shapes.get(name);
-      }
-      static getSupportedShapes() {
-        return shapes.keys();
-      }
-    }
-    var __classPrivateFieldSet = undefined && undefined.__classPrivateFieldSet || function(receiver, state, value, kind, f) {
+    var EmitterInstance_classPrivateFieldSet = undefined && undefined.__classPrivateFieldSet || function(receiver, state, value, kind, f) {
       if (kind === "m") throw new TypeError("Private method is not writable");
       if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
       if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
@@ -4987,15 +5079,17 @@
       if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
       return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
     };
-    var _EmitterInstance_firstSpawn, _EmitterInstance_startParticlesAdded;
+    var _EmitterInstance_firstSpawn, _EmitterInstance_startParticlesAdded, _EmitterInstance_engine;
     class EmitterInstance {
-      constructor(emitters, container, options, position) {
+      constructor(engine, emitters, container, options, position) {
         var _a, _b, _c, _d, _e, _f;
         var _g;
         this.emitters = emitters;
         this.container = container;
         _EmitterInstance_firstSpawn.set(this, void 0);
         _EmitterInstance_startParticlesAdded.set(this, void 0);
+        _EmitterInstance_engine.set(this, void 0);
+        EmitterInstance_classPrivateFieldSet(this, _EmitterInstance_engine, engine, "f");
         this.currentDuration = 0;
         this.currentEmitDelay = 0;
         this.currentSpawnDelay = 0;
@@ -5007,12 +5101,11 @@
           this.options.load(options);
         }
         this.spawnDelay = ((_a = this.options.life.delay) !== null && _a !== void 0 ? _a : 0) * 1e3 / this.container.retina.reduceFactor;
-        this.position = (_b = this.initialPosition) !== null && _b !== void 0 ? _b : this.calcPosition();
         this.name = this.options.name;
-        this.shape = ShapeManager.getShape(this.options.shape);
+        this.shape = (_b = EmitterInstance_classPrivateFieldGet(this, _EmitterInstance_engine, "f").emitterShapeManager) === null || _b === void 0 ? void 0 : _b.getShape(this.options.shape);
         this.fill = this.options.fill;
-        __classPrivateFieldSet(this, _EmitterInstance_firstSpawn, !this.options.life.wait, "f");
-        __classPrivateFieldSet(this, _EmitterInstance_startParticlesAdded, false, "f");
+        EmitterInstance_classPrivateFieldSet(this, _EmitterInstance_firstSpawn, !this.options.life.wait, "f");
+        EmitterInstance_classPrivateFieldSet(this, _EmitterInstance_startParticlesAdded, false, "f");
         let particlesOptions = Utils_deepExtend({}, this.options.particles);
         particlesOptions !== null && particlesOptions !== void 0 ? particlesOptions : particlesOptions = {};
         (_c = particlesOptions.move) !== null && _c !== void 0 ? _c : particlesOptions.move = {};
@@ -5074,12 +5167,12 @@
           return;
         }
         if (EmitterInstance_classPrivateFieldGet(this, _EmitterInstance_firstSpawn, "f")) {
-          __classPrivateFieldSet(this, _EmitterInstance_firstSpawn, false, "f");
+          EmitterInstance_classPrivateFieldSet(this, _EmitterInstance_firstSpawn, false, "f");
           this.currentSpawnDelay = (_a = this.spawnDelay) !== null && _a !== void 0 ? _a : 0;
           this.currentEmitDelay = (_b = this.emitDelay) !== null && _b !== void 0 ? _b : 0;
         }
         if (!EmitterInstance_classPrivateFieldGet(this, _EmitterInstance_startParticlesAdded, "f")) {
-          __classPrivateFieldSet(this, _EmitterInstance_startParticlesAdded, true, "f");
+          EmitterInstance_classPrivateFieldSet(this, _EmitterInstance_startParticlesAdded, true, "f");
           this.emitParticles(this.options.startCount);
         }
         if (this.duration !== undefined) {
@@ -5118,6 +5211,36 @@
           }
         }
       }
+      getPosition() {
+        if (this.options.domId) {
+          const container = this.container, element = document.getElementById(this.options.domId);
+          if (element) {
+            const elRect = element.getBoundingClientRect();
+            return {
+              x: (elRect.x + elRect.width / 2) * container.retina.pixelRatio,
+              y: (elRect.y + elRect.height / 2) * container.retina.pixelRatio
+            };
+          }
+        }
+        return this.position;
+      }
+      getSize() {
+        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
+            };
+          }
+        }
+        return {
+          width: this.size.mode === "percent" ? container.canvas.size.width * this.size.width / 100 : this.size.width,
+          height: this.size.mode === "percent" ? container.canvas.size.height * this.size.height / 100 : this.size.height
+        };
+      }
       prepareToDie() {
         var _a;
         if (this.paused) {
@@ -5150,11 +5273,8 @@
       emitParticles(quantity) {
         var _a, _b, _c;
         const container = this.container;
-        const position = this.position;
-        const offset = {
-          x: this.size.mode === "percent" ? container.canvas.size.width * this.size.width / 100 : this.size.width,
-          y: this.size.mode === "percent" ? container.canvas.size.height * this.size.height / 100 : this.size.height
-        };
+        const position = this.getPosition();
+        const size = this.getSize();
         for (let i = 0; i < quantity; i++) {
           const particlesOptions = Utils_deepExtend({}, this.particlesOptions);
           if (this.spawnColor) {
@@ -5172,7 +5292,10 @@
               particlesOptions.color.value = this.spawnColor;
             }
           }
-          const pPosition = (_c = (_b = this.shape) === null || _b === void 0 ? void 0 : _b.randomPosition(position, offset, this.fill)) !== null && _c !== void 0 ? _c : position;
+          if (!position) {
+            return;
+          }
+          const pPosition = (_c = (_b = this.shape) === null || _b === void 0 ? void 0 : _b.randomPosition(position, size, this.fill)) !== null && _c !== void 0 ? _c : position;
           container.particles.addParticle(pPosition, particlesOptions);
         }
       }
@@ -5189,10 +5312,26 @@
         return (initValue + colorSpeed * container.fpsLimit / emitFactor + colorOffset * 3.6) % maxValue;
       }
     }
-    _EmitterInstance_firstSpawn = new WeakMap, _EmitterInstance_startParticlesAdded = new WeakMap;
+    _EmitterInstance_firstSpawn = new WeakMap, _EmitterInstance_startParticlesAdded = new WeakMap, 
+    _EmitterInstance_engine = new WeakMap;
+    var Emitters_classPrivateFieldSet = undefined && undefined.__classPrivateFieldSet || function(receiver, state, value, kind, f) {
+      if (kind === "m") throw new TypeError("Private method is not writable");
+      if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+      return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), 
+      value;
+    };
+    var Emitters_classPrivateFieldGet = undefined && undefined.__classPrivateFieldGet || function(receiver, state, kind, f) {
+      if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+      return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    };
+    var _Emitters_engine;
     class Emitters {
-      constructor(container) {
+      constructor(engine, container) {
         this.container = container;
+        _Emitters_engine.set(this, void 0);
+        Emitters_classPrivateFieldSet(this, _Emitters_engine, engine, "f");
         this.array = [];
         this.emitters = [];
         this.interactivityEmitters = [];
@@ -5304,7 +5443,7 @@
       addEmitter(options, position) {
         const emitterOptions = new Emitter;
         emitterOptions.load(options);
-        const emitter = new EmitterInstance(this, this.container, emitterOptions, position);
+        const emitter = new EmitterInstance(Emitters_classPrivateFieldGet(this, _Emitters_engine, "f"), this, this.container, emitterOptions, position);
         this.array.push(emitter);
         return emitter;
       }
@@ -5315,18 +5454,46 @@
         }
       }
     }
+    _Emitters_engine = new WeakMap;
+    var ShapeManager_classPrivateFieldSet = undefined && undefined.__classPrivateFieldSet || function(receiver, state, value, kind, f) {
+      if (kind === "m") throw new TypeError("Private method is not writable");
+      if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+      return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), 
+      value;
+    };
+    var _ShapeManager_engine;
+    const shapes = new Map;
+    class ShapeManager {
+      constructor(engine) {
+        _ShapeManager_engine.set(this, void 0);
+        ShapeManager_classPrivateFieldSet(this, _ShapeManager_engine, engine, "f");
+      }
+      addShape(name, drawer) {
+        if (!this.getShape(name)) {
+          shapes.set(name, drawer);
+        }
+      }
+      getShape(name) {
+        return shapes.get(name);
+      }
+      getSupportedShapes() {
+        return shapes.keys();
+      }
+    }
+    _ShapeManager_engine = new WeakMap;
     function randomSquareCoordinate(position, offset) {
       return position + offset * (Math.random() - .5);
     }
     class SquareShape {
-      randomPosition(position, offset, fill) {
+      randomPosition(position, size, fill) {
         if (fill) {
           return {
-            x: randomSquareCoordinate(position.x, offset.x),
-            y: randomSquareCoordinate(position.y, offset.y)
+            x: randomSquareCoordinate(position.x, size.width),
+            y: randomSquareCoordinate(position.y, size.height)
           };
         } else {
-          const halfW = offset.x / 2, halfH = offset.y / 2, side = Math.floor(Math.random() * 4), v = (Math.random() - .5) * 2;
+          const halfW = size.width / 2, halfH = size.height / 2, side = Math.floor(Math.random() * 4), v = (Math.random() - .5) * 2;
           switch (side) {
            case 0:
             return {
@@ -5356,12 +5523,27 @@
         }
       }
     }
+    var Plugins_Emitters_classPrivateFieldSet = undefined && undefined.__classPrivateFieldSet || function(receiver, state, value, kind, f) {
+      if (kind === "m") throw new TypeError("Private method is not writable");
+      if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+      return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), 
+      value;
+    };
+    var Plugins_Emitters_classPrivateFieldGet = undefined && undefined.__classPrivateFieldGet || function(receiver, state, kind, f) {
+      if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+      if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+      return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    };
+    var _EmittersPlugin_engine;
     class EmittersPlugin {
-      constructor() {
+      constructor(engine) {
+        _EmittersPlugin_engine.set(this, void 0);
+        Plugins_Emitters_classPrivateFieldSet(this, _EmittersPlugin_engine, engine, "f");
         this.id = "emitters";
       }
       getPlugin(container) {
-        return new Emitters(container);
+        return new Emitters(Plugins_Emitters_classPrivateFieldGet(this, _EmittersPlugin_engine, "f"), container);
       }
       needsPlugin(options) {
         var _a, _b, _c;
@@ -5410,14 +5592,19 @@
         }
       }
     }
+    _EmittersPlugin_engine = new WeakMap;
     async function loadEmittersPlugin(engine) {
-      const plugin = new EmittersPlugin;
-      await engine.addPlugin(plugin);
+      if (!engine.emitterShapeManager) {
+        engine.emitterShapeManager = new ShapeManager(engine);
+      }
       if (!engine.addEmitterShape) {
         engine.addEmitterShape = (name, shape) => {
-          ShapeManager.addShape(name, shape);
+          var _a;
+          (_a = engine.emitterShapeManager) === null || _a === void 0 ? void 0 : _a.addShape(name, shape);
         };
       }
+      const plugin = new EmittersPlugin(engine);
+      await engine.addPlugin(plugin);
       engine.addEmitterShape("circle", new CircleShape);
       engine.addEmitterShape("square", new SquareShape);
     }