@tsparticles/slim 4.0.0-beta.9 → 4.0.0

package/README.md

@@ -15,6 +15,7 @@ a `@tsparticles/engine` instance.
 - [@tsparticles/interaction-external-bounce](https://github.com/tsparticles/tsparticles/tree/main/interactions/external/bounce)
 - [@tsparticles/interaction-external-bubble](https://github.com/tsparticles/tsparticles/tree/main/interactions/external/bubble)
 - [@tsparticles/interaction-external-connect](https://github.com/tsparticles/tsparticles/tree/main/interactions/external/connect)
+- [@tsparticles/interaction-external-destroy](https://github.com/tsparticles/tsparticles/tree/main/interactions/external/destroy)
 - [@tsparticles/interaction-external-grab](https://github.com/tsparticles/tsparticles/tree/main/interactions/external/grab)
 - [@tsparticles/interaction-external-parallax](https://github.com/tsparticles/tsparticles/tree/main/interactions/external/parallax)
 - [@tsparticles/interaction-external-pause](https://github.com/tsparticles/tsparticles/tree/main/interactions/external/pause)
@@ -35,7 +36,7 @@ a `@tsparticles/engine` instance.
 - [@tsparticles/shape-emoji](https://github.com/tsparticles/tsparticles/tree/main/shapes/emoji)
 - [@tsparticles/updater-life](https://github.com/tsparticles/tsparticles/tree/main/updaters/life)
 - [@tsparticles/updater-rotate](https://github.com/tsparticles/tsparticles/tree/main/updaters/rotate)
-- [@tsparticles/updater-stroke-color](https://github.com/tsparticles/tsparticles/tree/main/updaters/strokeColor)
+- [@tsparticles/updater-paint](https://github.com/tsparticles/tsparticles/tree/main/updaters/paint)
 
 ## Dependency Graph
 
@@ -56,6 +57,7 @@ subgraph i [Interactions]
   ieb[tsparticles/interaction-external-bounce]
   iebu[tsparticles/interaction-external-bubble]
   iec[tsparticles/interaction-external-connect]
+  ied[tsparticles/interaction-external-destroy]
   ieg[tsparticles/interaction-external-grab]
   iepa[tsparticles/interaction-external-parallax]
   iepau[tsparticles/interaction-external-pause]
@@ -85,7 +87,7 @@ end
 subgraph u [Updaters]
   ul[tsparticles/updater-life]
   ur[tsparticles/updater-rotate]
-  usc[tsparticles/updater-stroke-color]
+  up[tsparticles/updater-paint]
 end
 
 bs --> bb

package/browser/browser.js

@@ -0,0 +1,5 @@
+import { loadSlim } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadSlim = loadSlim;
+export * from "./index.js";

package/browser/bundle.js

@@ -1,2 +1,6 @@
+import { loadSlim } from "./index.js";
 export * from "@tsparticles/engine";
 export { loadSlim } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadSlim = loadSlim;

package/browser/index.js

@@ -1,55 +1,56 @@
+import { loadBasic } from "@tsparticles/basic";
+import { loadEasingQuadPlugin } from "@tsparticles/plugin-easing-quad";
+import { loadEmojiShape } from "@tsparticles/shape-emoji";
+import { loadExternalAttractInteraction } from "@tsparticles/interaction-external-attract";
+import { loadExternalBounceInteraction } from "@tsparticles/interaction-external-bounce";
+import { loadExternalBubbleInteraction } from "@tsparticles/interaction-external-bubble";
+import { loadExternalConnectInteraction } from "@tsparticles/interaction-external-connect";
+import { loadExternalDestroyInteraction } from "@tsparticles/interaction-external-destroy";
+import { loadExternalGrabInteraction } from "@tsparticles/interaction-external-grab";
+import { loadExternalParallaxInteraction } from "@tsparticles/interaction-external-parallax";
+import { loadExternalPauseInteraction } from "@tsparticles/interaction-external-pause";
+import { loadExternalPushInteraction } from "@tsparticles/interaction-external-push";
+import { loadExternalRemoveInteraction } from "@tsparticles/interaction-external-remove";
+import { loadExternalRepulseInteraction } from "@tsparticles/interaction-external-repulse";
+import { loadExternalSlowInteraction } from "@tsparticles/interaction-external-slow";
+import { loadImageShape } from "@tsparticles/shape-image";
+import { loadInteractivityPlugin } from "@tsparticles/plugin-interactivity";
+import { loadLifeUpdater } from "@tsparticles/updater-life";
+import { loadLineShape } from "@tsparticles/shape-line";
+import { loadPaintUpdater } from "@tsparticles/updater-paint";
+import { loadParticlesAttractInteraction } from "@tsparticles/interaction-particles-attract";
+import { loadParticlesCollisionsInteraction } from "@tsparticles/interaction-particles-collisions";
+import { loadParticlesLinksInteraction } from "@tsparticles/interaction-particles-links";
+import { loadPolygonShape } from "@tsparticles/shape-polygon";
+import { loadRotateUpdater } from "@tsparticles/updater-rotate";
+import { loadSquareShape } from "@tsparticles/shape-square";
+import { loadStarShape } from "@tsparticles/shape-star";
 export async function loadSlim(engine) {
-    engine.checkVersion("4.0.0-beta.9");
+    engine.checkVersion("4.0.0");
     await engine.pluginManager.register(async (e) => {
-        const [{ loadBasic }, { loadExternalParallaxInteraction }, { loadExternalAttractInteraction }, { loadExternalBounceInteraction }, { loadExternalBubbleInteraction }, { loadExternalConnectInteraction }, { loadExternalGrabInteraction }, { loadExternalPauseInteraction }, { loadExternalPushInteraction }, { loadExternalRemoveInteraction }, { loadExternalRepulseInteraction }, { loadExternalSlowInteraction }, { loadParticlesAttractInteraction }, { loadParticlesCollisionsInteraction }, { loadParticlesLinksInteraction }, { loadEasingQuadPlugin }, { loadInteractivityPlugin }, { loadEmojiShape }, { loadImageShape }, { loadLineShape }, { loadPolygonShape }, { loadSquareShape }, { loadStarShape }, { loadLifeUpdater }, { loadRotateUpdater }, { loadStrokeColorUpdater },] = await Promise.all([
-            import("@tsparticles/basic"),
-            import("@tsparticles/interaction-external-parallax"),
-            import("@tsparticles/interaction-external-attract"),
-            import("@tsparticles/interaction-external-bounce"),
-            import("@tsparticles/interaction-external-bubble"),
-            import("@tsparticles/interaction-external-connect"),
-            import("@tsparticles/interaction-external-grab"),
-            import("@tsparticles/interaction-external-pause"),
-            import("@tsparticles/interaction-external-push"),
-            import("@tsparticles/interaction-external-remove"),
-            import("@tsparticles/interaction-external-repulse"),
-            import("@tsparticles/interaction-external-slow"),
-            import("@tsparticles/interaction-particles-attract"),
-            import("@tsparticles/interaction-particles-collisions"),
-            import("@tsparticles/interaction-particles-links"),
-            import("@tsparticles/plugin-easing-quad"),
-            import("@tsparticles/plugin-interactivity"),
-            import("@tsparticles/shape-emoji"),
-            import("@tsparticles/shape-image"),
-            import("@tsparticles/shape-line"),
-            import("@tsparticles/shape-polygon"),
-            import("@tsparticles/shape-square"),
-            import("@tsparticles/shape-star"),
-            import("@tsparticles/updater-life"),
-            import("@tsparticles/updater-rotate"),
-            import("@tsparticles/updater-stroke-color"),
-        ]);
+        const loadInteractivityForSlim = async (e) => {
+            await loadInteractivityPlugin(e);
+            await Promise.all([
+                loadExternalParallaxInteraction(e),
+                loadExternalAttractInteraction(e),
+                loadExternalBounceInteraction(e),
+                loadExternalBubbleInteraction(e),
+                loadExternalConnectInteraction(e),
+                loadExternalDestroyInteraction(e),
+                loadExternalGrabInteraction(e),
+                loadExternalPauseInteraction(e),
+                loadExternalPushInteraction(e),
+                loadExternalRemoveInteraction(e),
+                loadExternalRepulseInteraction(e),
+                loadExternalSlowInteraction(e),
+                loadParticlesAttractInteraction(e),
+                loadParticlesCollisionsInteraction(e),
+                loadParticlesLinksInteraction(e),
+            ]);
+        };
         await Promise.all([
             loadBasic(e),
-            (async () => {
-                await loadInteractivityPlugin(e);
-                await Promise.all([
-                    loadExternalParallaxInteraction(e),
-                    loadExternalAttractInteraction(e),
-                    loadExternalBounceInteraction(e),
-                    loadExternalBubbleInteraction(e),
-                    loadExternalConnectInteraction(e),
-                    loadExternalGrabInteraction(e),
-                    loadExternalPauseInteraction(e),
-                    loadExternalPushInteraction(e),
-                    loadExternalRemoveInteraction(e),
-                    loadExternalRepulseInteraction(e),
-                    loadExternalSlowInteraction(e),
-                    loadParticlesAttractInteraction(e),
-                    loadParticlesCollisionsInteraction(e),
-                    loadParticlesLinksInteraction(e),
-                ]);
-            })(),
+            loadInteractivityForSlim(e),
             loadEasingQuadPlugin(e),
             loadEmojiShape(e),
             loadImageShape(e),
@@ -58,8 +59,8 @@ export async function loadSlim(engine) {
             loadSquareShape(e),
             loadStarShape(e),
             loadLifeUpdater(e),
+            loadPaintUpdater(e),
             loadRotateUpdater(e),
-            loadStrokeColorUpdater(e),
         ]);
     });
 }

package/browser/index.lazy.js

@@ -0,0 +1,67 @@
+export async function loadSlim(engine) {
+    engine.checkVersion("4.0.0");
+    await engine.pluginManager.register(async (e) => {
+        const [{ loadBasic }, { loadExternalParallaxInteraction }, { loadExternalAttractInteraction }, { loadExternalBounceInteraction }, { loadExternalBubbleInteraction }, { loadExternalConnectInteraction }, { loadExternalDestroyInteraction }, { loadExternalGrabInteraction }, { loadExternalPauseInteraction }, { loadExternalPushInteraction }, { loadExternalRemoveInteraction }, { loadExternalRepulseInteraction }, { loadExternalSlowInteraction }, { loadParticlesAttractInteraction }, { loadParticlesCollisionsInteraction }, { loadParticlesLinksInteraction }, { loadEasingQuadPlugin }, { loadInteractivityPlugin }, { loadEmojiShape }, { loadImageShape }, { loadLineShape }, { loadPolygonShape }, { loadSquareShape }, { loadStarShape }, { loadLifeUpdater }, { loadPaintUpdater }, { loadRotateUpdater },] = await Promise.all([
+            import("@tsparticles/basic/lazy"),
+            import("@tsparticles/interaction-external-parallax/lazy"),
+            import("@tsparticles/interaction-external-attract/lazy"),
+            import("@tsparticles/interaction-external-bounce/lazy"),
+            import("@tsparticles/interaction-external-bubble/lazy"),
+            import("@tsparticles/interaction-external-connect/lazy"),
+            import("@tsparticles/interaction-external-destroy/lazy"),
+            import("@tsparticles/interaction-external-grab/lazy"),
+            import("@tsparticles/interaction-external-pause/lazy"),
+            import("@tsparticles/interaction-external-push/lazy"),
+            import("@tsparticles/interaction-external-remove/lazy"),
+            import("@tsparticles/interaction-external-repulse/lazy"),
+            import("@tsparticles/interaction-external-slow/lazy"),
+            import("@tsparticles/interaction-particles-attract/lazy"),
+            import("@tsparticles/interaction-particles-collisions/lazy"),
+            import("@tsparticles/interaction-particles-links/lazy"),
+            import("@tsparticles/plugin-easing-quad/lazy"),
+            import("@tsparticles/plugin-interactivity/lazy"),
+            import("@tsparticles/shape-emoji/lazy"),
+            import("@tsparticles/shape-image/lazy"),
+            import("@tsparticles/shape-line/lazy"),
+            import("@tsparticles/shape-polygon/lazy"),
+            import("@tsparticles/shape-square/lazy"),
+            import("@tsparticles/shape-star/lazy"),
+            import("@tsparticles/updater-life/lazy"),
+            import("@tsparticles/updater-paint/lazy"),
+            import("@tsparticles/updater-rotate/lazy"),
+        ]), loadInteractivityForSlim = async (e) => {
+            await loadInteractivityPlugin(e);
+            await Promise.all([
+                loadExternalParallaxInteraction(e),
+                loadExternalAttractInteraction(e),
+                loadExternalBounceInteraction(e),
+                loadExternalBubbleInteraction(e),
+                loadExternalConnectInteraction(e),
+                loadExternalDestroyInteraction(e),
+                loadExternalGrabInteraction(e),
+                loadExternalPauseInteraction(e),
+                loadExternalPushInteraction(e),
+                loadExternalRemoveInteraction(e),
+                loadExternalRepulseInteraction(e),
+                loadExternalSlowInteraction(e),
+                loadParticlesAttractInteraction(e),
+                loadParticlesCollisionsInteraction(e),
+                loadParticlesLinksInteraction(e),
+            ]);
+        };
+        await Promise.all([
+            loadBasic(e),
+            loadInteractivityForSlim(e),
+            loadEasingQuadPlugin(e),
+            loadEmojiShape(e),
+            loadImageShape(e),
+            loadLineShape(e),
+            loadPolygonShape(e),
+            loadSquareShape(e),
+            loadStarShape(e),
+            loadLifeUpdater(e),
+            loadPaintUpdater(e),
+            loadRotateUpdater(e),
+        ]);
+    });
+}

package/cjs/browser.js

@@ -0,0 +1,5 @@
+import { loadSlim } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadSlim = loadSlim;
+export * from "./index.js";

package/cjs/bundle.js

@@ -1,2 +1,6 @@
+import { loadSlim } from "./index.js";
 export * from "@tsparticles/engine";
 export { loadSlim } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadSlim = loadSlim;

package/cjs/index.js

@@ -1,55 +1,56 @@
+import { loadBasic } from "@tsparticles/basic";
+import { loadEasingQuadPlugin } from "@tsparticles/plugin-easing-quad";
+import { loadEmojiShape } from "@tsparticles/shape-emoji";
+import { loadExternalAttractInteraction } from "@tsparticles/interaction-external-attract";
+import { loadExternalBounceInteraction } from "@tsparticles/interaction-external-bounce";
+import { loadExternalBubbleInteraction } from "@tsparticles/interaction-external-bubble";
+import { loadExternalConnectInteraction } from "@tsparticles/interaction-external-connect";
+import { loadExternalDestroyInteraction } from "@tsparticles/interaction-external-destroy";
+import { loadExternalGrabInteraction } from "@tsparticles/interaction-external-grab";
+import { loadExternalParallaxInteraction } from "@tsparticles/interaction-external-parallax";
+import { loadExternalPauseInteraction } from "@tsparticles/interaction-external-pause";
+import { loadExternalPushInteraction } from "@tsparticles/interaction-external-push";
+import { loadExternalRemoveInteraction } from "@tsparticles/interaction-external-remove";
+import { loadExternalRepulseInteraction } from "@tsparticles/interaction-external-repulse";
+import { loadExternalSlowInteraction } from "@tsparticles/interaction-external-slow";
+import { loadImageShape } from "@tsparticles/shape-image";
+import { loadInteractivityPlugin } from "@tsparticles/plugin-interactivity";
+import { loadLifeUpdater } from "@tsparticles/updater-life";
+import { loadLineShape } from "@tsparticles/shape-line";
+import { loadPaintUpdater } from "@tsparticles/updater-paint";
+import { loadParticlesAttractInteraction } from "@tsparticles/interaction-particles-attract";
+import { loadParticlesCollisionsInteraction } from "@tsparticles/interaction-particles-collisions";
+import { loadParticlesLinksInteraction } from "@tsparticles/interaction-particles-links";
+import { loadPolygonShape } from "@tsparticles/shape-polygon";
+import { loadRotateUpdater } from "@tsparticles/updater-rotate";
+import { loadSquareShape } from "@tsparticles/shape-square";
+import { loadStarShape } from "@tsparticles/shape-star";
 export async function loadSlim(engine) {
-    engine.checkVersion("4.0.0-beta.9");
+    engine.checkVersion("4.0.0");
     await engine.pluginManager.register(async (e) => {
-        const [{ loadBasic }, { loadExternalParallaxInteraction }, { loadExternalAttractInteraction }, { loadExternalBounceInteraction }, { loadExternalBubbleInteraction }, { loadExternalConnectInteraction }, { loadExternalGrabInteraction }, { loadExternalPauseInteraction }, { loadExternalPushInteraction }, { loadExternalRemoveInteraction }, { loadExternalRepulseInteraction }, { loadExternalSlowInteraction }, { loadParticlesAttractInteraction }, { loadParticlesCollisionsInteraction }, { loadParticlesLinksInteraction }, { loadEasingQuadPlugin }, { loadInteractivityPlugin }, { loadEmojiShape }, { loadImageShape }, { loadLineShape }, { loadPolygonShape }, { loadSquareShape }, { loadStarShape }, { loadLifeUpdater }, { loadRotateUpdater }, { loadStrokeColorUpdater },] = await Promise.all([
-            import("@tsparticles/basic"),
-            import("@tsparticles/interaction-external-parallax"),
-            import("@tsparticles/interaction-external-attract"),
-            import("@tsparticles/interaction-external-bounce"),
-            import("@tsparticles/interaction-external-bubble"),
-            import("@tsparticles/interaction-external-connect"),
-            import("@tsparticles/interaction-external-grab"),
-            import("@tsparticles/interaction-external-pause"),
-            import("@tsparticles/interaction-external-push"),
-            import("@tsparticles/interaction-external-remove"),
-            import("@tsparticles/interaction-external-repulse"),
-            import("@tsparticles/interaction-external-slow"),
-            import("@tsparticles/interaction-particles-attract"),
-            import("@tsparticles/interaction-particles-collisions"),
-            import("@tsparticles/interaction-particles-links"),
-            import("@tsparticles/plugin-easing-quad"),
-            import("@tsparticles/plugin-interactivity"),
-            import("@tsparticles/shape-emoji"),
-            import("@tsparticles/shape-image"),
-            import("@tsparticles/shape-line"),
-            import("@tsparticles/shape-polygon"),
-            import("@tsparticles/shape-square"),
-            import("@tsparticles/shape-star"),
-            import("@tsparticles/updater-life"),
-            import("@tsparticles/updater-rotate"),
-            import("@tsparticles/updater-stroke-color"),
-        ]);
+        const loadInteractivityForSlim = async (e) => {
+            await loadInteractivityPlugin(e);
+            await Promise.all([
+                loadExternalParallaxInteraction(e),
+                loadExternalAttractInteraction(e),
+                loadExternalBounceInteraction(e),
+                loadExternalBubbleInteraction(e),
+                loadExternalConnectInteraction(e),
+                loadExternalDestroyInteraction(e),
+                loadExternalGrabInteraction(e),
+                loadExternalPauseInteraction(e),
+                loadExternalPushInteraction(e),
+                loadExternalRemoveInteraction(e),
+                loadExternalRepulseInteraction(e),
+                loadExternalSlowInteraction(e),
+                loadParticlesAttractInteraction(e),
+                loadParticlesCollisionsInteraction(e),
+                loadParticlesLinksInteraction(e),
+            ]);
+        };
         await Promise.all([
             loadBasic(e),
-            (async () => {
-                await loadInteractivityPlugin(e);
-                await Promise.all([
-                    loadExternalParallaxInteraction(e),
-                    loadExternalAttractInteraction(e),
-                    loadExternalBounceInteraction(e),
-                    loadExternalBubbleInteraction(e),
-                    loadExternalConnectInteraction(e),
-                    loadExternalGrabInteraction(e),
-                    loadExternalPauseInteraction(e),
-                    loadExternalPushInteraction(e),
-                    loadExternalRemoveInteraction(e),
-                    loadExternalRepulseInteraction(e),
-                    loadExternalSlowInteraction(e),
-                    loadParticlesAttractInteraction(e),
-                    loadParticlesCollisionsInteraction(e),
-                    loadParticlesLinksInteraction(e),
-                ]);
-            })(),
+            loadInteractivityForSlim(e),
             loadEasingQuadPlugin(e),
             loadEmojiShape(e),
             loadImageShape(e),
@@ -58,8 +59,8 @@ export async function loadSlim(engine) {
             loadSquareShape(e),
             loadStarShape(e),
             loadLifeUpdater(e),
+            loadPaintUpdater(e),
             loadRotateUpdater(e),
-            loadStrokeColorUpdater(e),
         ]);
     });
 }

package/cjs/index.lazy.js

@@ -0,0 +1,67 @@
+export async function loadSlim(engine) {
+    engine.checkVersion("4.0.0");
+    await engine.pluginManager.register(async (e) => {
+        const [{ loadBasic }, { loadExternalParallaxInteraction }, { loadExternalAttractInteraction }, { loadExternalBounceInteraction }, { loadExternalBubbleInteraction }, { loadExternalConnectInteraction }, { loadExternalDestroyInteraction }, { loadExternalGrabInteraction }, { loadExternalPauseInteraction }, { loadExternalPushInteraction }, { loadExternalRemoveInteraction }, { loadExternalRepulseInteraction }, { loadExternalSlowInteraction }, { loadParticlesAttractInteraction }, { loadParticlesCollisionsInteraction }, { loadParticlesLinksInteraction }, { loadEasingQuadPlugin }, { loadInteractivityPlugin }, { loadEmojiShape }, { loadImageShape }, { loadLineShape }, { loadPolygonShape }, { loadSquareShape }, { loadStarShape }, { loadLifeUpdater }, { loadPaintUpdater }, { loadRotateUpdater },] = await Promise.all([
+            import("@tsparticles/basic/lazy"),
+            import("@tsparticles/interaction-external-parallax/lazy"),
+            import("@tsparticles/interaction-external-attract/lazy"),
+            import("@tsparticles/interaction-external-bounce/lazy"),
+            import("@tsparticles/interaction-external-bubble/lazy"),
+            import("@tsparticles/interaction-external-connect/lazy"),
+            import("@tsparticles/interaction-external-destroy/lazy"),
+            import("@tsparticles/interaction-external-grab/lazy"),
+            import("@tsparticles/interaction-external-pause/lazy"),
+            import("@tsparticles/interaction-external-push/lazy"),
+            import("@tsparticles/interaction-external-remove/lazy"),
+            import("@tsparticles/interaction-external-repulse/lazy"),
+            import("@tsparticles/interaction-external-slow/lazy"),
+            import("@tsparticles/interaction-particles-attract/lazy"),
+            import("@tsparticles/interaction-particles-collisions/lazy"),
+            import("@tsparticles/interaction-particles-links/lazy"),
+            import("@tsparticles/plugin-easing-quad/lazy"),
+            import("@tsparticles/plugin-interactivity/lazy"),
+            import("@tsparticles/shape-emoji/lazy"),
+            import("@tsparticles/shape-image/lazy"),
+            import("@tsparticles/shape-line/lazy"),
+            import("@tsparticles/shape-polygon/lazy"),
+            import("@tsparticles/shape-square/lazy"),
+            import("@tsparticles/shape-star/lazy"),
+            import("@tsparticles/updater-life/lazy"),
+            import("@tsparticles/updater-paint/lazy"),
+            import("@tsparticles/updater-rotate/lazy"),
+        ]), loadInteractivityForSlim = async (e) => {
+            await loadInteractivityPlugin(e);
+            await Promise.all([
+                loadExternalParallaxInteraction(e),
+                loadExternalAttractInteraction(e),
+                loadExternalBounceInteraction(e),
+                loadExternalBubbleInteraction(e),
+                loadExternalConnectInteraction(e),
+                loadExternalDestroyInteraction(e),
+                loadExternalGrabInteraction(e),
+                loadExternalPauseInteraction(e),
+                loadExternalPushInteraction(e),
+                loadExternalRemoveInteraction(e),
+                loadExternalRepulseInteraction(e),
+                loadExternalSlowInteraction(e),
+                loadParticlesAttractInteraction(e),
+                loadParticlesCollisionsInteraction(e),
+                loadParticlesLinksInteraction(e),
+            ]);
+        };
+        await Promise.all([
+            loadBasic(e),
+            loadInteractivityForSlim(e),
+            loadEasingQuadPlugin(e),
+            loadEmojiShape(e),
+            loadImageShape(e),
+            loadLineShape(e),
+            loadPolygonShape(e),
+            loadSquareShape(e),
+            loadStarShape(e),
+            loadLifeUpdater(e),
+            loadPaintUpdater(e),
+            loadRotateUpdater(e),
+        ]);
+    });
+}

package/esm/browser.js

@@ -0,0 +1,5 @@
+import { loadSlim } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadSlim = loadSlim;
+export * from "./index.js";

package/esm/bundle.js

@@ -1,2 +1,6 @@
+import { loadSlim } from "./index.js";
 export * from "@tsparticles/engine";
 export { loadSlim } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadSlim = loadSlim;

package/esm/index.js

@@ -1,55 +1,56 @@
+import { loadBasic } from "@tsparticles/basic";
+import { loadEasingQuadPlugin } from "@tsparticles/plugin-easing-quad";
+import { loadEmojiShape } from "@tsparticles/shape-emoji";
+import { loadExternalAttractInteraction } from "@tsparticles/interaction-external-attract";
+import { loadExternalBounceInteraction } from "@tsparticles/interaction-external-bounce";
+import { loadExternalBubbleInteraction } from "@tsparticles/interaction-external-bubble";
+import { loadExternalConnectInteraction } from "@tsparticles/interaction-external-connect";
+import { loadExternalDestroyInteraction } from "@tsparticles/interaction-external-destroy";
+import { loadExternalGrabInteraction } from "@tsparticles/interaction-external-grab";
+import { loadExternalParallaxInteraction } from "@tsparticles/interaction-external-parallax";
+import { loadExternalPauseInteraction } from "@tsparticles/interaction-external-pause";
+import { loadExternalPushInteraction } from "@tsparticles/interaction-external-push";
+import { loadExternalRemoveInteraction } from "@tsparticles/interaction-external-remove";
+import { loadExternalRepulseInteraction } from "@tsparticles/interaction-external-repulse";
+import { loadExternalSlowInteraction } from "@tsparticles/interaction-external-slow";
+import { loadImageShape } from "@tsparticles/shape-image";
+import { loadInteractivityPlugin } from "@tsparticles/plugin-interactivity";
+import { loadLifeUpdater } from "@tsparticles/updater-life";
+import { loadLineShape } from "@tsparticles/shape-line";
+import { loadPaintUpdater } from "@tsparticles/updater-paint";
+import { loadParticlesAttractInteraction } from "@tsparticles/interaction-particles-attract";
+import { loadParticlesCollisionsInteraction } from "@tsparticles/interaction-particles-collisions";
+import { loadParticlesLinksInteraction } from "@tsparticles/interaction-particles-links";
+import { loadPolygonShape } from "@tsparticles/shape-polygon";
+import { loadRotateUpdater } from "@tsparticles/updater-rotate";
+import { loadSquareShape } from "@tsparticles/shape-square";
+import { loadStarShape } from "@tsparticles/shape-star";
 export async function loadSlim(engine) {
-    engine.checkVersion("4.0.0-beta.9");
+    engine.checkVersion("4.0.0");
     await engine.pluginManager.register(async (e) => {
-        const [{ loadBasic }, { loadExternalParallaxInteraction }, { loadExternalAttractInteraction }, { loadExternalBounceInteraction }, { loadExternalBubbleInteraction }, { loadExternalConnectInteraction }, { loadExternalGrabInteraction }, { loadExternalPauseInteraction }, { loadExternalPushInteraction }, { loadExternalRemoveInteraction }, { loadExternalRepulseInteraction }, { loadExternalSlowInteraction }, { loadParticlesAttractInteraction }, { loadParticlesCollisionsInteraction }, { loadParticlesLinksInteraction }, { loadEasingQuadPlugin }, { loadInteractivityPlugin }, { loadEmojiShape }, { loadImageShape }, { loadLineShape }, { loadPolygonShape }, { loadSquareShape }, { loadStarShape }, { loadLifeUpdater }, { loadRotateUpdater }, { loadStrokeColorUpdater },] = await Promise.all([
-            import("@tsparticles/basic"),
-            import("@tsparticles/interaction-external-parallax"),
-            import("@tsparticles/interaction-external-attract"),
-            import("@tsparticles/interaction-external-bounce"),
-            import("@tsparticles/interaction-external-bubble"),
-            import("@tsparticles/interaction-external-connect"),
-            import("@tsparticles/interaction-external-grab"),
-            import("@tsparticles/interaction-external-pause"),
-            import("@tsparticles/interaction-external-push"),
-            import("@tsparticles/interaction-external-remove"),
-            import("@tsparticles/interaction-external-repulse"),
-            import("@tsparticles/interaction-external-slow"),
-            import("@tsparticles/interaction-particles-attract"),
-            import("@tsparticles/interaction-particles-collisions"),
-            import("@tsparticles/interaction-particles-links"),
-            import("@tsparticles/plugin-easing-quad"),
-            import("@tsparticles/plugin-interactivity"),
-            import("@tsparticles/shape-emoji"),
-            import("@tsparticles/shape-image"),
-            import("@tsparticles/shape-line"),
-            import("@tsparticles/shape-polygon"),
-            import("@tsparticles/shape-square"),
-            import("@tsparticles/shape-star"),
-            import("@tsparticles/updater-life"),
-            import("@tsparticles/updater-rotate"),
-            import("@tsparticles/updater-stroke-color"),
-        ]);
+        const loadInteractivityForSlim = async (e) => {
+            await loadInteractivityPlugin(e);
+            await Promise.all([
+                loadExternalParallaxInteraction(e),
+                loadExternalAttractInteraction(e),
+                loadExternalBounceInteraction(e),
+                loadExternalBubbleInteraction(e),
+                loadExternalConnectInteraction(e),
+                loadExternalDestroyInteraction(e),
+                loadExternalGrabInteraction(e),
+                loadExternalPauseInteraction(e),
+                loadExternalPushInteraction(e),
+                loadExternalRemoveInteraction(e),
+                loadExternalRepulseInteraction(e),
+                loadExternalSlowInteraction(e),
+                loadParticlesAttractInteraction(e),
+                loadParticlesCollisionsInteraction(e),
+                loadParticlesLinksInteraction(e),
+            ]);
+        };
         await Promise.all([
             loadBasic(e),
-            (async () => {
-                await loadInteractivityPlugin(e);
-                await Promise.all([
-                    loadExternalParallaxInteraction(e),
-                    loadExternalAttractInteraction(e),
-                    loadExternalBounceInteraction(e),
-                    loadExternalBubbleInteraction(e),
-                    loadExternalConnectInteraction(e),
-                    loadExternalGrabInteraction(e),
-                    loadExternalPauseInteraction(e),
-                    loadExternalPushInteraction(e),
-                    loadExternalRemoveInteraction(e),
-                    loadExternalRepulseInteraction(e),
-                    loadExternalSlowInteraction(e),
-                    loadParticlesAttractInteraction(e),
-                    loadParticlesCollisionsInteraction(e),
-                    loadParticlesLinksInteraction(e),
-                ]);
-            })(),
+            loadInteractivityForSlim(e),
             loadEasingQuadPlugin(e),
             loadEmojiShape(e),
             loadImageShape(e),
@@ -58,8 +59,8 @@ export async function loadSlim(engine) {
             loadSquareShape(e),
             loadStarShape(e),
             loadLifeUpdater(e),
+            loadPaintUpdater(e),
             loadRotateUpdater(e),
-            loadStrokeColorUpdater(e),
         ]);
     });
 }

package/esm/index.lazy.js

@@ -0,0 +1,67 @@
+export async function loadSlim(engine) {
+    engine.checkVersion("4.0.0");
+    await engine.pluginManager.register(async (e) => {
+        const [{ loadBasic }, { loadExternalParallaxInteraction }, { loadExternalAttractInteraction }, { loadExternalBounceInteraction }, { loadExternalBubbleInteraction }, { loadExternalConnectInteraction }, { loadExternalDestroyInteraction }, { loadExternalGrabInteraction }, { loadExternalPauseInteraction }, { loadExternalPushInteraction }, { loadExternalRemoveInteraction }, { loadExternalRepulseInteraction }, { loadExternalSlowInteraction }, { loadParticlesAttractInteraction }, { loadParticlesCollisionsInteraction }, { loadParticlesLinksInteraction }, { loadEasingQuadPlugin }, { loadInteractivityPlugin }, { loadEmojiShape }, { loadImageShape }, { loadLineShape }, { loadPolygonShape }, { loadSquareShape }, { loadStarShape }, { loadLifeUpdater }, { loadPaintUpdater }, { loadRotateUpdater },] = await Promise.all([
+            import("@tsparticles/basic/lazy"),
+            import("@tsparticles/interaction-external-parallax/lazy"),
+            import("@tsparticles/interaction-external-attract/lazy"),
+            import("@tsparticles/interaction-external-bounce/lazy"),
+            import("@tsparticles/interaction-external-bubble/lazy"),
+            import("@tsparticles/interaction-external-connect/lazy"),
+            import("@tsparticles/interaction-external-destroy/lazy"),
+            import("@tsparticles/interaction-external-grab/lazy"),
+            import("@tsparticles/interaction-external-pause/lazy"),
+            import("@tsparticles/interaction-external-push/lazy"),
+            import("@tsparticles/interaction-external-remove/lazy"),
+            import("@tsparticles/interaction-external-repulse/lazy"),
+            import("@tsparticles/interaction-external-slow/lazy"),
+            import("@tsparticles/interaction-particles-attract/lazy"),
+            import("@tsparticles/interaction-particles-collisions/lazy"),
+            import("@tsparticles/interaction-particles-links/lazy"),
+            import("@tsparticles/plugin-easing-quad/lazy"),
+            import("@tsparticles/plugin-interactivity/lazy"),
+            import("@tsparticles/shape-emoji/lazy"),
+            import("@tsparticles/shape-image/lazy"),
+            import("@tsparticles/shape-line/lazy"),
+            import("@tsparticles/shape-polygon/lazy"),
+            import("@tsparticles/shape-square/lazy"),
+            import("@tsparticles/shape-star/lazy"),
+            import("@tsparticles/updater-life/lazy"),
+            import("@tsparticles/updater-paint/lazy"),
+            import("@tsparticles/updater-rotate/lazy"),
+        ]), loadInteractivityForSlim = async (e) => {
+            await loadInteractivityPlugin(e);
+            await Promise.all([
+                loadExternalParallaxInteraction(e),
+                loadExternalAttractInteraction(e),
+                loadExternalBounceInteraction(e),
+                loadExternalBubbleInteraction(e),
+                loadExternalConnectInteraction(e),
+                loadExternalDestroyInteraction(e),
+                loadExternalGrabInteraction(e),
+                loadExternalPauseInteraction(e),
+                loadExternalPushInteraction(e),
+                loadExternalRemoveInteraction(e),
+                loadExternalRepulseInteraction(e),
+                loadExternalSlowInteraction(e),
+                loadParticlesAttractInteraction(e),
+                loadParticlesCollisionsInteraction(e),
+                loadParticlesLinksInteraction(e),
+            ]);
+        };
+        await Promise.all([
+            loadBasic(e),
+            loadInteractivityForSlim(e),
+            loadEasingQuadPlugin(e),
+            loadEmojiShape(e),
+            loadImageShape(e),
+            loadLineShape(e),
+            loadPolygonShape(e),
+            loadSquareShape(e),
+            loadStarShape(e),
+            loadLifeUpdater(e),
+            loadPaintUpdater(e),
+            loadRotateUpdater(e),
+        ]);
+    });
+}