@tsparticles/ribbons 4.0.5

package/tsparticles.ribbons.js

@@ -0,0 +1,424 @@
+(function(g){g.__tsParticlesInternals=g.__tsParticlesInternals||{};g.__tsParticlesInternals.bundles=g.__tsParticlesInternals.bundles||{};g.__tsParticlesInternals.effects=g.__tsParticlesInternals.effects||{};g.__tsParticlesInternals.engine=g.__tsParticlesInternals.engine||{};g.__tsParticlesInternals.interactions=g.__tsParticlesInternals.interactions||{};g.__tsParticlesInternals.palettes=g.__tsParticlesInternals.palettes||{};g.__tsParticlesInternals.paths=g.__tsParticlesInternals.paths||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins.emittersShapes=g.__tsParticlesInternals.plugins.emittersShapes||{};g.__tsParticlesInternals.presets=g.__tsParticlesInternals.presets||{};g.__tsParticlesInternals.shapes=g.__tsParticlesInternals.shapes||{};g.__tsParticlesInternals.updaters=g.__tsParticlesInternals.updaters||{};g.__tsParticlesInternals.utils=g.__tsParticlesInternals.utils||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas.utils=g.__tsParticlesInternals.canvas.utils||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path.utils=g.__tsParticlesInternals.path.utils||{};var __tsProxyFactory=typeof Proxy!=="undefined"?function(obj){return new Proxy(obj,{get:function(target,key){if(!(key in target)){target[key]={};}return target[key];}});}:function(obj){return obj;};g.__tsParticlesInternals.bundles=__tsProxyFactory(g.__tsParticlesInternals.bundles);g.__tsParticlesInternals.effects=__tsProxyFactory(g.__tsParticlesInternals.effects);g.__tsParticlesInternals.interactions=__tsProxyFactory(g.__tsParticlesInternals.interactions);g.__tsParticlesInternals.palettes=__tsProxyFactory(g.__tsParticlesInternals.palettes);g.__tsParticlesInternals.paths=__tsProxyFactory(g.__tsParticlesInternals.paths);g.__tsParticlesInternals.plugins=__tsProxyFactory(g.__tsParticlesInternals.plugins);g.__tsParticlesInternals.plugins.emittersShapes=__tsProxyFactory(g.__tsParticlesInternals.plugins.emittersShapes);g.__tsParticlesInternals.presets=__tsProxyFactory(g.__tsParticlesInternals.presets);g.__tsParticlesInternals.shapes=__tsProxyFactory(g.__tsParticlesInternals.shapes);g.__tsParticlesInternals.updaters=__tsProxyFactory(g.__tsParticlesInternals.updaters);g.__tsParticlesInternals.utils=__tsProxyFactory(g.__tsParticlesInternals.utils);g.__tsParticlesInternals.canvas=__tsProxyFactory(g.__tsParticlesInternals.canvas);g.__tsParticlesInternals.path=__tsProxyFactory(g.__tsParticlesInternals.path);g.tsparticlesInternalExports=g.tsparticlesInternalExports||{};})(typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:this);
+/* tsParticles v4.0.5 */
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/engine'), require('@tsparticles/basic'), require('@tsparticles/plugin-emitters/plugin'), require('@tsparticles/plugin-emitters-shape-square'), require('@tsparticles/updater-life'), require('@tsparticles/plugin-motion'), require('@tsparticles/shape-ribbon')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/engine', '@tsparticles/basic', '@tsparticles/plugin-emitters/plugin', '@tsparticles/plugin-emitters-shape-square', '@tsparticles/updater-life', '@tsparticles/plugin-motion', '@tsparticles/shape-ribbon'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.__tsParticlesInternals = global.__tsParticlesInternals || {}, global.__tsParticlesInternals.bundles = global.__tsParticlesInternals.bundles || {}, global.__tsParticlesInternals.bundles.ribbons = global.__tsParticlesInternals.bundles.ribbons || {}), global.__tsParticlesInternals.engine, global.__tsParticlesInternals.bundles.basic, global.__tsParticlesInternals.plugins["emitters/plugin"], global.__tsParticlesInternals.plugins.emittersShapes.square, global.__tsParticlesInternals.updaters.life, global.__tsParticlesInternals.plugins.motion, global.__tsParticlesInternals.shapes.ribbon));
+})(this, (function (exports, engine, basic, plugin, pluginEmittersShapeSquare, updaterLife, pluginMotion, shapeRibbon) { 'use strict';
+
+    class RibbonsOptions {
+        angle;
+        colors;
+        count;
+        disableForReducedMotion;
+        drift;
+        emitterSize;
+        position;
+        ribbonOptions;
+        scalar;
+        spread;
+        ticks;
+        zIndex;
+        constructor() {
+            this.angle = 90;
+            this.count = 5;
+            this.spread = 0;
+            this.drift = 0;
+            this.emitterSize = {
+                width: 100,
+                height: 0,
+            };
+            this.ticks = 200;
+            this.position = {
+                x: 50,
+                y: 0,
+            };
+            this.colors = ["#FF0055", "#00D1FF", "#FFD23F", "#61FF7E", "#B284FF"];
+            this.ribbonOptions = {
+                angle: 45,
+                darken: {
+                    enable: true,
+                    value: 30,
+                },
+                count: 60,
+                drag: 0.02,
+                mass: 1,
+                oscillationDistance: {
+                    min: 100,
+                    max: 140,
+                },
+                oscillationSpeed: {
+                    min: 3,
+                    max: 5,
+                },
+                particleDist: 8,
+                velocityInherit: {
+                    min: 4,
+                    max: 6,
+                },
+            };
+            this.scalar = 1;
+            this.zIndex = 100;
+            this.disableForReducedMotion = true;
+        }
+        get origin() {
+            return {
+                x: this.position.x / engine.percentDenominator,
+                y: this.position.y / engine.percentDenominator,
+            };
+        }
+        set origin(value) {
+            this.position.x = value.x * engine.percentDenominator;
+            this.position.y = value.y * engine.percentDenominator;
+        }
+        get particleCount() {
+            return this.count;
+        }
+        set particleCount(value) {
+            this.count = value;
+        }
+        load(data) {
+            if (engine.isNull(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.drift !== undefined) {
+                this.drift = data.drift;
+            }
+            if (data.ticks !== undefined) {
+                this.ticks = data.ticks;
+            }
+            if (data.emitterSize) {
+                if (data.emitterSize.width !== undefined) {
+                    this.emitterSize.width = data.emitterSize.width;
+                }
+                if (data.emitterSize.height !== undefined) {
+                    this.emitterSize.height = data.emitterSize.height;
+                }
+            }
+            const origin = data.origin;
+            if (origin && !data.position) {
+                data.position = {
+                    x: origin.x === undefined ? undefined : origin.x * engine.percentDenominator,
+                    y: origin.y === undefined ? undefined : origin.y * engine.percentDenominator,
+                };
+            }
+            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 (engine.isArray(data.colors)) {
+                    this.colors = [...data.colors];
+                }
+                else {
+                    this.colors = data.colors;
+                }
+            }
+            if (data.ribbonOptions !== undefined) {
+                this.ribbonOptions = engine.deepExtend({}, data.ribbonOptions);
+            }
+            if (data.scalar !== undefined) {
+                this.scalar = data.scalar;
+            }
+            if (data.zIndex !== undefined) {
+                this.zIndex = data.zIndex;
+            }
+            if (data.disableForReducedMotion !== undefined) {
+                this.disableForReducedMotion = data.disableForReducedMotion;
+            }
+        }
+    }
+
+    const sizeFactor = 8, emitterTop = 0, ids = new Map();
+    async function addEmitter(container, actualOptions) {
+        await container.addEmitter?.({
+            startCount: actualOptions.count,
+            position: {
+                x: actualOptions.position.x,
+                y: emitterTop,
+            },
+            shape: {
+                type: "square",
+            },
+            size: {
+                width: actualOptions.emitterSize.width,
+                height: actualOptions.emitterSize.height,
+            },
+            rate: {
+                delay: 0,
+                quantity: 0,
+            },
+            life: {
+                duration: 0.1,
+                count: 1,
+            },
+            particles: {
+                paint: {
+                    fill: {
+                        color: {
+                            value: actualOptions.colors,
+                        },
+                        enable: true,
+                    },
+                },
+                shape: {
+                    type: "ribbon",
+                    options: {
+                        ribbon: actualOptions.ribbonOptions,
+                    },
+                },
+                life: {
+                    count: 1,
+                },
+                size: {
+                    value: sizeFactor * actualOptions.scalar,
+                },
+                move: {
+                    direction: "bottom",
+                    enable: true,
+                    outModes: {
+                        top: "none",
+                        default: "destroy",
+                    },
+                    speed: {
+                        min: 4,
+                        max: 6,
+                    },
+                },
+                roll: {
+                    enable: false,
+                },
+                rotate: {
+                    value: 0,
+                    move: false,
+                    animation: {
+                        enable: false,
+                    },
+                },
+                tilt: {
+                    enable: false,
+                },
+                wobble: {
+                    enable: false,
+                },
+            },
+        });
+    }
+    function convertOptions(actualOptions, params) {
+        return {
+            fullScreen: {
+                enable: !params.canvas,
+                zIndex: actualOptions.zIndex,
+            },
+            fpsLimit: 120,
+            particles: {
+                number: {
+                    value: 0,
+                },
+                paint: {
+                    fill: {
+                        color: {
+                            value: actualOptions.colors,
+                        },
+                        enable: true,
+                    },
+                },
+                shape: {
+                    type: "ribbon",
+                    options: {
+                        ribbon: actualOptions.ribbonOptions,
+                    },
+                },
+                size: {
+                    value: sizeFactor * actualOptions.scalar,
+                },
+                links: {
+                    enable: false,
+                },
+                life: {
+                    count: 1,
+                },
+                move: {
+                    direction: "bottom",
+                    enable: true,
+                    outModes: {
+                        top: "none",
+                        default: "destroy",
+                    },
+                    speed: {
+                        min: 4,
+                        max: 6,
+                    },
+                },
+                roll: {
+                    enable: false,
+                },
+                rotate: {
+                    value: 0,
+                    move: false,
+                    animation: {
+                        enable: false,
+                    },
+                },
+                tilt: {
+                    enable: false,
+                },
+                wobble: {
+                    enable: false,
+                },
+            },
+            motion: {
+                disable: actualOptions.disableForReducedMotion,
+            },
+            emitters: {
+                name: "ribbons",
+                startCount: actualOptions.count,
+                position: {
+                    x: actualOptions.position.x,
+                    y: emitterTop,
+                },
+                shape: {
+                    type: "square",
+                },
+                size: {
+                    width: actualOptions.emitterSize.width,
+                    height: actualOptions.emitterSize.height,
+                },
+                rate: {
+                    delay: 0,
+                    quantity: 0,
+                },
+                life: {
+                    duration: 0.1,
+                    count: 1,
+                },
+            },
+        };
+    }
+    async function setRibbons(engine, params) {
+        const actualOptions = new RibbonsOptions();
+        actualOptions.load(params.options);
+        let containerOrPromise = ids.get(params.id);
+        if (containerOrPromise instanceof Promise) {
+            await containerOrPromise;
+            containerOrPromise = ids.get(params.id);
+        }
+        const container = containerOrPromise;
+        if (container && !container.destroyed) {
+            const alias = container;
+            if ("addEmitter" in alias) {
+                await addEmitter(alias, actualOptions);
+                return container;
+            }
+        }
+        const create = async () => {
+            const particlesOptions = convertOptions(actualOptions, params), newContainer = await engine.load({
+                id: params.id,
+                element: params.canvas,
+                options: particlesOptions,
+            });
+            ids.set(params.id, newContainer);
+            return newContainer;
+        }, createPromise = create();
+        ids.set(params.id, createPromise);
+        return createPromise;
+    }
+
+    let initPromise = null;
+    async function doInitPlugins(engine) {
+        engine.checkVersion("4.0.5");
+        await engine.pluginManager.register(async (e) => {
+            const emittersRegister = async (engine) => {
+                await plugin.loadEmittersPluginSimple(engine);
+                await pluginEmittersShapeSquare.loadEmittersShapeSquare(engine);
+            };
+            await Promise.all([
+                basic.loadBasic(e),
+                pluginMotion.loadMotionPlugin(e),
+                emittersRegister(e),
+                shapeRibbon.loadRibbonShape(e),
+                updaterLife.loadLifeUpdater(e),
+            ]);
+        });
+    }
+    async function initPlugins(engine) {
+        if (initPromise) {
+            return initPromise;
+        }
+        initPromise = doInitPlugins(engine);
+        return initPromise;
+    }
+    async function ribbons(idOrOptions, ribbonsOptions) {
+        await initPlugins(engine.tsParticles);
+        let options, id;
+        if (engine.isString(idOrOptions)) {
+            id = idOrOptions;
+            options = ribbonsOptions ?? {};
+        }
+        else {
+            id = "ribbons";
+            options = idOrOptions ?? {};
+        }
+        return setRibbons(engine.tsParticles, {
+            id,
+            options,
+        });
+    }
+    ribbons.create = async (canvas, options = {}) => {
+        await initPlugins(engine.tsParticles);
+        const id = canvas?.getAttribute("id") ?? "ribbons";
+        canvas?.setAttribute("id", id);
+        await setRibbons(engine.tsParticles, {
+            id,
+            canvas: canvas ?? undefined,
+            options,
+        });
+        return async (idOrOptions, subRibbonsOptions) => {
+            let subOptions, subId;
+            if (engine.isString(idOrOptions)) {
+                subId = idOrOptions;
+                subOptions = subRibbonsOptions ?? options;
+            }
+            else {
+                subId = id;
+                subOptions = idOrOptions ?? {};
+            }
+            return setRibbons(engine.tsParticles, {
+                id: subId,
+                canvas: canvas ?? undefined,
+                options: subOptions,
+            });
+        };
+    };
+    ribbons.init = async () => {
+        await initPlugins(engine.tsParticles);
+    };
+    ribbons.version = "4.0.5";
+    globalThis.ribbons = ribbons;
+
+    const globalObject = globalThis;
+    globalObject.ribbons = ribbons;
+
+    exports.ribbons = ribbons;
+
+}));
+globalThis.__tsParticlesInternals = globalThis.__tsParticlesInternals || {};
+if (!globalThis.__tsParticlesInternals.engine || !globalThis.__tsParticlesInternals.engine.tsParticles) {
+  globalThis.__tsParticlesInternals.engine = globalThis.__tsParticlesInternals.bundles.ribbons || {};
+}
+delete (globalThis.window || globalThis).tsparticlesInternalExports;

package/tsparticles.ribbons.min.js

@@ -0,0 +1 @@
+!function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var s="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,s){return s in t||(t[s]={}),t[s]}})}:function(t){return t};t.__tsParticlesInternals.bundles=s(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=s(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=s(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=s(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=s(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=s(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=s(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=s(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=s(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=s(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=s(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=s(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=s(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@tsparticles/engine"),require("@tsparticles/basic"),require("@tsparticles/plugin-emitters/plugin"),require("@tsparticles/plugin-emitters-shape-square"),require("@tsparticles/updater-life"),require("@tsparticles/plugin-motion"),require("@tsparticles/shape-ribbon")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/engine","@tsparticles/basic","@tsparticles/plugin-emitters/plugin","@tsparticles/plugin-emitters-shape-square","@tsparticles/updater-life","@tsparticles/plugin-motion","@tsparticles/shape-ribbon"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.bundles.ribbons=t.__tsParticlesInternals.bundles.ribbons||{}),t.__tsParticlesInternals.engine,t.__tsParticlesInternals.bundles.basic,t.__tsParticlesInternals.plugins["emitters/plugin"],t.__tsParticlesInternals.plugins.emittersShapes.square,t.__tsParticlesInternals.updaters.life,t.__tsParticlesInternals.plugins.motion,t.__tsParticlesInternals.shapes.ribbon)}(this,function(t,s,e,i,n,a,r,l){"use strict";class o{angle;colors;count;disableForReducedMotion;drift;emitterSize;position;ribbonOptions;scalar;spread;ticks;zIndex;constructor(){this.angle=90,this.count=5,this.spread=0,this.drift=0,this.emitterSize={width:100,height:0},this.ticks=200,this.position={x:50,y:0},this.colors=["#FF0055","#00D1FF","#FFD23F","#61FF7E","#B284FF"],this.ribbonOptions={angle:45,darken:{enable:!0,value:30},count:60,drag:.02,mass:1,oscillationDistance:{min:100,max:140},oscillationSpeed:{min:3,max:5},particleDist:8,velocityInherit:{min:4,max:6}},this.scalar=1,this.zIndex=100,this.disableForReducedMotion=!0}get origin(){return{x:this.position.x/s.percentDenominator,y:this.position.y/s.percentDenominator}}set origin(t){this.position.x=t.x*s.percentDenominator,this.position.y=t.y*s.percentDenominator}get particleCount(){return this.count}set particleCount(t){this.count=t}load(t){if(s.isNull(t))return;void 0!==t.angle&&(this.angle=t.angle);const e=t.count??t.particleCount;void 0!==e&&(this.count=e),void 0!==t.spread&&(this.spread=t.spread),void 0!==t.drift&&(this.drift=t.drift),void 0!==t.ticks&&(this.ticks=t.ticks),t.emitterSize&&(void 0!==t.emitterSize.width&&(this.emitterSize.width=t.emitterSize.width),void 0!==t.emitterSize.height&&(this.emitterSize.height=t.emitterSize.height));const i=t.origin;i&&!t.position&&(t.position={x:void 0===i.x?void 0:i.x*s.percentDenominator,y:void 0===i.y?void 0:i.y*s.percentDenominator});const n=t.position;n&&(void 0!==n.x&&(this.position.x=n.x),void 0!==n.y&&(this.position.y=n.y)),void 0!==t.colors&&(s.isArray(t.colors)?this.colors=[...t.colors]:this.colors=t.colors),void 0!==t.ribbonOptions&&(this.ribbonOptions=s.deepExtend({},t.ribbonOptions)),void 0!==t.scalar&&(this.scalar=t.scalar),void 0!==t.zIndex&&(this.zIndex=t.zIndex),void 0!==t.disableForReducedMotion&&(this.disableForReducedMotion=t.disableForReducedMotion)}}const c=new Map;async function _(t,s){const e=new o;e.load(s.options);let i=c.get(s.id);i instanceof Promise&&(await i,i=c.get(s.id));const n=i;if(n&&!n.destroyed){const t=n;if("addEmitter"in t)return await async function(t,s){await(t.addEmitter?.({startCount:s.count,position:{x:s.position.x,y:0},shape:{type:"square"},size:{width:s.emitterSize.width,height:s.emitterSize.height},rate:{delay:0,quantity:0},life:{duration:.1,count:1},particles:{paint:{fill:{color:{value:s.colors},enable:!0}},shape:{type:"ribbon",options:{ribbon:s.ribbonOptions}},life:{count:1},size:{value:8*s.scalar},move:{direction:"bottom",enable:!0,outModes:{top:"none",default:"destroy"},speed:{min:4,max:6}},roll:{enable:!1},rotate:{value:0,move:!1,animation:{enable:!1}},tilt:{enable:!1},wobble:{enable:!1}}}))}(t,e),n}const a=(async()=>{const i=function(t,s){return{fullScreen:{enable:!s.canvas,zIndex:t.zIndex},fpsLimit:120,particles:{number:{value:0},paint:{fill:{color:{value:t.colors},enable:!0}},shape:{type:"ribbon",options:{ribbon:t.ribbonOptions}},size:{value:8*t.scalar},links:{enable:!1},life:{count:1},move:{direction:"bottom",enable:!0,outModes:{top:"none",default:"destroy"},speed:{min:4,max:6}},roll:{enable:!1},rotate:{value:0,move:!1,animation:{enable:!1}},tilt:{enable:!1},wobble:{enable:!1}},motion:{disable:t.disableForReducedMotion},emitters:{name:"ribbons",startCount:t.count,position:{x:t.position.x,y:0},shape:{type:"square"},size:{width:t.emitterSize.width,height:t.emitterSize.height},rate:{delay:0,quantity:0},life:{duration:.1,count:1}}}}(e,s),n=await t.load({id:s.id,element:s.canvas,options:i});return c.set(s.id,n),n})();return c.set(s.id,a),a}let p=null;async function d(t){return p||(p=async function(t){t.checkVersion("4.0.5"),await t.pluginManager.register(async t=>{await Promise.all([e.loadBasic(t),r.loadMotionPlugin(t),(async t=>{await i.loadEmittersPluginSimple(t),await n.loadEmittersShapeSquare(t)})(t),l.loadRibbonShape(t),a.loadLifeUpdater(t)])})}(t),p)}async function u(t,e){let i,n;return await d(s.tsParticles),s.isString(t)?(n=t,i=e??{}):(n="ribbons",i=t??{}),_(s.tsParticles,{id:n,options:i})}u.create=async(t,e={})=>{await d(s.tsParticles);const i=t?.getAttribute("id")??"ribbons";return t?.setAttribute("id",i),await _(s.tsParticles,{id:i,canvas:t??void 0,options:e}),async(n,a)=>{let r,l;return s.isString(n)?(l=n,r=a??e):(l=i,r=n??{}),_(s.tsParticles,{id:l,canvas:t??void 0,options:r})}},u.init=async()=>{await d(s.tsParticles)},u.version="4.0.5",globalThis.ribbons=u;globalThis.ribbons=u,t.ribbons=u}),globalThis.__tsParticlesInternals=globalThis.__tsParticlesInternals||{},globalThis.__tsParticlesInternals.engine&&globalThis.__tsParticlesInternals.engine.tsParticles||(globalThis.__tsParticlesInternals.engine=globalThis.__tsParticlesInternals.bundles.ribbons||{}),delete(globalThis.window||globalThis).tsparticlesInternalExports;

package/types/IRibbonsOptions.d.ts

@@ -0,0 +1,17 @@
+import type { ICoordinates, IDimension, IShapeValues, SingleOrMultiple } from "@tsparticles/engine";
+export interface IRibbonsOptions {
+    angle: number;
+    colors: SingleOrMultiple<string>;
+    count: number;
+    disableForReducedMotion: boolean;
+    drift: number;
+    emitterSize: IDimension;
+    origin: ICoordinates;
+    particleCount: number;
+    position: ICoordinates;
+    ribbonOptions: SingleOrMultiple<IShapeValues>;
+    scalar: number;
+    spread: number;
+    ticks: number;
+    zIndex: number;
+}

package/types/RibbonsOptions.d.ts

@@ -0,0 +1,22 @@
+import { type ICoordinates, type IDimension, type IOptionLoader, type IShapeValues, type RecursivePartial, type SingleOrMultiple } from "@tsparticles/engine";
+import type { IRibbonsOptions } from "./IRibbonsOptions.js";
+export declare class RibbonsOptions implements IRibbonsOptions, IOptionLoader<IRibbonsOptions> {
+    angle: number;
+    colors: SingleOrMultiple<string>;
+    count: number;
+    disableForReducedMotion: boolean;
+    drift: number;
+    emitterSize: IDimension;
+    position: ICoordinates;
+    ribbonOptions: SingleOrMultiple<IShapeValues>;
+    scalar: number;
+    spread: number;
+    ticks: number;
+    zIndex: number;
+    constructor();
+    get origin(): ICoordinates;
+    set origin(value: ICoordinates);
+    get particleCount(): number;
+    set particleCount(value: number);
+    load(data?: RecursivePartial<IRibbonsOptions>): void;
+}

package/types/RibbonsParams.d.ts

@@ -0,0 +1,7 @@
+import type { IRibbonsOptions } from "./IRibbonsOptions.js";
+import type { RecursivePartial } from "@tsparticles/engine";
+export interface RibbonsParams {
+    canvas?: HTMLCanvasElement;
+    id: string;
+    options: RecursivePartial<IRibbonsOptions>;
+}

package/types/browser.d.ts

@@ -0,0 +1 @@
+export * from "./index.js";

package/types/bundle.d.ts

@@ -0,0 +1,2 @@
+export * from "./index.js";
+export * from "@tsparticles/engine";

package/types/index.d.ts

@@ -0,0 +1,5 @@
+import type { IRibbonsOptions } from "./IRibbonsOptions.js";
+import type { RecursivePartial } from "@tsparticles/engine";
+export type RibbonsOptions = RecursivePartial<IRibbonsOptions>;
+export * from "./ribbons.js";
+export type * from "./RibbonsParams.js";

package/types/index.lazy.d.ts

@@ -0,0 +1,5 @@
+import type { IRibbonsOptions } from "./IRibbonsOptions.js";
+import type { RecursivePartial } from "@tsparticles/engine/lazy";
+export type RibbonsOptions = RecursivePartial<IRibbonsOptions>;
+export * from "./ribbons.lazy.js";
+export type * from "./RibbonsParams.js";

package/types/ribbons.d.ts

@@ -0,0 +1,16 @@
+import { type Container, type RecursivePartial } from "@tsparticles/engine";
+import type { RibbonsFirstParam, RibbonsFunc } from "./types.js";
+import type { IRibbonsOptions } from "./IRibbonsOptions.js";
+declare global {
+    var ribbons: RibbonsFunc & {
+        create: (canvas?: HTMLCanvasElement | null, options?: RecursivePartial<IRibbonsOptions>) => Promise<RibbonsFunc>;
+        init: () => Promise<void>;
+        version: string;
+    };
+}
+export declare function ribbons(idOrOptions?: RibbonsFirstParam, ribbonsOptions?: RecursivePartial<IRibbonsOptions>): Promise<Container | undefined>;
+export declare namespace ribbons {
+    var create: (canvas?: HTMLCanvasElement | null, options?: RecursivePartial<IRibbonsOptions>) => Promise<RibbonsFunc>;
+    var init: () => Promise<void>;
+    var version: string;
+}

package/types/ribbons.lazy.d.ts

@@ -0,0 +1,16 @@
+import { type Container, type RecursivePartial } from "@tsparticles/engine/lazy";
+import type { RibbonsFirstParam, RibbonsFunc } from "./types.js";
+import type { IRibbonsOptions } from "./IRibbonsOptions.js";
+declare global {
+    var ribbons: RibbonsFunc & {
+        create: (canvas?: HTMLCanvasElement | null, options?: RecursivePartial<IRibbonsOptions>) => Promise<RibbonsFunc>;
+        init: () => Promise<void>;
+        version: string;
+    };
+}
+export declare function ribbons(idOrOptions?: RibbonsFirstParam, ribbonsOptions?: RecursivePartial<IRibbonsOptions>): Promise<Container | undefined>;
+export declare namespace ribbons {
+    var create: (canvas?: HTMLCanvasElement | null, options?: RecursivePartial<IRibbonsOptions>) => Promise<RibbonsFunc>;
+    var init: () => Promise<void>;
+    var version: string;
+}

package/types/types.d.ts

@@ -0,0 +1,4 @@
+import type { Container, RecursivePartial } from "@tsparticles/engine";
+import type { IRibbonsOptions } from "./IRibbonsOptions.js";
+export type RibbonsFirstParam = string | RecursivePartial<IRibbonsOptions>;
+export type RibbonsFunc = (idOrOptions?: RibbonsFirstParam, ribbonsOptions?: RecursivePartial<IRibbonsOptions>) => Promise<Container | undefined>;

package/types/utils.d.ts

@@ -0,0 +1,7 @@
+import { type Container, type Engine, type ISourceOptions } from "@tsparticles/engine";
+import type { EmitterContainer } from "@tsparticles/plugin-emitters";
+import { RibbonsOptions } from "./RibbonsOptions.js";
+import type { RibbonsParams } from "./RibbonsParams.js";
+export declare function addEmitter(container: EmitterContainer, actualOptions: RibbonsOptions): Promise<void>;
+export declare function convertOptions(actualOptions: RibbonsOptions, params: RibbonsParams): ISourceOptions;
+export declare function setRibbons(engine: Engine, params: RibbonsParams): Promise<Container | undefined>;