tsparticles 1.36.0 → 1.37.0

package/slim.d.ts

@@ -1,2 +1,2 @@
 import type { Main } from "./main";
-export declare function loadSlim(tsParticles: Main): void;
+export declare function loadSlim(tsParticles: Main): Promise<void>;

package/slim.js

@@ -24,29 +24,29 @@ const Bounce_1 = require("./Interactions/External/Bounce");
 const Text_1 = require("./Shapes/Text");
 const Links_1 = require("./Interactions/Particles/Links");
 const Size_1 = require("./Updaters/Size");
-function loadSlim(tsParticles) {
-    (0, Attract_1.loadExternalAttractInteraction)(tsParticles);
-    (0, Bounce_1.loadExternalBounceInteraction)(tsParticles);
-    (0, Bubble_1.loadExternalBubbleInteraction)(tsParticles);
-    (0, Connect_1.loadExternalConnectInteraction)(tsParticles);
-    (0, Grab_1.loadExternalGrabInteraction)(tsParticles);
-    (0, Repulse_1.loadExternalRepulseInteraction)(tsParticles);
-    (0, Attract_2.loadParticlesAttractInteraction)(tsParticles);
-    (0, Collisions_1.loadParticlesCollisionsInteraction)(tsParticles);
-    (0, Links_1.loadParticlesLinksInteraction)(tsParticles);
-    (0, Circle_1.loadCircleShape)(tsParticles);
-    (0, Image_1.loadImageShape)(tsParticles);
-    (0, Line_1.loadLineShape)(tsParticles);
-    (0, Polygon_1.loadPolygonShape)(tsParticles);
-    (0, Square_1.loadSquareShape)(tsParticles);
-    (0, Star_1.loadStarShape)(tsParticles);
-    (0, Text_1.loadTextShape)(tsParticles);
-    (0, Life_1.loadLifeUpdater)(tsParticles);
-    (0, Opacity_1.loadOpacityUpdater)(tsParticles);
-    (0, Size_1.loadSizeUpdater)(tsParticles);
-    (0, Angle_1.loadAngleUpdater)(tsParticles);
-    (0, Color_1.loadColorUpdater)(tsParticles);
-    (0, StrokeColor_1.loadStrokeColorUpdater)(tsParticles);
-    (0, OutModes_1.loadOutModesUpdater)(tsParticles);
+async function loadSlim(tsParticles) {
+    await (0, Attract_1.loadExternalAttractInteraction)(tsParticles);
+    await (0, Bounce_1.loadExternalBounceInteraction)(tsParticles);
+    await (0, Bubble_1.loadExternalBubbleInteraction)(tsParticles);
+    await (0, Connect_1.loadExternalConnectInteraction)(tsParticles);
+    await (0, Grab_1.loadExternalGrabInteraction)(tsParticles);
+    await (0, Repulse_1.loadExternalRepulseInteraction)(tsParticles);
+    await (0, Attract_2.loadParticlesAttractInteraction)(tsParticles);
+    await (0, Collisions_1.loadParticlesCollisionsInteraction)(tsParticles);
+    await (0, Links_1.loadParticlesLinksInteraction)(tsParticles);
+    await (0, Circle_1.loadCircleShape)(tsParticles);
+    await (0, Image_1.loadImageShape)(tsParticles);
+    await (0, Line_1.loadLineShape)(tsParticles);
+    await (0, Polygon_1.loadPolygonShape)(tsParticles);
+    await (0, Square_1.loadSquareShape)(tsParticles);
+    await (0, Star_1.loadStarShape)(tsParticles);
+    await (0, Text_1.loadTextShape)(tsParticles);
+    await (0, Life_1.loadLifeUpdater)(tsParticles);
+    await (0, Opacity_1.loadOpacityUpdater)(tsParticles);
+    await (0, Size_1.loadSizeUpdater)(tsParticles);
+    await (0, Angle_1.loadAngleUpdater)(tsParticles);
+    await (0, Color_1.loadColorUpdater)(tsParticles);
+    await (0, StrokeColor_1.loadStrokeColorUpdater)(tsParticles);
+    await (0, OutModes_1.loadOutModesUpdater)(tsParticles);
 }
 exports.loadSlim = loadSlim;

package/tsparticles.js

@@ -248,6 +248,7 @@
       ParticlesInteractorBase: () => ParticlesInteractorBase,
       Point: () => Point,
       Rectangle: () => Rectangle,
+      ResponsiveMode: () => ResponsiveMode,
       RollMode: () => RollMode,
       RotateDirection: () => RotateDirection,
       ShapeType: () => ShapeType,
@@ -448,6 +449,11 @@
       ThemeMode["dark"] = "dark";
       ThemeMode["light"] = "light";
     })(ThemeMode || (ThemeMode = {}));
+    var ResponsiveMode;
+    (function(ResponsiveMode) {
+      ResponsiveMode["screen"] = "screen";
+      ResponsiveMode["canvas"] = "canvas";
+    })(ResponsiveMode || (ResponsiveMode = {}));
     var AnimationStatus;
     (function(AnimationStatus) {
       AnimationStatus[AnimationStatus["increasing"] = 0] = "increasing";
@@ -5863,7 +5869,7 @@
     }
     class Interactivity {
       constructor() {
-        this.detectsOn = InteractivityDetect.canvas;
+        this.detectsOn = InteractivityDetect.window;
         this.events = new Events;
         this.modes = new Modes;
       }
@@ -6014,8 +6020,8 @@
     }
     class FullScreen {
       constructor() {
-        this.enable = false;
-        this.zIndex = -1;
+        this.enable = true;
+        this.zIndex = 0;
       }
       load(data) {
         if (!data) {
@@ -6082,6 +6088,7 @@
       constructor() {
         this.maxWidth = Infinity;
         this.options = {};
+        this.mode = ResponsiveMode.canvas;
       }
       load(data) {
         if (!data) {
@@ -6090,6 +6097,13 @@
         if (data.maxWidth !== undefined) {
           this.maxWidth = data.maxWidth;
         }
+        if (data.mode !== undefined) {
+          if (data.mode === ResponsiveMode.screen) {
+            this.mode = ResponsiveMode.screen;
+          } else {
+            this.mode = ResponsiveMode.canvas;
+          }
+        }
         if (data.options !== undefined) {
           this.options = deepExtend({}, data.options);
         }
@@ -6228,7 +6242,7 @@
       }
       setResponsive(width, pxRatio, defaultOptions) {
         this.load(defaultOptions);
-        const responsiveOptions = this.responsive.find((t => t.maxWidth * pxRatio > width));
+        const responsiveOptions = this.responsive.find((t => t.mode === ResponsiveMode.screen && screen ? t.maxWidth * pxRatio > screen.availWidth : t.maxWidth * pxRatio > width));
         this.load(responsiveOptions === null || responsiveOptions === void 0 ? void 0 : responsiveOptions.options);
         return responsiveOptions === null || responsiveOptions === void 0 ? void 0 : responsiveOptions.maxWidth;
       }
@@ -6258,6 +6272,7 @@
         this.canvas = new Canvas(this);
         this.particles = new Particles(this);
         this.drawer = new FrameManager(this);
+        this.presets = presets;
         this.pathGenerator = {
           generate: () => {
             const v = Vector.create(0, 0);
@@ -6286,17 +6301,6 @@
         this.density = 1;
         this._options = new Options;
         this.actualOptions = new Options;
-        for (const preset of presets) {
-          this._options.load(Plugins.getPreset(preset));
-        }
-        const shapes = Plugins.getSupportedShapes();
-        for (const type of shapes) {
-          const drawer = Plugins.getShapeDrawer(type);
-          if (drawer) {
-            this.drawers.set(type, drawer);
-          }
-        }
-        this._options.load(this._sourceOptions);
         this.eventListeners = new EventListeners(this);
         if (typeof IntersectionObserver !== "undefined" && IntersectionObserver) {
           this.intersectionObserver = new IntersectionObserver((entries => this.intersectionManager(entries)));
@@ -6438,6 +6442,7 @@
         this.particles.linksColors = new Map;
         delete this.particles.grabLineColor;
         delete this.particles.linksColor;
+        this._sourceOptions = this._options;
       }
       async loadTheme(name) {
         this.currentTheme = name;
@@ -6551,6 +6556,18 @@
         return false;
       }
       async init() {
+        this._options = new Options;
+        for (const preset of this.presets) {
+          this._options.load(Plugins.getPreset(preset));
+        }
+        const shapes = Plugins.getSupportedShapes();
+        for (const type of shapes) {
+          const drawer = Plugins.getShapeDrawer(type);
+          if (drawer) {
+            this.drawers.set(type, drawer);
+          }
+        }
+        this._options.load(this._sourceOptions);
         this.actualOptions = new Options;
         this.actualOptions.load(this._options);
         this.retina.init();
@@ -6832,7 +6849,12 @@
       domItem(index) {
         return Loader.domItem(index);
       }
-      addShape(shape, drawer, init, afterEffect, destroy) {
+      async refresh() {
+        for (const instance of this.dom()) {
+          await instance.refresh();
+        }
+      }
+      async addShape(shape, drawer, init, afterEffect, destroy) {
         let customDrawer;
         if (typeof drawer === "function") {
           customDrawer = {
@@ -6845,21 +6867,27 @@
           customDrawer = drawer;
         }
         Plugins.addShapeDrawer(shape, customDrawer);
+        await this.refresh();
       }
-      addPreset(preset, options, override = false) {
+      async addPreset(preset, options, override = false) {
         Plugins.addPreset(preset, options, override);
+        await this.refresh();
       }
-      addPlugin(plugin) {
+      async addPlugin(plugin) {
         Plugins.addPlugin(plugin);
+        await this.refresh();
       }
-      addPathGenerator(name, generator) {
+      async addPathGenerator(name, generator) {
         Plugins.addPathGenerator(name, generator);
+        await this.refresh();
       }
-      addInteractor(name, interactorInitializer) {
+      async addInteractor(name, interactorInitializer) {
         Plugins.addInteractor(name, interactorInitializer);
+        await this.refresh();
       }
-      addParticleUpdater(name, updaterInitializer) {
+      async addParticleUpdater(name, updaterInitializer) {
         Plugins.addParticleUpdater(name, updaterInitializer);
+        await this.refresh();
       }
     }
     _Main_initialized = new WeakMap;
@@ -6871,8 +6899,8 @@
         context.arc(0, 0, radius, 0, Math.PI * 2, false);
       }
     }
-    function loadCircleShape(tsParticles) {
-      tsParticles.addShape("circle", new CircleDrawer);
+    async function loadCircleShape(tsParticles) {
+      await tsParticles.addShape("circle", new CircleDrawer);
     }
     class LifeUpdater {
       constructor(container) {
@@ -6933,8 +6961,8 @@
         life.duration = getRangeValue(lifeOptions.duration.value) * 1e3;
       }
     }
-    function loadLifeUpdater(tsParticles) {
-      tsParticles.addParticleUpdater("life", (container => new LifeUpdater(container)));
+    async function loadLifeUpdater(tsParticles) {
+      await tsParticles.addParticleUpdater("life", (container => new LifeUpdater(container)));
     }
     class ExternalInteractorBase {
       constructor(container) {
@@ -6976,8 +7004,8 @@
         }
       }
     }
-    function loadExternalConnectInteraction(tsParticles) {
-      tsParticles.addInteractor("externalConnect", (container => new Connector(container)));
+    async function loadExternalConnectInteraction(tsParticles) {
+      await tsParticles.addInteractor("externalConnect", (container => new Connector(container)));
     }
     function checkDestroy(particle, value, minValue, maxValue) {
       switch (particle.options.opacity.animation.destroy) {
@@ -7088,8 +7116,8 @@
         updateOpacity(particle, delta);
       }
     }
-    function loadOpacityUpdater(tsParticles) {
-      tsParticles.addParticleUpdater("opacity", (container => new OpacityUpdater(container)));
+    async function loadOpacityUpdater(tsParticles) {
+      await tsParticles.addParticleUpdater("opacity", (container => new OpacityUpdater(container)));
     }
     function loadImage(source) {
       return new Promise(((resolve, reject) => {
@@ -7344,10 +7372,10 @@
       }
     }
     _ImageDrawer_images = new WeakMap;
-    function loadImageShape(tsParticles) {
+    async function loadImageShape(tsParticles) {
       const imageDrawer = new ImageDrawer;
-      tsParticles.addShape("image", imageDrawer);
-      tsParticles.addShape("images", imageDrawer);
+      await tsParticles.addShape("image", imageDrawer);
+      await tsParticles.addShape("images", imageDrawer);
     }
     class PolygonDrawerBase {
       getSidesCount(particle) {
@@ -7416,15 +7444,15 @@
         };
       }
     }
-    function loadGenericPolygonShape(tsParticles) {
-      tsParticles.addShape("polygon", new PolygonDrawer);
+    async function loadGenericPolygonShape(tsParticles) {
+      await tsParticles.addShape("polygon", new PolygonDrawer);
     }
-    function loadTriangleShape(tsParticles) {
-      tsParticles.addShape("triangle", new TriangleDrawer);
+    async function loadTriangleShape(tsParticles) {
+      await tsParticles.addShape("triangle", new TriangleDrawer);
     }
-    function loadPolygonShape(tsParticles) {
-      loadGenericPolygonShape(tsParticles);
-      loadTriangleShape(tsParticles);
+    async function loadPolygonShape(tsParticles) {
+      await loadGenericPolygonShape(tsParticles);
+      await loadTriangleShape(tsParticles);
     }
     var ProcessBubbleType;
     (function(ProcessBubbleType) {
@@ -7664,8 +7692,8 @@
         }
       }
     }
-    function loadExternalBubbleInteraction(tsParticles) {
-      tsParticles.addInteractor("externalBubble", (container => new Bubbler(container)));
+    async function loadExternalBubbleInteraction(tsParticles) {
+      await tsParticles.addInteractor("externalBubble", (container => new Bubbler(container)));
     }
     class Attractor extends ExternalInteractorBase {
       constructor(container) {
@@ -7733,8 +7761,8 @@
         return;
       }
     }
-    function loadExternalAttractInteraction(tsParticles) {
-      tsParticles.addInteractor("externalAttract", (container => new Attractor(container)));
+    async function loadExternalAttractInteraction(tsParticles) {
+      await tsParticles.addInteractor("externalAttract", (container => new Attractor(container)));
     }
     class Grabber extends ExternalInteractorBase {
       constructor(container) {
@@ -7776,8 +7804,8 @@
         }
       }
     }
-    function loadExternalGrabInteraction(tsParticles) {
-      tsParticles.addInteractor("externalGrab", (container => new Grabber(container)));
+    async function loadExternalGrabInteraction(tsParticles) {
+      await tsParticles.addInteractor("externalGrab", (container => new Grabber(container)));
     }
     class StarDrawer {
       getSidesCount(particle) {
@@ -7799,8 +7827,8 @@
         }
       }
     }
-    function loadStarShape(tsParticles) {
-      tsParticles.addShape("star", new StarDrawer);
+    async function loadStarShape(tsParticles) {
+      await tsParticles.addShape("star", new StarDrawer);
     }
     class ParticlesInteractorBase {
       constructor(container) {
@@ -7831,8 +7859,8 @@
       }
       reset() {}
     }
-    function loadParticlesAttractInteraction(tsParticles) {
-      tsParticles.addInteractor("particlesAttract", (container => new Attractor_Attractor(container)));
+    async function loadParticlesAttractInteraction(tsParticles) {
+      await tsParticles.addInteractor("particlesAttract", (container => new Attractor_Attractor(container)));
     }
     const fixFactor = Math.sqrt(2);
     class SquareDrawer {
@@ -7843,10 +7871,10 @@
         context.rect(-radius / fixFactor, -radius / fixFactor, radius * 2 / fixFactor, radius * 2 / fixFactor);
       }
     }
-    function loadSquareShape(tsParticles) {
+    async function loadSquareShape(tsParticles) {
       const drawer = new SquareDrawer;
-      tsParticles.addShape("edge", drawer);
-      tsParticles.addShape("square", drawer);
+      await tsParticles.addShape("edge", drawer);
+      await tsParticles.addShape("square", drawer);
     }
     function updateColorValue(delta, value, valueAnimation, max, decrease) {
       var _a;
@@ -7918,8 +7946,8 @@
         updateStrokeColor(particle, delta);
       }
     }
-    function loadStrokeColorUpdater(tsParticles) {
-      tsParticles.addParticleUpdater("strokeColor", (container => new StrokeColorUpdater(container)));
+    async function loadStrokeColorUpdater(tsParticles) {
+      await tsParticles.addParticleUpdater("strokeColor", (container => new StrokeColorUpdater(container)));
     }
     function ColorUpdater_updateColorValue(delta, value, valueAnimation, max, decrease) {
       var _a;
@@ -7978,8 +8006,8 @@
         updateColor(particle, delta);
       }
     }
-    function loadColorUpdater(tsParticles) {
-      tsParticles.addParticleUpdater("color", (container => new ColorUpdater(container)));
+    async function loadColorUpdater(tsParticles) {
+      await tsParticles.addParticleUpdater("color", (container => new ColorUpdater(container)));
     }
     function bounce(p1, p2) {
       circleBounce(circleBounceDataFromParticle(p1), circleBounceDataFromParticle(p2));
@@ -8078,8 +8106,8 @@
         }
       }
     }
-    function loadParticlesCollisionsInteraction(tsParticles) {
-      tsParticles.addInteractor("particlesCollisions", (container => new Collider(container)));
+    async function loadParticlesCollisionsInteraction(tsParticles) {
+      await tsParticles.addInteractor("particlesCollisions", (container => new Collider(container)));
     }
     function updateAngle(particle, delta) {
       var _a;
@@ -8156,8 +8184,8 @@
         updateAngle(particle, delta);
       }
     }
-    function loadAngleUpdater(tsParticles) {
-      tsParticles.addParticleUpdater("angle", (container => new AngleUpdater(container)));
+    async function loadAngleUpdater(tsParticles) {
+      await tsParticles.addParticleUpdater("angle", (container => new AngleUpdater(container)));
     }
     function bounceHorizontal(data) {
       if (!(data.outMode === OutMode.bounce || data.outMode === OutMode.bounceHorizontal || data.outMode === "bounceHorizontal" || data.outMode === OutMode.split)) {
@@ -8352,8 +8380,8 @@
         }
       }
     }
-    function loadOutModesUpdater(tsParticles) {
-      tsParticles.addParticleUpdater("outModes", (container => new OutOfCanvasUpdater(container)));
+    async function loadOutModesUpdater(tsParticles) {
+      await tsParticles.addParticleUpdater("outModes", (container => new OutOfCanvasUpdater(container)));
     }
     class Repulser extends ExternalInteractorBase {
       constructor(container) {
@@ -8441,8 +8469,8 @@
         }
       }
     }
-    function loadExternalRepulseInteraction(tsParticles) {
-      tsParticles.addInteractor("externalRepulse", (container => new Repulser(container)));
+    async function loadExternalRepulseInteraction(tsParticles) {
+      await tsParticles.addInteractor("externalRepulse", (container => new Repulser(container)));
     }
     class LineDrawer {
       getSidesCount() {
@@ -8453,8 +8481,8 @@
         context.lineTo(radius / 2, 0);
       }
     }
-    function loadLineShape(tsParticles) {
-      tsParticles.addShape("line", new LineDrawer);
+    async function loadLineShape(tsParticles) {
+      await tsParticles.addShape("line", new LineDrawer);
     }
     class Bouncer extends ExternalInteractorBase {
       constructor(container) {
@@ -8511,8 +8539,8 @@
         }
       }
     }
-    function loadExternalBounceInteraction(tsParticles) {
-      tsParticles.addInteractor("externalBounce", (container => new Bouncer(container)));
+    async function loadExternalBounceInteraction(tsParticles) {
+      await tsParticles.addInteractor("externalBounce", (container => new Bouncer(container)));
     }
     const validTypes = [ "text", "character", "char" ];
     class TextDrawer {
@@ -8571,10 +8599,10 @@
         context.globalAlpha = 1;
       }
     }
-    function loadTextShape(tsParticles) {
+    async function loadTextShape(tsParticles) {
       const drawer = new TextDrawer;
       for (const type of validTypes) {
-        tsParticles.addShape(type, drawer);
+        await tsParticles.addShape(type, drawer);
       }
     }
     function getLinkDistance(pos1, pos2, optDistance, canvasSize, warp) {
@@ -8789,16 +8817,16 @@
       }
       loadOptions() {}
     }
-    function loadPlugin(tsParticles) {
+    async function loadPlugin(tsParticles) {
       const plugin = new Plugin;
-      tsParticles.addPlugin(plugin);
+      await tsParticles.addPlugin(plugin);
     }
-    function loadInteraction(tsParticles) {
-      tsParticles.addInteractor("particlesLinks", (container => new Linker(container)));
+    async function loadInteraction(tsParticles) {
+      await tsParticles.addInteractor("particlesLinks", (container => new Linker(container)));
     }
-    function loadParticlesLinksInteraction(tsParticles) {
-      loadInteraction(tsParticles);
-      loadPlugin(tsParticles);
+    async function loadParticlesLinksInteraction(tsParticles) {
+      await loadInteraction(tsParticles);
+      await loadPlugin(tsParticles);
     }
     function SizeUpdater_checkDestroy(particle, value, minValue, maxValue) {
       switch (particle.options.size.animation.destroy) {
@@ -8865,33 +8893,33 @@
         updateSize(particle, delta);
       }
     }
-    function loadSizeUpdater(tsParticles) {
-      tsParticles.addParticleUpdater("size", (() => new SizeUpdater));
-    }
-    function loadSlim(tsParticles) {
-      loadExternalAttractInteraction(tsParticles);
-      loadExternalBounceInteraction(tsParticles);
-      loadExternalBubbleInteraction(tsParticles);
-      loadExternalConnectInteraction(tsParticles);
-      loadExternalGrabInteraction(tsParticles);
-      loadExternalRepulseInteraction(tsParticles);
-      loadParticlesAttractInteraction(tsParticles);
-      loadParticlesCollisionsInteraction(tsParticles);
-      loadParticlesLinksInteraction(tsParticles);
-      loadCircleShape(tsParticles);
-      loadImageShape(tsParticles);
-      loadLineShape(tsParticles);
-      loadPolygonShape(tsParticles);
-      loadSquareShape(tsParticles);
-      loadStarShape(tsParticles);
-      loadTextShape(tsParticles);
-      loadLifeUpdater(tsParticles);
-      loadOpacityUpdater(tsParticles);
-      loadSizeUpdater(tsParticles);
-      loadAngleUpdater(tsParticles);
-      loadColorUpdater(tsParticles);
-      loadStrokeColorUpdater(tsParticles);
-      loadOutModesUpdater(tsParticles);
+    async function loadSizeUpdater(tsParticles) {
+      await tsParticles.addParticleUpdater("size", (() => new SizeUpdater));
+    }
+    async function loadSlim(tsParticles) {
+      await loadExternalAttractInteraction(tsParticles);
+      await loadExternalBounceInteraction(tsParticles);
+      await loadExternalBubbleInteraction(tsParticles);
+      await loadExternalConnectInteraction(tsParticles);
+      await loadExternalGrabInteraction(tsParticles);
+      await loadExternalRepulseInteraction(tsParticles);
+      await loadParticlesAttractInteraction(tsParticles);
+      await loadParticlesCollisionsInteraction(tsParticles);
+      await loadParticlesLinksInteraction(tsParticles);
+      await loadCircleShape(tsParticles);
+      await loadImageShape(tsParticles);
+      await loadLineShape(tsParticles);
+      await loadPolygonShape(tsParticles);
+      await loadSquareShape(tsParticles);
+      await loadStarShape(tsParticles);
+      await loadTextShape(tsParticles);
+      await loadLifeUpdater(tsParticles);
+      await loadOpacityUpdater(tsParticles);
+      await loadSizeUpdater(tsParticles);
+      await loadAngleUpdater(tsParticles);
+      await loadColorUpdater(tsParticles);
+      await loadStrokeColorUpdater(tsParticles);
+      await loadOutModesUpdater(tsParticles);
     }
     class TrailMaker extends ExternalInteractorBase {
       constructor(container) {
@@ -8935,8 +8963,8 @@
       }
       reset() {}
     }
-    function loadExternalTrailInteraction(tsParticles) {
-      tsParticles.addInteractor("externalTrail", (container => new TrailMaker(container)));
+    async function loadExternalTrailInteraction(tsParticles) {
+      await tsParticles.addInteractor("externalTrail", (container => new TrailMaker(container)));
     }
     function updateTilt(particle, delta) {
       var _a;
@@ -9014,8 +9042,8 @@
         updateTilt(particle, delta);
       }
     }
-    function loadTiltUpdater(tsParticles) {
-      tsParticles.addParticleUpdater("tilt", (container => new TiltUpdater(container)));
+    async function loadTiltUpdater(tsParticles) {
+      await tsParticles.addParticleUpdater("tilt", (container => new TiltUpdater(container)));
     }
     function updateWobble(particle, delta) {
       var _a;
@@ -9062,8 +9090,8 @@
         updateWobble(particle, delta);
       }
     }
-    function loadWobbleUpdater(tsParticles) {
-      tsParticles.addParticleUpdater("wobble", (container => new WobbleUpdater(container)));
+    async function loadWobbleUpdater(tsParticles) {
+      await tsParticles.addParticleUpdater("wobble", (container => new WobbleUpdater(container)));
     }
     class AbsorberInstance {
       constructor(absorbers, container, options, position) {
@@ -9436,9 +9464,9 @@
         }
       }
     }
-    function loadAbsorbersPlugin(tsParticles) {
+    async function loadAbsorbersPlugin(tsParticles) {
       const plugin = new plugin_Plugin;
-      tsParticles.addPlugin(plugin);
+      await tsParticles.addPlugin(plugin);
     }
     class EmitterSize {
       constructor() {
@@ -10030,9 +10058,9 @@
         }
       }
     }
-    function loadEmittersPlugin(tsParticles) {
+    async function loadEmittersPlugin(tsParticles) {
       const plugin = new EmittersPlugin;
-      tsParticles.addPlugin(plugin);
+      await tsParticles.addPlugin(plugin);
       if (!tsParticles.addEmitterShape) {
         tsParticles.addEmitterShape = (name, shape) => {
           ShapeManager.addShape(name, shape);
@@ -10733,7 +10761,7 @@
         await __webpack_require__.e(917).then(__webpack_require__.t.bind(__webpack_require__, 167, 23));
       }
       const plugin = new PolygonMask_plugin_Plugin;
-      tsParticles.addPlugin(plugin);
+      await tsParticles.addPlugin(plugin);
     }
     function updateRoll(particle, delta) {
       const roll = particle.options.roll;
@@ -10792,23 +10820,23 @@
         updateRoll(particle, delta);
       }
     }
-    function loadRollUpdater(tsParticles) {
-      tsParticles.addParticleUpdater("roll", (() => new RollUpdater));
+    async function loadRollUpdater(tsParticles) {
+      await tsParticles.addParticleUpdater("roll", (() => new RollUpdater));
     }
-    function loadFull(tsParticles) {
-      loadSlim(tsParticles);
-      loadExternalTrailInteraction(tsParticles);
-      loadRollUpdater(tsParticles);
-      loadTiltUpdater(tsParticles);
-      loadWobbleUpdater(tsParticles);
-      loadAbsorbersPlugin(tsParticles);
-      loadEmittersPlugin(tsParticles);
-      loadPolygonMaskPlugin(tsParticles);
+    async function loadFull(tsParticles) {
+      await loadSlim(tsParticles);
+      await loadExternalTrailInteraction(tsParticles);
+      await loadRollUpdater(tsParticles);
+      await loadTiltUpdater(tsParticles);
+      await loadWobbleUpdater(tsParticles);
+      await loadAbsorbersPlugin(tsParticles);
+      await loadEmittersPlugin(tsParticles);
+      await loadPolygonMaskPlugin(tsParticles);
     }
     const tsParticles = new Main;
     tsParticles.init();
-    loadFull(tsParticles);
     const {particlesJS, pJSDom} = initPjs(tsParticles);
+    loadFull(tsParticles);
     return __webpack_exports__;
   })();
 }));