tsparticles 1.39.3 → 1.40.0

package/tsparticles.interaction.external.trail.js

@@ -1559,15 +1559,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) {
@@ -1600,6 +1615,7 @@
         }
       }
     }
+    _InteractionManager_engine = new WeakMap;
     function applyDistance(particle) {
       const initialPosition = particle.initialPosition;
       const {dx: dx, dy: dy} = getDistances(initialPosition, particle.position);
@@ -1773,26 +1789,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;
           }
@@ -1800,61 +1828,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;
@@ -3381,15 +3410,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;
@@ -3482,7 +3520,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;
@@ -3498,8 +3536,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) {
@@ -3508,7 +3546,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);
           }
@@ -3521,13 +3559,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) {
@@ -3538,11 +3589,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;
@@ -3636,7 +3689,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);
           }
@@ -3876,9 +3929,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 = [];
@@ -3890,11 +3959,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;
@@ -3908,7 +3977,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) {
@@ -4155,7 +4224,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);
@@ -4173,6 +4242,7 @@
         }
       }
     }
+    _Particles_engine = new WeakMap;
     class Retina_Retina {
       constructor(container) {
         this.container = container;
@@ -4260,9 +4330,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;
@@ -4277,7 +4362,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 = {
@@ -4306,8 +4391,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)));
@@ -4422,7 +4507,7 @@
         return this.start();
       }
       reset() {
-        this._options = new Options;
+        this._options = new Options(Container_classPrivateFieldGet(this, _Container_engine, "f"));
         return this.refresh();
       }
       stop() {
@@ -4563,20 +4648,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();
@@ -4587,7 +4672,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);
         }
@@ -4605,7 +4690,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;
@@ -4642,24 +4727,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;
@@ -4670,10 +4772,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);
@@ -4696,7 +4798,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 {
@@ -4706,7 +4808,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) {
@@ -4718,14 +4820,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
         };
@@ -4741,7 +4843,7 @@
         }
         return this.loadOptions(params);
       }
-      static async set(id, domContainer, options, index) {
+      async set(id, domContainer, options, index) {
         const params = {
           index: index
         };
@@ -4762,7 +4864,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;
@@ -4770,13 +4872,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;
@@ -4788,15 +4890,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()");
         }
@@ -4805,6 +4907,7 @@
         }
       }
     }
+    _Loader_engine = new WeakMap;
     class TrailMaker extends ExternalInteractorBase {
       constructor(container) {
         super(container);

package/tsparticles.interaction.external.trail.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 o=e();for(var i in o)("object"==typeof exports?exports:t)[i]=o[i]}}(window,(function(){return function(){"use strict";var t={d:function(e,o){for(var i in o)t.o(o,i)&&!t.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:o[i]})},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 o(t,e){return t===e||e instanceof Array&&e.indexOf(t)>-1}t.r(e),t.d(e,{loadExternalTrailInteraction:function(){return a}});class i{}i.generatedAttribute="generated",i.randomColorValue="random",i.midColorValue="mid",i.touchEndEvent="touchend",i.mouseDownEvent="mousedown",i.mouseUpEvent="mouseup",i.mouseMoveEvent="mousemove",i.touchStartEvent="touchstart",i.touchMoveEvent="touchmove",i.mouseLeaveEvent="mouseleave",i.mouseOutEvent="mouseout",i.touchCancelEvent="touchcancel",i.resizeEvent="resize",i.visibilityChangeEvent="visibilitychange",i.noPolygonDataLoaded="No polygon data loaded.",i.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;new WeakSet;class n extends class{constructor(t){this.container=t,this.type=0}}{constructor(t){super(t),this.delay=0}interact(t){var e,o,i,n;if(!this.container.retina.reduceFactor)return;const a=this.container,r=a.actualOptions.interactivity.modes.trail,s=1e3*r.delay/this.container.retina.reduceFactor;if(this.delay<s&&(this.delay+=t.value),this.delay<s)return;let u=!0;r.pauseOnStop&&(a.interactivity.mouse.position===this.lastPosition||(null===(e=a.interactivity.mouse.position)||void 0===e?void 0:e.x)===(null===(o=this.lastPosition)||void 0===o?void 0:o.x)&&(null===(i=a.interactivity.mouse.position)||void 0===i?void 0:i.y)===(null===(n=this.lastPosition)||void 0===n?void 0:n.y))&&(u=!1),a.interactivity.mouse.position?this.lastPosition={x:a.interactivity.mouse.position.x,y:a.interactivity.mouse.position.y}:delete this.lastPosition,u&&a.particles.push(r.quantity,a.interactivity.mouse,r.particles),this.delay-=s}isEnabled(){const t=this.container,e=t.actualOptions,i=t.interactivity.mouse,n=e.interactivity.events;return i.clicking&&i.inside&&!!i.position&&o("trail",n.onClick.mode)||i.inside&&!!i.position&&o("trail",n.onHover.mode)}reset(){}}async function a(t){await t.addInteractor("externalTrail",(t=>new n(t)))}return e}()}));
+/*! tsParticles v1.40.0 by Matteo Bruni */
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var o=t();for(var i in o)("object"==typeof exports?exports:e)[i]=o[i]}}(window,(function(){return function(){"use strict";var e={d:function(t,o){for(var i in o)e.o(o,i)&&!e.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:o[i]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};function o(e,t){return e===t||t instanceof Array&&t.indexOf(e)>-1}e.r(t),e.d(t,{loadExternalTrailInteraction:function(){return a}});class i{}i.generatedAttribute="generated",i.randomColorValue="random",i.midColorValue="mid",i.touchEndEvent="touchend",i.mouseDownEvent="mousedown",i.mouseUpEvent="mouseup",i.mouseMoveEvent="mousemove",i.touchStartEvent="touchstart",i.touchMoveEvent="touchmove",i.mouseLeaveEvent="mouseleave",i.mouseOutEvent="mouseout",i.touchCancelEvent="touchcancel",i.resizeEvent="resize",i.visibilityChangeEvent="visibilitychange",i.noPolygonDataLoaded="No polygon data loaded.",i.noPolygonFound="No polygon found, you need to specify SVG url in config.";new WeakMap;new WeakMap;new WeakMap,new WeakSet;new WeakMap;new WeakMap;new WeakMap;new WeakMap;class n extends class{constructor(e){this.container=e,this.type=0}}{constructor(e){super(e),this.delay=0}interact(e){var t,o,i,n;if(!this.container.retina.reduceFactor)return;const a=this.container,r=a.actualOptions.interactivity.modes.trail,s=1e3*r.delay/this.container.retina.reduceFactor;if(this.delay<s&&(this.delay+=e.value),this.delay<s)return;let u=!0;r.pauseOnStop&&(a.interactivity.mouse.position===this.lastPosition||(null===(t=a.interactivity.mouse.position)||void 0===t?void 0:t.x)===(null===(o=this.lastPosition)||void 0===o?void 0:o.x)&&(null===(i=a.interactivity.mouse.position)||void 0===i?void 0:i.y)===(null===(n=this.lastPosition)||void 0===n?void 0:n.y))&&(u=!1),a.interactivity.mouse.position?this.lastPosition={x:a.interactivity.mouse.position.x,y:a.interactivity.mouse.position.y}:delete this.lastPosition,u&&a.particles.push(r.quantity,a.interactivity.mouse,r.particles),this.delay-=s}isEnabled(){const e=this.container,t=e.actualOptions,i=e.interactivity.mouse,n=t.interactivity.events;return i.clicking&&i.inside&&!!i.position&&o("trail",n.onClick.mode)||i.inside&&!!i.position&&o("trail",n.onHover.mode)}reset(){}}async function a(e){await e.addInteractor("externalTrail",(e=>new n(e)))}return t}()}));