@tsparticles/confetti 3.3.0 → 3.4.0

package/browser/confetti.js

@@ -1,5 +1,20 @@
 import { isSsr, isString, millisecondsToSeconds, tsParticles, } from "@tsparticles/engine";
+import { loadEmittersPlugin } from "@tsparticles/plugin-emitters";
 import { ConfettiOptions } from "./ConfettiOptions.js";
+import { loadBasic } from "@tsparticles/basic";
+import { loadCardsShape } from "@tsparticles/shape-cards";
+import { loadEmojiShape } from "@tsparticles/shape-emoji";
+import { loadHeartShape } from "@tsparticles/shape-heart";
+import { loadImageShape } from "@tsparticles/shape-image";
+import { loadLifeUpdater } from "@tsparticles/updater-life";
+import { loadMotionPlugin } from "@tsparticles/plugin-motion";
+import { loadPolygonShape } from "@tsparticles/shape-polygon";
+import { loadRollUpdater } from "@tsparticles/updater-roll";
+import { loadRotateUpdater } from "@tsparticles/updater-rotate";
+import { loadSquareShape } from "@tsparticles/shape-square";
+import { loadStarShape } from "@tsparticles/shape-star";
+import { loadTiltUpdater } from "@tsparticles/updater-tilt";
+import { loadWobbleUpdater } from "@tsparticles/updater-wobble";
 const defaultGravity = 9.81, sizeFactor = 5, speedFactor = 3, decayOffset = 1, disableRotate = 0, disableTilt = 0;
 let initialized = false;
 let initializing = false;
@@ -9,7 +24,7 @@ async function initPlugins(engine) {
         return;
     }
     if (initializing) {
-        return new Promise((resolve) => {
+        return new Promise(resolve => {
             const timeout = 100, interval = setInterval(() => {
                 if (!initialized) {
                     return;
@@ -20,7 +35,6 @@ async function initPlugins(engine) {
         });
     }
     initializing = true;
-    const { loadEmittersPlugin } = await import("@tsparticles/plugin-emitters"), { loadMotionPlugin } = await import("@tsparticles/plugin-motion"), { loadCardsShape } = await import("@tsparticles/shape-cards"), { loadHeartShape } = await import("@tsparticles/shape-heart"), { loadImageShape } = await import("@tsparticles/shape-image"), { loadPolygonShape } = await import("@tsparticles/shape-polygon"), { loadSquareShape } = await import("@tsparticles/shape-square"), { loadStarShape } = await import("@tsparticles/shape-star"), { loadEmojiShape } = await import("@tsparticles/shape-emoji"), { loadRotateUpdater } = await import("@tsparticles/updater-rotate"), { loadLifeUpdater } = await import("@tsparticles/updater-life"), { loadRollUpdater } = await import("@tsparticles/updater-roll"), { loadTiltUpdater } = await import("@tsparticles/updater-tilt"), { loadWobbleUpdater } = await import("@tsparticles/updater-wobble"), { loadBasic } = await import("@tsparticles/basic");
     await loadEmittersPlugin(engine, false);
     await loadMotionPlugin(engine, false);
     await loadCardsShape(engine, false);
@@ -104,6 +118,52 @@ async function setConfetti(params) {
                             decay: decayOffset - actualOptions.decay,
                             direction: -actualOptions.angle,
                         },
+                        rotate: {
+                            value: actualOptions.flat
+                                ? disableRotate
+                                : {
+                                    min: 0,
+                                    max: 360,
+                                },
+                            direction: "random",
+                            animation: {
+                                enable: !actualOptions.flat,
+                                speed: 60,
+                            },
+                        },
+                        tilt: {
+                            direction: "random",
+                            enable: !actualOptions.flat,
+                            value: actualOptions.flat
+                                ? disableTilt
+                                : {
+                                    min: 0,
+                                    max: 360,
+                                },
+                            animation: {
+                                enable: true,
+                                speed: 60,
+                            },
+                        },
+                        roll: {
+                            darken: {
+                                enable: true,
+                                value: 25,
+                            },
+                            enable: !actualOptions.flat,
+                            speed: {
+                                min: 15,
+                                max: 25,
+                            },
+                        },
+                        wobble: {
+                            distance: 30,
+                            enable: !actualOptions.flat,
+                            speed: {
+                                min: -15,
+                                max: 15,
+                            },
+                        },
                     },
                 });
                 return;
@@ -285,6 +345,9 @@ confetti.create = async (canvas, options) => {
         });
     };
 };
+confetti.init = async () => {
+    await initPlugins(tsParticles);
+};
 confetti.version = tsParticles.version;
 if (!isSsr()) {
     window.confetti = confetti;

package/cjs/confetti.js

@@ -2,7 +2,22 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.confetti = void 0;
 const engine_1 = require("@tsparticles/engine");
+const plugin_emitters_1 = require("@tsparticles/plugin-emitters");
 const ConfettiOptions_js_1 = require("./ConfettiOptions.js");
+const basic_1 = require("@tsparticles/basic");
+const shape_cards_1 = require("@tsparticles/shape-cards");
+const shape_emoji_1 = require("@tsparticles/shape-emoji");
+const shape_heart_1 = require("@tsparticles/shape-heart");
+const shape_image_1 = require("@tsparticles/shape-image");
+const updater_life_1 = require("@tsparticles/updater-life");
+const plugin_motion_1 = require("@tsparticles/plugin-motion");
+const shape_polygon_1 = require("@tsparticles/shape-polygon");
+const updater_roll_1 = require("@tsparticles/updater-roll");
+const updater_rotate_1 = require("@tsparticles/updater-rotate");
+const shape_square_1 = require("@tsparticles/shape-square");
+const shape_star_1 = require("@tsparticles/shape-star");
+const updater_tilt_1 = require("@tsparticles/updater-tilt");
+const updater_wobble_1 = require("@tsparticles/updater-wobble");
 const defaultGravity = 9.81, sizeFactor = 5, speedFactor = 3, decayOffset = 1, disableRotate = 0, disableTilt = 0;
 let initialized = false;
 let initializing = false;
@@ -12,7 +27,7 @@ async function initPlugins(engine) {
         return;
     }
     if (initializing) {
-        return new Promise((resolve) => {
+        return new Promise(resolve => {
             const timeout = 100, interval = setInterval(() => {
                 if (!initialized) {
                     return;
@@ -23,22 +38,21 @@ async function initPlugins(engine) {
         });
     }
     initializing = true;
-    const { loadEmittersPlugin } = await import("@tsparticles/plugin-emitters"), { loadMotionPlugin } = await import("@tsparticles/plugin-motion"), { loadCardsShape } = await import("@tsparticles/shape-cards"), { loadHeartShape } = await import("@tsparticles/shape-heart"), { loadImageShape } = await import("@tsparticles/shape-image"), { loadPolygonShape } = await import("@tsparticles/shape-polygon"), { loadSquareShape } = await import("@tsparticles/shape-square"), { loadStarShape } = await import("@tsparticles/shape-star"), { loadEmojiShape } = await import("@tsparticles/shape-emoji"), { loadRotateUpdater } = await import("@tsparticles/updater-rotate"), { loadLifeUpdater } = await import("@tsparticles/updater-life"), { loadRollUpdater } = await import("@tsparticles/updater-roll"), { loadTiltUpdater } = await import("@tsparticles/updater-tilt"), { loadWobbleUpdater } = await import("@tsparticles/updater-wobble"), { loadBasic } = await import("@tsparticles/basic");
-    await loadEmittersPlugin(engine, false);
-    await loadMotionPlugin(engine, false);
-    await loadCardsShape(engine, false);
-    await loadHeartShape(engine, false);
-    await loadImageShape(engine, false);
-    await loadPolygonShape(engine, false);
-    await loadSquareShape(engine, false);
-    await loadStarShape(engine, false);
-    await loadEmojiShape(engine, false);
-    await loadRotateUpdater(engine, false);
-    await loadLifeUpdater(engine, false);
-    await loadRollUpdater(engine, false);
-    await loadTiltUpdater(engine, false);
-    await loadWobbleUpdater(engine, false);
-    await loadBasic(engine);
+    await (0, plugin_emitters_1.loadEmittersPlugin)(engine, false);
+    await (0, plugin_motion_1.loadMotionPlugin)(engine, false);
+    await (0, shape_cards_1.loadCardsShape)(engine, false);
+    await (0, shape_heart_1.loadHeartShape)(engine, false);
+    await (0, shape_image_1.loadImageShape)(engine, false);
+    await (0, shape_polygon_1.loadPolygonShape)(engine, false);
+    await (0, shape_square_1.loadSquareShape)(engine, false);
+    await (0, shape_star_1.loadStarShape)(engine, false);
+    await (0, shape_emoji_1.loadEmojiShape)(engine, false);
+    await (0, updater_rotate_1.loadRotateUpdater)(engine, false);
+    await (0, updater_life_1.loadLifeUpdater)(engine, false);
+    await (0, updater_roll_1.loadRollUpdater)(engine, false);
+    await (0, updater_tilt_1.loadTiltUpdater)(engine, false);
+    await (0, updater_wobble_1.loadWobbleUpdater)(engine, false);
+    await (0, basic_1.loadBasic)(engine);
     initializing = false;
     initialized = true;
 }
@@ -107,6 +121,52 @@ async function setConfetti(params) {
                             decay: decayOffset - actualOptions.decay,
                             direction: -actualOptions.angle,
                         },
+                        rotate: {
+                            value: actualOptions.flat
+                                ? disableRotate
+                                : {
+                                    min: 0,
+                                    max: 360,
+                                },
+                            direction: "random",
+                            animation: {
+                                enable: !actualOptions.flat,
+                                speed: 60,
+                            },
+                        },
+                        tilt: {
+                            direction: "random",
+                            enable: !actualOptions.flat,
+                            value: actualOptions.flat
+                                ? disableTilt
+                                : {
+                                    min: 0,
+                                    max: 360,
+                                },
+                            animation: {
+                                enable: true,
+                                speed: 60,
+                            },
+                        },
+                        roll: {
+                            darken: {
+                                enable: true,
+                                value: 25,
+                            },
+                            enable: !actualOptions.flat,
+                            speed: {
+                                min: 15,
+                                max: 25,
+                            },
+                        },
+                        wobble: {
+                            distance: 30,
+                            enable: !actualOptions.flat,
+                            speed: {
+                                min: -15,
+                                max: 15,
+                            },
+                        },
                     },
                 });
                 return;
@@ -289,6 +349,9 @@ confetti.create = async (canvas, options) => {
         });
     };
 };
+confetti.init = async () => {
+    await initPlugins(engine_1.tsParticles);
+};
 confetti.version = engine_1.tsParticles.version;
 if (!(0, engine_1.isSsr)()) {
     window.confetti = confetti;

package/esm/confetti.js

@@ -1,5 +1,20 @@
 import { isSsr, isString, millisecondsToSeconds, tsParticles, } from "@tsparticles/engine";
+import { loadEmittersPlugin } from "@tsparticles/plugin-emitters";
 import { ConfettiOptions } from "./ConfettiOptions.js";
+import { loadBasic } from "@tsparticles/basic";
+import { loadCardsShape } from "@tsparticles/shape-cards";
+import { loadEmojiShape } from "@tsparticles/shape-emoji";
+import { loadHeartShape } from "@tsparticles/shape-heart";
+import { loadImageShape } from "@tsparticles/shape-image";
+import { loadLifeUpdater } from "@tsparticles/updater-life";
+import { loadMotionPlugin } from "@tsparticles/plugin-motion";
+import { loadPolygonShape } from "@tsparticles/shape-polygon";
+import { loadRollUpdater } from "@tsparticles/updater-roll";
+import { loadRotateUpdater } from "@tsparticles/updater-rotate";
+import { loadSquareShape } from "@tsparticles/shape-square";
+import { loadStarShape } from "@tsparticles/shape-star";
+import { loadTiltUpdater } from "@tsparticles/updater-tilt";
+import { loadWobbleUpdater } from "@tsparticles/updater-wobble";
 const defaultGravity = 9.81, sizeFactor = 5, speedFactor = 3, decayOffset = 1, disableRotate = 0, disableTilt = 0;
 let initialized = false;
 let initializing = false;
@@ -9,7 +24,7 @@ async function initPlugins(engine) {
         return;
     }
     if (initializing) {
-        return new Promise((resolve) => {
+        return new Promise(resolve => {
             const timeout = 100, interval = setInterval(() => {
                 if (!initialized) {
                     return;
@@ -20,7 +35,6 @@ async function initPlugins(engine) {
         });
     }
     initializing = true;
-    const { loadEmittersPlugin } = await import("@tsparticles/plugin-emitters"), { loadMotionPlugin } = await import("@tsparticles/plugin-motion"), { loadCardsShape } = await import("@tsparticles/shape-cards"), { loadHeartShape } = await import("@tsparticles/shape-heart"), { loadImageShape } = await import("@tsparticles/shape-image"), { loadPolygonShape } = await import("@tsparticles/shape-polygon"), { loadSquareShape } = await import("@tsparticles/shape-square"), { loadStarShape } = await import("@tsparticles/shape-star"), { loadEmojiShape } = await import("@tsparticles/shape-emoji"), { loadRotateUpdater } = await import("@tsparticles/updater-rotate"), { loadLifeUpdater } = await import("@tsparticles/updater-life"), { loadRollUpdater } = await import("@tsparticles/updater-roll"), { loadTiltUpdater } = await import("@tsparticles/updater-tilt"), { loadWobbleUpdater } = await import("@tsparticles/updater-wobble"), { loadBasic } = await import("@tsparticles/basic");
     await loadEmittersPlugin(engine, false);
     await loadMotionPlugin(engine, false);
     await loadCardsShape(engine, false);
@@ -104,6 +118,52 @@ async function setConfetti(params) {
                             decay: decayOffset - actualOptions.decay,
                             direction: -actualOptions.angle,
                         },
+                        rotate: {
+                            value: actualOptions.flat
+                                ? disableRotate
+                                : {
+                                    min: 0,
+                                    max: 360,
+                                },
+                            direction: "random",
+                            animation: {
+                                enable: !actualOptions.flat,
+                                speed: 60,
+                            },
+                        },
+                        tilt: {
+                            direction: "random",
+                            enable: !actualOptions.flat,
+                            value: actualOptions.flat
+                                ? disableTilt
+                                : {
+                                    min: 0,
+                                    max: 360,
+                                },
+                            animation: {
+                                enable: true,
+                                speed: 60,
+                            },
+                        },
+                        roll: {
+                            darken: {
+                                enable: true,
+                                value: 25,
+                            },
+                            enable: !actualOptions.flat,
+                            speed: {
+                                min: 15,
+                                max: 25,
+                            },
+                        },
+                        wobble: {
+                            distance: 30,
+                            enable: !actualOptions.flat,
+                            speed: {
+                                min: -15,
+                                max: 15,
+                            },
+                        },
                     },
                 });
                 return;
@@ -285,6 +345,9 @@ confetti.create = async (canvas, options) => {
         });
     };
 };
+confetti.init = async () => {
+    await initPlugins(tsParticles);
+};
 confetti.version = tsParticles.version;
 if (!isSsr()) {
     window.confetti = confetti;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/confetti",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -99,22 +99,22 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/basic": "^3.3.0",
-    "@tsparticles/engine": "^3.3.0",
-    "@tsparticles/plugin-emitters": "^3.3.0",
-    "@tsparticles/plugin-motion": "^3.3.0",
-    "@tsparticles/shape-cards": "^3.3.0",
-    "@tsparticles/shape-emoji": "^3.3.0",
-    "@tsparticles/shape-heart": "^3.3.0",
-    "@tsparticles/shape-image": "^3.3.0",
-    "@tsparticles/shape-polygon": "^3.3.0",
-    "@tsparticles/shape-square": "^3.3.0",
-    "@tsparticles/shape-star": "^3.3.0",
-    "@tsparticles/updater-life": "^3.3.0",
-    "@tsparticles/updater-roll": "^3.3.0",
-    "@tsparticles/updater-rotate": "^3.3.0",
-    "@tsparticles/updater-tilt": "^3.3.0",
-    "@tsparticles/updater-wobble": "^3.3.0"
+    "@tsparticles/basic": "^3.4.0",
+    "@tsparticles/engine": "^3.4.0",
+    "@tsparticles/plugin-emitters": "^3.4.0",
+    "@tsparticles/plugin-motion": "^3.4.0",
+    "@tsparticles/shape-cards": "^3.4.0",
+    "@tsparticles/shape-emoji": "^3.4.0",
+    "@tsparticles/shape-heart": "^3.4.0",
+    "@tsparticles/shape-image": "^3.4.0",
+    "@tsparticles/shape-polygon": "^3.4.0",
+    "@tsparticles/shape-square": "^3.4.0",
+    "@tsparticles/shape-star": "^3.4.0",
+    "@tsparticles/updater-life": "^3.4.0",
+    "@tsparticles/updater-roll": "^3.4.0",
+    "@tsparticles/updater-rotate": "^3.4.0",
+    "@tsparticles/updater-tilt": "^3.4.0",
+    "@tsparticles/updater-wobble": "^3.4.0"
   },
   "publishConfig": {
     "access": "public"

package/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@tsparticles/confetti [27 Feb 2024 at 12:24]</title>
+    <title>@tsparticles/confetti [13 May 2024 at 00:17]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>