@tsparticles/configs 3.9.1 → 4.0.0-alpha.0

package/cjs/r/ring.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "ring",
     name: "Ring",
@@ -23,11 +21,6 @@ const options = {
                     value: 0.75,
                 },
             },
-            trail: {
-                enable: true,
-                fill: { color: "#031927" },
-                length: 1000,
-            },
         },
         shape: {
             type: "circle",
@@ -66,5 +59,10 @@ const options = {
         },
         startCount: 1000,
     },
+    trail: {
+        enable: true,
+        fill: { color: "#031927" },
+        length: 1000,
+    },
 };
-exports.default = options;
+export default options;

package/cjs/s/index.js

@@ -1,61 +1,56 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const seaAnemone_js_1 = __importDefault(require("./seaAnemone.js"));
-const shadow_js_1 = __importDefault(require("./shadow.js"));
-const shapeArrow_js_1 = __importDefault(require("./shapeArrow.js"));
-const shapeCog_js_1 = __importDefault(require("./shapeCog.js"));
-const shapeEmoji_js_1 = __importDefault(require("./shapeEmoji.js"));
-const shapeEmojiPadding_js_1 = __importDefault(require("./shapeEmojiPadding.js"));
-const shapeHeart_js_1 = __importDefault(require("./shapeHeart.js"));
-const shapeInfinity_js_1 = __importDefault(require("./shapeInfinity.js"));
-const shapeMultilineText_js_1 = __importDefault(require("./shapeMultilineText.js"));
-const shapeOptions_js_1 = __importDefault(require("./shapeOptions.js"));
-const shapePath_js_1 = __importDefault(require("./shapePath.js"));
-const shapeRoundedPolygon_js_1 = __importDefault(require("./shapeRoundedPolygon.js"));
-const shapeRoundedRect_js_1 = __importDefault(require("./shapeRoundedRect.js"));
-const shapeSpiral_js_1 = __importDefault(require("./shapeSpiral.js"));
-const slow_js_1 = __importDefault(require("./slow.js"));
-const snow_js_1 = __importDefault(require("./snow.js"));
-const soundsAudio_js_1 = __importDefault(require("./soundsAudio.js"));
-const soundsLoop_js_1 = __importDefault(require("./soundsLoop.js"));
-const soundsMelodies_js_1 = __importDefault(require("./soundsMelodies.js"));
-const soundsMelodyLoop_js_1 = __importDefault(require("./soundsMelodyLoop.js"));
-const soundsNotes_js_1 = __importDefault(require("./soundsNotes.js"));
-const speedDecay_js_1 = __importDefault(require("./speedDecay.js"));
-const spin_js_1 = __importDefault(require("./spin.js"));
-const star_js_1 = __importDefault(require("./star.js"));
-const strokeAnimation_js_1 = __importDefault(require("./strokeAnimation.js"));
-const style_js_1 = __importDefault(require("./style.js"));
-const svgReplace_js_1 = __importDefault(require("./svgReplace.js"));
-exports.default = {
-    seaAnemone: seaAnemone_js_1.default,
-    shadow: shadow_js_1.default,
-    shapeArrow: shapeArrow_js_1.default,
-    shapeCog: shapeCog_js_1.default,
-    shapeEmoji: shapeEmoji_js_1.default,
-    shapeEmojiPadding: shapeEmojiPadding_js_1.default,
-    shapeHeart: shapeHeart_js_1.default,
-    shapeInfinity: shapeInfinity_js_1.default,
-    shapeMultilineText: shapeMultilineText_js_1.default,
-    shapeOptions: shapeOptions_js_1.default,
-    shapePath: shapePath_js_1.default,
-    shapeRoundedPolygon: shapeRoundedPolygon_js_1.default,
-    shapeRoundedRect: shapeRoundedRect_js_1.default,
-    shapeSpiral: shapeSpiral_js_1.default,
-    slow: slow_js_1.default,
-    snow: snow_js_1.default,
-    soundsAudio: soundsAudio_js_1.default,
-    soundsLoop: soundsLoop_js_1.default,
-    soundsMelodies: soundsMelodies_js_1.default,
-    soundsMelodyLoop: soundsMelodyLoop_js_1.default,
-    soundsNotes: soundsNotes_js_1.default,
-    speedDecay: speedDecay_js_1.default,
-    spin: spin_js_1.default,
-    star: star_js_1.default,
-    strokeAnimation: strokeAnimation_js_1.default,
-    style: style_js_1.default,
-    svgReplace: svgReplace_js_1.default,
+import seaAnemone from "./seaAnemone.js";
+import shadow from "./shadow.js";
+import shapeArrow from "./shapeArrow.js";
+import shapeCog from "./shapeCog.js";
+import shapeEmoji from "./shapeEmoji.js";
+import shapeEmojiPadding from "./shapeEmojiPadding.js";
+import shapeHeart from "./shapeHeart.js";
+import shapeInfinity from "./shapeInfinity.js";
+import shapeMultilineText from "./shapeMultilineText.js";
+import shapeOptions from "./shapeOptions.js";
+import shapePath from "./shapePath.js";
+import shapeRoundedPolygon from "./shapeRoundedPolygon.js";
+import shapeRoundedRect from "./shapeRoundedRect.js";
+import shapeSpiral from "./shapeSpiral.js";
+import slow from "./slow.js";
+import snow from "./snow.js";
+import soundsAudio from "./soundsAudio.js";
+import soundsLoop from "./soundsLoop.js";
+import soundsMelodies from "./soundsMelodies.js";
+import soundsMelodyLoop from "./soundsMelodyLoop.js";
+import soundsNotes from "./soundsNotes.js";
+import speedDecay from "./speedDecay.js";
+import spin from "./spin.js";
+import star from "./star.js";
+import strokeAnimation from "./strokeAnimation.js";
+import style from "./style.js";
+import svgReplace from "./svgReplace.js";
+export default {
+    seaAnemone,
+    shadow,
+    shapeArrow,
+    shapeCog,
+    shapeEmoji,
+    shapeEmojiPadding,
+    shapeHeart,
+    shapeInfinity,
+    shapeMultilineText,
+    shapeOptions,
+    shapePath,
+    shapeRoundedPolygon,
+    shapeRoundedRect,
+    shapeSpiral,
+    slow,
+    snow,
+    soundsAudio,
+    soundsLoop,
+    soundsMelodies,
+    soundsMelodyLoop,
+    soundsNotes,
+    speedDecay,
+    spin,
+    star,
+    strokeAnimation,
+    style,
+    svgReplace,
 };

package/cjs/s/seaAnemone.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "seaAnemone",
     name: "Sea Anemone",
@@ -22,11 +20,6 @@ const options = {
                 generator: "curvesPathGenerator",
             },
             speed: 1,
-            trail: {
-                fill: { color: "#000" },
-                length: 30,
-                enable: true,
-            },
         },
         number: {
             density: {
@@ -79,5 +72,10 @@ const options = {
             y: 50,
         },
     },
+    trail: {
+        fill: { color: "#000" },
+        length: 30,
+        enable: true,
+    },
 };
-exports.default = options;
+export default options;

package/cjs/s/shadow.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "shadow",
     name: "Shadow",
@@ -14,13 +12,18 @@ const options = {
         color: {
             value: "#ffffff",
         },
-        shadow: {
-            enable: true,
-            color: "#000000",
-            blur: 5,
-            offset: {
-                x: 3,
-                y: 3,
+        effect: {
+            type: "shadow",
+            options: {
+                shadow: {
+                    enable: true,
+                    color: "#000000",
+                    blur: 5,
+                    offset: {
+                        x: 3,
+                        y: 3,
+                    },
+                },
             },
         },
         shape: {
@@ -96,4 +99,4 @@ const options = {
         color: "#0d47a1",
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/shapeArrow.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "shapeArrow",
     name: "Shape Arrow",
@@ -57,4 +55,4 @@ const options = {
         color: "#000000",
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/shapeCog.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "shapeCog",
     name: "Shape Cog",
@@ -92,4 +90,4 @@ const options = {
         color: "#000000",
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/shapeEmoji.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const engine_1 = require("@tsparticles/engine");
+import { MoveDirection } from "@tsparticles/engine";
 const emitterRate = {
     delay: 0.2,
     quantity: 1,
@@ -90,7 +88,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: engine_1.MoveDirection.topRight,
+                    direction: MoveDirection.topRight,
                 },
                 shape: {
                     type: "emoji",
@@ -110,7 +108,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: engine_1.MoveDirection.topRight,
+                    direction: MoveDirection.topRight,
                 },
                 shape: {
                     type: "emoji",
@@ -130,7 +128,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: engine_1.MoveDirection.topLeft,
+                    direction: MoveDirection.topLeft,
                 },
                 shape: {
                     type: "emoji",
@@ -150,7 +148,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: engine_1.MoveDirection.topLeft,
+                    direction: MoveDirection.topLeft,
                 },
                 shape: {
                     type: "emoji",
@@ -170,7 +168,7 @@ const emitterRate = {
             rate: emitterRate,
             particles: {
                 move: {
-                    direction: engine_1.MoveDirection.top,
+                    direction: MoveDirection.top,
                 },
                 shape: {
                     type: "emoji",
@@ -184,4 +182,4 @@ const emitterRate = {
         },
     ],
 };
-exports.default = options;
+export default options;

package/cjs/s/shapeEmojiPadding.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const emitterRate = {
     delay: 0.2,
     quantity: 1,
@@ -114,4 +112,4 @@ const emitterRate = {
         },
     ],
 };
-exports.default = options;
+export default options;

package/cjs/s/shapeHeart.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "shapeHeart",
     name: "Shape Heart",
@@ -81,4 +79,4 @@ const options = {
         color: "#000000",
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/shapeInfinity.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "shapeInfinity",
     name: "Shape Infinity",
@@ -87,4 +85,4 @@ const options = {
         color: "#000000",
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/shapeMultilineText.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "shapeMultilineText",
     name: "Shape Multiline Text",
@@ -47,4 +45,4 @@ const options = {
         color: "#000000",
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/shapeOptions.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "shapeOptions",
     name: "Shape Options",
@@ -27,12 +25,12 @@ const options = {
                 image: [
                     {
                         height: 128,
-                        src: "https://particles.js.org/images/plane_alt.png",
+                        src: "https://particles.js.org/images/hdr/plane_alt.png",
                         width: 128,
                     },
                     {
                         height: 128,
-                        src: "https://particles.js.org/images/plane_alt.png",
+                        src: "https://particles.js.org/images/hdr/plane_alt.png",
                         width: 128,
                         particles: {
                             rotate: {
@@ -58,4 +56,4 @@ const options = {
         },
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/shapePath.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "shapePath",
     name: "Shape Path",
@@ -166,4 +164,4 @@ const options = {
         color: "#000000",
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/shapeRoundedPolygon.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "shapeRoundedPolygon",
     name: "Shape Rounded Polygon",
@@ -94,4 +92,4 @@ const options = {
         color: "#000000",
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/shapeRoundedRect.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "shapeRoundedRect",
     name: "Shape Rounded Rect",
@@ -91,4 +89,4 @@ const options = {
         color: "#000000",
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/shapeSpiral.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "shapeSpiral",
     name: "Shape Spiral",
@@ -99,4 +97,4 @@ const options = {
         color: "#000000",
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/slow.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "slow",
     name: "Slow",
@@ -85,4 +83,4 @@ const options = {
         color: "#0d47a1",
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/snow.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "snow",
     name: "Snow",
@@ -47,4 +45,4 @@ const options = {
         color: "#333333",
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/soundsAudio.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "soundsAudio",
     name: "Sounds Audio",
@@ -66,4 +64,4 @@ const options = {
         volume: 100,
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/soundsLoop.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "soundsLoop",
     name: "Sounds Loop",
@@ -65,4 +63,4 @@ const options = {
         volume: 100,
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/soundsMelodies.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "soundsMelodies",
     name: "Sounds Melodies",
@@ -88,4 +86,4 @@ const options = {
         volume: 10,
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/soundsMelodyLoop.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "soundsMelodyLoop",
     name: "Sounds Melody Loop",
@@ -340,4 +338,4 @@ const options = {
         volume: 10,
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/soundsNotes.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "soundsNotes",
     name: "Sounds Notes",
@@ -80,4 +78,4 @@ const options = {
         volume: 10,
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/speedDecay.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "speedDecay",
     name: "Speed Decay",
@@ -45,11 +43,6 @@ const options = {
                 right: "destroy",
                 top: "none",
             },
-            trail: {
-                enable: true,
-                fill: { color: "#000000" },
-                length: 10,
-            },
         },
     },
     interactivity: {
@@ -140,5 +133,10 @@ const options = {
             },
         },
     },
+    trail: {
+        enable: true,
+        fill: { color: "#000000" },
+        length: 10,
+    },
 };
-exports.default = options;
+export default options;

package/cjs/s/spin.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "spin",
     name: "Spin",
@@ -40,15 +38,15 @@ const options = {
                 },
                 enable: true,
             },
-            trail: {
-                enable: true,
-                fill: { color: "#000" },
-                length: 30,
-            },
         },
     },
     background: {
         color: "#000000",
     },
+    trail: {
+        enable: true,
+        fill: { color: "#000" },
+        length: 30,
+    },
 };
-exports.default = options;
+export default options;

package/cjs/s/star.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "star",
     name: "Star",
@@ -92,4 +90,4 @@ const options = {
         color: "#111",
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/strokeAnimation.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "strokeAnimation",
     name: "Stroke Animation",
@@ -92,4 +90,4 @@ const options = {
         color: "#000000",
     },
 };
-exports.default = options;
+export default options;

package/cjs/s/style.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "style",
     name: "Style",
@@ -32,13 +30,6 @@ const options = {
             enable: true,
             speed: 6,
             direction: "none",
-            trail: {
-                enable: true,
-                length: 50,
-                fill: {
-                    color: "#000",
-                },
-            },
             path: {
                 enable: true,
                 delay: {
@@ -80,5 +71,12 @@ const options = {
     style: {
         filter: "blur(50px)",
     },
+    trail: {
+        enable: true,
+        length: 50,
+        fill: {
+            color: "#000",
+        },
+    },
 };
-exports.default = options;
+export default options;

package/cjs/s/svgReplace.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const options = {
     key: "svgReplace",
     name: "SVG Replace",
@@ -121,4 +119,4 @@ const options = {
         size: "cover",
     },
 };
-exports.default = options;
+export default options;