@tsparticles/confetti 3.0.0-beta.0

package/tsparticles.confetti.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see tsparticles.confetti.min.js.LICENSE.txt */
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"),require("@tsparticles/shape-cards"),require("@tsparticles/plugin-emitters"),require("@tsparticles/shape-heart"),require("@tsparticles/shape-image"),require("@tsparticles/updater-life"),require("@tsparticles/plugin-motion"),require("@tsparticles/shape-polygon"),require("@tsparticles/updater-roll"),require("@tsparticles/shape-square"),require("@tsparticles/shape-star"),require("@tsparticles/shape-text"),require("@tsparticles/updater-tilt"),require("@tsparticles/updater-wobble"),require("@tsparticles/move-base"),require("@tsparticles/shape-circle"),require("@tsparticles/updater-color"),require("@tsparticles/updater-opacity"),require("@tsparticles/updater-out-modes"),require("@tsparticles/updater-size"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine","@tsparticles/shape-cards","@tsparticles/plugin-emitters","@tsparticles/shape-heart","@tsparticles/shape-image","@tsparticles/updater-life","@tsparticles/plugin-motion","@tsparticles/shape-polygon","@tsparticles/updater-roll","@tsparticles/shape-square","@tsparticles/shape-star","@tsparticles/shape-text","@tsparticles/updater-tilt","@tsparticles/updater-wobble","@tsparticles/move-base","@tsparticles/shape-circle","@tsparticles/updater-color","@tsparticles/updater-opacity","@tsparticles/updater-out-modes","@tsparticles/updater-size"],t);else{var i="object"==typeof exports?t(require("@tsparticles/engine"),require("@tsparticles/shape-cards"),require("@tsparticles/plugin-emitters"),require("@tsparticles/shape-heart"),require("@tsparticles/shape-image"),require("@tsparticles/updater-life"),require("@tsparticles/plugin-motion"),require("@tsparticles/shape-polygon"),require("@tsparticles/updater-roll"),require("@tsparticles/shape-square"),require("@tsparticles/shape-star"),require("@tsparticles/shape-text"),require("@tsparticles/updater-tilt"),require("@tsparticles/updater-wobble"),require("@tsparticles/move-base"),require("@tsparticles/shape-circle"),require("@tsparticles/updater-color"),require("@tsparticles/updater-opacity"),require("@tsparticles/updater-out-modes"),require("@tsparticles/updater-size")):t(e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window,e.window);for(var a in i)("object"==typeof exports?exports:e)[a]=i[a]}}(this,((e,t,i,a,s,r,o,n,l,c,p,d,u,h,y,v,f,w,m,g)=>(()=>{"use strict";var x={533:t=>{t.exports=e},619:e=>{e.exports=y},68:e=>{e.exports=i},82:e=>{e.exports=o},686:e=>{e.exports=t},163:e=>{e.exports=v},12:e=>{e.exports=a},885:e=>{e.exports=s},907:e=>{e.exports=n},55:e=>{e.exports=c},960:e=>{e.exports=p},727:e=>{e.exports=d},501:e=>{e.exports=f},84:e=>{e.exports=r},446:e=>{e.exports=w},290:e=>{e.exports=m},734:e=>{e.exports=l},2:e=>{e.exports=g},448:e=>{e.exports=u},83:e=>{e.exports=h}},b={};function q(e){var t=b[e];if(void 0!==t)return t.exports;var i=b[e]={exports:{}};return x[e](i,i.exports,q),i.exports}q.d=(e,t)=>{for(var i in t)q.o(t,i)&&!q.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},q.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),q.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var S={};return(()=>{q.r(S),q.d(S,{confetti:()=>I});var e=q(533);class t{constructor(){this.angle=90,this.count=50,this.spread=45,this.startVelocity=45,this.decay=.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=!0,this.shapeOptions={}}get origin(){return{x:this.position.x/100,y:this.position.y/100}}set origin(e){this.position.x=100*e.x,this.position.y=100*e.y}get particleCount(){return this.count}set particleCount(e){this.count=e}load(t){if(!t)return;void 0!==t.angle&&(this.angle=t.angle);const i=t.count??t.particleCount;void 0!==i&&(this.count=i),void 0!==t.spread&&(this.spread=t.spread),void 0!==t.startVelocity&&(this.startVelocity=t.startVelocity),void 0!==t.decay&&(this.decay=t.decay),void 0!==t.gravity&&(this.gravity=t.gravity),void 0!==t.drift&&(this.drift=t.drift),void 0!==t.ticks&&(this.ticks=t.ticks);const a=t.origin;a&&!t.position&&(t.position={x:void 0!==a.x?100*a.x:void 0,y:void 0!==a.y?100*a.y:void 0});const s=t.position;s&&(void 0!==s.x&&(this.position.x=s.x),void 0!==s.y&&(this.position.y=s.y)),void 0!==t.colors&&((0,e.isArray)(t.colors)?this.colors=[...t.colors]:this.colors=t.colors);const r=t.shapeOptions;if(void 0!==r)for(const t in r){const i=r[t];i&&(this.shapeOptions[t]=(0,e.deepExtend)(this.shapeOptions[t]??{},i))}void 0!==t.shapes&&((0,e.isArray)(t.shapes)?this.shapes=[...t.shapes]:this.shapes=t.shapes),void 0!==t.scalar&&(this.scalar=t.scalar),void 0!==t.zIndex&&(this.zIndex=t.zIndex),void 0!==t.disableForReducedMotion&&(this.disableForReducedMotion=t.disableForReducedMotion)}}var i=q(619),a=q(163),s=q(501),r=q(446),o=q(290),n=q(2);var l=q(686),c=q(68),p=q(12),d=q(885),u=q(84),h=q(82),y=q(907),v=q(734);class f{constructor(){this.enable=!1,this.speed=0,this.decay=0,this.sync=!1}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.speed&&(this.speed=(0,e.setRangeValue)(t.speed)),void 0!==t.decay&&(this.decay=(0,e.setRangeValue)(t.decay)),void 0!==t.sync&&(this.sync=t.sync))}}class w extends e.ValueWithRandom{constructor(){super(),this.animation=new f,this.direction="clockwise",this.path=!1,this.value=0}load(e){e&&(super.load(e),void 0!==e.direction&&(this.direction=e.direction),this.animation.load(e.animation),void 0!==e.path&&(this.path=e.path))}}class m{constructor(e){this.container=e}init(t){const i=t.options.rotate;if(!i)return;t.rotate={enable:i.animation.enable,value:(0,e.getRangeValue)(i.value)*Math.PI/180},t.pathRotation=i.path;let a=i.direction;if("random"===a){a=Math.floor(2*(0,e.getRandom)())>0?"counter-clockwise":"clockwise"}switch(a){case"counter-clockwise":case"counterClockwise":t.rotate.status="decreasing";break;case"clockwise":t.rotate.status="increasing"}const s=i.animation;s.enable&&(t.rotate.decay=1-(0,e.getRangeValue)(s.decay),t.rotate.velocity=(0,e.getRangeValue)(s.speed)/360*this.container.retina.reduceFactor,s.sync||(t.rotate.velocity*=(0,e.getRandom)())),t.rotation=t.rotate.value}isEnabled(e){const t=e.options.rotate;return!!t&&(!e.destroyed&&!e.spawning&&t.animation.enable&&!t.path)}loadOptions(e,...t){e.rotate||(e.rotate=new w);for(const i of t)e.rotate.load(i?.rotate)}update(e,t){this.isEnabled(e)&&(!function(e,t){const i=e.rotate,a=e.options.rotate;if(!i||!a)return;const s=a.animation,r=(i.velocity??0)*t.factor,o=2*Math.PI,n=i.decay??1;s.enable&&("increasing"===i.status?(i.value+=r,i.value>o&&(i.value-=o)):(i.value-=r,i.value<0&&(i.value+=o)),i.velocity&&1!==n&&(i.velocity*=n))}(e,t),e.rotation=e.rotate?.value??0)}}var g=q(55),x=q(960),b=q(727),R=q(448),M=q(83);let P=!1,k=!1;const z=new Map;async function O(e){if(!P){if(k)return new Promise((e=>{const t=setInterval((()=>{P&&(clearInterval(t),e())}),100)}));k=!0,await(0,c.loadEmittersPlugin)(e,!1),await(0,h.loadMotionPlugin)(e,!1),await(0,l.loadCardsShape)(e,!1),await(0,p.loadHeartShape)(e,!1),await(0,d.loadImageShape)(e,!1),await(0,y.loadPolygonShape)(e,!1),await(0,g.loadSquareShape)(e,!1),await(0,x.loadStarShape)(e,!1),await(0,b.loadTextShape)(e,!1),await async function(e,t=!0){await e.addParticleUpdater("rotate",(e=>new m(e)),t)}(e,!1),await(0,u.loadLifeUpdater)(e,!1),await(0,v.loadRollUpdater)(e,!1),await(0,R.loadTiltUpdater)(e,!1),await(0,M.loadWobbleUpdater)(e,!1),await async function(e,t=!0){await(0,i.loadBaseMover)(e,!1),await(0,a.loadCircleShape)(e,!1),await(0,s.loadColorUpdater)(e,!1),await(0,r.loadOpacityUpdater)(e,!1),await(0,o.loadOutModesUpdater)(e,!1),await(0,n.loadSizeUpdater)(e,!1),await e.refresh(t)}(e),k=!1,P=!0}}async function V(i){const a=new t;let s;a.load(i.options);const r=1e3*a.ticks/432e3;if(z.has(i.id)&&(s=z.get(i.id),s&&!s.destroyed)){const e=s;if(e.addEmitter)return void e.addEmitter({startCount:a.count,position:a.position,size:{width:0,height:0},rate:{delay:0,quantity:0},life:{duration:.1,count:1},particles:{color:{value:a.colors},shape:{type:a.shapes,options:a.shapeOptions},life:{count:1},opacity:{value:{min:0,max:1},animation:{enable:!0,sync:!0,speed:r,startValue:"max",destroy:"min"}},size:{value:5*a.scalar},move:{angle:{value:a.spread,offset:0},drift:{min:-a.drift,max:a.drift},gravity:{acceleration:9.81*a.gravity},speed:3*a.startVelocity,decay:1-a.decay,direction:-a.angle}}})}const o={fullScreen:{enable:!i.canvas,zIndex:a.zIndex},fpsLimit:120,particles:{number:{value:0},color:{value:a.colors},shape:{type:a.shapes,options:a.shapeOptions},opacity:{value:{min:0,max:1},animation:{enable:!0,sync:!0,speed:r,startValue:"max",destroy:"min"}},size:{value:5*a.scalar},links:{enable:!1},life:{count:1},move:{angle:{value:a.spread,offset:0},drift:{min:-a.drift,max:a.drift},enable:!0,gravity:{enable:!0,acceleration:9.81*a.gravity},speed:3*a.startVelocity,decay:1-a.decay,direction:-a.angle,random:!0,straight:!1,outModes:{default:"none",bottom:"destroy"}},rotate:{value:{min:0,max:360},direction:"random",animation:{enable:!0,speed:60}},tilt:{direction:"random",enable:!0,value:{min:0,max:360},animation:{enable:!0,speed:60}},roll:{darken:{enable:!0,value:25},enable:!0,speed:{min:15,max:25}},wobble:{distance:30,enable:!0,speed:{min:-15,max:15}}},detectRetina:!0,motion:{disable:a.disableForReducedMotion},emitters:{name:"confetti",startCount:a.count,position:a.position,size:{width:0,height:0},rate:{delay:0,quantity:0},life:{duration:.1,count:1}}};return s=await e.tsParticles.load({id:i.id,element:i.canvas,options:o}),z.set(i.id,s),s}async function I(t,i){let a,s;return await O(e.tsParticles),(0,e.isString)(t)?(s=t,a=i??{}):(s="confetti",a=t),V({id:s,options:a})}I.create=async(t,i)=>{if(!t)return I;await O(e.tsParticles);const a=t.getAttribute("id")||"confetti";return t.setAttribute("id",a),async(s,r)=>{let o,n;return(0,e.isString)(s)?(n=s,o=r??i):(n=a,o=s),V({id:n,canvas:t,options:o})}},I.version=e.tsParticles.version,(0,e.isSsr)()||(window.confetti=I)})(),S})()));

package/tsparticles.confetti.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Confetti v3.0.0-beta.0 by Matteo Bruni */

package/types/ConfettiOptions.d.ts

@@ -0,0 +1,25 @@
+import { type ICoordinates, type IOptionLoader, type RecursivePartial, type ShapeData, type SingleOrMultiple } from "@tsparticles/engine";
+import type { IConfettiOptions } from "./IConfettiOptions";
+export declare class ConfettiOptions implements IConfettiOptions, IOptionLoader<IConfettiOptions> {
+    angle: number;
+    colors: SingleOrMultiple<string>;
+    count: number;
+    decay: number;
+    disableForReducedMotion: boolean;
+    drift: number;
+    gravity: number;
+    position: ICoordinates;
+    scalar: number;
+    shapeOptions: ShapeData;
+    shapes: SingleOrMultiple<string>;
+    spread: number;
+    startVelocity: number;
+    ticks: number;
+    zIndex: number;
+    constructor();
+    get origin(): ICoordinates;
+    set origin(value: ICoordinates);
+    get particleCount(): number;
+    set particleCount(value: number);
+    load(data?: RecursivePartial<IConfettiOptions>): void;
+}

package/types/IConfettiOptions.d.ts

@@ -0,0 +1,20 @@
+import type { ICoordinates, SingleOrMultiple } from "@tsparticles/engine";
+export interface IConfettiOptions {
+    angle: number;
+    colors: SingleOrMultiple<string>;
+    count: number;
+    decay: number;
+    disableForReducedMotion: boolean;
+    drift: number;
+    gravity: number;
+    origin: ICoordinates;
+    particleCount: number;
+    position: ICoordinates;
+    scalar: number;
+    shapeOptions: Record<string, SingleOrMultiple<unknown>>;
+    shapes: SingleOrMultiple<string>;
+    spread: number;
+    startVelocity: number;
+    ticks: number;
+    zIndex: number;
+}

package/types/bundle.d.ts

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

package/types/confetti.d.ts

@@ -0,0 +1,18 @@
+import { type Container, type RecursivePartial } from "@tsparticles/engine";
+import type { IConfettiOptions } from "./IConfettiOptions";
+export type ConfettiFirstParam = string | RecursivePartial<IConfettiOptions>;
+declare global {
+    interface Window {
+        confetti: ConfettiFunc & {
+            create: (canvas: HTMLCanvasElement, options: RecursivePartial<IConfettiOptions>) => Promise<ConfettiFunc>;
+            version: string;
+        };
+    }
+}
+type ConfettiFunc = (idOrOptions: ConfettiFirstParam, confettiOptions?: RecursivePartial<IConfettiOptions>) => Promise<Container | undefined>;
+export declare function confetti(idOrOptions: ConfettiFirstParam, confettiOptions?: RecursivePartial<IConfettiOptions>): Promise<Container | undefined>;
+export declare namespace confetti {
+    var create: (canvas: HTMLCanvasElement, options: RecursivePartial<IConfettiOptions>) => Promise<ConfettiFunc>;
+    var version: string;
+}
+export {};

package/types/index.d.ts

@@ -0,0 +1,4 @@
+import type { IConfettiOptions } from "./IConfettiOptions";
+import type { RecursivePartial } from "@tsparticles/engine";
+export type ConfettiOptions = RecursivePartial<IConfettiOptions>;
+export * from "./confetti";

package/umd/ConfettiOptions.js

@@ -0,0 +1,133 @@
+(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 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, 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, engine_1.deepExtend)(this.shapeOptions[shape] ?? {}, item);
+                    }
+                }
+            }
+            if (data.shapes !== undefined) {
+                if ((0, 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;
+});

package/umd/IConfettiOptions.js

@@ -0,0 +1,12 @@
+(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 });
+});

package/umd/bundle.js

@@ -0,0 +1,28 @@
+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", ".", "@tsparticles/engine"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    __exportStar(require("."), exports);
+    __exportStar(require("@tsparticles/engine"), exports);
+});

package/umd/confetti.js

@@ -0,0 +1,314 @@
+(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", "@tsparticles/basic", "@tsparticles/shape-cards", "@tsparticles/plugin-emitters", "@tsparticles/shape-heart", "@tsparticles/shape-image", "@tsparticles/updater-life", "@tsparticles/plugin-motion", "@tsparticles/shape-polygon", "@tsparticles/updater-roll", "@tsparticles/updater-rotate", "@tsparticles/shape-square", "@tsparticles/shape-star", "@tsparticles/shape-text", "@tsparticles/updater-tilt", "@tsparticles/updater-wobble"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.confetti = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    const ConfettiOptions_1 = require("./ConfettiOptions");
+    const basic_1 = require("@tsparticles/basic");
+    const shape_cards_1 = require("@tsparticles/shape-cards");
+    const plugin_emitters_1 = require("@tsparticles/plugin-emitters");
+    const shape_heart_1 = require("@tsparticles/shape-heart");
+    const shape_image_1 = require("@tsparticles/shape-image");
+    const updater_life_1 = require("@tsparticles/updater-life");
+    const plugin_motion_1 = require("@tsparticles/plugin-motion");
+    const shape_polygon_1 = require("@tsparticles/shape-polygon");
+    const updater_roll_1 = require("@tsparticles/updater-roll");
+    const updater_rotate_1 = require("@tsparticles/updater-rotate");
+    const shape_square_1 = require("@tsparticles/shape-square");
+    const shape_star_1 = require("@tsparticles/shape-star");
+    const shape_text_1 = require("@tsparticles/shape-text");
+    const updater_tilt_1 = require("@tsparticles/updater-tilt");
+    const updater_wobble_1 = require("@tsparticles/updater-wobble");
+    let initialized = false;
+    let initializing = false;
+    const ids = new Map();
+    async function initPlugins(engine) {
+        if (initialized) {
+            return;
+        }
+        if (initializing) {
+            return new Promise((resolve) => {
+                const interval = setInterval(() => {
+                    if (!initialized) {
+                        return;
+                    }
+                    clearInterval(interval);
+                    resolve();
+                }, 100);
+            });
+        }
+        initializing = true;
+        await (0, plugin_emitters_1.loadEmittersPlugin)(engine, false);
+        await (0, plugin_motion_1.loadMotionPlugin)(engine, false);
+        await (0, shape_cards_1.loadCardsShape)(engine, false);
+        await (0, shape_heart_1.loadHeartShape)(engine, false);
+        await (0, shape_image_1.loadImageShape)(engine, false);
+        await (0, shape_polygon_1.loadPolygonShape)(engine, false);
+        await (0, shape_square_1.loadSquareShape)(engine, false);
+        await (0, shape_star_1.loadStarShape)(engine, false);
+        await (0, shape_text_1.loadTextShape)(engine, false);
+        await (0, updater_rotate_1.loadRotateUpdater)(engine, false);
+        await (0, updater_life_1.loadLifeUpdater)(engine, false);
+        await (0, updater_roll_1.loadRollUpdater)(engine, false);
+        await (0, updater_tilt_1.loadTiltUpdater)(engine, false);
+        await (0, updater_wobble_1.loadWobbleUpdater)(engine, false);
+        await (0, basic_1.loadBasic)(engine);
+        initializing = false;
+        initialized = true;
+    }
+    async function setConfetti(params) {
+        const actualOptions = new ConfettiOptions_1.ConfettiOptions();
+        actualOptions.load(params.options);
+        let container;
+        const fpsLimit = 120, opacitySpeed = (actualOptions.ticks * 1000) / (3600 * fpsLimit);
+        if (ids.has(params.id)) {
+            container = ids.get(params.id);
+            if (container && !container.destroyed) {
+                const alias = container;
+                if (alias.addEmitter) {
+                    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: {
+                            color: {
+                                value: actualOptions.colors,
+                            },
+                            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: 5 * actualOptions.scalar,
+                            },
+                            move: {
+                                angle: {
+                                    value: actualOptions.spread,
+                                    offset: 0,
+                                },
+                                drift: {
+                                    min: -actualOptions.drift,
+                                    max: actualOptions.drift,
+                                },
+                                gravity: {
+                                    acceleration: actualOptions.gravity * 9.81,
+                                },
+                                speed: actualOptions.startVelocity * 3,
+                                decay: 1 - actualOptions.decay,
+                                direction: -actualOptions.angle,
+                            },
+                        },
+                    });
+                    return;
+                }
+            }
+        }
+        const particlesOptions = {
+            fullScreen: {
+                enable: !params.canvas,
+                zIndex: actualOptions.zIndex,
+            },
+            fpsLimit: 120,
+            particles: {
+                number: {
+                    value: 0,
+                },
+                color: {
+                    value: actualOptions.colors,
+                },
+                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: 5 * 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 * 9.81,
+                    },
+                    speed: actualOptions.startVelocity * 3,
+                    decay: 1 - actualOptions.decay,
+                    direction: -actualOptions.angle,
+                    random: true,
+                    straight: false,
+                    outModes: {
+                        default: "none",
+                        bottom: "destroy",
+                    },
+                },
+                rotate: {
+                    value: {
+                        min: 0,
+                        max: 360,
+                    },
+                    direction: "random",
+                    animation: {
+                        enable: true,
+                        speed: 60,
+                    },
+                },
+                tilt: {
+                    direction: "random",
+                    enable: true,
+                    value: {
+                        min: 0,
+                        max: 360,
+                    },
+                    animation: {
+                        enable: true,
+                        speed: 60,
+                    },
+                },
+                roll: {
+                    darken: {
+                        enable: true,
+                        value: 25,
+                    },
+                    enable: true,
+                    speed: {
+                        min: 15,
+                        max: 25,
+                    },
+                },
+                wobble: {
+                    distance: 30,
+                    enable: true,
+                    speed: {
+                        min: -15,
+                        max: 15,
+                    },
+                },
+            },
+            detectRetina: true,
+            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;
+        let id;
+        if ((0, engine_1.isString)(idOrOptions)) {
+            id = idOrOptions;
+            options = confettiOptions ?? {};
+        }
+        else {
+            id = "confetti";
+            options = idOrOptions;
+        }
+        return setConfetti({
+            id,
+            options,
+        });
+    }
+    exports.confetti = confetti;
+    confetti.create = async (canvas, options) => {
+        if (!canvas) {
+            return confetti;
+        }
+        await initPlugins(engine_1.tsParticles);
+        const id = canvas.getAttribute("id") || "confetti";
+        canvas.setAttribute("id", id);
+        return async (idOrOptions, confettiOptions) => {
+            let subOptions;
+            let 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.version = engine_1.tsParticles.version;
+    if (!(0, engine_1.isSsr)()) {
+        window.confetti = confetti;
+    }
+});

package/umd/index.js

@@ -0,0 +1,27 @@
+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"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    __exportStar(require("./confetti"), exports);
+});