@tsparticles/configs 4.0.0-beta.1 → 4.0.0-beta.3

package/umd/i/imagesDirections.js

@@ -1,122 +0,0 @@
-(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"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    const engine_1 = require("@tsparticles/engine");
-    const options = {
-        key: "imagesDirections",
-        name: "Images with Custom Directions",
-        interactivity: {
-            events: {
-                onClick: {
-                    enable: true,
-                    mode: "push",
-                },
-                onHover: {
-                    enable: true,
-                    mode: "bubble",
-                },
-            },
-            modes: {
-                bubble: {
-                    distance: 400,
-                    duration: 2,
-                    opacity: 0.8,
-                    size: 40,
-                },
-                push: {
-                    quantity: 4,
-                },
-            },
-        },
-        particles: {
-            move: {
-                direction: "none",
-                enable: true,
-                speed: 2,
-            },
-            number: {
-                density: {
-                    enable: true,
-                },
-                value: 80,
-            },
-            opacity: {
-                value: 1,
-            },
-            rotate: {
-                animation: {
-                    enable: true,
-                    speed: 5,
-                    sync: false,
-                },
-                direction: "random",
-                value: {
-                    min: 0,
-                    max: 360,
-                },
-            },
-            shape: {
-                type: "image",
-                options: {
-                    image: [
-                        {
-                            src: "https://particles.js.org/images/hdr/fruits/apple.png",
-                            width: 32,
-                            height: 32,
-                            particles: {
-                                move: {
-                                    direction: engine_1.MoveDirection.top,
-                                },
-                            },
-                        },
-                        {
-                            src: "https://particles.js.org/images/hdr/fruits/avocado.png",
-                            width: 32,
-                            height: 32,
-                            particles: {
-                                move: {
-                                    direction: engine_1.MoveDirection.bottom,
-                                },
-                            },
-                        },
-                    ],
-                },
-            },
-            size: {
-                value: 16,
-            },
-        },
-        polygon: {
-            draw: {
-                enable: false,
-                stroke: {
-                    color: "#fff",
-                    width: 0.5,
-                    opacity: 0.2,
-                },
-            },
-            move: {
-                radius: 10,
-            },
-            scale: 1,
-            type: "none",
-            url: "",
-        },
-        background: {
-            color: "#fff",
-            image: "",
-            position: "50% 50%",
-            repeat: "no-repeat",
-            size: "cover",
-        },
-    };
-    exports.default = options;
-});

package/umd/i/index.js

@@ -1,25 +0,0 @@
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-(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", "./imageMask.js", "./images.js", "./imagesDirections.js", "./infection.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    const imageMask_js_1 = __importDefault(require("./imageMask.js"));
-    const images_js_1 = __importDefault(require("./images.js"));
-    const imagesDirections_js_1 = __importDefault(require("./imagesDirections.js"));
-    const infection_js_1 = __importDefault(require("./infection.js"));
-    exports.default = {
-        imageMask: imageMask_js_1.default,
-        images: images_js_1.default,
-        imagesDirections: imagesDirections_js_1.default,
-        infection: infection_js_1.default,
-    };
-});

package/umd/i/infection.js

@@ -1,93 +0,0 @@
-(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 });
-    const options = {
-        key: "infection",
-        name: "Infection",
-        infection: {
-            enable: true,
-            infections: 10,
-            cure: true,
-            stages: [
-                {
-                    color: "#ff0000",
-                    duration: 1,
-                },
-                {
-                    color: "#ffa500",
-                    duration: 1,
-                    rate: 2,
-                },
-                {
-                    color: "#ffff00",
-                    duration: 1,
-                    rate: 2,
-                },
-                {
-                    color: "#008000",
-                    duration: 1,
-                    rate: 3,
-                },
-                {
-                    color: "#0000ff",
-                    duration: 1,
-                    rate: 4,
-                },
-                {
-                    color: "#4b0082",
-                    duration: 1,
-                    rate: 5,
-                },
-                {
-                    color: "#ee82ee",
-                    duration: 1,
-                    rate: 6,
-                    infectedStage: 0,
-                },
-            ],
-        },
-        particles: {
-            collisions: {
-                enable: true,
-            },
-            number: {
-                value: 400,
-                density: {
-                    enable: true,
-                },
-            },
-            fill: {
-                color: {
-                    value: "#ffffff",
-                },
-                enable: true,
-            },
-            shape: {
-                type: "circle",
-            },
-            opacity: {
-                value: 0.8,
-            },
-            size: {
-                value: 5,
-            },
-            move: {
-                enable: true,
-                speed: 20,
-                outModes: "bounce",
-            },
-        },
-        background: {
-            color: "#000000",
-        },
-    };
-    exports.default = options;
-});

package/umd/index.js

@@ -1,86 +0,0 @@
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-(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", "./a/index.js", "./b/index.js", "./c/index.js", "./d/index.js", "./e/index.js", "./f/index.js", "./g/index.js", "./h/index.js", "./i/index.js", "./j/index.js", "./k/index.js", "./l/index.js", "./m/index.js", "./n/index.js", "./o/index.js", "./p/index.js", "./palettes.js", "./q/index.js", "./r/index.js", "./s/index.js", "./t/index.js", "./u/index.js", "./v/index.js", "./w/index.js", "./x/index.js", "./y/index.js", "./z/index.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    const engine_1 = require("@tsparticles/engine");
-    const index_js_1 = __importDefault(require("./a/index.js"));
-    const index_js_2 = __importDefault(require("./b/index.js"));
-    const index_js_3 = __importDefault(require("./c/index.js"));
-    const index_js_4 = __importDefault(require("./d/index.js"));
-    const index_js_5 = __importDefault(require("./e/index.js"));
-    const index_js_6 = __importDefault(require("./f/index.js"));
-    const index_js_7 = __importDefault(require("./g/index.js"));
-    const index_js_8 = __importDefault(require("./h/index.js"));
-    const index_js_9 = __importDefault(require("./i/index.js"));
-    const index_js_10 = __importDefault(require("./j/index.js"));
-    const index_js_11 = __importDefault(require("./k/index.js"));
-    const index_js_12 = __importDefault(require("./l/index.js"));
-    const index_js_13 = __importDefault(require("./m/index.js"));
-    const index_js_14 = __importDefault(require("./n/index.js"));
-    const index_js_15 = __importDefault(require("./o/index.js"));
-    const index_js_16 = __importDefault(require("./p/index.js"));
-    const palettes_js_1 = require("./palettes.js");
-    const index_js_17 = __importDefault(require("./q/index.js"));
-    const index_js_18 = __importDefault(require("./r/index.js"));
-    const index_js_19 = __importDefault(require("./s/index.js"));
-    const index_js_20 = __importDefault(require("./t/index.js"));
-    const index_js_21 = __importDefault(require("./u/index.js"));
-    const index_js_22 = __importDefault(require("./v/index.js"));
-    const index_js_23 = __importDefault(require("./w/index.js"));
-    const index_js_24 = __importDefault(require("./x/index.js"));
-    const index_js_25 = __importDefault(require("./y/index.js"));
-    const index_js_26 = __importDefault(require("./z/index.js"));
-    for (const key of Object.keys(palettes_js_1.palettes)) {
-        const palette = palettes_js_1.palettes[key];
-        if (!palette) {
-            continue;
-        }
-        engine_1.tsParticles.pluginManager.addPalette(key, palette);
-    }
-    const configs = {
-        ...index_js_1.default,
-        ...index_js_2.default,
-        ...index_js_3.default,
-        ...index_js_4.default,
-        ...index_js_5.default,
-        ...index_js_6.default,
-        ...index_js_7.default,
-        ...index_js_8.default,
-        ...index_js_9.default,
-        ...index_js_10.default,
-        ...index_js_11.default,
-        ...index_js_12.default,
-        ...index_js_13.default,
-        ...index_js_14.default,
-        ...index_js_15.default,
-        ...index_js_16.default,
-        ...index_js_17.default,
-        ...index_js_18.default,
-        ...index_js_19.default,
-        ...index_js_20.default,
-        ...index_js_21.default,
-        ...index_js_22.default,
-        ...index_js_23.default,
-        ...index_js_24.default,
-        ...index_js_25.default,
-        ...index_js_26.default,
-    };
-    for (const key of Object.keys(configs)) {
-        const config = configs[key];
-        if (!config) {
-            continue;
-        }
-        engine_1.tsParticles.pluginManager.addConfig(config);
-    }
-    exports.default = configs;
-});

package/umd/j/index.js

@@ -1,13 +0,0 @@
-(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.default = {};
-});

package/umd/k/index.js

@@ -1,13 +0,0 @@
-(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.default = {};
-});

package/umd/l/index.js

@@ -1,27 +0,0 @@
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-(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", "./lch.js", "./life.js", "./lightHover.js", "./linkTriangles.js", "./localPolygonMask.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    const lch_js_1 = __importDefault(require("./lch.js"));
-    const life_js_1 = __importDefault(require("./life.js"));
-    const lightHover_js_1 = __importDefault(require("./lightHover.js"));
-    const linkTriangles_js_1 = __importDefault(require("./linkTriangles.js"));
-    const localPolygonMask_js_1 = __importDefault(require("./localPolygonMask.js"));
-    exports.default = {
-        lch: lch_js_1.default,
-        life: life_js_1.default,
-        lightHover: lightHover_js_1.default,
-        linkTriangles: linkTriangles_js_1.default,
-        localPolygonMask: localPolygonMask_js_1.default,
-    };
-});

package/umd/l/lch.js

@@ -1,82 +0,0 @@
-(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 });
-    const options = {
-        key: "lch",
-        name: "LCH",
-        particles: {
-            number: {
-                value: 80,
-                density: {
-                    enable: true,
-                },
-            },
-            fill: {
-                color: {
-                    value: "lch(63.94% 33.1 0.67)",
-                    animation: {
-                        enable: true,
-                        speed: 20,
-                        sync: true,
-                    },
-                },
-                enable: true,
-            },
-            shape: {
-                type: "circle",
-            },
-            opacity: {
-                value: 0.5,
-            },
-            size: {
-                value: {
-                    min: 1,
-                    max: 3,
-                },
-            },
-            links: {
-                enable: true,
-                distance: 150,
-                color: "#ffffff",
-                opacity: 0.4,
-                width: 1,
-            },
-            move: {
-                enable: true,
-                speed: 6,
-            },
-        },
-        interactivity: {
-            events: {
-                onHover: {
-                    enable: true,
-                    mode: "repulse",
-                },
-                onClick: {
-                    enable: true,
-                    mode: "push",
-                },
-            },
-            modes: {
-                repulse: {
-                    distance: 200,
-                },
-                push: {
-                    quantity: 4,
-                },
-            },
-        },
-        background: {
-            color: "#000000",
-        },
-    };
-    exports.default = options;
-});

package/umd/l/life.js

@@ -1,95 +0,0 @@
-(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 });
-    const options = {
-        key: "life",
-        name: "Life",
-        particles: {
-            number: {
-                value: 160,
-                density: {
-                    enable: true,
-                },
-            },
-            fill: {
-                color: {
-                    value: "#ff0000",
-                    animation: {
-                        enable: true,
-                        speed: 20,
-                        sync: true,
-                    },
-                },
-                enable: true,
-            },
-            shape: {
-                type: "circle",
-            },
-            opacity: {
-                value: 0.5,
-            },
-            size: {
-                value: {
-                    min: 1,
-                    max: 3,
-                },
-            },
-            links: {
-                enable: true,
-                distance: 100,
-                color: "#ffffff",
-                opacity: 0.4,
-                width: 1,
-            },
-            move: {
-                enable: true,
-                speed: 6,
-            },
-            life: {
-                duration: {
-                    sync: false,
-                    value: 3,
-                },
-                count: 0,
-                delay: {
-                    value: {
-                        min: 1,
-                        max: 2,
-                    },
-                },
-            },
-        },
-        interactivity: {
-            events: {
-                onHover: {
-                    enable: true,
-                    mode: "repulse",
-                },
-                onClick: {
-                    enable: true,
-                    mode: "push",
-                },
-            },
-            modes: {
-                repulse: {
-                    distance: 200,
-                },
-                push: {
-                    quantity: 4,
-                },
-            },
-        },
-        background: {
-            color: "#000000",
-        },
-    };
-    exports.default = options;
-});

package/umd/l/lightHover.js

@@ -1,85 +0,0 @@
-(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 });
-    const options = {
-        key: "lightHover",
-        name: "Light Hover",
-        particles: {
-            number: {
-                value: 30,
-                density: {
-                    enable: true,
-                },
-            },
-            fill: {
-                color: {
-                    value: "#ff0000",
-                    animation: {
-                        enable: true,
-                        speed: 20,
-                        sync: true,
-                    },
-                },
-                enable: true,
-            },
-            shape: {
-                type: ["circle", "square"],
-            },
-            opacity: {
-                value: 1,
-            },
-            size: {
-                value: {
-                    min: 15,
-                    max: 30,
-                },
-            },
-            rotate: {
-                value: 0,
-                direction: "clockwise",
-                animation: {
-                    speed: 5,
-                    enable: true,
-                },
-            },
-            move: {
-                enable: true,
-                speed: 6,
-                direction: "none",
-            },
-        },
-        interactivity: {
-            events: {
-                onHover: {
-                    enable: true,
-                    mode: "light",
-                },
-            },
-            modes: {
-                light: {
-                    area: {
-                        gradient: {
-                            start: "#3b5e98",
-                            stop: "#17163e",
-                        },
-                    },
-                    shadow: {
-                        color: "#17163e",
-                    },
-                },
-            },
-        },
-        background: {
-            color: "#17163e",
-        },
-    };
-    exports.default = options;
-});