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

package/umd/bundle.js

@@ -9,9 +9,8 @@
 })(function (require, exports) {
     "use strict";
     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; } });

package/umd/index.js

@@ -4,67 +4,36 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "@tsparticles/updater-angle", "@tsparticles/move-base", "@tsparticles/shape-circle", "@tsparticles/updater-color", "@tsparticles/plugin-emitters", "@tsparticles/updater-life", "@tsparticles/plugin-motion", "@tsparticles/updater-opacity", "./options", "@tsparticles/updater-out-modes", "@tsparticles/updater-roll", "@tsparticles/updater-size", "@tsparticles/shape-square", "@tsparticles/updater-tilt", "@tsparticles/updater-wobble"], factory);
+        define(["require", "exports", "@tsparticles/basic", "@tsparticles/plugin-emitters", "@tsparticles/updater-life", "@tsparticles/plugin-motion", "@tsparticles/updater-roll", "@tsparticles/updater-rotate", "@tsparticles/shape-square", "@tsparticles/updater-tilt", "@tsparticles/updater-wobble", "./options"], factory);
     }
 })(function (require, exports) {
     "use strict";
     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");
-    async function loadPreset(engine, confettiOptions, override = false) {
-        await (0, move_base_1.loadBaseMover)(engine);
-        await (0, shape_circle_1.loadCircleShape)(engine);
-        await (0, shape_square_1.loadSquareShape)(engine);
-        await (0, updater_color_1.loadColorUpdater)(engine);
-        await (0, updater_size_1.loadSizeUpdater)(engine);
-        await (0, updater_opacity_1.loadOpacityUpdater)(engine);
-        await (0, updater_out_modes_1.loadOutModesUpdater)(engine);
-        await (0, plugin_emitters_1.loadEmittersPlugin)(engine);
-        await (0, plugin_motion_1.loadMotionPlugin)(engine);
-        await (0, updater_wobble_1.loadWobbleUpdater)(engine);
-        await (0, updater_roll_1.loadRollUpdater)(engine);
-        await (0, updater_angle_1.loadAngleUpdater)(engine);
-        await (0, updater_tilt_1.loadTiltUpdater)(engine);
-        await (0, updater_life_1.loadLifeUpdater)(engine);
-        await 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);
     }
-    async function loadConfettiPreset(main) {
-        await loadPreset(main, {}, true);
+    async function loadConfettiPreset(engine) {
+        await loadPreset(engine);
     }
     exports.loadConfettiPreset = loadConfettiPreset;
-    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((0, engine_1.getRandom)() * 1000)}`;
-            options = idOrOptions;
-        }
-        await loadPreset(engine_1.tsParticles, options, true);
-        await engine_1.tsParticles.load({
-            id,
-            options: {
-                preset: "confetti",
-            },
-        });
-    }
-    exports.confetti = confetti;
 });

package/umd/options.js

@@ -4,142 +4,137 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./ConfettiOptions"], factory);
+        define(["require", "exports"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.loadOptions = void 0;
-    const ConfettiOptions_1 = require("./ConfettiOptions");
-    const loadOptions = (confettiOptions) => {
-        const actualOptions = new ConfettiOptions_1.ConfettiOptions();
-        actualOptions.load(confettiOptions);
-        return {
-            fullScreen: {
-                enable: true,
-                zIndex: actualOptions.zIndex,
+    exports.options = void 0;
+    exports.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,
+            },
+        },
     };
-    exports.loadOptions = loadOptions;
 });

package/browser/ConfettiOptions.js

@@ -1,100 +0,0 @@
-export class ConfettiOptions {
-    constructor() {
-        this.angle = 90;
-        this.count = 50;
-        this.spread = 45;
-        this.startVelocity = 45;
-        this.decay = 0.9;
-        this.gravity = 1;
-        this.drift = 0;
-        this.ticks = 200;
-        this.position = {
-            x: 50,
-            y: 50,
-        };
-        this.colors = ["#ffffff", "#ff0000"];
-        this.shapes = ["square", "circle"];
-        this.scalar = 1;
-        this.zIndex = 100;
-        this.disableForReducedMotion = true;
-    }
-    get origin() {
-        return {
-            x: this.position.x / 100,
-            y: this.position.y / 100,
-        };
-    }
-    set origin(value) {
-        this.position.x = value.x * 100;
-        this.position.y = value.y * 100;
-    }
-    get particleCount() {
-        return this.count;
-    }
-    set particleCount(value) {
-        this.count = value;
-    }
-    load(data) {
-        var _a, _b;
-        if (!data) {
-            return;
-        }
-        if (data.angle !== undefined) {
-            this.angle = data.angle;
-        }
-        const count = (_a = data.count) !== null && _a !== void 0 ? _a : data.particleCount;
-        if (count !== undefined) {
-            this.count = count;
-        }
-        if (data.spread !== undefined) {
-            this.spread = data.spread;
-        }
-        if (data.startVelocity !== undefined) {
-            this.startVelocity = data.startVelocity;
-        }
-        if (data.decay !== undefined) {
-            this.decay = data.decay;
-        }
-        if (data.gravity !== undefined) {
-            this.gravity = data.gravity;
-        }
-        if (data.drift !== undefined) {
-            this.drift = data.drift;
-        }
-        if (data.ticks !== undefined) {
-            this.ticks = data.ticks;
-        }
-        const position = (_b = data.position) !== null && _b !== void 0 ? _b : this.position;
-        if ((position === null || position === void 0 ? void 0 : position.x) !== undefined) {
-            this.position.x = position.x;
-        }
-        if ((position === null || position === void 0 ? void 0 : position.y) !== undefined) {
-            this.position.y = position.y;
-        }
-        if (data.colors !== undefined) {
-            if (data.colors instanceof Array) {
-                this.colors = [...data.colors];
-            }
-            else {
-                this.colors = data.colors;
-            }
-        }
-        if (data.shapes !== undefined) {
-            if (data.shapes instanceof Array) {
-                this.shapes = [...data.shapes];
-            }
-            else {
-                this.shapes = data.shapes;
-            }
-        }
-        if (data.scalar !== undefined) {
-            this.scalar = data.scalar;
-        }
-        if (data.zIndex !== undefined) {
-            this.zIndex = data.zIndex;
-        }
-        if (data.disableForReducedMotion !== undefined) {
-            this.disableForReducedMotion = data.disableForReducedMotion;
-        }
-    }
-}

package/browser/IConfettiOptions.js

@@ -1 +0,0 @@
-export {};

package/cjs/ConfettiOptions.js

@@ -1,104 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfettiOptions = void 0;
-class ConfettiOptions {
-    constructor() {
-        this.angle = 90;
-        this.count = 50;
-        this.spread = 45;
-        this.startVelocity = 45;
-        this.decay = 0.9;
-        this.gravity = 1;
-        this.drift = 0;
-        this.ticks = 200;
-        this.position = {
-            x: 50,
-            y: 50,
-        };
-        this.colors = ["#ffffff", "#ff0000"];
-        this.shapes = ["square", "circle"];
-        this.scalar = 1;
-        this.zIndex = 100;
-        this.disableForReducedMotion = true;
-    }
-    get origin() {
-        return {
-            x: this.position.x / 100,
-            y: this.position.y / 100,
-        };
-    }
-    set origin(value) {
-        this.position.x = value.x * 100;
-        this.position.y = value.y * 100;
-    }
-    get particleCount() {
-        return this.count;
-    }
-    set particleCount(value) {
-        this.count = value;
-    }
-    load(data) {
-        var _a, _b;
-        if (!data) {
-            return;
-        }
-        if (data.angle !== undefined) {
-            this.angle = data.angle;
-        }
-        const count = (_a = data.count) !== null && _a !== void 0 ? _a : data.particleCount;
-        if (count !== undefined) {
-            this.count = count;
-        }
-        if (data.spread !== undefined) {
-            this.spread = data.spread;
-        }
-        if (data.startVelocity !== undefined) {
-            this.startVelocity = data.startVelocity;
-        }
-        if (data.decay !== undefined) {
-            this.decay = data.decay;
-        }
-        if (data.gravity !== undefined) {
-            this.gravity = data.gravity;
-        }
-        if (data.drift !== undefined) {
-            this.drift = data.drift;
-        }
-        if (data.ticks !== undefined) {
-            this.ticks = data.ticks;
-        }
-        const position = (_b = data.position) !== null && _b !== void 0 ? _b : this.position;
-        if ((position === null || position === void 0 ? void 0 : position.x) !== undefined) {
-            this.position.x = position.x;
-        }
-        if ((position === null || position === void 0 ? void 0 : position.y) !== undefined) {
-            this.position.y = position.y;
-        }
-        if (data.colors !== undefined) {
-            if (data.colors instanceof Array) {
-                this.colors = [...data.colors];
-            }
-            else {
-                this.colors = data.colors;
-            }
-        }
-        if (data.shapes !== undefined) {
-            if (data.shapes instanceof Array) {
-                this.shapes = [...data.shapes];
-            }
-            else {
-                this.shapes = data.shapes;
-            }
-        }
-        if (data.scalar !== undefined) {
-            this.scalar = data.scalar;
-        }
-        if (data.zIndex !== undefined) {
-            this.zIndex = data.zIndex;
-        }
-        if (data.disableForReducedMotion !== undefined) {
-            this.disableForReducedMotion = data.disableForReducedMotion;
-        }
-    }
-}
-exports.ConfettiOptions = ConfettiOptions;

package/cjs/IConfettiOptions.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/esm/ConfettiOptions.js

@@ -1,100 +0,0 @@
-export class ConfettiOptions {
-    constructor() {
-        this.angle = 90;
-        this.count = 50;
-        this.spread = 45;
-        this.startVelocity = 45;
-        this.decay = 0.9;
-        this.gravity = 1;
-        this.drift = 0;
-        this.ticks = 200;
-        this.position = {
-            x: 50,
-            y: 50,
-        };
-        this.colors = ["#ffffff", "#ff0000"];
-        this.shapes = ["square", "circle"];
-        this.scalar = 1;
-        this.zIndex = 100;
-        this.disableForReducedMotion = true;
-    }
-    get origin() {
-        return {
-            x: this.position.x / 100,
-            y: this.position.y / 100,
-        };
-    }
-    set origin(value) {
-        this.position.x = value.x * 100;
-        this.position.y = value.y * 100;
-    }
-    get particleCount() {
-        return this.count;
-    }
-    set particleCount(value) {
-        this.count = value;
-    }
-    load(data) {
-        var _a, _b;
-        if (!data) {
-            return;
-        }
-        if (data.angle !== undefined) {
-            this.angle = data.angle;
-        }
-        const count = (_a = data.count) !== null && _a !== void 0 ? _a : data.particleCount;
-        if (count !== undefined) {
-            this.count = count;
-        }
-        if (data.spread !== undefined) {
-            this.spread = data.spread;
-        }
-        if (data.startVelocity !== undefined) {
-            this.startVelocity = data.startVelocity;
-        }
-        if (data.decay !== undefined) {
-            this.decay = data.decay;
-        }
-        if (data.gravity !== undefined) {
-            this.gravity = data.gravity;
-        }
-        if (data.drift !== undefined) {
-            this.drift = data.drift;
-        }
-        if (data.ticks !== undefined) {
-            this.ticks = data.ticks;
-        }
-        const position = (_b = data.position) !== null && _b !== void 0 ? _b : this.position;
-        if ((position === null || position === void 0 ? void 0 : position.x) !== undefined) {
-            this.position.x = position.x;
-        }
-        if ((position === null || position === void 0 ? void 0 : position.y) !== undefined) {
-            this.position.y = position.y;
-        }
-        if (data.colors !== undefined) {
-            if (data.colors instanceof Array) {
-                this.colors = [...data.colors];
-            }
-            else {
-                this.colors = data.colors;
-            }
-        }
-        if (data.shapes !== undefined) {
-            if (data.shapes instanceof Array) {
-                this.shapes = [...data.shapes];
-            }
-            else {
-                this.shapes = data.shapes;
-            }
-        }
-        if (data.scalar !== undefined) {
-            this.scalar = data.scalar;
-        }
-        if (data.zIndex !== undefined) {
-            this.zIndex = data.zIndex;
-        }
-        if (data.disableForReducedMotion !== undefined) {
-            this.disableForReducedMotion = data.disableForReducedMotion;
-        }
-    }
-}

package/esm/IConfettiOptions.js

@@ -1 +0,0 @@
-export {};