@tsparticles/configs 4.0.0-beta.12 → 4.0.0-beta.16

package/esm/c/confettiExplosions.js

@@ -0,0 +1,151 @@
+const options = {
+    key: "confettiExplosions",
+    name: "Confetti Explosions",
+    background: {
+        color: "#1a1a2e",
+    },
+    fullScreen: {
+        enable: true,
+        zIndex: 100,
+    },
+    particles: {
+        paint: {
+            fill: {
+                enable: true,
+                color: {
+                    value: [
+                        "#FF0044",
+                        "#FF4400",
+                        "#FFCC00",
+                        "#00CC44",
+                        "#00AAFF",
+                        "#AA00FF",
+                        "#FF00AA",
+                        "#00FFCC",
+                        "#FF6600",
+                        "#FFFFFF",
+                    ],
+                },
+            },
+        },
+        number: {
+            value: 0,
+            density: {
+                enable: true,
+            },
+        },
+        shape: {
+            type: ["square", "circle"],
+        },
+        size: {
+            value: {
+                min: 3,
+                max: 5,
+            },
+        },
+        opacity: {
+            value: { min: 0, max: 1 },
+            animation: {
+                enable: true,
+                startValue: "max",
+                destroy: "min",
+                speed: 3,
+            },
+        },
+        move: {
+            angle: {
+                value: 45,
+                offset: 0,
+            },
+            drift: 0,
+            enable: true,
+            gravity: {
+                enable: true,
+                acceleration: 9.81,
+            },
+            speed: {
+                min: 15,
+                max: 25,
+            },
+            decay: 0.1,
+            random: true,
+            straight: false,
+            outModes: {
+                default: "destroy",
+                top: "none",
+            },
+        },
+        rotate: {
+            value: {
+                min: 0,
+                max: 360,
+            },
+            direction: "random",
+            move: true,
+            animation: {
+                enable: true,
+                speed: 60,
+            },
+        },
+        tilt: {
+            direction: "random",
+            enable: true,
+            value: {
+                min: 0,
+                max: 360,
+            },
+            animation: {
+                enable: true,
+                speed: 60,
+            },
+        },
+        roll: {
+            darken: {
+                enable: true,
+                value: 30,
+            },
+            enlighten: {
+                enable: true,
+                value: 30,
+            },
+            enable: true,
+            mode: "both",
+            speed: {
+                min: 15,
+                max: 25,
+            },
+        },
+        wobble: {
+            distance: 30,
+            enable: true,
+            move: true,
+            speed: {
+                min: -15,
+                max: 15,
+            },
+        },
+    },
+    emitters: {
+        name: "confetti",
+        size: {
+            width: 0,
+            height: 0,
+        },
+        rate: {
+            delay: 0,
+            quantity: 50,
+        },
+        life: {
+            count: 0,
+            duration: 0.1,
+            delay: 0.4,
+        },
+    },
+    motion: {
+        disable: true,
+    },
+    blend: {
+        mode: "source-over",
+    },
+};
+export default options;

package/esm/c/index.js

@@ -7,6 +7,7 @@ import collisionsAbsorb from "./collisionsAbsorb.js";
 import collisionsBounce from "./collisionsBounce.js";
 import collisionsDestroy from "./collisionsDestroy.js";
 import colorAnimation from "./colorAnimation.js";
+import confettiExplosions from "./confettiExplosions.js";
 import connect from "./connect.js";
 import curlNoise from "./curlNoise.js";
 export default {
@@ -19,6 +20,7 @@ export default {
     collisionsBounce,
     collisionsDestroy,
     colorAnimation,
+    confettiExplosions,
     connect,
     curlNoise,
 };

package/esm/f/fireworks.js

@@ -176,6 +176,9 @@ const options = {
             },
         },
         paint: {
+            fill: {
+                enable: false,
+            },
             stroke: {
                 color: {
                     value: "#ffffff",

package/esm/f/fireworks3.js

@@ -34,6 +34,9 @@ const thirdFactor = 3, third = identity / thirdFactor, options = {
     },
     particles: {
         paint: {
+            fill: {
+                enable: false,
+            },
             stroke: {
                 color: {
                     value: [

package/esm/index.lazy.js

@@ -0,0 +1,71 @@
+import { tsParticles } from "@tsparticles/engine/lazy";
+import a from "./a/index.js";
+import b from "./b/index.js";
+import c from "./c/index.js";
+import d from "./d/index.js";
+import e from "./e/index.js";
+import f from "./f/index.js";
+import g from "./g/index.js";
+import h from "./h/index.js";
+import i from "./i/index.js";
+import j from "./j/index.js";
+import k from "./k/index.js";
+import l from "./l/index.js";
+import m from "./m/index.js";
+import n from "./n/index.js";
+import o from "./o/index.js";
+import p from "./p/index.js";
+import { palettes } from "./palettes.js";
+import q from "./q/index.js";
+import r from "./r/index.js";
+import s from "./s/index.js";
+import t from "./t/index.js";
+import u from "./u/index.js";
+import v from "./v/index.js";
+import w from "./w/index.js";
+import x from "./x/index.js";
+import y from "./y/index.js";
+import z from "./z/index.js";
+for (const key of Object.keys(palettes)) {
+    const palette = palettes[key];
+    if (!palette) {
+        continue;
+    }
+    tsParticles.pluginManager.addPalette(key, palette);
+}
+const configs = {
+    ...a,
+    ...b,
+    ...c,
+    ...d,
+    ...e,
+    ...f,
+    ...g,
+    ...h,
+    ...i,
+    ...j,
+    ...k,
+    ...l,
+    ...m,
+    ...n,
+    ...o,
+    ...p,
+    ...q,
+    ...r,
+    ...s,
+    ...t,
+    ...u,
+    ...v,
+    ...w,
+    ...x,
+    ...y,
+    ...z,
+};
+for (const key of Object.keys(configs)) {
+    const config = configs[key];
+    if (!config) {
+        continue;
+    }
+    tsParticles.pluginManager.addConfig(config);
+}
+export default configs;

package/esm/m/mouseDestroyExplode.js

@@ -13,6 +13,9 @@ const options = {
             },
         },
         paint: {
+            fill: {
+                enable: false,
+            },
             stroke: {
                 color: {
                     value: ["#60a5fa", "#22d3ee", "#22c55e", "#fde047", "#f97316", "#ef4444"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/configs",
-  "version": "4.0.0-beta.12",
+  "version": "4.0.0-beta.16",
   "description": "tsParticles demo configurations",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -95,10 +95,17 @@
       "require": "./cjs/index.js",
       "default": "./esm/index.js"
     },
+    "./lazy": {
+      "types": "./types/index.lazy.d.ts",
+      "browser": "./browser/index.lazy.js",
+      "import": "./esm/index.lazy.js",
+      "require": "./cjs/index.lazy.js",
+      "default": "./esm/index.lazy.js"
+    },
     "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "@tsparticles/engine": "4.0.0-beta.12"
+    "@tsparticles/engine": "4.0.0-beta.16"
   },
   "publishConfig": {
     "access": "public"