tsparticles 1.39.2 → 1.40.2

package/tsparticles.engine.js

@@ -1924,15 +1924,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 {
-      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:
@@ -1963,6 +1980,7 @@
         }
       }
     }
+    _InteractionManager_engine = new WeakMap;
     class ParticlesInteractorBase {
       constructor(container) {
         this.container = container;
@@ -2142,26 +2160,38 @@
         return proximityFactor / slowFactor;
       }
     }
-    const plugins = [];
-    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;
+    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 {
-      static getPlugin(plugin) {
-        return plugins.find((t => t.id === plugin));
+      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;
+      }
+      getPlugin(plugin) {
+        return this.plugins.find((t => t.id === plugin));
       }
-      static addPlugin(plugin) {
-        if (!Plugins.getPlugin(plugin.id)) {
-          plugins.push(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;
           }
@@ -2169,61 +2199,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.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.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.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 Point {
       constructor(position, particle) {
         this.position = position;
@@ -5205,22 +5236,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 {
-      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;
@@ -5306,7 +5346,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;
@@ -5322,8 +5362,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) {
@@ -5332,7 +5372,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);
           }
@@ -5345,13 +5385,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) {
@@ -5362,11 +5415,13 @@
       }
     };
     class 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;
@@ -5460,7 +5515,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);
           }
@@ -5700,9 +5755,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 {
-      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 = [];
@@ -5714,11 +5785,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;
@@ -5732,7 +5803,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) {
@@ -5979,7 +6050,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);
@@ -5997,6 +6068,7 @@
         }
       }
     }
+    _Particles_engine = new WeakMap;
     class Retina {
       constructor(container) {
         this.container = container;
@@ -6084,10 +6156,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 {
-      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;
@@ -6101,7 +6188,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 = {
@@ -6130,8 +6217,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)));
@@ -6246,7 +6333,7 @@
         return this.start();
       }
       reset() {
-        this._options = new Options;
+        this._options = new Options(Container_classPrivateFieldGet(this, _Container_engine, "f"));
         return this.refresh();
       }
       stop() {
@@ -6260,7 +6347,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) {
@@ -6387,20 +6474,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();
@@ -6410,8 +6497,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);
         }
@@ -6429,7 +6516,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;
@@ -6466,24 +6553,41 @@
         }
       }
     }
-    const tsParticlesDom = [];
+    _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;
@@ -6494,10 +6598,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);
@@ -6520,7 +6624,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 {
@@ -6530,7 +6634,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) {
@@ -6542,14 +6646,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
         };
@@ -6565,7 +6669,7 @@
         }
         return this.loadOptions(params);
       }
-      static async set(id, domContainer, options, index) {
+      async set(id, domContainer, options, index) {
         const params = {
           index: index
         };
@@ -6586,7 +6690,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;
@@ -6594,13 +6698,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;
@@ -6612,15 +6716,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()");
         }
@@ -6629,7 +6733,8 @@
         }
       }
     }
-    var __classPrivateFieldSet = undefined && undefined.__classPrivateFieldSet || function(receiver, state, value, kind, f) {
+    _Loader_engine = new WeakMap;
+    var engine_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");
@@ -6641,40 +6746,44 @@
       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 _Engine_initialized;
+    var _Engine_initialized, _Engine_loader;
     class Engine {
       constructor() {
         _Engine_initialized.set(this, void 0);
-        __classPrivateFieldSet(this, _Engine_initialized, false, "f");
+        _Engine_loader.set(this, void 0);
+        engine_classPrivateFieldSet(this, _Engine_initialized, false, "f");
+        this.domArray = [];
+        engine_classPrivateFieldSet(this, _Engine_loader, new Loader(this), "f");
+        this.plugins = new Plugins(this);
       }
       init() {
         if (!engine_classPrivateFieldGet(this, _Engine_initialized, "f")) {
-          __classPrivateFieldSet(this, _Engine_initialized, true, "f");
+          engine_classPrivateFieldSet(this, _Engine_initialized, true, "f");
         }
       }
       async loadFromArray(tagId, options, index) {
-        return Loader.load(tagId, options, index);
+        return engine_classPrivateFieldGet(this, _Engine_loader, "f").load(tagId, options, index);
       }
       async load(tagId, options) {
-        return Loader.load(tagId, options);
+        return engine_classPrivateFieldGet(this, _Engine_loader, "f").load(tagId, options);
       }
       async set(id, element, options) {
-        return Loader.set(id, element, options);
+        return engine_classPrivateFieldGet(this, _Engine_loader, "f").set(id, element, options);
       }
       async loadJSON(tagId, pathConfigJson, index) {
-        return Loader.loadJSON(tagId, pathConfigJson, index);
+        return engine_classPrivateFieldGet(this, _Engine_loader, "f").loadJSON(tagId, pathConfigJson, index);
       }
       async setJSON(id, element, pathConfigJson, index) {
-        return Loader.setJSON(id, element, pathConfigJson, index);
+        return engine_classPrivateFieldGet(this, _Engine_loader, "f").setJSON(id, element, pathConfigJson, index);
       }
       setOnClickHandler(callback) {
-        Loader.setOnClickHandler(callback);
+        engine_classPrivateFieldGet(this, _Engine_loader, "f").setOnClickHandler(callback);
       }
       dom() {
-        return Loader.dom();
+        return engine_classPrivateFieldGet(this, _Engine_loader, "f").dom();
       }
       domItem(index) {
-        return Loader.domItem(index);
+        return engine_classPrivateFieldGet(this, _Engine_loader, "f").domItem(index);
       }
       async refresh() {
         for (const instance of this.dom()) {
@@ -6693,31 +6802,31 @@
         } else {
           customDrawer = drawer;
         }
-        Plugins.addShapeDrawer(shape, customDrawer);
+        this.plugins.addShapeDrawer(shape, customDrawer);
         await this.refresh();
       }
       async addPreset(preset, options, override = false) {
-        Plugins.addPreset(preset, options, override);
+        this.plugins.addPreset(preset, options, override);
         await this.refresh();
       }
       async addPlugin(plugin) {
-        Plugins.addPlugin(plugin);
+        this.plugins.addPlugin(plugin);
         await this.refresh();
       }
       async addPathGenerator(name, generator) {
-        Plugins.addPathGenerator(name, generator);
+        this.plugins.addPathGenerator(name, generator);
         await this.refresh();
       }
       async addInteractor(name, interactorInitializer) {
-        Plugins.addInteractor(name, interactorInitializer);
+        this.plugins.addInteractor(name, interactorInitializer);
         await this.refresh();
       }
       async addParticleUpdater(name, updaterInitializer) {
-        Plugins.addParticleUpdater(name, updaterInitializer);
+        this.plugins.addParticleUpdater(name, updaterInitializer);
         await this.refresh();
       }
     }
-    _Engine_initialized = new WeakMap;
+    _Engine_initialized = new WeakMap, _Engine_loader = new WeakMap;
     const initPjs = engine => {
       const particlesJS = (tagId, options) => engine.load(tagId, options);
       particlesJS.load = (tagId, pathConfigJson, callback) => {