@tsparticles/preset-confetti 3.0.0-alpha.1 → 3.0.0-beta.1

package/README.md

@@ -26,20 +26,21 @@ Once added the script you need one more script to be included in your page (or y
 from [jsDelivr](https://www.jsdelivr.com/package/npm/@tsparticles/preset-confetti):
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-engine@2/tsparticles.engine.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-move-base@2/tsparticles.move.base.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-plugin-emitters@2/tsparticles.plugin.emitters.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-shape-circle@2/tsparticles.shape.circle.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-shape-square@2/tsparticles.shape.square.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-updater-angle@2/tsparticles.updater.angle.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-updater-color@2/tsparticles.updater.color.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-updater-life@2/tsparticles.updater.life.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-updater-opacity@2/tsparticles.updater.opacity.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-updater-out-modes@2/tsparticles.updater.out-modes.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-updater-roll@2/tsparticles.updater.roll.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-updater-size@2/tsparticles.updater.size.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-updater-tilt@2/tsparticles.updater.tilt.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-updater-wobble@2/tsparticles.updater.wobble.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/engine@2/tsparticles.engine.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/basic@2/tsparticles.basic.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/move-base@2/tsparticles.move.base.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/plugin-emitters@2/tsparticles.plugin.emitters.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/shape-circle@2/tsparticles.shape.circle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/shape-square@2/tsparticles.shape.square.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/updater-color@2/tsparticles.updater.color.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/updater-life@2/tsparticles.updater.life.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/updater-opacity@2/tsparticles.updater.opacity.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/updater-out-modes@2/tsparticles.updater.out-modes.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/updater-roll@2/tsparticles.updater.roll.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/updater-rotate@2/tsparticles.updater.angle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/updater-size@2/tsparticles.updater.size.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/updater-tilt@2/tsparticles.updater.tilt.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/updater-wobble@2/tsparticles.updater.wobble.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@tsparticles/preset-confetti@2/tsparticles.preset.confetti.min.js"></script>
 ```
 
@@ -249,7 +250,7 @@ This sample uses the class component syntax, but you can use hooks as well (if t
 
 ```typescript jsx
 import Particles from "react-particles";
-import type { Engine } from "tsparticles-engine";
+import type { Engine } from "@tsparticles/engine";
 import { loadConfettiPreset } from "@tsparticles/preset-confetti";
 
 export class ParticlesContainer extends React.PureComponent<IProps> {
@@ -290,7 +291,7 @@ async function particlesInit(engine: Engine): Promise<void> {
 ### Angular
 
 ```html
-<angular-particles [id]="id" [options]="particlesOptions" [particlesInit]="particlesInit"></angular-particles>
+<ng-particles [id]="id" [options]="particlesOptions" [particlesInit]="particlesInit"></ng-particles>
 ```
 
 ```ts
@@ -324,130 +325,41 @@ let particlesInit = async (engine) => {
 };
 ```
 
-### Alternative Usage
-
-This module exports another method for using the confetti preset
-
-```javascript
-confetti("tsparticles", {
-  /**
-   * @deprecated use count property instead
-   */
-  particleCount: 50,
-  /**
-   * @deprecated use position property instead
-   */
-  origin: {
-    x: 50,
-    y: 50,
-  },
-  //------------------------------------------
-  angle: 90,
-  count: 50,
-  position: {
-    x: 50,
-    y: 50,
-  },
-  spread: 45,
-  startVelocity: 45,
-  decay: 0.9,
-  gravity: 1,
-  drift: 0,
-  ticks: 200,
-  colors: ["#ffffff", "#ff0000"],
-  shapes: ["square", "circle"],
-  scalar: 1,
-  zIndex: 100,
-  disableForReducedMotion: true,
-});
-```
-
-This method doesn't need to call the `loadConfettiPreset` method since it's called automatically.
-
-#### Customization
-
-**Important ⚠️**
-You can override all the options defining the properties like in any standard `tsParticles` installation. This works
-only with the classic `loadConfettiPreset` method, the `confetti` function has its own parameters.
-
-#### Options
-
-The `confetti` first parameter is the `tsParticles` container id and the second parameter is a single `options` object,
-which has the following properties:
-
-- `count` _Integer (default: 50)_: The number of confetti to launch. More is always fun... but be cool, there's a lot of
-  math involved. (`particleCount` can be used too, but it's deprecated)
-- `angle` _Number (default: 90)_: The angle in which to launch the confetti, in degrees: 90 is straight up.
-- `spread` _Number (default: 45)_: How far off center the confetti can go, in degrees. 45 means the confetti will launch
-  at the defined `angle` plus or minus 22.5 degrees.
-- `startVelocity` _Number (default: 45)_: How fast the confetti will start going, in pixels.
-- `decay` _Number (default: 0.9)_: How quickly the confetti will lose speed. Keep this number between 0 and 1, otherwise
-  the confetti will gain speed. Better yet, just never change it.
-- `gravity` _Number (default: 1)_: How quickly the particles are pulled down: 1 is full gravity, 0.5 is half gravity,
-  etc., but there are no limits. You can even make particles go up if you'd like.
-- `drift` _Number (default: 0)_: How much to the side the confetti will drift. The default is 0, meaning that they will
-  fall straight down. Use a negative number for left and positive number for right.
-- `ticks` _Number (default: 200)_: How many times the confetti will move. This is abstract... but play with it if the
-  confetti disappear too quickly for you.
-- `position` _Object_: Where to start firing confetti from. Feel free to launch off-screen if you'd like. (`origin` can
-  be used too, but it's deprecated)
-  - `position.x` _Number (default: 0.5)_: The `x` position on the page, with `0` being the left edge and `1` being the
-    right edge.
-  - `position.y` _Number (default: 0.5)_: The `y` position on the page, with `0` being the top edge and `1` being the
-    bottom edge.
-- `colors` _Array&lt;String&gt;_: An array of color strings, in the HEX format... you know, like `#bada55`.
-- `shapes` _Array&lt;String&gt;_: An array of shapes for the confetti. The possible values are `square` and `circle`.
-  The default is to use both shapes in an even mix. You can even change the mix by providing a value such
-  as `['circle', 'circle', 'square']` to use two third circles and one third squares.
-- `scalar` _Number (default: 1)_: Scale factor for each confetti particle. Use decimals to make the confetti smaller. Go
-  on, try teeny tiny confetti, they are adorable!
-- `zIndex` _Integer (default: 100)_: The confetti should be on top, after all. But if you have a crazy high page, you
-  can set it even higher.
-- `disableForReducedMotion` _Boolean (default: true)_: Disables confetti entirely for users
-  that [prefer reduced motion](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion).
-
 ---
 
 ```mermaid
 flowchart TD
 
-subgraph m [Movers]
-mb[Base]
+subgraph b [Bundles]
+bb[tsParticles Basic]
 end
 
-e[tsParticles Engine] --> m
-
 subgraph pl [Plugins]
 ple[Emitters]
 plm[Motion]
 end
 
-e --> pl
+bb --> pl
 
 subgraph s [Shapes]
-sc[Circle]
 ssq[Square]
 end
 
-e --> s
+bb --> s
 
 subgraph u [Updaters]
-ua[Angle]
-uc[Color]
 ul[Life]
-uop[Opacity]
-uou[Out Modes]
-ur[Roll]
-usi[Size]
+urol[Roll]
+urot[Rotate]
 uti[Tilt]
 uw[Wobble]
 end
 
-e --> u
+bb --> u
 
 subgraph pr [Presets]
 prc[Confetti]
 end
 
-mb & ple & plm & sc & ssq & ua & uc & ul & uop & uou & ur & usi & uti & uw --> prc
+bb & ple & plm & ssq & ul & urol & urot & uti & uw --> prc
 ```

package/browser/bundle.js

@@ -1,6 +1,6 @@
-import { confetti, loadConfettiPreset } from "./index";
+import { loadConfettiPreset } from "./index";
 import { tsParticles } from "@tsparticles/engine";
 (async () => {
     await loadConfettiPreset(tsParticles);
 })();
-export { confetti, loadConfettiPreset, tsParticles };
+export { loadConfettiPreset, tsParticles };

package/browser/index.js

@@ -1,55 +1,25 @@
-import { getRandom, tsParticles } from "@tsparticles/engine";
-import { loadAngleUpdater } from "@tsparticles/updater-angle";
-import { loadBaseMover } from "@tsparticles/move-base";
-import { loadCircleShape } from "@tsparticles/shape-circle";
-import { loadColorUpdater } from "@tsparticles/updater-color";
+import { loadBasic } from "@tsparticles/basic";
 import { loadEmittersPlugin } from "@tsparticles/plugin-emitters";
 import { loadLifeUpdater } from "@tsparticles/updater-life";
 import { loadMotionPlugin } from "@tsparticles/plugin-motion";
-import { loadOpacityUpdater } from "@tsparticles/updater-opacity";
-import { loadOptions } from "./options";
-import { loadOutModesUpdater } from "@tsparticles/updater-out-modes";
 import { loadRollUpdater } from "@tsparticles/updater-roll";
-import { loadSizeUpdater } from "@tsparticles/updater-size";
+import { loadRotateUpdater } from "@tsparticles/updater-rotate";
 import { loadSquareShape } from "@tsparticles/shape-square";
 import { loadTiltUpdater } from "@tsparticles/updater-tilt";
 import { loadWobbleUpdater } from "@tsparticles/updater-wobble";
-async function loadPreset(engine, confettiOptions, override = false) {
-    await loadBaseMover(engine);
-    await loadCircleShape(engine);
-    await loadSquareShape(engine);
-    await loadColorUpdater(engine);
-    await loadSizeUpdater(engine);
-    await loadOpacityUpdater(engine);
-    await loadOutModesUpdater(engine);
-    await loadEmittersPlugin(engine);
-    await loadMotionPlugin(engine);
-    await loadWobbleUpdater(engine);
-    await loadRollUpdater(engine);
-    await loadAngleUpdater(engine);
-    await loadTiltUpdater(engine);
-    await loadLifeUpdater(engine);
-    await engine.addPreset("confetti", loadOptions(confettiOptions), override);
+import { options } from "./options";
+async function loadPreset(engine, refresh = true) {
+    await loadBasic(engine, false);
+    await loadSquareShape(engine, false);
+    await loadEmittersPlugin(engine, false);
+    await loadMotionPlugin(engine, false);
+    await loadWobbleUpdater(engine, false);
+    await loadRollUpdater(engine, false);
+    await loadRotateUpdater(engine, false);
+    await loadTiltUpdater(engine, false);
+    await loadLifeUpdater(engine, false);
+    await engine.addPreset("confetti", options, refresh);
 }
-export async function loadConfettiPreset(main) {
-    await loadPreset(main, {}, true);
-}
-export async function confetti(idOrOptions, confettiOptions) {
-    let options;
-    let id;
-    if (typeof idOrOptions === "string") {
-        id = idOrOptions;
-        options = confettiOptions !== null && confettiOptions !== void 0 ? confettiOptions : {};
-    }
-    else {
-        id = `tsparticles_${Math.floor(getRandom() * 1000)}`;
-        options = idOrOptions;
-    }
-    await loadPreset(tsParticles, options, true);
-    await tsParticles.load({
-        id,
-        options: {
-            preset: "confetti",
-        },
-    });
+export async function loadConfettiPreset(engine) {
+    await loadPreset(engine);
 }

package/browser/options.js

@@ -1,131 +1,127 @@
-import { ConfettiOptions } from "./ConfettiOptions";
-export const loadOptions = (confettiOptions) => {
-    const actualOptions = new ConfettiOptions();
-    actualOptions.load(confettiOptions);
-    return {
-        fullScreen: {
-            enable: true,
-            zIndex: actualOptions.zIndex,
+export const options = {
+    fullScreen: {
+        enable: true,
+        zIndex: 100,
+    },
+    fpsLimit: 120,
+    particles: {
+        number: {
+            value: 0,
         },
-        fpsLimit: 120,
-        particles: {
-            number: {
-                value: 0,
-            },
-            color: {
-                value: actualOptions.colors,
+        color: {
+            value: ["#26ccff", "#a25afd", "#ff5e7e", "#88ff5a", "#fcff42", "#ffa62d", "#ff36ff"],
+        },
+        shape: {
+            type: ["square", "circle"],
+        },
+        opacity: {
+            value: { min: 0, max: 1 },
+            animation: {
+                enable: true,
+                speed: 0.5,
+                startValue: "max",
+                destroy: "min",
             },
-            shape: {
-                type: actualOptions.shapes,
+        },
+        size: {
+            value: 5,
+        },
+        links: {
+            enable: false,
+        },
+        life: {
+            duration: {
+                sync: true,
+                value: 20 / 6,
             },
-            opacity: {
-                value: { min: 0, max: 1 },
-                animation: {
-                    enable: true,
-                    speed: 0.5,
-                    startValue: "max",
-                    destroy: "min",
-                },
+            count: 1,
+        },
+        move: {
+            angle: {
+                value: 45,
+                offset: 0,
             },
-            size: {
-                value: 5 * actualOptions.scalar,
+            drift: 0,
+            enable: true,
+            gravity: {
+                enable: true,
+                acceleration: 9.81,
             },
-            links: {
-                enable: false,
+            speed: 45,
+            decay: 0.1,
+            direction: -90,
+            random: true,
+            straight: false,
+            outModes: {
+                default: "none",
+                bottom: "destroy",
             },
-            life: {
-                duration: {
-                    sync: true,
-                    value: actualOptions.ticks / 60,
-                },
-                count: 1,
+        },
+        rotate: {
+            value: {
+                min: 0,
+                max: 360,
             },
-            move: {
-                angle: {
-                    value: actualOptions.spread,
-                    offset: 0,
-                },
-                drift: {
-                    min: -actualOptions.drift,
-                    max: actualOptions.drift,
-                },
+            direction: "random",
+            animation: {
                 enable: true,
-                gravity: {
-                    enable: true,
-                    acceleration: actualOptions.gravity * 9.81,
-                },
-                speed: actualOptions.startVelocity,
-                decay: 1 - actualOptions.decay,
-                direction: -actualOptions.angle,
-                random: true,
-                straight: false,
-                outModes: {
-                    default: "none",
-                    bottom: "destroy",
-                },
+                speed: 60,
             },
-            rotate: {
-                value: {
-                    min: 0,
-                    max: 360,
-                },
-                direction: "random",
-                animation: {
-                    enable: true,
-                    speed: 60,
-                },
+        },
+        tilt: {
+            direction: "random",
+            enable: true,
+            value: {
+                min: 0,
+                max: 360,
             },
-            tilt: {
-                direction: "random",
+            animation: {
                 enable: true,
-                value: {
-                    min: 0,
-                    max: 360,
-                },
-                animation: {
-                    enable: true,
-                    speed: 60,
-                },
+                speed: 60,
             },
-            roll: {
-                darken: {
-                    enable: true,
-                    value: 25,
-                },
+        },
+        roll: {
+            darken: {
                 enable: true,
-                speed: {
-                    min: 15,
-                    max: 25,
-                },
+                value: 25,
             },
-            wobble: {
-                distance: 30,
-                enable: true,
-                speed: {
-                    min: -15,
-                    max: 15,
-                },
+            enable: true,
+            speed: {
+                min: 15,
+                max: 25,
             },
         },
-        detectRetina: true,
-        motion: {
-            disable: actualOptions.disableForReducedMotion,
-        },
-        emitters: {
-            startCount: actualOptions.count,
-            position: actualOptions.position,
-            size: {
-                width: 0,
-                height: 0,
-            },
-            rate: {
-                delay: 0,
-                quantity: 0,
-            },
-            life: {
-                duration: 0.1,
-                count: 1,
+        wobble: {
+            distance: 30,
+            enable: true,
+            speed: {
+                min: -15,
+                max: 15,
             },
         },
-    };
+    },
+    detectRetina: true,
+    motion: {
+        disable: true,
+    },
+    emitters: {
+        name: "confetti",
+        startCount: 50,
+        position: {
+            x: 50,
+            y: 50,
+        },
+        size: {
+            width: 0,
+            height: 0,
+        },
+        rate: {
+            delay: 0,
+            quantity: 0,
+        },
+        life: {
+            duration: 0.1,
+            count: 1,
+        },
+    },
 };

package/browser/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/cjs/bundle.js

@@ -1,20 +1,10 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.tsParticles = exports.loadConfettiPreset = exports.confetti = void 0;
+exports.tsParticles = exports.loadConfettiPreset = void 0;
 const index_1 = require("./index");
-Object.defineProperty(exports, "confetti", { enumerable: true, get: function () { return index_1.confetti; } });
 Object.defineProperty(exports, "loadConfettiPreset", { enumerable: true, get: function () { return index_1.loadConfettiPreset; } });
 const engine_1 = require("@tsparticles/engine");
 Object.defineProperty(exports, "tsParticles", { enumerable: true, get: function () { return engine_1.tsParticles; } });
-(() => __awaiter(void 0, void 0, void 0, function* () {
-    yield (0, index_1.loadConfettiPreset)(engine_1.tsParticles);
-}))();
+(async () => {
+    await (0, index_1.loadConfettiPreset)(engine_1.tsParticles);
+})();

package/cjs/index.js

@@ -1,75 +1,29 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.confetti = exports.loadConfettiPreset = void 0;
-const engine_1 = require("@tsparticles/engine");
-const updater_angle_1 = require("@tsparticles/updater-angle");
-const move_base_1 = require("@tsparticles/move-base");
-const shape_circle_1 = require("@tsparticles/shape-circle");
-const updater_color_1 = require("@tsparticles/updater-color");
+exports.loadConfettiPreset = void 0;
+const basic_1 = require("@tsparticles/basic");
 const plugin_emitters_1 = require("@tsparticles/plugin-emitters");
 const updater_life_1 = require("@tsparticles/updater-life");
 const plugin_motion_1 = require("@tsparticles/plugin-motion");
-const updater_opacity_1 = require("@tsparticles/updater-opacity");
-const options_1 = require("./options");
-const updater_out_modes_1 = require("@tsparticles/updater-out-modes");
 const updater_roll_1 = require("@tsparticles/updater-roll");
-const updater_size_1 = require("@tsparticles/updater-size");
+const updater_rotate_1 = require("@tsparticles/updater-rotate");
 const shape_square_1 = require("@tsparticles/shape-square");
 const updater_tilt_1 = require("@tsparticles/updater-tilt");
 const updater_wobble_1 = require("@tsparticles/updater-wobble");
-function loadPreset(engine, confettiOptions, override = false) {
-    return __awaiter(this, void 0, void 0, function* () {
-        yield (0, move_base_1.loadBaseMover)(engine);
-        yield (0, shape_circle_1.loadCircleShape)(engine);
-        yield (0, shape_square_1.loadSquareShape)(engine);
-        yield (0, updater_color_1.loadColorUpdater)(engine);
-        yield (0, updater_size_1.loadSizeUpdater)(engine);
-        yield (0, updater_opacity_1.loadOpacityUpdater)(engine);
-        yield (0, updater_out_modes_1.loadOutModesUpdater)(engine);
-        yield (0, plugin_emitters_1.loadEmittersPlugin)(engine);
-        yield (0, plugin_motion_1.loadMotionPlugin)(engine);
-        yield (0, updater_wobble_1.loadWobbleUpdater)(engine);
-        yield (0, updater_roll_1.loadRollUpdater)(engine);
-        yield (0, updater_angle_1.loadAngleUpdater)(engine);
-        yield (0, updater_tilt_1.loadTiltUpdater)(engine);
-        yield (0, updater_life_1.loadLifeUpdater)(engine);
-        yield engine.addPreset("confetti", (0, options_1.loadOptions)(confettiOptions), override);
-    });
+const options_1 = require("./options");
+async function loadPreset(engine, refresh = true) {
+    await (0, basic_1.loadBasic)(engine, false);
+    await (0, shape_square_1.loadSquareShape)(engine, false);
+    await (0, plugin_emitters_1.loadEmittersPlugin)(engine, false);
+    await (0, plugin_motion_1.loadMotionPlugin)(engine, false);
+    await (0, updater_wobble_1.loadWobbleUpdater)(engine, false);
+    await (0, updater_roll_1.loadRollUpdater)(engine, false);
+    await (0, updater_rotate_1.loadRotateUpdater)(engine, false);
+    await (0, updater_tilt_1.loadTiltUpdater)(engine, false);
+    await (0, updater_life_1.loadLifeUpdater)(engine, false);
+    await engine.addPreset("confetti", options_1.options, refresh);
 }
-function loadConfettiPreset(main) {
-    return __awaiter(this, void 0, void 0, function* () {
-        yield loadPreset(main, {}, true);
-    });
+async function loadConfettiPreset(engine) {
+    await loadPreset(engine);
 }
 exports.loadConfettiPreset = loadConfettiPreset;
-function confetti(idOrOptions, confettiOptions) {
-    return __awaiter(this, void 0, void 0, function* () {
-        let options;
-        let id;
-        if (typeof idOrOptions === "string") {
-            id = idOrOptions;
-            options = confettiOptions !== null && confettiOptions !== void 0 ? confettiOptions : {};
-        }
-        else {
-            id = `tsparticles_${Math.floor((0, engine_1.getRandom)() * 1000)}`;
-            options = idOrOptions;
-        }
-        yield loadPreset(engine_1.tsParticles, options, true);
-        yield engine_1.tsParticles.load({
-            id,
-            options: {
-                preset: "confetti",
-            },
-        });
-    });
-}
-exports.confetti = confetti;