tsparticles 1.39.3 → 1.40.0

package/tsparticles.interaction.external.attract.js

@@ -1567,15 +1567,30 @@
         this.type = 0;
       }
     }
+    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) {
@@ -1608,6 +1623,7 @@
         }
       }
     }
+    _InteractionManager_engine = new WeakMap;
     function applyDistance(particle) {
       const initialPosition = particle.initialPosition;
       const {dx: dx, dy: dy} = getDistances(initialPosition, particle.position);
@@ -1781,26 +1797,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;
           }
@@ -1808,61 +1836,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;
@@ -3480,15 +3509,24 @@
         }
       }
     }
-    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;
@@ -3581,7 +3619,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;
@@ -3597,8 +3635,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) {
@@ -3607,7 +3645,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);
           }
@@ -3620,13 +3658,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) {
@@ -3637,11 +3688,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;
@@ -3735,7 +3788,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);
           }
@@ -3975,9 +4028,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 = [];
@@ -3989,11 +4058,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;
@@ -4007,7 +4076,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) {
@@ -4254,7 +4323,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);
@@ -4272,6 +4341,7 @@
         }
       }
     }
+    _Particles_engine = new WeakMap;
     class Retina_Retina {
       constructor(container) {
         this.container = container;
@@ -4359,9 +4429,24 @@
         }
       }
     }
+    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;
+        _Container_engine.set(this, void 0);
+        Container_classPrivateFieldSet(this, _Container_engine, engine, "f");
         this.fpsLimit = 120;
         this.duration = 0;
         this.lifeTime = 0;
@@ -4376,7 +4461,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 = {
@@ -4405,8 +4490,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)));
@@ -4521,7 +4606,7 @@
         return this.start();
       }
       reset() {
-        this._options = new Options;
+        this._options = new Options(Container_classPrivateFieldGet(this, _Container_engine, "f"));
         return this.refresh();
       }
       stop() {
@@ -4662,20 +4747,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();
@@ -4686,7 +4771,7 @@
         this.duration = getRangeValue(this.actualOptions.duration);
         this.lifeTime = 0;
         this.fpsLimit = this.actualOptions.fpsLimit > 0 ? this.actualOptions.fpsLimit : 120;
-        const availablePlugins = Plugins.getAvailablePlugins(this);
+        const availablePlugins = Container_classPrivateFieldGet(this, _Container_engine, "f").plugins.getAvailablePlugins(this);
         for (const [id, plugin] of availablePlugins) {
           this.plugins.set(id, plugin);
         }
@@ -4704,7 +4789,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;
@@ -4741,24 +4826,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");
+      }
+      dom() {
+        return Loader_classPrivateFieldGet(this, _Loader_engine, "f").domArray;
       }
-      static domItem(index) {
-        const dom = Loader.dom();
+      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;
@@ -4769,10 +4871,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);
@@ -4795,7 +4897,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 {
@@ -4805,7 +4907,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) {
@@ -4817,14 +4919,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
         };
@@ -4840,7 +4942,7 @@
         }
         return this.loadOptions(params);
       }
-      static async set(id, domContainer, options, index) {
+      async set(id, domContainer, options, index) {
         const params = {
           index: index
         };
@@ -4861,7 +4963,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;
@@ -4869,13 +4971,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;
@@ -4887,15 +4989,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()");
         }
@@ -4904,6 +5006,7 @@
         }
       }
     }
+    _Loader_engine = new WeakMap;
     class Attractor extends ExternalInteractorBase {
       constructor(container) {
         super(container);

package/tsparticles.interaction.external.attract.min.js

@@ -1,2 +1,2 @@
-/*! tsParticles v1.39.3 by Matteo Bruni */
-!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var n=e();for(var o in n)("object"==typeof exports?exports:t)[o]=n[o]}}(window,(function(){return function(){"use strict";var t={d:function(e,n){for(var o in n)t.o(n,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:n[o]})},o:function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r:function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};function n(t,e){const n=t.x-e.x,o=t.y-e.y;return{dx:n,dy:o,distance:Math.sqrt(n*n+o*o)}}function o(t,e){switch(e){case"ease-out-quad":return 1-(1-t)**2;case"ease-out-cubic":return 1-(1-t)**3;case"ease-out-quart":return 1-(1-t)**4;case"ease-out-quint":return 1-(1-t)**5;case"ease-out-expo":return 1===t?1:1-Math.pow(2,-10*t);case"ease-out-sine":return Math.sin(t*Math.PI/2);case"ease-out-back":{const e=1.70158;return 1+(e+1)*Math.pow(t-1,3)+e*Math.pow(t-1,2)}case"ease-out-circ":return Math.sqrt(1-Math.pow(t-1,2));default:return t}}function i(t,e){return t===e||e instanceof Array&&e.indexOf(t)>-1}t.r(e),t.d(e,{loadExternalAttractInteraction:function(){return u}});class r extends class{constructor(t,e){this.position={x:t,y:e}}}{constructor(t,e,n){super(t,e),this.radius=n}contains(t){return e=t,o=this.position,n(e,o).distance<=this.radius;var e,o}intersects(t){const e=t,n=t,o=this.position,i=t.position,r=Math.abs(i.x-o.x),a=Math.abs(i.y-o.y),s=this.radius;if(void 0!==n.radius){return s+n.radius>Math.sqrt(r*r+a+a)}if(void 0!==e.size){const t=e.size.width,n=e.size.height,o=Math.pow(r-t,2)+Math.pow(a-n,2);return!(r>s+t||a>s+n)&&(r<=t||a<=n||o<=s*s)}return!1}}class a{}a.generatedAttribute="generated",a.randomColorValue="random",a.midColorValue="mid",a.touchEndEvent="touchend",a.mouseDownEvent="mousedown",a.mouseUpEvent="mouseup",a.mouseMoveEvent="mousemove",a.touchStartEvent="touchstart",a.touchMoveEvent="touchmove",a.mouseLeaveEvent="mouseleave",a.mouseOutEvent="mouseout",a.touchCancelEvent="touchcancel",a.resizeEvent="resize",a.visibilityChangeEvent="visibilitychange",a.noPolygonDataLoaded="No polygon data loaded.",a.noPolygonFound="No polygon found, you need to specify SVG url in config.";new Map,new Map,new Map,new Map,new Map,new Map,new Map;class s{constructor(t,e){let n,o;if(void 0===e){if("number"==typeof t)throw new Error("tsParticles - Vector not initialized correctly");const e=t;[n,o]=[e.x,e.y]}else[n,o]=[t,e];this.x=n,this.y=o}static clone(t){return s.create(t.x,t.y)}static create(t,e){return new s(t,e)}static get origin(){return s.create(0,0)}get angle(){return Math.atan2(this.y,this.x)}set angle(t){this.updateFromAngle(t,this.length)}get length(){return Math.sqrt(this.x**2+this.y**2)}set length(t){this.updateFromAngle(this.angle,t)}add(t){return s.create(this.x+t.x,this.y+t.y)}addTo(t){this.x+=t.x,this.y+=t.y}sub(t){return s.create(this.x-t.x,this.y-t.y)}subFrom(t){this.x-=t.x,this.y-=t.y}mult(t){return s.create(this.x*t,this.y*t)}multTo(t){this.x*=t,this.y*=t}div(t){return s.create(this.x/t,this.y/t)}divTo(t){this.x/=t,this.y/=t}distanceTo(t){return this.sub(t).length}getLengthSq(){return this.x**2+this.y**2}distanceToSq(t){return this.sub(t).getLengthSq()}manhattanDistanceTo(t){return Math.abs(t.x-this.x)+Math.abs(t.y-this.y)}copy(){return s.clone(this)}setTo(t){this.x=t.x,this.y=t.y}rotate(t){return s.create(this.x*Math.cos(t)-this.y*Math.sin(t),this.x*Math.sin(t)+this.y*Math.cos(t))}updateFromAngle(t,e){this.x=Math.cos(t)*e,this.y=Math.sin(t)*e}}new WeakSet;class c extends class{constructor(t){this.container=t,this.type=0}}{constructor(t){super(t)}isEnabled(){const t=this.container,e=t.actualOptions,n=t.interactivity.mouse,o=e.interactivity.events;if(!(n.position&&o.onHover.enable||n.clickPosition&&o.onClick.enable))return!1;const r=o.onHover.mode,a=o.onClick.mode;return i("attract",r)||i("attract",a)}reset(){}interact(){const t=this.container,e=t.actualOptions,n=t.interactivity.status===a.mouseMoveEvent,o=e.interactivity.events,r=o.onHover.enable,s=o.onHover.mode,c=o.onClick.enable,u=o.onClick.mode;n&&r&&i("attract",s)?this.hoverAttract():c&&i("attract",u)&&this.clickAttract()}hoverAttract(){const t=this.container,e=t.interactivity.mouse.position;if(!e)return;const n=t.retina.attractModeDistance;this.processAttract(e,n,new r(e.x,e.y,n))}processAttract(t,e,i){const r=this.container,a=r.actualOptions.interactivity.modes.attract,c=r.particles.quadTree.query(i);for(const i of c){const{dx:r,dy:c,distance:l}=n(i.position,t),y=a.speed*a.factor,p=(u=o(1-l/e,a.easing)*y,h=0,d=a.maxSpeed,Math.min(Math.max(u,h),d)),v=s.create(0===l?y:r/l*p,0===l?y:c/l*p);i.position.subFrom(v)}var u,h,d}clickAttract(){const t=this.container;if(t.attract.finish||(t.attract.count||(t.attract.count=0),t.attract.count++,t.attract.count===t.particles.count&&(t.attract.finish=!0)),t.attract.clicking){const e=t.interactivity.mouse.clickPosition;if(!e)return;const n=t.retina.attractModeDistance;this.processAttract(e,n,new r(e.x,e.y,n))}else!1===t.attract.clicking&&(t.attract.particles=[])}}async function u(t){await t.addInteractor("externalAttract",(t=>new c(t)))}return e}()}));
+/*! tsParticles v1.40.0 by Matteo Bruni */
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var n=e();for(var o in n)("object"==typeof exports?exports:t)[o]=n[o]}}(window,(function(){return function(){"use strict";var t={d:function(e,n){for(var o in n)t.o(n,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:n[o]})},o:function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r:function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};function n(t,e){const n=t.x-e.x,o=t.y-e.y;return{dx:n,dy:o,distance:Math.sqrt(n*n+o*o)}}function o(t,e){switch(e){case"ease-out-quad":return 1-(1-t)**2;case"ease-out-cubic":return 1-(1-t)**3;case"ease-out-quart":return 1-(1-t)**4;case"ease-out-quint":return 1-(1-t)**5;case"ease-out-expo":return 1===t?1:1-Math.pow(2,-10*t);case"ease-out-sine":return Math.sin(t*Math.PI/2);case"ease-out-back":{const e=1.70158;return 1+(e+1)*Math.pow(t-1,3)+e*Math.pow(t-1,2)}case"ease-out-circ":return Math.sqrt(1-Math.pow(t-1,2));default:return t}}function a(t,e){return t===e||e instanceof Array&&e.indexOf(t)>-1}t.r(e),t.d(e,{loadExternalAttractInteraction:function(){return u}});class i extends class{constructor(t,e){this.position={x:t,y:e}}}{constructor(t,e,n){super(t,e),this.radius=n}contains(t){return e=t,o=this.position,n(e,o).distance<=this.radius;var e,o}intersects(t){const e=t,n=t,o=this.position,a=t.position,i=Math.abs(a.x-o.x),r=Math.abs(a.y-o.y),s=this.radius;if(void 0!==n.radius){return s+n.radius>Math.sqrt(i*i+r+r)}if(void 0!==e.size){const t=e.size.width,n=e.size.height,o=Math.pow(i-t,2)+Math.pow(r-n,2);return!(i>s+t||r>s+n)&&(i<=t||r<=n||o<=s*s)}return!1}}class r{}r.generatedAttribute="generated",r.randomColorValue="random",r.midColorValue="mid",r.touchEndEvent="touchend",r.mouseDownEvent="mousedown",r.mouseUpEvent="mouseup",r.mouseMoveEvent="mousemove",r.touchStartEvent="touchstart",r.touchMoveEvent="touchmove",r.mouseLeaveEvent="mouseleave",r.mouseOutEvent="mouseout",r.touchCancelEvent="touchcancel",r.resizeEvent="resize",r.visibilityChangeEvent="visibilitychange",r.noPolygonDataLoaded="No polygon data loaded.",r.noPolygonFound="No polygon found, you need to specify SVG url in config.";new WeakMap;new WeakMap;class s{constructor(t,e){let n,o;if(void 0===e){if("number"==typeof t)throw new Error("tsParticles - Vector not initialized correctly");const e=t;[n,o]=[e.x,e.y]}else[n,o]=[t,e];this.x=n,this.y=o}static clone(t){return s.create(t.x,t.y)}static create(t,e){return new s(t,e)}static get origin(){return s.create(0,0)}get angle(){return Math.atan2(this.y,this.x)}set angle(t){this.updateFromAngle(t,this.length)}get length(){return Math.sqrt(this.x**2+this.y**2)}set length(t){this.updateFromAngle(this.angle,t)}add(t){return s.create(this.x+t.x,this.y+t.y)}addTo(t){this.x+=t.x,this.y+=t.y}sub(t){return s.create(this.x-t.x,this.y-t.y)}subFrom(t){this.x-=t.x,this.y-=t.y}mult(t){return s.create(this.x*t,this.y*t)}multTo(t){this.x*=t,this.y*=t}div(t){return s.create(this.x/t,this.y/t)}divTo(t){this.x/=t,this.y/=t}distanceTo(t){return this.sub(t).length}getLengthSq(){return this.x**2+this.y**2}distanceToSq(t){return this.sub(t).getLengthSq()}manhattanDistanceTo(t){return Math.abs(t.x-this.x)+Math.abs(t.y-this.y)}copy(){return s.clone(this)}setTo(t){this.x=t.x,this.y=t.y}rotate(t){return s.create(this.x*Math.cos(t)-this.y*Math.sin(t),this.x*Math.sin(t)+this.y*Math.cos(t))}updateFromAngle(t,e){this.x=Math.cos(t)*e,this.y=Math.sin(t)*e}}new WeakMap,new WeakSet;new WeakMap;new WeakMap;new WeakMap;new WeakMap;class c extends class{constructor(t){this.container=t,this.type=0}}{constructor(t){super(t)}isEnabled(){const t=this.container,e=t.actualOptions,n=t.interactivity.mouse,o=e.interactivity.events;if(!(n.position&&o.onHover.enable||n.clickPosition&&o.onClick.enable))return!1;const i=o.onHover.mode,r=o.onClick.mode;return a("attract",i)||a("attract",r)}reset(){}interact(){const t=this.container,e=t.actualOptions,n=t.interactivity.status===r.mouseMoveEvent,o=e.interactivity.events,i=o.onHover.enable,s=o.onHover.mode,c=o.onClick.enable,u=o.onClick.mode;n&&i&&a("attract",s)?this.hoverAttract():c&&a("attract",u)&&this.clickAttract()}hoverAttract(){const t=this.container,e=t.interactivity.mouse.position;if(!e)return;const n=t.retina.attractModeDistance;this.processAttract(e,n,new i(e.x,e.y,n))}processAttract(t,e,a){const i=this.container,r=i.actualOptions.interactivity.modes.attract,c=i.particles.quadTree.query(a);for(const a of c){const{dx:i,dy:c,distance:l}=n(a.position,t),y=r.speed*r.factor,p=(u=o(1-l/e,r.easing)*y,h=0,d=r.maxSpeed,Math.min(Math.max(u,h),d)),v=s.create(0===l?y:i/l*p,0===l?y:c/l*p);a.position.subFrom(v)}var u,h,d}clickAttract(){const t=this.container;if(t.attract.finish||(t.attract.count||(t.attract.count=0),t.attract.count++,t.attract.count===t.particles.count&&(t.attract.finish=!0)),t.attract.clicking){const e=t.interactivity.mouse.clickPosition;if(!e)return;const n=t.retina.attractModeDistance;this.processAttract(e,n,new i(e.x,e.y,n))}else!1===t.attract.clicking&&(t.attract.particles=[])}}async function u(t){await t.addInteractor("externalAttract",(t=>new c(t)))}return e}()}));