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

package/umd/Options/Classes/HslAnimation.js

@@ -1,30 +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", "../../Core/Utils/Constants.js", "./ColorAnimation.js", "../../Utils/TypeUtils.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.HslAnimation = void 0;
-    const Constants_js_1 = require("../../Core/Utils/Constants.js");
-    const ColorAnimation_js_1 = require("./ColorAnimation.js");
-    const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
-    class HslAnimation {
-        h = new ColorAnimation_js_1.ColorAnimation(Constants_js_1.hMin, Constants_js_1.hMax);
-        l = new ColorAnimation_js_1.ColorAnimation(Constants_js_1.lMin, Constants_js_1.lMax);
-        s = new ColorAnimation_js_1.ColorAnimation(Constants_js_1.sMin, Constants_js_1.sMax);
-        load(data) {
-            if ((0, TypeUtils_js_1.isNull)(data)) {
-                return;
-            }
-            this.h.load(data.h);
-            this.s.load(data.s);
-            this.l.load(data.l);
-        }
-    }
-    exports.HslAnimation = HslAnimation;
-});

package/umd/Options/Classes/Options.js

@@ -1,171 +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", "../../Utils/Utils.js", "../../Utils/TypeUtils.js", "./Background/Background.js", "./FullScreen/FullScreen.js", "./ResizeEvent.js", "../../Utils/OptionsUtils.js", "../../Utils/MathUtils.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Options = void 0;
-    const Utils_js_1 = require("../../Utils/Utils.js");
-    const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
-    const Background_js_1 = require("./Background/Background.js");
-    const FullScreen_js_1 = require("./FullScreen/FullScreen.js");
-    const ResizeEvent_js_1 = require("./ResizeEvent.js");
-    const OptionsUtils_js_1 = require("../../Utils/OptionsUtils.js");
-    const MathUtils_js_1 = require("../../Utils/MathUtils.js");
-    class Options {
-        autoPlay;
-        background;
-        clear;
-        defaultThemes;
-        delay;
-        detectRetina;
-        duration;
-        fpsLimit;
-        fullScreen;
-        hdr;
-        key;
-        name;
-        palette;
-        particles;
-        pauseOnBlur;
-        pauseOnOutsideViewport;
-        preset;
-        resize;
-        smooth;
-        style;
-        zLayers;
-        _container;
-        _pluginManager;
-        constructor(pluginManager, container) {
-            this._pluginManager = pluginManager;
-            this._container = container;
-            this.autoPlay = true;
-            this.background = new Background_js_1.Background();
-            this.clear = true;
-            this.defaultThemes = {};
-            this.delay = 0;
-            this.fullScreen = new FullScreen_js_1.FullScreen();
-            this.detectRetina = true;
-            this.duration = 0;
-            this.fpsLimit = 120;
-            this.hdr = true;
-            this.particles = (0, OptionsUtils_js_1.loadParticlesOptions)(this._pluginManager, this._container);
-            this.pauseOnBlur = true;
-            this.pauseOnOutsideViewport = true;
-            this.resize = new ResizeEvent_js_1.ResizeEvent();
-            this.smooth = false;
-            this.style = {};
-            this.zLayers = 100;
-        }
-        load(data) {
-            if ((0, TypeUtils_js_1.isNull)(data)) {
-                return;
-            }
-            if (data.preset !== undefined) {
-                this.preset = data.preset;
-                (0, Utils_js_1.executeOnSingleOrMultiple)(this.preset, preset => {
-                    this._importPreset(preset);
-                });
-            }
-            if (data.palette !== undefined) {
-                this.palette = data.palette;
-                this._importPalette(this.palette);
-            }
-            if (data.autoPlay !== undefined) {
-                this.autoPlay = data.autoPlay;
-            }
-            if (data.clear !== undefined) {
-                this.clear = data.clear;
-            }
-            if (data.key !== undefined) {
-                this.key = data.key;
-            }
-            if (data.name !== undefined) {
-                this.name = data.name;
-            }
-            if (data.delay !== undefined) {
-                this.delay = (0, MathUtils_js_1.setRangeValue)(data.delay);
-            }
-            const detectRetina = data.detectRetina;
-            if (detectRetina !== undefined) {
-                this.detectRetina = detectRetina;
-            }
-            if (data.duration !== undefined) {
-                this.duration = (0, MathUtils_js_1.setRangeValue)(data.duration);
-            }
-            const fpsLimit = data.fpsLimit;
-            if (fpsLimit !== undefined) {
-                this.fpsLimit = fpsLimit;
-            }
-            if (data.hdr !== undefined) {
-                this.hdr = data.hdr;
-            }
-            if (data.pauseOnBlur !== undefined) {
-                this.pauseOnBlur = data.pauseOnBlur;
-            }
-            if (data.pauseOnOutsideViewport !== undefined) {
-                this.pauseOnOutsideViewport = data.pauseOnOutsideViewport;
-            }
-            if (data.zLayers !== undefined) {
-                this.zLayers = data.zLayers;
-            }
-            this.background.load(data.background);
-            const fullScreen = data.fullScreen;
-            if ((0, TypeUtils_js_1.isBoolean)(fullScreen)) {
-                this.fullScreen.enable = fullScreen;
-            }
-            else {
-                this.fullScreen.load(fullScreen);
-            }
-            this.particles.load(data.particles);
-            this.resize.load(data.resize);
-            this.style = (0, Utils_js_1.deepExtend)(this.style, data.style);
-            if (data.smooth !== undefined) {
-                this.smooth = data.smooth;
-            }
-            this._pluginManager.plugins.forEach(plugin => {
-                plugin.loadOptions(this._container, this, data);
-            });
-        }
-        _importPalette = palette => {
-            const paletteData = this._pluginManager.getPalette(palette);
-            if (!paletteData) {
-                return;
-            }
-            this.load({
-                background: {
-                    color: paletteData.background,
-                },
-                blend: {
-                    enable: true,
-                    mode: paletteData.blendMode,
-                },
-                particles: {
-                    fill: {
-                        color: paletteData.fill
-                            ? {
-                                value: paletteData.colors,
-                            }
-                            : undefined,
-                        enable: paletteData.fill,
-                    },
-                    stroke: !paletteData.fill
-                        ? paletteData.colors.map(color => ({
-                            color: { value: color },
-                            width: 1,
-                        }))
-                        : undefined,
-                },
-            });
-        };
-        _importPreset = preset => {
-            this.load(this._pluginManager.getPreset(preset));
-        };
-    }
-    exports.Options = Options;
-});

package/umd/Options/Classes/OptionsColor.js

@@ -1,42 +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", "../../Utils/TypeUtils.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.OptionsColor = void 0;
-    const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
-    class OptionsColor {
-        value;
-        constructor() {
-            this.value = "";
-        }
-        static create(source, data) {
-            const color = new OptionsColor();
-            color.load(source);
-            if (data !== undefined) {
-                if ((0, TypeUtils_js_1.isString)(data) || (0, TypeUtils_js_1.isArray)(data)) {
-                    color.load({ value: data });
-                }
-                else {
-                    color.load(data);
-                }
-            }
-            return color;
-        }
-        load(data) {
-            if ((0, TypeUtils_js_1.isNull)(data)) {
-                return;
-            }
-            if (!(0, TypeUtils_js_1.isNull)(data.value)) {
-                this.value = data.value;
-            }
-        }
-    }
-    exports.OptionsColor = OptionsColor;
-});

package/umd/Options/Classes/Particles/Bounce/ParticlesBounce.js

@@ -1,31 +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", "./ParticlesBounceFactor.js", "../../../../Utils/TypeUtils.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.ParticlesBounce = void 0;
-    const ParticlesBounceFactor_js_1 = require("./ParticlesBounceFactor.js");
-    const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
-    class ParticlesBounce {
-        horizontal;
-        vertical;
-        constructor() {
-            this.horizontal = new ParticlesBounceFactor_js_1.ParticlesBounceFactor();
-            this.vertical = new ParticlesBounceFactor_js_1.ParticlesBounceFactor();
-        }
-        load(data) {
-            if ((0, TypeUtils_js_1.isNull)(data)) {
-                return;
-            }
-            this.horizontal.load(data.horizontal);
-            this.vertical.load(data.vertical);
-        }
-    }
-    exports.ParticlesBounce = ParticlesBounce;
-});

package/umd/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js

@@ -1,21 +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", "../../ValueWithRandom.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.ParticlesBounceFactor = void 0;
-    const ValueWithRandom_js_1 = require("../../ValueWithRandom.js");
-    class ParticlesBounceFactor extends ValueWithRandom_js_1.ValueWithRandom {
-        constructor() {
-            super();
-            this.value = 1;
-        }
-    }
-    exports.ParticlesBounceFactor = ParticlesBounceFactor;
-});

package/umd/Options/Classes/Particles/Effect/Effect.js

@@ -1,46 +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", "../../../../Utils/Utils.js", "../../../../Utils/TypeUtils.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Effect = void 0;
-    const Utils_js_1 = require("../../../../Utils/Utils.js");
-    const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
-    class Effect {
-        close;
-        options;
-        type;
-        constructor() {
-            this.close = true;
-            this.options = {};
-            this.type = [];
-        }
-        load(data) {
-            if ((0, TypeUtils_js_1.isNull)(data)) {
-                return;
-            }
-            const options = data.options;
-            if (options !== undefined) {
-                for (const effect in options) {
-                    const item = options[effect];
-                    if (item) {
-                        this.options[effect] = (0, Utils_js_1.deepExtend)(this.options[effect] ?? {}, item);
-                    }
-                }
-            }
-            if (data.close !== undefined) {
-                this.close = data.close;
-            }
-            if (data.type !== undefined) {
-                this.type = data.type;
-            }
-        }
-    }
-    exports.Effect = Effect;
-});

package/umd/Options/Classes/Particles/Fill.js

@@ -1,42 +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", "../AnimatableColor.js", "../../../Utils/TypeUtils.js", "../../../Utils/MathUtils.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Fill = void 0;
-    const AnimatableColor_js_1 = require("../AnimatableColor.js");
-    const TypeUtils_js_1 = require("../../../Utils/TypeUtils.js");
-    const MathUtils_js_1 = require("../../../Utils/MathUtils.js");
-    class Fill {
-        color;
-        enable;
-        opacity;
-        constructor() {
-            this.enable = true;
-            this.color = new AnimatableColor_js_1.AnimatableColor();
-            this.color.value = "#fff";
-            this.opacity = 1;
-        }
-        load(data) {
-            if ((0, TypeUtils_js_1.isNull)(data)) {
-                return;
-            }
-            if (data.color !== undefined) {
-                this.color = AnimatableColor_js_1.AnimatableColor.create(this.color, data.color);
-            }
-            if (data.enable !== undefined) {
-                this.enable = data.enable;
-            }
-            if (data.opacity !== undefined) {
-                this.opacity = (0, MathUtils_js_1.setRangeValue)(data.opacity);
-            }
-        }
-    }
-    exports.Fill = Fill;
-});

package/umd/Options/Classes/Particles/Move/Move.js

@@ -1,120 +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", "../../../../Enums/Directions/MoveDirection.js", "../../../../Utils/TypeUtils.js", "./MoveAngle.js", "./MoveCenter.js", "./MoveGravity.js", "./Path/MovePath.js", "./OutModes.js", "./Spin.js", "../../../../Utils/MathUtils.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Move = void 0;
-    const MoveDirection_js_1 = require("../../../../Enums/Directions/MoveDirection.js");
-    const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
-    const MoveAngle_js_1 = require("./MoveAngle.js");
-    const MoveCenter_js_1 = require("./MoveCenter.js");
-    const MoveGravity_js_1 = require("./MoveGravity.js");
-    const MovePath_js_1 = require("./Path/MovePath.js");
-    const OutModes_js_1 = require("./OutModes.js");
-    const Spin_js_1 = require("./Spin.js");
-    const MathUtils_js_1 = require("../../../../Utils/MathUtils.js");
-    class Move {
-        angle;
-        center;
-        decay;
-        direction;
-        distance;
-        drift;
-        enable;
-        gravity;
-        outModes;
-        path;
-        random;
-        size;
-        speed;
-        spin;
-        straight;
-        vibrate;
-        warp;
-        constructor() {
-            this.angle = new MoveAngle_js_1.MoveAngle();
-            this.center = new MoveCenter_js_1.MoveCenter();
-            this.decay = 0;
-            this.distance = {};
-            this.direction = MoveDirection_js_1.MoveDirection.none;
-            this.drift = 0;
-            this.enable = false;
-            this.gravity = new MoveGravity_js_1.MoveGravity();
-            this.path = new MovePath_js_1.MovePath();
-            this.outModes = new OutModes_js_1.OutModes();
-            this.random = false;
-            this.size = false;
-            this.speed = 2;
-            this.spin = new Spin_js_1.Spin();
-            this.straight = false;
-            this.vibrate = false;
-            this.warp = false;
-        }
-        load(data) {
-            if ((0, TypeUtils_js_1.isNull)(data)) {
-                return;
-            }
-            this.angle.load((0, TypeUtils_js_1.isNumber)(data.angle) ? { value: data.angle } : data.angle);
-            this.center.load(data.center);
-            if (data.decay !== undefined) {
-                this.decay = (0, MathUtils_js_1.setRangeValue)(data.decay);
-            }
-            if (data.direction !== undefined) {
-                this.direction = data.direction;
-            }
-            if (data.distance !== undefined) {
-                this.distance = (0, TypeUtils_js_1.isNumber)(data.distance)
-                    ? {
-                        horizontal: data.distance,
-                        vertical: data.distance,
-                    }
-                    : { ...data.distance };
-            }
-            if (data.drift !== undefined) {
-                this.drift = (0, MathUtils_js_1.setRangeValue)(data.drift);
-            }
-            if (data.enable !== undefined) {
-                this.enable = data.enable;
-            }
-            this.gravity.load(data.gravity);
-            const outModes = data.outModes;
-            if (outModes !== undefined) {
-                if ((0, TypeUtils_js_1.isObject)(outModes)) {
-                    this.outModes.load(outModes);
-                }
-                else {
-                    this.outModes.load({
-                        default: outModes,
-                    });
-                }
-            }
-            this.path.load(data.path);
-            if (data.random !== undefined) {
-                this.random = data.random;
-            }
-            if (data.size !== undefined) {
-                this.size = data.size;
-            }
-            if (data.speed !== undefined) {
-                this.speed = (0, MathUtils_js_1.setRangeValue)(data.speed);
-            }
-            this.spin.load(data.spin);
-            if (data.straight !== undefined) {
-                this.straight = data.straight;
-            }
-            if (data.vibrate !== undefined) {
-                this.vibrate = data.vibrate;
-            }
-            if (data.warp !== undefined) {
-                this.warp = data.warp;
-            }
-        }
-    }
-    exports.Move = Move;
-});

package/umd/Options/Classes/Particles/Move/MoveAngle.js

@@ -1,35 +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", "../../../../Utils/TypeUtils.js", "../../../../Utils/MathUtils.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.MoveAngle = void 0;
-    const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
-    const MathUtils_js_1 = require("../../../../Utils/MathUtils.js");
-    class MoveAngle {
-        offset;
-        value;
-        constructor() {
-            this.offset = 0;
-            this.value = 90;
-        }
-        load(data) {
-            if ((0, TypeUtils_js_1.isNull)(data)) {
-                return;
-            }
-            if (data.offset !== undefined) {
-                this.offset = (0, MathUtils_js_1.setRangeValue)(data.offset);
-            }
-            if (data.value !== undefined) {
-                this.value = (0, MathUtils_js_1.setRangeValue)(data.value);
-            }
-        }
-    }
-    exports.MoveAngle = MoveAngle;
-});

package/umd/Options/Classes/Particles/Move/MoveCenter.js

@@ -1,45 +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", "../../../../Enums/Modes/PixelMode.js", "../../../../Utils/TypeUtils.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.MoveCenter = void 0;
-    const PixelMode_js_1 = require("../../../../Enums/Modes/PixelMode.js");
-    const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
-    class MoveCenter {
-        mode;
-        radius;
-        x;
-        y;
-        constructor() {
-            this.x = 50;
-            this.y = 50;
-            this.mode = PixelMode_js_1.PixelMode.percent;
-            this.radius = 0;
-        }
-        load(data) {
-            if ((0, TypeUtils_js_1.isNull)(data)) {
-                return;
-            }
-            if (data.x !== undefined) {
-                this.x = data.x;
-            }
-            if (data.y !== undefined) {
-                this.y = data.y;
-            }
-            if (data.mode !== undefined) {
-                this.mode = data.mode;
-            }
-            if (data.radius !== undefined) {
-                this.radius = data.radius;
-            }
-        }
-    }
-    exports.MoveCenter = MoveCenter;
-});

package/umd/Options/Classes/Particles/Move/MoveGravity.js

@@ -1,45 +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", "../../../../Utils/TypeUtils.js", "../../../../Utils/MathUtils.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.MoveGravity = void 0;
-    const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
-    const MathUtils_js_1 = require("../../../../Utils/MathUtils.js");
-    class MoveGravity {
-        acceleration;
-        enable;
-        inverse;
-        maxSpeed;
-        constructor() {
-            this.acceleration = 9.81;
-            this.enable = false;
-            this.inverse = false;
-            this.maxSpeed = 50;
-        }
-        load(data) {
-            if ((0, TypeUtils_js_1.isNull)(data)) {
-                return;
-            }
-            if (data.acceleration !== undefined) {
-                this.acceleration = (0, MathUtils_js_1.setRangeValue)(data.acceleration);
-            }
-            if (data.enable !== undefined) {
-                this.enable = data.enable;
-            }
-            if (data.inverse !== undefined) {
-                this.inverse = data.inverse;
-            }
-            if (data.maxSpeed !== undefined) {
-                this.maxSpeed = (0, MathUtils_js_1.setRangeValue)(data.maxSpeed);
-            }
-        }
-    }
-    exports.MoveGravity = MoveGravity;
-});

package/umd/Options/Classes/Particles/Move/OutModes.js

@@ -1,38 +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", "../../../../Enums/Modes/OutMode.js", "../../../../Utils/TypeUtils.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.OutModes = void 0;
-    const OutMode_js_1 = require("../../../../Enums/Modes/OutMode.js");
-    const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
-    class OutModes {
-        bottom;
-        default;
-        left;
-        right;
-        top;
-        constructor() {
-            this.default = OutMode_js_1.OutMode.out;
-        }
-        load(data) {
-            if ((0, TypeUtils_js_1.isNull)(data)) {
-                return;
-            }
-            if (data.default !== undefined) {
-                this.default = data.default;
-            }
-            this.bottom = data.bottom ?? data.default;
-            this.left = data.left ?? data.default;
-            this.right = data.right ?? data.default;
-            this.top = data.top ?? data.default;
-        }
-    }
-    exports.OutModes = OutModes;
-});