tsparticles-confetti/umd/ConfettiOptions.js

Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.

(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 });
    exports.ConfettiOptions = void 0;
    const tsparticles_engine_1 = require("tsparticles-engine");
    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 = ["#26ccff", "#a25afd", "#ff5e7e", "#88ff5a", "#fcff42", "#ffa62d", "#ff36ff"];
            this.shapes = ["square", "circle"];
            this.scalar = 1;
            this.zIndex = 100;
            this.disableForReducedMotion = true;
            this.shapeOptions = {};
        }
        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) {
            if (!data) {
                return;
            }
            if (data.angle !== undefined) {
                this.angle = data.angle;
            }
            const count = data.count ?? 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 origin = data.origin;
            if (origin && !data.position) {
                data.position = {
                    x: origin.x !== undefined ? origin.x * 100 : undefined,
                    y: origin.y !== undefined ? origin.y * 100 : undefined,
                };
            }
            const position = data.position;
            if (position) {
                if (position.x !== undefined) {
                    this.position.x = position.x;
                }
                if (position.y !== undefined) {
                    this.position.y = position.y;
                }
            }
            if (data.colors !== undefined) {
                if ((0, tsparticles_engine_1.isArray)(data.colors)) {
                    this.colors = [...data.colors];
                }
                else {
                    this.colors = data.colors;
                }
            }
            const options = data.shapeOptions;
            if (options !== undefined) {
                for (const shape in options) {
                    const item = options[shape];
                    if (item) {
                        this.shapeOptions[shape] = (0, tsparticles_engine_1.deepExtend)(this.shapeOptions[shape] ?? {}, item);
                    }
                }
            }
            if (data.shapes !== undefined) {
                if ((0, tsparticles_engine_1.isArray)(data.shapes)) {
                    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;
});