@tsparticles/preset-confetti 3.0.0-alpha.1

package/umd/ConfettiOptions.js

@@ -0,0 +1,114 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "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/umd/IConfettiOptions.js

@@ -0,0 +1,12 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/umd/bundle.js

@@ -0,0 +1,21 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "./index", "@tsparticles/engine"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.tsParticles = exports.loadConfettiPreset = exports.confetti = 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; } });
+    (async () => {
+        await (0, index_1.loadConfettiPreset)(engine_1.tsParticles);
+    })();
+});

package/umd/index.js

@@ -0,0 +1,70 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        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);
+    }
+})(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");
+    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 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);
+    }
+    async function loadConfettiPreset(main) {
+        await loadPreset(main, {}, true);
+    }
+    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

@@ -0,0 +1,145 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "./ConfettiOptions"], 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,
+            },
+            fpsLimit: 120,
+            particles: {
+                number: {
+                    value: 0,
+                },
+                color: {
+                    value: actualOptions.colors,
+                },
+                shape: {
+                    type: actualOptions.shapes,
+                },
+                opacity: {
+                    value: { min: 0, max: 1 },
+                    animation: {
+                        enable: true,
+                        speed: 0.5,
+                        startValue: "max",
+                        destroy: "min",
+                    },
+                },
+                size: {
+                    value: 5 * actualOptions.scalar,
+                },
+                links: {
+                    enable: false,
+                },
+                life: {
+                    duration: {
+                        sync: true,
+                        value: actualOptions.ticks / 60,
+                    },
+                    count: 1,
+                },
+                move: {
+                    angle: {
+                        value: actualOptions.spread,
+                        offset: 0,
+                    },
+                    drift: {
+                        min: -actualOptions.drift,
+                        max: actualOptions.drift,
+                    },
+                    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",
+                    },
+                },
+                rotate: {
+                    value: {
+                        min: 0,
+                        max: 360,
+                    },
+                    direction: "random",
+                    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: 25,
+                    },
+                    enable: true,
+                    speed: {
+                        min: 15,
+                        max: 25,
+                    },
+                },
+                wobble: {
+                    distance: 30,
+                    enable: true,
+                    speed: {
+                        min: -15,
+                        max: 15,
+                    },
+                },
+            },
+            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,
+                },
+            },
+        };
+    };
+    exports.loadOptions = loadOptions;
+});