@tsparticles/confetti 4.0.0-beta.0 → 4.0.0-beta.10

package/{4292.min.js → 9726.min.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_confetti=this.webpackChunk_tsparticles_confetti||[]).push([[4292],{4292(e,t,i){i.d(t,{TiltUpdater:()=>l});var n,s,a=i(1989);(n=s||(s={})).clockwise="clockwise",n.counterClockwise="counter-clockwise",n.random="random";class o{decay;enable;speed;sync;constructor(){this.enable=!1,this.speed=0,this.decay=0,this.sync=!1}load(e){(0,a.kZJ)(e)||(void 0!==e.enable&&(this.enable=e.enable),void 0!==e.speed&&(this.speed=(0,a.DT4)(e.speed)),void 0!==e.decay&&(this.decay=(0,a.DT4)(e.decay)),void 0!==e.sync&&(this.sync=e.sync))}}class c extends a.PVU{animation;direction;enable;constructor(){super(),this.animation=new o,this.direction=s.clockwise,this.enable=!1,this.value=0}load(e){super.load(e),(0,a.kZJ)(e)||(this.animation.load(e.animation),void 0!==e.direction&&(this.direction=e.direction),void 0!==e.enable&&(this.enable=e.enable))}}class l{container;constructor(e){this.container=e}getTransformValues(e){let t=e.tilt?.enable&&e.tilt;return{b:t?Math.cos(t.value)*t.cosDirection:void 0,c:t?Math.sin(t.value)*t.sinDirection:void 0}}init(e){let t=e.options.tilt;if(!t)return;e.tilt={enable:t.enable,value:(0,a.puj)((0,a.VGA)(t.value)),sinDirection:(0,a.G0i)()>=a.MXx?a.D_O:-a.D_O,cosDirection:(0,a.G0i)()>=a.MXx?a.D_O:-a.D_O,min:0,max:a.R1e};let i=t.direction;switch(i===s.random&&(i=Math.floor((0,a.G0i)()*a.gdl)>0?s.counterClockwise:s.clockwise),i){case s.counterClockwise:case"counterClockwise":e.tilt.status=a.H_P.decreasing;break;case s.clockwise:e.tilt.status=a.H_P.increasing}let n=e.options.tilt?.animation;n?.enable&&(e.tilt.decay=a.D_O-(0,a.VGA)(n.decay),e.tilt.velocity=(0,a.VGA)(n.speed)/360*this.container.retina.reduceFactor,n.sync||(e.tilt.velocity*=(0,a.G0i)()))}isEnabled(e){let t=e.options.tilt?.animation;return!e.destroyed&&!e.spawning&&!!t?.enable}loadOptions(e,...t){for(let i of(e.tilt??=new c,t))e.tilt.load(i?.tilt)}update(e,t){this.isEnabled(e)&&e.tilt&&(0,a.UC0)(e,e.tilt,!1,a.VKE.none,t)}}}}]);
+"use strict";(this.webpackChunk_tsparticles_confetti=this.webpackChunk_tsparticles_confetti||[]).push([[9726],{9726(e,t,i){i.d(t,{TiltUpdater:()=>l});var n,s,a=i(8753);(n=s||(s={})).clockwise="clockwise",n.counterClockwise="counter-clockwise",n.random="random";class o{decay;enable;speed;sync;constructor(){this.enable=!1,this.speed=0,this.decay=0,this.sync=!1}load(e){(0,a.kZJ)(e)||(void 0!==e.enable&&(this.enable=e.enable),void 0!==e.speed&&(this.speed=(0,a.DT4)(e.speed)),void 0!==e.decay&&(this.decay=(0,a.DT4)(e.decay)),void 0!==e.sync&&(this.sync=e.sync))}}class c extends a.PVU{animation;direction;enable;constructor(){super(),this.animation=new o,this.direction=s.clockwise,this.enable=!1,this.value=0}load(e){super.load(e),(0,a.kZJ)(e)||(this.animation.load(e.animation),void 0!==e.direction&&(this.direction=e.direction),void 0!==e.enable&&(this.enable=e.enable))}}class l{container;constructor(e){this.container=e}getTransformValues(e){let t=e.tilt?.enable&&e.tilt;return{b:t?Math.cos(t.value)*t.cosDirection:void 0,c:t?Math.sin(t.value)*t.sinDirection:void 0}}init(e){let t=e.options.tilt;if(!t)return;e.tilt={enable:t.enable,value:(0,a.puj)((0,a.VGA)(t.value)),sinDirection:(0,a.G0i)()>=a.MXx?a.D_O:-a.D_O,cosDirection:(0,a.G0i)()>=a.MXx?a.D_O:-a.D_O,min:0,max:a.R1e};let i=t.direction;switch(i===s.random&&(i=Math.floor((0,a.G0i)()*a.gdl)>0?s.counterClockwise:s.clockwise),i){case s.counterClockwise:case"counterClockwise":e.tilt.status=a.H_P.decreasing;break;case s.clockwise:e.tilt.status=a.H_P.increasing}let n=e.options.tilt?.animation;n?.enable&&(e.tilt.decay=a.D_O-(0,a.VGA)(n.decay),e.tilt.velocity=(0,a.VGA)(n.speed)/360*this.container.retina.reduceFactor,n.sync||(e.tilt.velocity*=(0,a.G0i)()))}isEnabled(e){let t=e.options.tilt?.animation;return!e.destroyed&&!e.spawning&&!!t?.enable}loadOptions(e,...t){for(let i of(e.tilt??=new c,t))e.tilt.load(i?.tilt)}update(e,t){this.isEnabled(e)&&e.tilt&&(0,a.UC0)(e,e.tilt,!1,a.VKE.none,t)}}}}]);

package/980.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_confetti=this.webpackChunk_tsparticles_confetti||[]).push([[980],{980(t,n,e){async function i(t){t.checkVersion("4.0.0-beta.10"),await t.pluginManager.register(async t=>{let{MotionPlugin:n}=await e.e(189).then(e.bind(e,189));t.pluginManager.addPlugin(new n)})}e.r(n),e.d(n,{loadMotionPlugin:()=>i})}}]);

package/{2926.min.js → 9835.min.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_confetti=this.webpackChunk_tsparticles_confetti||[]).push([[2926],{7975(t,e,n){n.d(e,{L:()=>s});var a=n(1989);let r=new Map;class s{draw(t){let{particle:e,radius:n}=t;!function(t,e){let{context:n,radius:s}=t,i=function(t){let e=r.get(t);if(e)return e;let n=a.R1e/t,s=(-Math.PI+(t%a.gdl?0:n))*a.MXx,i=[];for(let e=0;e<t;e++){let t=s+e*n;i[e]={x:Math.cos(t),y:Math.sin(t)}}return r.set(t,i),i}(e.count.numerator/e.count.denominator);n.beginPath();for(let t=0;t<i.length;t++){let e=i[t];if(!e)continue;let a=e.x*s,r=e.y*s;t?n.lineTo(a,r):n.moveTo(a,r)}n.closePath()}(t,this.getSidesData(e,n))}getSidesCount(t){let e=t.shapeData;return Math.round((0,a.VGA)(e?.sides??5))}}},2926(t,e,n){n.d(e,{TriangleDrawer:()=>r});var a=n(7975);class r extends a.L{getSidesCount(){return 3}getSidesData(t,e){return{count:{denominator:1,numerator:3},length:2.66*e/1}}}}}]);
+"use strict";(this.webpackChunk_tsparticles_confetti=this.webpackChunk_tsparticles_confetti||[]).push([[9835],{3392(t,e,n){n.d(e,{L:()=>s});var a=n(8753);let r=new Map;class s{draw(t){let{particle:e,radius:n}=t;!function(t,e){let{context:n,radius:s}=t,i=function(t){let e=r.get(t);if(e)return e;let n=a.R1e/t,s=(-Math.PI+(t%a.gdl?0:n))*a.MXx,i=[];for(let e=0;e<t;e++){let t=s+e*n;i[e]={x:Math.cos(t),y:Math.sin(t)}}return r.set(t,i),i}(e.count.numerator/e.count.denominator);n.beginPath();for(let t=0;t<i.length;t++){let e=i[t];if(!e)continue;let a=e.x*s,r=e.y*s;t?n.lineTo(a,r):n.moveTo(a,r)}n.closePath()}(t,this.getSidesData(e,n))}getSidesCount(t){let e=t.shapeData;return Math.round((0,a.VGA)(e?.sides??5))}}},9835(t,e,n){n.d(e,{TriangleDrawer:()=>r});var a=n(3392);class r extends a.L{getSidesCount(){return 3}getSidesData(t,e){return{count:{denominator:1,numerator:3},length:2.66*e/1}}}}}]);

package/9907.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_confetti=this.webpackChunk_tsparticles_confetti||[]).push([[9907],{9907(e,a,t){async function n(e){e.checkVersion("4.0.0-beta.10"),await e.pluginManager.register(e=>{e.pluginManager.addShape(["edge","square"],async()=>{let{SquareDrawer:e}=await t.e(7175).then(t.bind(t,7175));return new e})})}t.r(a),t.d(a,{loadSquareShape:()=>n})}}]);

package/README.md

@@ -70,6 +70,12 @@ bc --> s
 bc --> u
 ```
 
+## Quick checklist
+
+1. Install `@tsparticles/engine` (or use the CDN bundle below)
+2. Call the package loader function(s) before `tsParticles.load(...)`
+3. Apply the package options in your `tsParticles.load(...)` config
+
 ## How to use it
 
 ### CDN / Vanilla JS / jQuery
@@ -200,3 +206,14 @@ options object without the id, which will be `confetti` by default. The `options
 
 And for those asking, yes you can paste your canvas-confetti code and migrate to tsParticles Confetti without changing a
 thing
+
+## Common pitfalls
+
+- Calling `tsParticles.load(...)` before `package loader(...)`
+- Verify required peer packages before enabling advanced options
+- Change one option group at a time to isolate regressions quickly
+
+## Related docs
+
+- All packages catalog: <https://github.com/tsparticles/tsparticles>
+- Main docs: <https://particles.js.org/docs/>

package/basic_dist_browser_index_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.10
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \**************************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadBasic: () => (/* binding */ loadBasic)\n/* harmony export */ });\nasync function loadBasic(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const [{ loadHexColorPlugin }, { loadHslColorPlugin }, { loadRgbColorPlugin }, { loadMovePlugin }, { loadCircleShape }, { loadFillColorUpdater }, { loadOpacityUpdater }, { loadOutModesUpdater }, { loadSizeUpdater }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"plugins_colors_hex_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-hex-color */ \"../../plugins/colors/hex/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_hsl_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-hsl-color */ \"../../plugins/colors/hsl/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_rgb_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-rgb-color */ \"../../plugins/colors/rgb/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_move_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-move */ \"../../plugins/move/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_circle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-circle */ \"../../shapes/circle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_fillColor_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-fill-color */ \"../../updaters/fillColor/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_opacity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-opacity */ \"../../updaters/opacity/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_outModes_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-out-modes */ \"../../updaters/outModes/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_size_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-size */ \"../../updaters/size/dist/browser/index.js\"))\n        ]);\n        await Promise.all([\n            loadHexColorPlugin(e),\n            loadHslColorPlugin(e),\n            loadRgbColorPlugin(e),\n            loadMovePlugin(e),\n            loadCircleShape(e),\n            loadFillColorUpdater(e),\n            loadOpacityUpdater(e),\n            loadOutModesUpdater(e),\n            loadSizeUpdater(e)\n        ]);\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../basic/dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadBasic: () => (/* binding */ loadBasic)\n/* harmony export */ });\nasync function loadBasic(engine) {\n    engine.checkVersion(\"4.0.0-beta.10\");\n    await engine.pluginManager.register(async (e)=>{\n        const [{ loadHexColorPlugin }, { loadHslColorPlugin }, { loadRgbColorPlugin }, { loadMovePlugin }, { loadCircleShape }, { loadPaintUpdater }, { loadOpacityUpdater }, { loadOutModesUpdater }, { loadSizeUpdater }] = await Promise.all([\n            __webpack_require__.e(/*! import() */ \"plugins_colors_hex_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-hex-color */ \"../../plugins/colors/hex/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_hsl_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-hsl-color */ \"../../plugins/colors/hsl/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_colors_rgb_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-rgb-color */ \"../../plugins/colors/rgb/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"plugins_move_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/plugin-move */ \"../../plugins/move/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"shapes_circle_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/shape-circle */ \"../../shapes/circle/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_paint_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-paint */ \"../../updaters/paint/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_opacity_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-opacity */ \"../../updaters/opacity/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_outModes_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-out-modes */ \"../../updaters/outModes/dist/browser/index.js\")),\n            __webpack_require__.e(/*! import() */ \"updaters_size_dist_browser_index_js\").then(__webpack_require__.bind(__webpack_require__, /*! @tsparticles/updater-size */ \"../../updaters/size/dist/browser/index.js\"))\n        ]);\n        await Promise.all([\n            loadHexColorPlugin(e),\n            loadHslColorPlugin(e),\n            loadRgbColorPlugin(e),\n            loadMovePlugin(e),\n            loadCircleShape(e),\n            loadPaintUpdater(e),\n            loadOpacityUpdater(e),\n            loadOutModesUpdater(e),\n            loadSizeUpdater(e)\n        ]);\n    });\n}\n\n\n//# sourceURL=webpack://@tsparticles/confetti/../basic/dist/browser/index.js?\n}");
 
 /***/ }
 

package/browser/confetti.js

@@ -18,13 +18,13 @@ async function initPlugins(engine) {
         });
     }
     initializing = true;
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(async (e) => {
-        const [{ loadBasic }, { loadEmittersPlugin }, { loadMotionPlugin }, { loadCardSuitsShape }, { loadHeartShape }, { loadImageShape }, { loadPolygonShape }, { loadSquareShape }, { loadStarShape }, { loadEmojiShape }, { loadRotateUpdater }, { loadLifeUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadWobbleUpdater },] = await Promise.all([
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(async (e) => {
+        const [{ loadBasic }, { loadEmittersPluginSimple }, { loadMotionPlugin }, { loadCardSuitsShape }, { loadHeartShape }, { loadImageShape }, { loadPolygonShape }, { loadSquareShape }, { loadStarShape }, { loadEmojiShape }, { loadRotateUpdater }, { loadLifeUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadWobbleUpdater },] = await Promise.all([
             import("@tsparticles/basic"),
-            import("@tsparticles/plugin-emitters"),
+            import("@tsparticles/plugin-emitters/plugin"),
             import("@tsparticles/plugin-motion"),
-            import("@tsparticles/shape-cards"),
+            import("@tsparticles/shape-cards/suits"),
             import("@tsparticles/shape-heart"),
             import("@tsparticles/shape-image"),
             import("@tsparticles/shape-polygon"),
@@ -40,7 +40,7 @@ async function initPlugins(engine) {
         await Promise.all([
             loadBasic(e),
             loadMotionPlugin(e),
-            loadEmittersPlugin(e),
+            loadEmittersPluginSimple(e),
             loadCardSuitsShape(e),
             loadHeartShape(e),
             loadImageShape(e),
@@ -105,6 +105,7 @@ async function setConfetti(params) {
                                 speed: opacitySpeed,
                                 startValue: "max",
                                 destroy: "min",
+                                count: 1,
                             },
                         },
                         size: {
@@ -206,6 +207,7 @@ async function setConfetti(params) {
                     speed: opacitySpeed,
                     startValue: "max",
                     destroy: "min",
+                    count: 1,
                 },
             },
             size: {
@@ -353,5 +355,5 @@ confetti.create = async (canvas, options) => {
 confetti.init = async () => {
     await initPlugins(tsParticles);
 };
-confetti.version = "4.0.0-beta.0";
+confetti.version = "4.0.0-beta.10";
 globalThis.confetti = confetti;

package/cjs/confetti.js

@@ -18,13 +18,13 @@ async function initPlugins(engine) {
         });
     }
     initializing = true;
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(async (e) => {
-        const [{ loadBasic }, { loadEmittersPlugin }, { loadMotionPlugin }, { loadCardSuitsShape }, { loadHeartShape }, { loadImageShape }, { loadPolygonShape }, { loadSquareShape }, { loadStarShape }, { loadEmojiShape }, { loadRotateUpdater }, { loadLifeUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadWobbleUpdater },] = await Promise.all([
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(async (e) => {
+        const [{ loadBasic }, { loadEmittersPluginSimple }, { loadMotionPlugin }, { loadCardSuitsShape }, { loadHeartShape }, { loadImageShape }, { loadPolygonShape }, { loadSquareShape }, { loadStarShape }, { loadEmojiShape }, { loadRotateUpdater }, { loadLifeUpdater }, { loadRollUpdater }, { loadTiltUpdater }, { loadWobbleUpdater },] = await Promise.all([
             import("@tsparticles/basic"),
-            import("@tsparticles/plugin-emitters"),
+            import("@tsparticles/plugin-emitters/plugin"),
             import("@tsparticles/plugin-motion"),
-            import("@tsparticles/shape-cards"),
+            import("@tsparticles/shape-cards/suits"),
             import("@tsparticles/shape-heart"),
             import("@tsparticles/shape-image"),
             import("@tsparticles/shape-polygon"),
@@ -40,7 +40,7 @@ async function initPlugins(engine) {
         await Promise.all([
             loadBasic(e),
             loadMotionPlugin(e),
-            loadEmittersPlugin(e),
+            loadEmittersPluginSimple(e),
             loadCardSuitsShape(e),
             loadHeartShape(e),
             loadImageShape(e),
@@ -105,6 +105,7 @@ async function setConfetti(params) {
                                 speed: opacitySpeed,
                                 startValue: "max",
                                 destroy: "min",
+                                count: 1,
                             },
                         },
                         size: {
@@ -206,6 +207,7 @@ async function setConfetti(params) {
                     speed: opacitySpeed,
                     startValue: "max",
                     destroy: "min",
+                    count: 1,
                 },
             },
             size: {
@@ -353,5 +355,5 @@ confetti.create = async (canvas, options) => {
 confetti.init = async () => {
     await initPlugins(tsParticles);
 };
-confetti.version = "4.0.0-beta.0";
+confetti.version = "4.0.0-beta.10";
 globalThis.confetti = confetti;