@tsparticles/confetti 4.0.0-beta.1 → 4.0.0-beta.10

package/umd/confetti.js

@@ -1,404 +0,0 @@
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-(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", "./ConfettiOptions.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.confetti = confetti;
-    const engine_1 = require("@tsparticles/engine");
-    const ConfettiOptions_js_1 = require("./ConfettiOptions.js");
-    let initialized = false, initializing = false;
-    const ids = new Map(), defaultGravity = 9.81, sizeFactor = 5, speedFactor = 3, decayOffset = 1, disableRotate = 0, disableTilt = 0;
-    async function initPlugins(engine) {
-        if (initialized) {
-            return;
-        }
-        if (initializing) {
-            return new Promise(resolve => {
-                const timeout = 100, interval = setInterval(() => {
-                    if (!initialized) {
-                        return;
-                    }
-                    clearInterval(interval);
-                    resolve();
-                }, timeout);
-            });
-        }
-        initializing = true;
-        engine.checkVersion("4.0.0-beta.1");
-        await engine.pluginManager.register(async (e) => {
-            const [{ loadBasic }, { loadEmittersPlugin }, { loadMotionPlugin }, { loadCardSuitsShape }, { loadHeartShape }, { loadImageShape }, { loadPolygonShape }, { loadSquareShape }, { loadStarShape }, { loadEmojiShape }, { loadRotateUpdater }, { loadLifeUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadWobbleUpdater },] = await Promise.all([
-                __syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/basic"))) : new Promise((resolve_1, reject_1) => { require(["@tsparticles/basic"], resolve_1, reject_1); }).then(__importStar),
-                __syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/plugin-emitters"))) : new Promise((resolve_2, reject_2) => { require(["@tsparticles/plugin-emitters"], resolve_2, reject_2); }).then(__importStar),
-                __syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/plugin-motion"))) : new Promise((resolve_3, reject_3) => { require(["@tsparticles/plugin-motion"], resolve_3, reject_3); }).then(__importStar),
-                __syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/shape-cards"))) : new Promise((resolve_4, reject_4) => { require(["@tsparticles/shape-cards"], resolve_4, reject_4); }).then(__importStar),
-                __syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/shape-heart"))) : new Promise((resolve_5, reject_5) => { require(["@tsparticles/shape-heart"], resolve_5, reject_5); }).then(__importStar),
-                __syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/shape-image"))) : new Promise((resolve_6, reject_6) => { require(["@tsparticles/shape-image"], resolve_6, reject_6); }).then(__importStar),
-                __syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/shape-polygon"))) : new Promise((resolve_7, reject_7) => { require(["@tsparticles/shape-polygon"], resolve_7, reject_7); }).then(__importStar),
-                __syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/shape-square"))) : new Promise((resolve_8, reject_8) => { require(["@tsparticles/shape-square"], resolve_8, reject_8); }).then(__importStar),
-                __syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/shape-star"))) : new Promise((resolve_9, reject_9) => { require(["@tsparticles/shape-star"], resolve_9, reject_9); }).then(__importStar),
-                __syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/shape-emoji"))) : new Promise((resolve_10, reject_10) => { require(["@tsparticles/shape-emoji"], resolve_10, reject_10); }).then(__importStar),
-                __syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/updater-rotate"))) : new Promise((resolve_11, reject_11) => { require(["@tsparticles/updater-rotate"], resolve_11, reject_11); }).then(__importStar),
-                __syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/updater-life"))) : new Promise((resolve_12, reject_12) => { require(["@tsparticles/updater-life"], resolve_12, reject_12); }).then(__importStar),
-                __syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/updater-roll"))) : new Promise((resolve_13, reject_13) => { require(["@tsparticles/updater-roll"], resolve_13, reject_13); }).then(__importStar),
-                __syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/updater-tilt"))) : new Promise((resolve_14, reject_14) => { require(["@tsparticles/updater-tilt"], resolve_14, reject_14); }).then(__importStar),
-                __syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/updater-wobble"))) : new Promise((resolve_15, reject_15) => { require(["@tsparticles/updater-wobble"], resolve_15, reject_15); }).then(__importStar),
-            ]);
-            await Promise.all([
-                loadBasic(e),
-                loadMotionPlugin(e),
-                loadEmittersPlugin(e),
-                loadCardSuitsShape(e),
-                loadHeartShape(e),
-                loadImageShape(e),
-                loadPolygonShape(e),
-                loadSquareShape(e),
-                loadStarShape(e),
-                loadEmojiShape(e),
-                loadRotateUpdater(e),
-                loadLifeUpdater(e),
-                loadRollUpdater(e),
-                loadTiltUpdater(e),
-                loadWobbleUpdater(e),
-            ]);
-        });
-        initializing = false;
-        initialized = true;
-    }
-    async function setConfetti(params) {
-        const actualOptions = new ConfettiOptions_js_1.ConfettiOptions();
-        actualOptions.load(params.options);
-        let container;
-        const fpsLimit = 120, fpsLimitFactor = 3.6, opacitySpeed = (actualOptions.ticks * engine_1.millisecondsToSeconds) / (fpsLimitFactor * engine_1.millisecondsToSeconds * fpsLimit);
-        if (ids.has(params.id)) {
-            container = ids.get(params.id);
-            if (container && !container.destroyed) {
-                const alias = container;
-                if ("addEmitter" in alias) {
-                    await alias.addEmitter?.({
-                        startCount: actualOptions.count,
-                        position: actualOptions.position,
-                        size: {
-                            width: 0,
-                            height: 0,
-                        },
-                        rate: {
-                            delay: 0,
-                            quantity: 0,
-                        },
-                        life: {
-                            duration: 0.1,
-                            count: 1,
-                        },
-                        particles: {
-                            fill: {
-                                color: {
-                                    value: actualOptions.colors,
-                                },
-                                enable: true,
-                            },
-                            shape: {
-                                type: actualOptions.shapes,
-                                options: actualOptions.shapeOptions,
-                            },
-                            life: {
-                                count: 1,
-                            },
-                            opacity: {
-                                value: { min: 0, max: 1 },
-                                animation: {
-                                    enable: true,
-                                    sync: true,
-                                    speed: opacitySpeed,
-                                    startValue: "max",
-                                    destroy: "min",
-                                },
-                            },
-                            size: {
-                                value: sizeFactor * actualOptions.scalar,
-                            },
-                            move: {
-                                angle: {
-                                    value: actualOptions.spread,
-                                    offset: 0,
-                                },
-                                drift: {
-                                    min: -actualOptions.drift,
-                                    max: actualOptions.drift,
-                                },
-                                gravity: {
-                                    acceleration: actualOptions.gravity * defaultGravity,
-                                },
-                                speed: actualOptions.startVelocity * speedFactor,
-                                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;
-                }
-            }
-        }
-        const particlesOptions = {
-            fullScreen: {
-                enable: !params.canvas,
-                zIndex: actualOptions.zIndex,
-            },
-            fpsLimit: 120,
-            particles: {
-                number: {
-                    value: 0,
-                },
-                fill: {
-                    color: {
-                        value: actualOptions.colors,
-                    },
-                    enable: true,
-                },
-                shape: {
-                    type: actualOptions.shapes,
-                    options: actualOptions.shapeOptions,
-                },
-                opacity: {
-                    value: { min: 0, max: 1 },
-                    animation: {
-                        enable: true,
-                        sync: true,
-                        speed: opacitySpeed,
-                        startValue: "max",
-                        destroy: "min",
-                    },
-                },
-                size: {
-                    value: sizeFactor * actualOptions.scalar,
-                },
-                links: {
-                    enable: false,
-                },
-                life: {
-                    count: 1,
-                },
-                move: {
-                    angle: {
-                        value: actualOptions.spread,
-                        offset: 0,
-                    },
-                    drift: {
-                        min: -actualOptions.drift,
-                        max: actualOptions.drift,
-                    },
-                    enable: true,
-                    gravity: {
-                        enable: true,
-                        acceleration: actualOptions.gravity * defaultGravity,
-                    },
-                    speed: actualOptions.startVelocity * speedFactor,
-                    decay: decayOffset - actualOptions.decay,
-                    direction: -actualOptions.angle,
-                    random: true,
-                    straight: false,
-                    outModes: {
-                        default: "none",
-                        bottom: "destroy",
-                    },
-                },
-                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,
-                    },
-                },
-            },
-            motion: {
-                disable: actualOptions.disableForReducedMotion,
-            },
-            emitters: {
-                name: "confetti",
-                startCount: actualOptions.count,
-                position: actualOptions.position,
-                size: {
-                    width: 0,
-                    height: 0,
-                },
-                rate: {
-                    delay: 0,
-                    quantity: 0,
-                },
-                life: {
-                    duration: 0.1,
-                    count: 1,
-                },
-            },
-        };
-        container = await engine_1.tsParticles.load({ id: params.id, element: params.canvas, options: particlesOptions });
-        ids.set(params.id, container);
-        return container;
-    }
-    async function confetti(idOrOptions, confettiOptions) {
-        await initPlugins(engine_1.tsParticles);
-        let options, id;
-        if ((0, engine_1.isString)(idOrOptions)) {
-            id = idOrOptions;
-            options = confettiOptions ?? {};
-        }
-        else {
-            id = "confetti";
-            options = idOrOptions;
-        }
-        return setConfetti({
-            id,
-            options,
-        });
-    }
-    confetti.create = async (canvas, options) => {
-        await initPlugins(engine_1.tsParticles);
-        const id = canvas.getAttribute("id") ?? "confetti";
-        canvas.setAttribute("id", id);
-        return async (idOrOptions, confettiOptions) => {
-            let subOptions, subId;
-            if ((0, engine_1.isString)(idOrOptions)) {
-                subId = idOrOptions;
-                subOptions = confettiOptions ?? options;
-            }
-            else {
-                subId = id;
-                subOptions = idOrOptions;
-            }
-            return setConfetti({
-                id: subId,
-                canvas,
-                options: subOptions,
-            });
-        };
-    };
-    confetti.init = async () => {
-        await initPlugins(engine_1.tsParticles);
-    };
-    confetti.version = "4.0.0-beta.1";
-    globalThis.confetti = confetti;
-});

package/umd/index.js

@@ -1,27 +0,0 @@
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-(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", "./confetti.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    __exportStar(require("./confetti.js"), exports);
-});

package/updaters_fillColor_dist_browser_FillColorUpdater_js.js

@@ -1,30 +0,0 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v4.0.0-beta.1
- */
-"use strict";
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(this["webpackChunk_tsparticles_confetti"] = this["webpackChunk_tsparticles_confetti"] || []).push([["updaters_fillColor_dist_browser_FillColorUpdater_js"],{
-
-/***/ "../../updaters/fillColor/dist/browser/FillColorUpdater.js"
-/*!*****************************************************************!*\
-  !*** ../../updaters/fillColor/dist/browser/FillColorUpdater.js ***!
-  \*****************************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   FillColorUpdater: () => (/* binding */ FillColorUpdater)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nclass FillColorUpdater {\n    _container;\n    _pluginManager;\n    constructor(pluginManager, container){\n        this._container = container;\n        this._pluginManager = pluginManager;\n    }\n    init(particle) {\n        const container = this._container, options = particle.options, fill = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(options.fill, particle.id, options.reduceDuplicates);\n        if (!fill) {\n            return;\n        }\n        particle.fillEnabled = fill.enable;\n        particle.fillOpacity = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(fill.opacity);\n        particle.fillAnimation = fill.color.animation;\n        const fillHslColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToHsl)(this._pluginManager, fill.color);\n        if (fillHslColor) {\n            particle.fillColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getHslAnimationFromHsl)(fillHslColor, particle.fillAnimation, container.retina.reduceFactor);\n        }\n    }\n    isEnabled(particle) {\n        const color = particle.fillAnimation, { fillColor } = particle;\n        return !particle.destroyed && !particle.spawning && !!color && (fillColor?.h.value !== undefined && fillColor.h.enable || fillColor?.s.value !== undefined && fillColor.s.enable || fillColor?.l.value !== undefined && fillColor.l.enable);\n    }\n    update(particle, delta) {\n        if (!this.isEnabled(particle)) {\n            return;\n        }\n        (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.updateColor)(particle.fillColor, delta);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../updaters/fillColor/dist/browser/FillColorUpdater.js?\n}");
-
-/***/ }
-
-}]);

package/updaters_fillColor_dist_browser_index_js.js

@@ -1,30 +0,0 @@
-/*!
- * Author : Matteo Bruni
- * MIT license: https://opensource.org/licenses/MIT
- * Demo / Generator : https://particles.js.org/
- * GitHub : https://www.github.com/matteobruni/tsparticles
- * How to use? : Check the GitHub README
- * v4.0.0-beta.1
- */
-"use strict";
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(this["webpackChunk_tsparticles_confetti"] = this["webpackChunk_tsparticles_confetti"] || []).push([["updaters_fillColor_dist_browser_index_js"],{
-
-/***/ "../../updaters/fillColor/dist/browser/index.js"
-/*!******************************************************!*\
-  !*** ../../updaters/fillColor/dist/browser/index.js ***!
-  \******************************************************/
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadFillColorUpdater: () => (/* binding */ loadFillColorUpdater)\n/* harmony export */ });\nasync function loadFillColorUpdater(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register((e)=>{\n        e.pluginManager.addParticleUpdater(\"color\", async (container)=>{\n            const { FillColorUpdater } = await __webpack_require__.e(/*! import() */ \"updaters_fillColor_dist_browser_FillColorUpdater_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./FillColorUpdater.js */ \"../../updaters/fillColor/dist/browser/FillColorUpdater.js\"));\n            return new FillColorUpdater(e.pluginManager, container);\n        });\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../../updaters/fillColor/dist/browser/index.js?\n}");
-
-/***/ }
-
-}]);