@tsparticles/preset-matrix 4.0.0-alpha.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (89) hide show
  1. package/172.min.js +1 -0
  2. package/188.min.js +1 -0
  3. package/304.min.js +1 -0
  4. package/361.min.js +1 -0
  5. package/376.min.js +1 -0
  6. package/392.min.js +1 -0
  7. package/399.min.js +1 -0
  8. package/404.min.js +1 -0
  9. package/422.min.js +1 -0
  10. package/467.min.js +1 -0
  11. package/48.min.js +1 -0
  12. package/502.min.js +1 -0
  13. package/516.min.js +1 -0
  14. package/592.min.js +1 -0
  15. package/60.min.js +1 -0
  16. package/63.min.js +1 -0
  17. package/632.min.js +1 -0
  18. package/659.min.js +1 -0
  19. package/700.min.js +1 -0
  20. package/702.min.js +1 -0
  21. package/714.min.js +1 -0
  22. package/719.min.js +1 -0
  23. package/72.min.js +1 -0
  24. package/74.min.js +1 -0
  25. package/742.min.js +1 -0
  26. package/750.min.js +1 -0
  27. package/806.min.js +1 -0
  28. package/807.min.js +1 -0
  29. package/857.min.js +1 -0
  30. package/86.min.js +1 -0
  31. package/892.min.js +1 -0
  32. package/900.min.js +1 -0
  33. package/957.min.js +1 -0
  34. package/LICENSE +21 -0
  35. package/README.md +101 -0
  36. package/browser/bundle.js +2 -0
  37. package/browser/index.js +21 -0
  38. package/browser/options.js +77 -0
  39. package/browser/package.json +1 -0
  40. package/cjs/bundle.js +2 -0
  41. package/cjs/index.js +21 -0
  42. package/cjs/options.js +77 -0
  43. package/cjs/package.json +1 -0
  44. package/dist_browser_options_js.js +30 -0
  45. package/esm/bundle.js +2 -0
  46. package/esm/index.js +21 -0
  47. package/esm/options.js +77 -0
  48. package/esm/package.json +1 -0
  49. package/node_modules_pnpm_tsparticles_basic_4_0_0-beta_11_node_modules_tsparticles_basic_browser_index_js.js +30 -0
  50. package/node_modules_pnpm_tsparticles_effect-shadow_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_11_n-25d416.js +30 -0
  51. package/node_modules_pnpm_tsparticles_effect-shadow_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_11_n-c04ea1.js +30 -0
  52. package/node_modules_pnpm_tsparticles_plugin-hex-color_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_1-5e0ff2.js +30 -0
  53. package/node_modules_pnpm_tsparticles_plugin-hex-color_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_1-b0d0ee.js +30 -0
  54. package/node_modules_pnpm_tsparticles_plugin-hsl-color_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_1-060416.js +30 -0
  55. package/node_modules_pnpm_tsparticles_plugin-hsl-color_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_1-a6d106.js +30 -0
  56. package/node_modules_pnpm_tsparticles_plugin-move_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_11_nod-3a792b.js +30 -0
  57. package/node_modules_pnpm_tsparticles_plugin-move_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_11_nod-e1bc4b.js +30 -0
  58. package/node_modules_pnpm_tsparticles_plugin-poisson-disc_4_0_0-beta_11__tsparticles_engine_4_0_0-bet-16f478.js +30 -0
  59. package/node_modules_pnpm_tsparticles_plugin-poisson-disc_4_0_0-beta_11__tsparticles_engine_4_0_0-bet-c97c99.js +30 -0
  60. package/node_modules_pnpm_tsparticles_plugin-poisson-disc_4_0_0-beta_11__tsparticles_engine_4_0_0-bet-e85bcc.js +40 -0
  61. package/node_modules_pnpm_tsparticles_plugin-poisson-disc_4_0_0-beta_11__tsparticles_engine_4_0_0-bet-fd6d1f.js +30 -0
  62. package/node_modules_pnpm_tsparticles_plugin-rgb-color_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_1-d9836d.js +30 -0
  63. package/node_modules_pnpm_tsparticles_plugin-rgb-color_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_1-f22022.js +30 -0
  64. package/node_modules_pnpm_tsparticles_plugin-trail_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_11_no-55ae1e.js +30 -0
  65. package/node_modules_pnpm_tsparticles_plugin-trail_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_11_no-d87ffb.js +50 -0
  66. package/node_modules_pnpm_tsparticles_plugin-trail_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_11_no-d97f2b.js +30 -0
  67. package/node_modules_pnpm_tsparticles_shape-circle_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_11_no-7552ae.js +40 -0
  68. package/node_modules_pnpm_tsparticles_shape-circle_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_11_no-b06fc7.js +30 -0
  69. package/node_modules_pnpm_tsparticles_shape-matrix_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_11_no-375473.js +40 -0
  70. package/node_modules_pnpm_tsparticles_shape-matrix_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_11_no-856919.js +30 -0
  71. package/node_modules_pnpm_tsparticles_updater-opacity_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_11-8f9e09.js +30 -0
  72. package/node_modules_pnpm_tsparticles_updater-opacity_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_11-da77ce.js +30 -0
  73. package/node_modules_pnpm_tsparticles_updater-out-modes_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_-df7144.js +30 -0
  74. package/node_modules_pnpm_tsparticles_updater-paint_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_11_n-589482.js +30 -0
  75. package/node_modules_pnpm_tsparticles_updater-paint_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_11_n-b1f330.js +30 -0
  76. package/node_modules_pnpm_tsparticles_updater-size_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_11_no-a47b81.js +30 -0
  77. package/node_modules_pnpm_tsparticles_updater-size_4_0_0-beta_11__tsparticles_engine_4_0_0-beta_11_no-d2508a.js +30 -0
  78. package/package.json +113 -0
  79. package/report.html +95 -0
  80. package/tsparticles.preset.matrix.bundle.js +967 -0
  81. package/tsparticles.preset.matrix.bundle.min.js +2 -0
  82. package/tsparticles.preset.matrix.js +387 -0
  83. package/tsparticles.preset.matrix.min.js +2 -0
  84. package/types/bundle.d.ts +2 -0
  85. package/types/index.d.ts +2 -0
  86. package/types/options.d.ts +2 -0
  87. package/vendors-node_modules_pnpm_tsparticles_engine_4_0_0-beta_11_node_modules_tsparticles_engine_br-ca098e.js +100 -0
  88. package/vendors-node_modules_pnpm_tsparticles_plugin-move_4_0_0-beta_11__tsparticles_engine_4_0_0-bet-5f2b78.js +40 -0
  89. package/vendors-node_modules_pnpm_tsparticles_updater-out-modes_4_0_0-beta_11__tsparticles_engine_4_0-09fa1a.js +80 -0
package/172.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[172],{3172(e,t,n){n.d(t,{MovePlugin:()=>i});class i{id="move";_pluginManager;constructor(e){this._pluginManager=e}async getPlugin(e){let{MovePluginInstance:t}=await n.e(714).then(n.bind(n,6714));return new t(this._pluginManager,e)}loadOptions(){}needsPlugin(){return!0}}}}]);
package/188.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[188],{188(e,a,t){t.d(a,{CircleDrawer:()=>r});var i=t(3227);class r{draw(e){!function(e){let{context:a,particle:t,radius:r}=e;t.circleRange??={min:0,max:i.R1e};let n=t.circleRange;a.arc(i.boI.x,i.boI.y,r,n.min,n.max,!1)}(e)}getSidesCount(){return 12}particleInit(e,a){let t=a.shapeData,r=t?.angle??{max:360,min:0};a.circleRange=(0,i.Gvm)(r)?{min:(0,i.puj)(r.min),max:(0,i.puj)(r.max)}:{min:0,max:(0,i.puj)(r)}}}}}]);
package/304.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[304],{8304(e,t,a){async function i(e){e.checkVersion("4.0.0-beta.11"),await e.pluginManager.register(e=>{e.pluginManager.addParticleUpdater("size",async e=>{let{SizeUpdater:t}=await a.e(750).then(a.bind(a,4750));return new t(e)})})}a.r(t),a.d(t,{loadSizeUpdater:()=>i})}}]);
package/361.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[361],{1361(e,t,a){a.r(t),a.d(t,{options:()=>i});let i={fpsLimit:30,particles:{number:{value:300,density:{enable:!0}},paint:{fill:{color:{value:{h:120,s:100,l:50},animation:{l:{enable:!0,speed:70,sync:!1,min:30,max:100}}},enable:!0}},shape:{type:"matrix",options:{matrix:{interval:{min:30,max:60}}}},effect:{type:"shadow",options:{shadow:{color:"#00ff41",blur:7}}},size:{value:10},move:{enable:!0,direction:"bottom",straight:!0,speed:{min:8,max:15}}},trail:{enable:!0,length:10,fill:{color:"#000"}},poisson:{enable:!0},background:{color:"#000000"}}}}]);
package/376.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[376],{8376(s,i,e){e.d(i,{PoissonDiscPlugin:()=>r});var n=e(3227);class t{dimensions;enable;radius;retries;steps;constructor(){this.enable=!1,this.dimensions=2,this.radius=0,this.retries=30,this.steps=0}load(s){(0,n.kZJ)(s)||(void 0!==s.enable&&(this.enable=s.enable),void 0!==s.dimensions&&(this.dimensions=s.dimensions),void 0!==s.radius&&(this.radius=s.radius),void 0!==s.retries&&(this.retries=s.retries))}}class r{id="poisson";async getPlugin(s){let{PoissonDiscPluginInstance:i}=await e.e(422).then(e.bind(e,7422));return new i(s)}loadOptions(s,i,e){if(!this.needsPlugin(i)&&!this.needsPlugin(e))return;let n=i.poisson;n?.load===void 0&&(i.poisson=n=new t),n.load(e?.poisson)}needsPlugin(s){return s?.poisson?.enable??!1}}}}]);
package/392.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[392],{9392(a,e,t){async function s(a){a.checkVersion("4.0.0-beta.11"),await a.pluginManager.register(async a=>{let{HslColorManager:e}=await t.e(857).then(t.bind(t,5857));a.pluginManager.addColorManager("hsl",new e)})}t.r(e),t.d(e,{loadHslColorPlugin:()=>s})}}]);
package/399.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[399],{3399(t,a,e){e.d(a,{ShadowDrawer:()=>s});var r=e(3227);class s{_container;_pluginManager;constructor(t,a){this._pluginManager=t,this._container=a}drawAfter(t){let{context:a}=t;a.restore()}drawBefore(t){let{particle:a,context:e}=t,{_container:s}=this,o=a.shadowColor,h=a.shadowOffset;o&&(e.save(),e.shadowBlur=a.shadowBlur??0,e.shadowColor=(0,r.xxz)(o,s.hdr),e.shadowOffsetX=h?.x??0,e.shadowOffsetY=h?.y??0)}particleInit(t,a){let e=a.effectData,s=r.Oit.create(new r.Oit,e?.color);a.shadowColor=(0,r.BN0)(this._pluginManager,s),a.shadowBlur=e?.blur??0,a.shadowOffset=e?.offset??r.boI}}}}]);
package/404.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[404],{7404(a,e,t){async function i(a){a.checkVersion("4.0.0-beta.11"),await a.pluginManager.register(a=>{a.pluginManager.addParticleUpdater("paint",async e=>{let{PaintUpdater:i}=await t.e(659).then(t.bind(t,3659));return new i(a.pluginManager,e)})})}t.r(e),t.d(e,{loadPaintUpdater:()=>i})}}]);
package/422.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[422],{7422(i,t,s){s.d(t,{PoissonDiscPluginInstance:()=>n});var e=s(3227);class n{poissonDisc;redrawTimeout;_container;_currentIndex;constructor(i){this._container=i,this._currentIndex=0}async init(){await this._initData()}particlePosition(i){let t=this._container.actualOptions.poisson;if(this.poissonDisc&&t?.enable&&!(this._currentIndex>=this.poissonDisc.points.length))return i??this.poissonDisc.points[this._currentIndex++]?.position}resize(){let i=this._container,t=i.actualOptions.poisson;t?.enable&&(this.redrawTimeout&&clearTimeout(this.redrawTimeout),this.redrawTimeout=setTimeout(()=>{(async()=>{this._container.destroyed||(await this._initData(),await i.particles.redraw())})()},250))}stop(){delete this.poissonDisc}async _initData(){let i=this._container,t=i.actualOptions.poisson,n=i.actualOptions.particles,a=i.canvas.size,r=i.retina.pixelRatio;if(!t?.enable)return;this._currentIndex=0;let{PoissonDisc:o}=await s.e(502).then(s.bind(s,7502));this.poissonDisc=new o(a,t.radius?t.radius*r:Math.max((0,e.W9e)(n.size.value)*r,Math.sqrt(a.width*a.height/n.number.value)),t.retries,t.dimensions),t.steps>0?this.poissonDisc.steps(t.steps):await this.poissonDisc.run()}}}}]);
package/467.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[467],{1467(t,i,e){e.d(i,{Container:()=>O});var s=e(8770),a=e(8660),r=e(8664),n=e(7621),l=e(3252);class o{_canvasClearPlugins;_canvasManager;_canvasPaintPlugins;_clearDrawPlugins;_colorPlugins;_container;_context;_contextSettings;_drawParticlePlugins;_drawParticlesCleanupPlugins;_drawParticlesSetupPlugins;_drawPlugins;_drawSettingsCleanupPlugins;_drawSettingsSetupPlugins;_pluginManager;_postDrawUpdaters;_preDrawUpdaters;_reusableColorStyles={};_reusablePluginColors=[void 0,void 0];_reusableTransform={};constructor(t,i,e){this._pluginManager=t,this._container=i,this._canvasManager=e,this._context=null,this._preDrawUpdaters=[],this._postDrawUpdaters=[],this._colorPlugins=[],this._canvasClearPlugins=[],this._canvasPaintPlugins=[],this._clearDrawPlugins=[],this._drawParticlePlugins=[],this._drawParticlesCleanupPlugins=[],this._drawParticlesSetupPlugins=[],this._drawPlugins=[],this._drawSettingsSetupPlugins=[],this._drawSettingsCleanupPlugins=[]}get settings(){return this._contextSettings}canvasClear(){this._container.actualOptions.clear&&this.draw(t=>{(0,l.IU)(t,this._canvasManager.size)})}clear(){let t=!1;for(let i of this._canvasClearPlugins)if(t=i.canvasClear?.()??!1)break;t||this.canvasClear()}destroy(){this.stop(),this._preDrawUpdaters=[],this._postDrawUpdaters=[],this._colorPlugins=[],this._canvasClearPlugins=[],this._canvasPaintPlugins=[],this._clearDrawPlugins=[],this._drawParticlePlugins=[],this._drawParticlesCleanupPlugins=[],this._drawParticlesSetupPlugins=[],this._drawPlugins=[],this._drawSettingsSetupPlugins=[],this._drawSettingsCleanupPlugins=[]}draw(t){let i=this._context;if(i)return t(i)}drawParticle(t,i){if(t.spawning||t.destroyed)return;let e=t.getRadius();if(e<=a.w2)return;let s=t.getFillColor(),r=t.getStrokeColor(),[o,h]=this._getPluginParticleColors(t);if(o??=s,h??=r,!o&&!h)return;let c=this._container,d=t.options.zIndex,p=a.RV-t.zIndexFactor,{fillOpacity:u,opacity:_,strokeOpacity:g}=t.getOpacity(),f=this._reusableTransform,P=this._reusableColorStyles,m=o?(0,n.LC)(o,c.hdr,u*_):void 0,y=h?(0,n.LC)(h,c.hdr,g*_):m;f.a=f.b=f.c=f.d=void 0,P.fill=m,P.stroke=y,this.draw(s=>{for(let e of this._drawParticlesSetupPlugins)e.drawParticleSetup?.(s,t,i);for(let a of(this._applyPreDrawUpdaters(s,t,e,_,P,f),(0,l.p0)({container:c,context:s,particle:t,delta:i,colorStyles:P,radius:e*p**d.sizeRate,opacity:_,transform:f}),this._applyPostDrawUpdaters(t),this._drawParticlesCleanupPlugins))a.drawParticleCleanup?.(s,t,i)})}drawParticlePlugins(t,i){this.draw(e=>{for(let s of this._drawParticlePlugins)(0,l.Wb)(e,s,t,i)})}drawParticles(t){let{particles:i}=this._container;this.clear(),i.update(t),this.draw(e=>{for(let i of this._drawSettingsSetupPlugins)i.drawSettingsSetup?.(e,t);for(let i of this._drawPlugins)i.draw?.(e,t);for(let s of(i.drawParticles(t),this._clearDrawPlugins))s.clearDraw?.(e,t);for(let i of this._drawSettingsCleanupPlugins)i.drawSettingsCleanup?.(e,t)})}init(){this.initUpdaters(),this.initPlugins(),this.paint()}initPlugins(){for(let t of(this._colorPlugins=[],this._canvasClearPlugins=[],this._canvasPaintPlugins=[],this._clearDrawPlugins=[],this._drawParticlePlugins=[],this._drawParticlesSetupPlugins=[],this._drawParticlesCleanupPlugins=[],this._drawPlugins=[],this._drawSettingsSetupPlugins=[],this._drawSettingsCleanupPlugins=[],this._container.plugins))(t.particleFillColor??t.particleStrokeColor)&&this._colorPlugins.push(t),t.canvasClear&&this._canvasClearPlugins.push(t),t.canvasPaint&&this._canvasPaintPlugins.push(t),t.drawParticle&&this._drawParticlePlugins.push(t),t.drawParticleSetup&&this._drawParticlesSetupPlugins.push(t),t.drawParticleCleanup&&this._drawParticlesCleanupPlugins.push(t),t.draw&&this._drawPlugins.push(t),t.drawSettingsSetup&&this._drawSettingsSetupPlugins.push(t),t.drawSettingsCleanup&&this._drawSettingsCleanupPlugins.push(t),t.clearDraw&&this._clearDrawPlugins.push(t)}initUpdaters(){for(let t of(this._preDrawUpdaters=[],this._postDrawUpdaters=[],this._container.particleUpdaters))t.afterDraw&&this._postDrawUpdaters.push(t),(t.getColorStyles??t.getTransformValues??t.beforeDraw)&&this._preDrawUpdaters.push(t)}paint(){let t=!1;for(let i of this._canvasPaintPlugins)if(t=i.canvasPaint?.()??!1)break;t||this.paintBase()}paintBase(t){this.draw(i=>{(0,l.Sn)(i,this._canvasManager.size,t)})}paintImage(t,i){this.draw(e=>{(0,l.Md)(e,this._canvasManager.size,t,i)})}setContext(t){this._context=t,this._context&&(this._context.globalCompositeOperation=a.yj)}setContextSettings(t){this._contextSettings=t}stop(){this.draw(t=>{(0,l.IU)(t,this._canvasManager.size)})}_applyPostDrawUpdaters=t=>{for(let i of this._postDrawUpdaters)i.afterDraw?.(t)};_applyPreDrawUpdaters=(t,i,e,s,r,n)=>{for(let l of this._preDrawUpdaters){if(l.getColorStyles){let{fill:a,stroke:n}=l.getColorStyles(i,t,e,s);a&&(r.fill=a),n&&(r.stroke=n)}if(l.getTransformValues){let t=l.getTransformValues(i);for(let i in t)!function(t,i,e){let s=i[e];void 0!==s&&(t[e]=(t[e]??a.zs)*s)}(n,t,i)}l.beforeDraw?.(i)}};_getPluginParticleColors=t=>{let i,e;for(let s of this._colorPlugins)if(!i&&s.particleFillColor&&(i=(0,n.R5)(this._pluginManager,s.particleFillColor(t))),!e&&s.particleStrokeColor&&(e=(0,n.R5)(this._pluginManager,s.particleStrokeColor(t))),i&&e)break;return this._reusablePluginColors[0]=i,this._reusablePluginColors[1]=e,this._reusablePluginColors}}function h(t,i,e=!1){if(!i)return;let s=t.style,a=new Set;for(let t=0;t<s.length;t++){let i=s.item(t);i&&a.add(i)}for(let t=0;t<i.length;t++){let e=i.item(t);e&&a.add(e)}for(let t of a){let a=i.getPropertyValue(t);a?s.setProperty(t,a,e?"important":""):s.removeProperty(t)}}class c{element;render;size;zoom=a.Pf;_container;_generated;_mutationObserver;_originalStyle;_pluginManager;_pointerEvents;_resizePlugins;_standardSize;_zoomCenter;constructor(t,i){this._pluginManager=t,this._container=i,this.render=new o(t,i,this),this._standardSize={height:0,width:0};const e=i.retina.pixelRatio,s=this._standardSize;this.size={height:s.height*e,width:s.width*e},this._generated=!1,this._resizePlugins=[],this._pointerEvents="none"}get _fullScreen(){return this._container.actualOptions.fullScreen.enable}destroy(){if(this.stop(),this._generated){let t=this.element;t?.remove(),this.element=void 0}else this._resetOriginalStyle();this.render.destroy(),this._resizePlugins=[]}getZoomCenter(){let t=this._container.retina.pixelRatio,{width:i,height:e}=this.size;return this._zoomCenter?this._zoomCenter:{x:i*a.MX/t,y:e*a.MX/t}}init(){this._safeMutationObserver(t=>{t.disconnect()}),this._mutationObserver=(0,r.tG)(t=>{for(let i of t)"attributes"===i.type&&"style"===i.attributeName&&this._repairStyle()}),this.resize(),this._initStyle(),this.initBackground(),this._safeMutationObserver(t=>{this.element&&this.element instanceof Node&&t.observe(this.element,{attributes:!0})}),this.initPlugins(),this.render.init()}initBackground(){let{_container:t}=this,i=t.actualOptions.background,e=this.element;if(!e)return;let s=e.style,a=(0,n.BN)(this._pluginManager,i.color);a?s.backgroundColor=(0,n.xx)(a,t.hdr,i.opacity):s.backgroundColor="",s.backgroundImage=i.image||"",s.backgroundPosition=i.position||"",s.backgroundRepeat=i.repeat||"",s.backgroundSize=i.size||""}initPlugins(){for(let t of(this._resizePlugins=[],this._container.plugins))t.resize&&this._resizePlugins.push(t)}loadCanvas(t){this._generated&&this.element&&this.element.remove();let i=this._container;this._generated=a.eb in t.dataset?"true"===t.dataset[a.eb]:this._generated,this.element=t,this.element.ariaHidden="true",this._originalStyle=(0,r.td)(this.element.style);let e=this._standardSize;e.height=t.offsetHeight,e.width=t.offsetWidth;let s=this._container.retina.pixelRatio,n=this.size;t.height=n.height=e.height*s,t.width=n.width=e.width*s;let l=(0,r.lV)("(color-gamut: p3)");this.render.setContextSettings({alpha:!0,colorSpace:l?.matches&&i.hdr?"display-p3":"srgb",desynchronized:!0,willReadFrequently:!1}),this.render.setContext(this.element.getContext("2d",this.render.settings)),this._safeMutationObserver(t=>{t.disconnect()}),i.retina.init(),this.initBackground(),this._safeMutationObserver(t=>{this.element&&this.element instanceof Node&&t.observe(this.element,{attributes:!0})})}resize(){if(!this.element)return!1;let t=this._container,i=t.canvas._standardSize,e={width:this.element.offsetWidth,height:this.element.offsetHeight},s=t.retina.pixelRatio,a={width:e.width*s,height:e.height*s};if(e.height===i.height&&e.width===i.width&&a.height===this.element.height&&a.width===this.element.width)return!1;let r={...i};i.height=e.height,i.width=e.width;let n=this.size;return this.element.width=n.width=a.width,this.element.height=n.height=a.height,this._container.started&&t.particles.setResizeFactor({width:i.width/r.width,height:i.height/r.height}),!0}setPointerEvents(t){this.element&&(this._pointerEvents=t,this._repairStyle())}setZoom(t,i){this.zoom=t,this._zoomCenter=i}stop(){this._safeMutationObserver(t=>{t.disconnect()}),this._mutationObserver=void 0,this.render.stop()}async windowResize(){if(!this.element||!this.resize())return;let t=this._container,i=t.updateActualOptions();t.particles.setDensity(),this._applyResizePlugins(),i&&await t.refresh()}_applyResizePlugins=()=>{for(let t of this._resizePlugins)t.resize?.()};_initStyle=()=>{let t=this.element,i=this._container.actualOptions;if(t)for(let e in this._fullScreen?this._setFullScreenStyle():this._resetOriginalStyle(),i.style){if(!e||!(e in i.style))continue;let s=i.style[e];s&&t.style.setProperty(e,s,"important")}};_repairStyle=()=>{let t=this.element;if(!t)return;this._safeMutationObserver(t=>{t.disconnect()}),this._initStyle(),this.initBackground();let i=this._pointerEvents;t.style.pointerEvents=i,t.setAttribute("pointer-events",i),this._safeMutationObserver(i=>{t instanceof Node&&i.observe(t,{attributes:!0})})};_resetOriginalStyle=()=>{let t=this.element,i=this._originalStyle;t&&i&&h(t,i,!0)};_safeMutationObserver=t=>{this._mutationObserver&&t(this._mutationObserver)};_setFullScreenStyle=()=>{let t=this.element;t&&h(t,(0,r.hJ)(this._container.actualOptions.fullScreen.zIndex),!0)}}class d{container;_handlers;_resizeObserver;_resizeTimeout;constructor(t){this.container=t,this._handlers={visibilityChange:()=>{this._handleVisibilityChange()},resize:()=>{this._handleWindowResize()}}}addListeners(){this._manageListeners(!0)}removeListeners(){this._manageListeners(!1)}_handleVisibilityChange=()=>{let t=this.container;t.actualOptions.pauseOnBlur&&((0,r.T5)().hidden?(t.pageHidden=!0,t.pause()):(t.pageHidden=!1,t.animationStatus?t.play(!0):t.draw(!0)))};_handleWindowResize=()=>{this._resizeTimeout&&(clearTimeout(this._resizeTimeout),delete this._resizeTimeout);let t=async()=>{let t=this.container.canvas;await t.windowResize()};this._resizeTimeout=setTimeout(()=>void t(),this.container.actualOptions.resize.delay*a.Xu)};_manageListeners=t=>{let i=this._handlers;this._manageResize(t),(0,r.Kp)(document,a.nK,i.visibilityChange,t,!1)};_manageResize=t=>{let i=this._handlers,e=this.container;if(!e.actualOptions.resize.enable)return;if("u"<typeof ResizeObserver)return void(0,r.Kp)(globalThis,a.NF,i.resize,t);let s=e.canvas.element;this._resizeObserver&&!t?(s&&this._resizeObserver.unobserve(s),this._resizeObserver.disconnect(),delete this._resizeObserver):!this._resizeObserver&&t&&s&&(this._resizeObserver=new ResizeObserver(t=>{t.find(t=>t.target===s)&&this._handleWindowResize()}),this._resizeObserver.observe(s))}}var p=e(6128),u=e(8850),_=e(7345),g=e(4037),f=e(5327),P=e(3942),m=e(510),y=e(2222);function w(t){if(!(0,r.hn)(t.outMode,t.checkModes))return;let i=t.radius*a.gd;t.coord>t.maxCoord-i?t.setCb(-t.radius):t.coord<i&&t.setCb(t.radius)}class v{backColor;bubble;destroyed;direction;effect;effectClose;effectData;fillColor;fillEnabled;fillOpacity;group;id;ignoresResizeRatio;initialPosition;initialVelocity;isRotating;lastPathTime;misplaced;moveCenter;offset;opacity;options;outType;pathRotation;position;randomIndexData;retina;roll;rotation;shape;shapeClose;shapeData;sides;size;slow;spawning;strokeColor;strokeOpacity;strokeWidth;unbreakable;velocity;zIndexFactor;_cachedOpacityData={fillOpacity:a.hv,opacity:a.hv,strokeOpacity:a.hv};_cachedPosition=g.p.origin;_cachedRotateData={sin:0,cos:0};_cachedTransform={a:1,b:0,c:0,d:1};_container;_pluginManager;constructor(t,i){this._pluginManager=t,this._container=i}destroy(t){if(this.unbreakable||this.destroyed)return;this.destroyed=!0,this.bubble.inRange=!1,this.slow.inRange=!1;let i=this._container,e=this.shape?i.shapeDrawers.get(this.shape):void 0;for(let s of(e?.particleDestroy?.(this),i.particleDestroyedPlugins))s.particleDestroyed?.(this,t);for(let e of i.particleUpdaters)e.particleDestroyed?.(this,t);this._container.dispatchEvent(p.B.particleDestroyed,{particle:this})}draw(t){let i=this._container.canvas.render;i.drawParticlePlugins(this,t),i.drawParticle(this,t)}getAngle(){return this.rotation+(this.pathRotation?this.velocity.angle:a.tA)}getFillColor(){return this._getRollColor(this.bubble.color??(0,n.O_)(this.fillColor))}getMass(){return this.getRadius()**a.dm*Math.PI*a.MX}getOpacity(){let t=this.options.zIndex,i=a.RV-this.zIndexFactor,e=i**t.opacityRate,r=this.bubble.opacity??(0,s.VG)(this.opacity?.value??a.hv),n=this.fillOpacity??a.hv,l=this.strokeOpacity??a.hv;return this._cachedOpacityData.fillOpacity=r*n*e,this._cachedOpacityData.opacity=r*e,this._cachedOpacityData.strokeOpacity=r*l*e,this._cachedOpacityData}getPosition(){return this._cachedPosition.x=this.position.x+this.offset.x,this._cachedPosition.y=this.position.y+this.offset.y,this._cachedPosition.z=this.position.z,this._cachedPosition}getRadius(){return this.bubble.radius??this.size.value}getRotateData(){let t=this.getAngle();return this._cachedRotateData.sin=Math.sin(t),this._cachedRotateData.cos=Math.cos(t),this._cachedRotateData}getStrokeColor(){return this._getRollColor(this.bubble.color??(0,n.O_)(this.strokeColor))}getTransformData(t){let i=this.getRotateData(),e=this.isRotating;return this._cachedTransform.a=i.cos*(t.a??a.Ug.a),this._cachedTransform.b=e?i.sin*(t.b??a.D_):t.b??a.Ug.b,this._cachedTransform.c=e?-i.sin*(t.c??a.D_):t.c??a.Ug.c,this._cachedTransform.d=i.cos*(t.d??a.Ug.d),this._cachedTransform}init(t,i,e,n){var l,o,h,c;let d,p,u,_,g=this._container;this.id=t,this.group=n,this.effectClose=!0,this.shapeClose=!0,this.pathRotation=!1,this.lastPathTime=0,this.destroyed=!1,this.unbreakable=!1,this.isRotating=!1,this.rotation=0,this.misplaced=!1,this.retina={maxDistance:{},maxSpeed:0,moveDrift:0,moveSpeed:0,sizeAnimationSpeed:0},this.outType=m.x.normal,this.ignoresResizeRatio=!0;let f=g.retina.pixelRatio,P=g.actualOptions,w=(0,y.y)(this._pluginManager,g,P.particles),v=w.reduceDuplicates,z=w.effect.type,b=w.shape.type;this.effect=(0,r.TA)(z,this.id,v),this.shape=(0,r.TA)(b,this.id,v);let S=w.effect,C=w.shape;if(e){if(e.effect?.type){let t=e.effect.type,i=(0,r.TA)(t,this.id,v);i&&(this.effect=i,S.load(e.effect))}if(e.shape?.type){let t=e.shape.type,i=(0,r.TA)(t,this.id,v);i&&(this.shape=i,C.load(e.shape))}}if(this.effect===a.mR){let t=[...this._container.effectDrawers.keys()];this.effect=t[Math.floor((0,s.G0)()*t.length)]}if(this.shape===a.mR){let t=[...this._container.shapeDrawers.keys()];this.shape=t[Math.floor((0,s.G0)()*t.length)]}this.effectData=this.effect?(l=this.effect,o=this.id,u=S.options[l],(0,r.zw)({close:S.close},(0,r.TA)(u,o,v))):void 0,this.shapeData=this.shape?(h=this.shape,c=this.id,_=C.options[h],(0,r.zw)({close:C.close},(0,r.TA)(_,c,v))):void 0,w.load(e);let x=this.effectData;x&&w.load(x.particles);let D=this.shapeData;D&&w.load(D.particles),this.effectClose=x?.close??w.effect.close,this.shapeClose=D?.close??w.shape.close,this.options=w,g.retina.initParticle(this),this.size=(0,r.Xs)(this.options.size,f),this.bubble={inRange:!1},this.slow={inRange:!1,factor:1},this._initPosition(i),this.initialVelocity=this._calculateVelocity(),this.velocity=this.initialVelocity.copy(),g.particles.setLastZIndex(this.position.z),this.zIndexFactor=this.position.z/g.zLayers,this.sides=24,this.effect&&(d=g.effectDrawers.get(this.effect)),d?.loadEffect&&d.loadEffect(this),this.shape&&(p=g.shapeDrawers.get(this.shape)),p?.loadShape&&p.loadShape(this);let M=p?.getSidesCount;for(let t of(M&&(this.sides=M(this)),this.spawning=!1,g.particleUpdaters))t.init(this);for(let t of(d?.particleInit?.(g,this),p?.particleInit?.(g,this),g.particleCreatedPlugins))t.particleCreated?.(this)}isInsideCanvas(){let t=this.getRadius(),i=this._container.canvas.size,e=this.position;return e.x>=-t&&e.y>=-t&&e.y<=i.height+t&&e.x<=i.width+t}isShowingBack(){if(!this.roll)return!1;let t=this.roll.angle;if(this.roll.horizontal&&this.roll.vertical){let i=t%a.R1,e=i<a.tA?i+a.R1:i;return e>=Math.PI*a.MX&&e<Math.PI*a.Nu*a.MX}if(this.roll.horizontal){let i=(t+Math.PI*a.MX)%(Math.PI*a.gd),e=i<a.tA?i+Math.PI*a.gd:i;return e>=Math.PI&&e<Math.PI*a.gd}if(this.roll.vertical){let i=t%(Math.PI*a.gd),e=i<a.tA?i+Math.PI*a.gd:i;return e>=Math.PI&&e<Math.PI*a.gd}return!1}isVisible(){return!this.destroyed&&!this.spawning&&this.isInsideCanvas()}reset(){for(let t of this._container.particleUpdaters)t.reset?.(this)}_calcPosition=(t,i)=>{let e=a.rq,r=t?g.p.create(t.x,t.y,i):void 0,n=this._container,l=n.particlePositionPlugins,o=this.options.move.outModes,h=this.getRadius(),c=n.canvas.size,{signal:d}=new AbortController;for(;!d.aborted;){for(let t of l){let e=t.particlePosition?.(r,this);if(e)return g.p.create(e.x,e.y,i)}let t=(0,s.Nx)({size:c,position:r}),d=g.p.create(t.x,t.y,i);this._fixHorizontal(d,h,o.left??o.default),this._fixHorizontal(d,h,o.right??o.default),this._fixVertical(d,h,o.top??o.default),this._fixVertical(d,h,o.bottom??o.default);let p=!0;for(let t of n.particles.checkParticlePositionPlugins)if(!(p=t.checkParticlePosition?.(this,d,e)??!0))break;if(p)return d;e+=a.Eo,r=void 0}return r};_calculateVelocity=()=>{let t=(0,s.$m)(this.direction).copy(),i=this.options.move;if(i.direction===f.F.inside||i.direction===f.F.outside)return t;let e=(0,s.pu)((0,s.VG)(i.angle.value)),r=(0,s.pu)((0,s.VG)(i.angle.offset)),n={left:r-e*a.MX,right:r+e*a.MX};return i.straight||(t.angle+=(0,s.vE)((0,s.DT)(n.left,n.right))),i.random&&"number"==typeof i.speed&&(t.length*=(0,s.G0)()),t};_fixHorizontal=(t,i,e)=>{w({outMode:e,checkModes:[P.Y.bounce],coord:t.x,maxCoord:this._container.canvas.size.width,setCb:i=>t.x+=i,radius:i})};_fixVertical=(t,i,e)=>{w({outMode:e,checkModes:[P.Y.bounce],coord:t.y,maxCoord:this._container.canvas.size.height,setCb:i=>t.y+=i,radius:i})};_getRollColor=t=>t&&this.roll&&(this.backColor||this.roll.alter)&&this.isShowingBack()?this.backColor?this.backColor:this.roll.alter?(0,n.yx)(t,this.roll.alter.type,this.roll.alter.value):t:t;_initPosition=t=>{let i=this._container,e=(0,s.VG)(this.options.zIndex.value),n=this._calcPosition(t,(0,s.qE)(e,a.X_,i.zLayers));if(!n)throw Error("a valid position cannot be found for particle");this.position=n,this.initialPosition=this.position.copy();let l=i.canvas.size;switch(this.moveCenter={...(0,r.E9)(this.options.move.center,l),radius:this.options.move.center.radius,mode:this.options.move.center.mode},this.direction=(0,s.JY)(this.options.move.direction,this.position,this.moveCenter),this.options.move.direction){case f.F.inside:this.outType=m.x.inside;break;case f.F.outside:this.outType=m.x.outside}this.offset=g.M.origin}}var z=e(6197);class b{_cellSize;_cells=new Map;_circlePool=[];_circlePoolIdx;_pendingCellSize;_rectanglePool=[];_rectanglePoolIdx;constructor(t){this._cellSize=t,this._circlePoolIdx=0,this._rectanglePoolIdx=0}clear(){this._cells.clear();let t=this._pendingCellSize;t&&(this._cellSize=t),this._pendingCellSize=void 0}insert(t){let{x:i,y:e}=t.getPosition(),s=this._cellKeyFromCoords(i,e);this._cells.has(s)||this._cells.set(s,[]),this._cells.get(s)?.push(t)}query(t,i,e=[]){let s=this._getRangeBounds(t);if(!s)return e;let a=Math.floor(s.minX/this._cellSize),r=Math.floor(s.maxX/this._cellSize),n=Math.floor(s.minY/this._cellSize),l=Math.floor(s.maxY/this._cellSize);for(let s=a;s<=r;s++)for(let a=n;a<=l;a++){let r=`${s}_${a}`,n=this._cells.get(r);if(n)for(let s of n)(!i||i(s))&&t.contains(s.getPosition())&&e.push(s)}return e}queryCircle(t,i,e,s=[]){let a=this._acquireCircle(t.x,t.y,i),r=this.query(a,e,s);return this._releaseShapes(),r}queryRectangle(t,i,e,s=[]){let a=this._acquireRectangle(t.x,t.y,i.width,i.height),r=this.query(a,e,s);return this._releaseShapes(),r}setCellSize(t){this._pendingCellSize=t}_acquireCircle(t,i,e){return(this._circlePool[this._circlePoolIdx++]??=new z.jl(t,i,e)).reset(t,i,e)}_acquireRectangle(t,i,e,s){return(this._rectanglePool[this._rectanglePoolIdx++]??=new z.M_(t,i,e,s)).reset(t,i,e,s)}_cellKeyFromCoords(t,i){let e=Math.floor(t/this._cellSize),s=Math.floor(i/this._cellSize);return`${e}_${s}`}_getRangeBounds(t){if(t instanceof z.jl){let i=t.radius,{x:e,y:s}=t.position;return{minX:e-i,maxX:e+i,minY:s-i,maxY:s+i}}if(t instanceof z.M_){let{x:i,y:e}=t.position,{width:s,height:a}=t.size;return{minX:i,maxX:i+s,minY:e,maxY:e+a}}return null}_releaseShapes(){this._circlePoolIdx=0,this._rectanglePoolIdx=0}}var S=e(2914);class C{checkParticlePositionPlugins;grid;_array;_container;_groupLimits;_limit;_maxZIndex;_minZIndex;_needsSort;_nextId;_particleResetPlugins;_particleUpdatePlugins;_pluginManager;_pool;_postParticleUpdatePlugins;_postUpdatePlugins;_resizeFactor;_updatePlugins;_zArray;constructor(t,i){this._pluginManager=t,this._container=i,this._nextId=0,this._array=[],this._zArray=[],this._pool=[],this._limit=0,this._groupLimits=new Map,this._needsSort=!1,this._minZIndex=0,this._maxZIndex=0,this.grid=new b(a.iX),this.checkParticlePositionPlugins=[],this._particleResetPlugins=[],this._particleUpdatePlugins=[],this._postUpdatePlugins=[],this._postParticleUpdatePlugins=[],this._updatePlugins=[]}get count(){return this._array.length}addParticle(t,i,e,s){let r=this._container.actualOptions.particles.number.limit.mode,n=void 0===e?this._limit:this._groupLimits.get(e)??this._limit,l=this.count;if(n>a.ou)switch(r){case _.d.delete:{let t=l+a.nq-n;t>a.wM&&this.removeQuantity(t);break}case _.d.wait:if(l>=n)return}try{let a=this._pool.pop()??new v(this._pluginManager,this._container);a.init(this._nextId,t,i,e);let r=!0;if(s&&(r=s(a)),!r)return void this._pool.push(a);return this._array.push(a),this._zArray.push(a),this._nextId++,this._container.dispatchEvent(p.B.particleAdded,{particle:a}),a}catch(t){(0,S.t)().warning(`error adding particle: ${t}`)}}clear(){this._array=[],this._zArray=[]}destroy(){this._array=[],this._pool.length=0,this._zArray=[],this.checkParticlePositionPlugins=[],this._particleResetPlugins=[],this._particleUpdatePlugins=[],this._postUpdatePlugins=[],this._postParticleUpdatePlugins=[],this._updatePlugins=[]}drawParticles(t){for(let i of this._zArray)i.draw(t)}filter(t){return this._array.filter(t)}find(t){return this._array.find(t)}get(t){return this._array[t]}async init(){let t=this._container,i=t.actualOptions;for(let i of(this._minZIndex=0,this._maxZIndex=0,this._needsSort=!1,this.checkParticlePositionPlugins=[],this._updatePlugins=[],this._particleUpdatePlugins=[],this._postUpdatePlugins=[],this._particleResetPlugins=[],this._postParticleUpdatePlugins=[],this.grid=new b(a.iX*t.retina.pixelRatio),t.plugins))i.redrawInit&&await i.redrawInit(),i.checkParticlePosition&&this.checkParticlePositionPlugins.push(i),i.update&&this._updatePlugins.push(i),i.particleUpdate&&this._particleUpdatePlugins.push(i),i.postUpdate&&this._postUpdatePlugins.push(i),i.particleReset&&this._particleResetPlugins.push(i),i.postParticleUpdate&&this._postParticleUpdatePlugins.push(i);for(let i of(await this._container.initDrawersAndUpdaters(),this._container.effectDrawers.values()))await i.init?.(t);for(let i of this._container.shapeDrawers.values())await i.init?.(t);let e=!1;for(let i of t.plugins)if(e=i.particlesInitialization?.()??e)break;if(!e){let t=i.particles,e=t.groups;for(let i in e){let s=e[i];if(s)for(let e=this.count,a=0;a<s.number.value&&e<t.number.value;e++,a++)this.addParticle(void 0,s,i)}for(let i=this.count;i<t.number.value;i++)this.addParticle()}}push(t,i,e,s){for(let a=0;a<t;a++)this.addParticle(i,e,s)}async redraw(){this.clear(),await this.init(),this._container.canvas.render.drawParticles({value:0,factor:0})}remove(t,i,e){this.removeAt(this._array.indexOf(t),void 0,i,e)}removeAt(t,i=a.xd,e,s){if(t<a.z9||t>this.count)return;let r=0;for(let a=t;r<i&&a<this.count;a++)this._removeParticle(a,e,s)&&(a--,r++)}removeQuantity(t,i){this.removeAt(a.z9,t,i)}setDensity(){let t=this._container.actualOptions,i=t.particles.groups,e=0;for(let t of this._container.plugins)t.particlesDensityCount&&(e+=t.particlesDensityCount());for(let t in i){let s=i[t];if(!s)continue;let a=(0,y.y)(this._pluginManager,this._container,s);this._applyDensity(a,e,t)}this._applyDensity(t.particles,e)}setLastZIndex(t){this._needsSort||=t>=this._maxZIndex||t>this._minZIndex&&t<this._maxZIndex}setResizeFactor(t){this._resizeFactor=t}update(t){let i=new Set;for(let i of(this.grid.clear(),this._updatePlugins))i.update?.(t);let e=this._resizeFactor;for(let s of this._array){for(let t of(e&&!s.ignoresResizeRatio&&(s.position.x*=e.width,s.position.y*=e.height,s.initialPosition.x*=e.width,s.initialPosition.y*=e.height),s.ignoresResizeRatio=!1,this._particleResetPlugins))t.particleReset?.(s);for(let i of this._particleUpdatePlugins){if(s.destroyed)break;i.particleUpdate?.(s,t)}if(s.destroyed){i.add(s);continue}this.grid.insert(s)}for(let i of this._postUpdatePlugins)i.postUpdate?.(t);for(let e of this._array){if(e.destroyed){i.add(e);continue}for(let i of this._container.particleUpdaters)i.update(e,t);if(e.destroyed||e.spawning)e.destroyed&&i.add(e);else for(let i of this._postParticleUpdatePlugins)i.postParticleUpdate?.(e,t)}if(i.size)for(let t of i)this.remove(t);if(delete this._resizeFactor,this._needsSort){let t=this._zArray;t.sort((t,i)=>i.position.z-t.position.z||t.id-i.id);let i=t[a.z9],e=t[t.length-a.K3];if(!i||!e)return;this._maxZIndex=i.position.z,this._minZIndex=e.position.z,this._needsSort=!1}}_addToPool=(...t)=>{this._pool.push(...t)};_applyDensity=(t,i,e,s)=>{let r=t.number;if(!r.density.enable)return void(void 0===e?this._limit=r.limit.value:(s?.number.limit.value??r.limit.value)&&this._groupLimits.set(e,s?.number.limit.value??r.limit.value));let n=this._initDensityFactor(r.density),l=r.value,o=r.limit.value>a.ou?r.limit.value:l,h=Math.min(l,o)*n+i,c=Math.min(this.count,this.filter(t=>t.group===e).length);void 0===e?this._limit=r.limit.value*n:this._groupLimits.set(e,r.limit.value*n),c<h?this.push(Math.abs(h-c),void 0,t,e):c>h&&this.removeQuantity(c-h,e)};_initDensityFactor=t=>{let i=this._container;if(!i.canvas.element||!t.enable)return a.lA;let e=i.canvas.element,s=i.retina.pixelRatio;return e.width*e.height/(t.height*t.width*s**a.dm)};_removeParticle=(t,i,e)=>{let s=this._array[t];if(!s||s.group!==i)return!1;let r=this._zArray.indexOf(s);return this._array.splice(t,a.LD),this._zArray.splice(r,a.LD),s.destroy(e),this._container.dispatchEvent(p.B.particleRemoved,{particle:s}),this._addToPool(s),!0}}class x{container;pixelRatio;reduceFactor;constructor(t){this.container=t,this.pixelRatio=a.$x,this.reduceFactor=a.Zp}init(){let t=this.container,i=t.actualOptions;this.pixelRatio=i.detectRetina?devicePixelRatio:a.$x,this.reduceFactor=a.Zp;let e=this.pixelRatio,s=t.canvas;if(s.element){let t=s.element;s.size.width=t.offsetWidth*e,s.size.height=t.offsetHeight*e}}initParticle(t){let i=t.options,e=this.pixelRatio,a=i.move,r=a.distance,n=t.retina;n.maxSpeed=(0,s.VG)(a.gravity.maxSpeed)*e,n.moveDrift=(0,s.VG)(a.drift)*e,n.moveSpeed=(0,s.VG)(a.speed)*e,n.sizeAnimationSpeed=(0,s.VG)(i.size.animation.speed)*e;let l=n.maxDistance;l.horizontal=void 0===r.horizontal?void 0:r.horizontal*e,l.vertical=void 0===r.vertical?void 0:r.vertical*e}}function D(t){return!t.destroyed}function M(t,i,...e){let s=new u.J(t,i);return(0,y.Z)(s,...e),s}class O{actualOptions;canvas;destroyed;effectDrawers;fpsLimit;hdr;id;pageHidden;particleCreatedPlugins;particleDestroyedPlugins;particlePositionPlugins;particleUpdaters;particles;plugins;retina;shapeDrawers;started;zLayers;_delay;_delayTimeout;_delta={value:0,factor:0};_dispatchCallback;_drawAnimationFrame;_duration;_eventListeners;_firstStart;_initialSourceOptions;_lastFrameTime;_lifeTime;_onDestroy;_options;_paused;_pluginManager;_smooth;_sourceOptions;constructor(t){const{dispatchCallback:i,pluginManager:e,id:s,onDestroy:a,sourceOptions:r}=t;this._pluginManager=e,this._dispatchCallback=i,this._onDestroy=a,this.id=Symbol(s),this.fpsLimit=120,this.hdr=!1,this._smooth=!1,this._delay=0,this._duration=0,this._lifeTime=0,this._firstStart=!0,this.started=!1,this.destroyed=!1,this._paused=!0,this._lastFrameTime=0,this.zLayers=100,this.pageHidden=!1,this._sourceOptions=r,this._initialSourceOptions=r,this.effectDrawers=new Map,this.shapeDrawers=new Map,this.particleUpdaters=[],this.retina=new x(this),this.canvas=new c(this._pluginManager,this),this.particles=new C(this._pluginManager,this),this.plugins=[],this.particleDestroyedPlugins=[],this.particleCreatedPlugins=[],this.particlePositionPlugins=[],this._options=M(this._pluginManager,this),this.actualOptions=M(this._pluginManager,this),this._eventListeners=new d(this),this.dispatchEvent(p.B.containerBuilt)}get animationStatus(){return!this._paused&&!this.pageHidden&&D(this)}get options(){return this._options}get sourceOptions(){return this._sourceOptions}addLifeTime(t){this._lifeTime+=t}alive(){return!this._duration||this._lifeTime<=this._duration}destroy(t=!0){if(D(this)){for(let[,t]of(this.stop(),this.particles.destroy(),this.canvas.destroy(),this.effectDrawers))t.destroy?.(this);for(let[,t]of this.shapeDrawers)t.destroy?.(this);for(let t of this.plugins)t.destroy?.();this.effectDrawers=new Map,this.shapeDrawers=new Map,this.particleUpdaters=[],this.plugins.length=0,this._pluginManager.clearPlugins(this),this.destroyed=!0,this._onDestroy(t),this.dispatchEvent(p.B.containerDestroyed)}}dispatchEvent(t,i){this._dispatchCallback(t,{container:this,data:i})}draw(t){if(!D(this))return;let i=t;this._drawAnimationFrame=(0,s.i0)(t=>{i&&(this._lastFrameTime=void 0,i=!1),this._nextFrame(t)})}async export(t,i={}){for(let e of this.plugins){if(!e.export)continue;let s=await e.export(t,i);if(s.supported)return s.blob}(0,S.t)().error(`Export plugin with type ${t} not found`)}async init(){if(!D(this))return;let t=new Map;for(let i of this._pluginManager.plugins){let e=await i.getPlugin(this);e.preInit&&await e.preInit(),t.set(i,e)}for(let[i,e]of(await this.initDrawersAndUpdaters(),this._options=M(this._pluginManager,this,this._initialSourceOptions,this.sourceOptions),this.actualOptions=M(this._pluginManager,this,this._options),this.plugins.length=0,this.particleDestroyedPlugins.length=0,this.particleCreatedPlugins.length=0,this.particlePositionPlugins.length=0,t))i.needsPlugin(this.actualOptions)&&(this.plugins.push(e),e.particleCreated&&this.particleCreatedPlugins.push(e),e.particleDestroyed&&this.particleDestroyedPlugins.push(e),e.particlePosition&&this.particlePositionPlugins.push(e));this.retina.init(),this.canvas.init(),this.updateActualOptions(),this.canvas.initBackground(),this.canvas.resize();let{delay:i,duration:e,fpsLimit:r,hdr:n,smooth:l,zLayers:o}=this.actualOptions;for(let t of(this.hdr=n,this.zLayers=o,this._duration=(0,s.VG)(e)*a.Xu,this._delay=(0,s.VG)(i)*a.Xu,this._lifeTime=0,this.fpsLimit=r>a.DN?r:a.i8,this._smooth=l,this.plugins))await t.init?.();for(let t of(await this.particles.init(),this.dispatchEvent(p.B.containerInit),this.particles.setDensity(),this.plugins))t.particlesSetup?.();this.dispatchEvent(p.B.particlesSetup)}async initDrawersAndUpdaters(){let t=this._pluginManager;this.effectDrawers=await t.getEffectDrawers(this,!0),this.shapeDrawers=await t.getShapeDrawers(this,!0),this.particleUpdaters=await t.getUpdaters(this,!0)}pause(){if(D(this)&&(void 0!==this._drawAnimationFrame&&((0,s.px)(this._drawAnimationFrame),delete this._drawAnimationFrame),!this._paused)){for(let t of this.plugins)t.pause?.();this.pageHidden||(this._paused=!0),this.dispatchEvent(p.B.containerPaused)}}play(t){if(!D(this))return;let i=this._paused||t;if(this._firstStart&&!this.actualOptions.autoPlay){this._firstStart=!1;return}if(this._paused&&(this._paused=!1),i)for(let t of this.plugins)t.play&&t.play();this.dispatchEvent(p.B.containerPlay),this.draw(i??!1)}async refresh(){if(D(this))return this.stop(),this.start()}async reset(t){if(D(this))return this._initialSourceOptions=t,this._sourceOptions=t,this._options=M(this._pluginManager,this,this._initialSourceOptions,this.sourceOptions),this.actualOptions=M(this._pluginManager,this,this._options),this.refresh()}async start(){D(this)&&!this.started&&(await this.init(),this.started=!0,await new Promise(t=>{let i=async()=>{for(let t of(this._eventListeners.addListeners(),this.plugins))await t.start?.();this.dispatchEvent(p.B.containerStarted),this.play(),t()};this._delayTimeout=setTimeout(()=>void i(),this._delay)}))}stop(){if(D(this)&&this.started){for(let t of(this._delayTimeout&&(clearTimeout(this._delayTimeout),delete this._delayTimeout),this._firstStart=!0,this.started=!1,this._eventListeners.removeListeners(),this.pause(),this.particles.clear(),this.canvas.stop(),this.plugins))t.stop?.();this.particleCreatedPlugins.length=0,this.particleDestroyedPlugins.length=0,this.particlePositionPlugins.length=0,this._sourceOptions=this._options,this.dispatchEvent(p.B.containerStopped)}}updateActualOptions(){let t=!1;for(let i of this.plugins)i.updateActualOptions&&(t=i.updateActualOptions()||t);return t}_nextFrame=t=>{try{if(!this._smooth&&void 0!==this._lastFrameTime&&t<this._lastFrameTime+a.Xu/this.fpsLimit||(this._lastFrameTime??=t,!function(t,i,e=a.z$,s=!1){t.value=i,t.factor=s?a.z$/e:a.z$*i/a.Xu}(this._delta,t-this._lastFrameTime,this.fpsLimit,this._smooth),this.addLifeTime(this._delta.value),this._lastFrameTime=t,this._delta.value>a.Xu))return void this.draw(!1);if(this.canvas.render.drawParticles(this._delta),!this.alive())return void this.destroy();this.animationStatus&&this.draw(!1)}catch(t){(0,S.t)().error("error in animation loop",t)}}}}}]);
package/48.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[48],{3048(e,t,a){async function r(e){e.checkVersion("4.0.0-beta.11"),await e.pluginManager.register(e=>{e.pluginManager.addParticleUpdater("outModes",async e=>{let{OutOfCanvasUpdater:t}=await a.e(86).then(a.bind(a,2086));return new t(e)})})}a.r(t),a.d(t,{loadOutModesUpdater:()=>r})}}]);
package/502.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[502],{7502(i,t,s){s.d(t,{PoissonDisc:()=>h});var e=s(3227);class h{active;cellSize;cols;dimensions;firstPoint;grid;points;radius;retries;rows;size;constructor(i,t,s,e,h){this.size={...i},this.radius=t,this.retries=s,this.dimensions=e,this.cellSize=Math.floor(this.radius/Math.sqrt(this.dimensions)),this.cols=Math.floor(this.size.width/this.cellSize),this.rows=Math.floor(this.size.height/this.cellSize),this.points=[],this.active=[],this.grid=[],this.firstPoint=h?{...h}:void 0,this.reset()}addPoint(i){let t={position:{...i},gridPosition:{x:Math.floor(i.x/this.cellSize),y:Math.floor(i.y/this.cellSize)}},s=this.points.length,e=this.grid[t.gridPosition.y];e&&(this.points.push(t),e[t.gridPosition.x]=s,this.active.push(s))}getRandom(i,t){return Math.floor((0,e.G0i)()*(t-i))+i}initialiseGrid(){for(let i=0;i<=this.rows;i++){this.grid[i]=[];let t=this.grid[i];if(t)for(let i=0;i<=this.cols;i++)t[i]=-1}}reset(){this.points=[],this.active=[],this.grid=[],this.initialiseGrid(),this.firstPoint?this.addPoint(this.firstPoint):this.addPoint({x:this.getRandom(0,this.size.width),y:this.getRandom(0,this.size.height)})}async run(){this.reset();let i=0;for(;this.active.length>0;)this.steps(1),++i%100==0&&await new Promise(i=>setTimeout(i))}steps(i){for(let t=0;t<i;t++)this.active.length<=0||this._step()}_getNewPoint(i,t){let s=t*(e.R1e/this.retries),h=this.getRandom(this.radius,this.radius*e.gdl),o={x:Math.cos(s)*h,y:Math.sin(s)*h},r={x:Math.floor(i.position.x+o.x),y:Math.floor(i.position.y+o.y)},n={x:Math.floor(r.x/this.cellSize),y:Math.floor(r.y/this.cellSize)};if(r.x<=0||r.x>=this.size.width||r.y<=0||r.y>=this.size.height)return;let l=this.grid[n.y];if(!l)return;let a=l[n.x];if(void 0!==a&&!(a>=0)){for(let i=-1;i<=1;i++)for(let t=-1;t<=1;t++){if(!i&&!t)continue;let s={x:n.x+t,y:n.y+i};if(s.x<0||s.y<0||s.x>=this.cols||s.y>=this.rows)continue;let h=this.grid[s.y]?.[s.x];if(void 0===h||h<0)continue;let o=this.points[h];if(o&&(0,e.YfF)(r,o.position)<this.radius)return}return r}}_step(){let i=this.getRandom(0,this.active.length),t=!1;for(let s=0;s<this.retries;s++){let e=this.active[i];if(void 0===e)continue;let h=this.points[e];if(!h)continue;let o=this._getNewPoint(h,s);if(o){t=!0,this.addPoint(o);break}}t||this.active.splice(i,1)}}}}]);
package/516.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[516],{5516(e,a,t){async function n(e){e.checkVersion("4.0.0-beta.11"),await e.pluginManager.register(e=>{e.pluginManager.addEffect("shadow",async a=>{let{ShadowDrawer:n}=await t.e(399).then(t.bind(t,3399));return new n(e.pluginManager,a)})})}t.r(a),t.d(a,{loadShadowEffect:()=>n})}}]);
package/592.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[592],{6592(a,e,t){async function r(a){a.checkVersion("4.0.0-beta.11"),await a.pluginManager.register(async a=>{let{RgbColorManager:e}=await t.e(957).then(t.bind(t,4957));a.pluginManager.addColorManager("rgb",new e)})}t.r(e),t.d(e,{loadRgbColorPlugin:()=>r})}}]);
package/60.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[60],{1060(a,e,t){async function i(a){a.checkVersion("4.0.0-beta.11"),await a.pluginManager.register(a=>{a.pluginManager.addShape(["matrix"],async()=>{let{MatrixDrawer:a}=await t.e(702).then(t.bind(t,321));return new a})})}t.r(e),t.d(e,{loadMatrixShape:()=>i})}}]);
package/63.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[63],{7063(r,e,a){var t,s;a.d(e,{HexColorManager:()=>p}),(s=t||(t={}))[s.r=1]="r",s[s.g=2]="g",s[s.b=3]="b",s[s.a=4]="a";let i=/^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i,n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i;class p{accepts(r){return r.startsWith("#")}handleColor(r){return this._parseString(r.value)}handleRangeColor(r){return this._parseString(r.value)}parseString(r){return this._parseString(r)}_parseString(r){if("string"!=typeof r||!this.accepts(r))return;let e=r.replace(i,(r,e,a,t,s)=>e+e+a+a+t+t+(void 0===s?"":s+s)),a=n.exec(e);return a?{a:a[t.a]?Number.parseInt(a[t.a],16)/255:1,b:Number.parseInt(a[t.b]??"0",16),g:Number.parseInt(a[t.g]??"0",16),r:Number.parseInt(a[t.r]??"0",16)}:void 0}}}}]);
package/632.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[632],{7632(e,a,t){t.r(a),t.d(a,{ensureBaseMoverLoaded:()=>i,loadMovePlugin:()=>n});var r=t(3227);async function n(e){e.checkVersion("4.0.0-beta.11"),await e.pluginManager.register(async e=>{let a=e.pluginManager;a.initializers.pathGenerators??=new Map,a.pathGenerators??=new Map,a.addPathGenerator=(e,t)=>{a.initializers.pathGenerators??=new Map,a.initializers.pathGenerators.set(e,t)},a.getPathGenerators=async(e,t=!1)=>(a.initializers.pathGenerators??=new Map,a.pathGenerators??=new Map,(0,r.OtU)(e,a.pathGenerators,a.initializers.pathGenerators,t));let{MovePlugin:n}=await t.e(172).then(t.bind(t,3172));e.pluginManager.addPlugin(new n(e.pluginManager))})}function i(e){if(!e.pluginManager.addPathGenerator)throw Error("tsParticles Base Mover is not loaded")}}}]);
package/659.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[659],{3659(i,e,l){l.d(e,{PaintUpdater:()=>a});var t=l(3227);class a{_container;_pluginManager;constructor(i,e){this._container=e,this._pluginManager=i}init(i){let e=this._container,l=i.options,a=(0,t.TA3)(l.paint,i.id,l.reduceDuplicates),o=a?.fill,n=a?.stroke;if(o){i.fillEnabled=o.enable,i.fillOpacity=(0,t.VGA)(o.opacity),i.fillAnimation=o.color.animation;let l=(0,t.R5R)(this._pluginManager,o.color);l&&(i.fillColor=(0,t.pzy)(l,i.fillAnimation,e.retina.reduceFactor))}else i.fillEnabled=!1,i.fillAnimation=void 0,i.fillColor=void 0,i.fillOpacity=1;if(n){i.strokeWidth=(0,t.VGA)(n.width)*e.retina.pixelRatio,i.strokeOpacity=(0,t.VGA)(n.opacity??1),i.strokeAnimation=n.color?.animation;let l=(0,t.R5R)(this._pluginManager,n.color)??i.getFillColor();l&&(i.strokeColor=(0,t.pzy)(l,i.strokeAnimation,e.retina.reduceFactor))}else i.strokeAnimation=void 0,i.strokeColor=void 0,i.strokeOpacity=1,i.strokeWidth=0}isEnabled(i){let{fillAnimation:e,fillColor:l,strokeAnimation:t,strokeColor:a}=i,o=!!e&&(l?.h.value!==void 0&&l.h.enable||l?.s.value!==void 0&&l.s.enable||l?.l.value!==void 0&&l.l.enable),n=!!t&&(a?.h.value!==void 0&&a.h.enable||a?.s.value!==void 0&&a.s.enable||a?.l.value!==void 0&&a.l.enable);return!i.destroyed&&!i.spawning&&(o||n)}update(i,e){this.isEnabled(i)&&((0,t.JvX)(i.fillColor,e),(0,t.JvX)(i.strokeColor,e))}}}}]);
package/700.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[700],{6700(t,a,e){async function i(t){t.checkVersion("4.0.0-beta.11"),await t.pluginManager.register(t=>{t.pluginManager.addParticleUpdater("opacity",async t=>{let{OpacityUpdater:a}=await e.e(72).then(e.bind(e,7072));return new a(t)})})}e.r(a),e.d(a,{loadOpacityUpdater:()=>i})}}]);
package/702.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[702],{321(e,t,a){a.d(t,{MatrixDrawer:()=>o});var r=a(3227);let l=["ア","イ","ウ","エ","オ","カ","キ","ク","ケ","コ","サ","シ","ス","セ","ソ","タ","チ","ツ","テ","ト","ナ","ニ","ヌ","ネ","ノ","ハ","ヒ","フ","ヘ","ホ","マ","ミ","ム","メ","モ","ヤ","ユ","ヨ","ラ","リ","ル","レ","ロ","ワ","ヲ","ン","ガ","ギ","グ","ゲ","ゴ","ザ","ジ","ズ","ゼ","ゾ","ダ","ヂ","ヅ","デ","ド","バ","ビ","ブ","ベ","ボ","パ","ピ","プ","ペ","ポ","ァ","ィ","ゥ","ェ","ォ","ャ","ュ","ョ","ッ","ー","ヴ","0","1","2","3","4","5","6","7","8","9","0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","日","本","人","大","中","小","上","下","左","右","力","時","空","生","死","無","有","!","@","#","$","%","&","*","+","-","=","?","/","\\","|","<",">","{","}","[","]","(",")"],i=new WeakMap;function n(){return l[Math.floor((0,r.G0i)()*l.length)]??" "}function s(e,t){return e+(0,r.G0i)()*(t-e)}class o{draw(e){!function(e){let t,{context:a,radius:l,particle:o,delta:c,fill:p,stroke:h}=e,u=o.shapeData,d=(0,r.Sgh)(u?.interval??100),x=(0,r.W9e)(u?.interval??2e3),v=((t=i.get(o))||(t={char:n(),elapsed:0,interval:s(d,x)},i.set(o,t)),t);v.elapsed+=c.value,v.elapsed>=v.interval&&(v.char=n(),v.elapsed-=v.interval,v.interval=s(d,x));let b=Math.round(l*r.gdl);a.font=`bold ${b}px "Courier New", Courier, monospace`,a.textAlign="center",a.textBaseline="middle",p&&a.fillText(v.char,r.boI.x,r.boI.y),h&&a.strokeText(v.char,r.boI.x,r.boI.y)}(e)}}}}]);
package/714.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[714],{6714(e,t,i){i.d(t,{MovePluginInstance:()=>n});var a=i(3227);class n{availablePathGenerators;pathGenerators;_container;_pluginManager;constructor(e,t){this._pluginManager=e,this._container=t,this.availablePathGenerators=new Map,this.pathGenerators=new Map}destroy(){this.availablePathGenerators=new Map,this.pathGenerators=new Map}isEnabled(e){return!e.destroyed&&e.options.move.enable}particleCreated(e){let t=e.options.move,i=t.gravity,n=t.path;if(e.moveDecay=a.WH8-(0,a.VGA)(t.decay),e.pathDelay=(0,a.VGA)(n.delay.value)*a.XuV,n.generator){let t=this.pathGenerators.get(n.generator);!t&&(t=this.availablePathGenerators.get(n.generator))&&(this.pathGenerators.set(n.generator,t),t.init()),e.pathGenerator=t}e.gravity={enable:i.enable,acceleration:(0,a.VGA)(i.acceleration),inverse:i.inverse},function(e,t){let i=t.options.move.spin;if(!i.enable)return;let n=i.position??{x:50,y:50},r={x:.01*n.x*e.canvas.size.width,y:.01*n.y*e.canvas.size.height},s=t.getPosition(),o=(0,a.YfF)(s,r),l=(0,a.VGA)(i.acceleration);t.retina.spinAcceleration=l*e.retina.pixelRatio,t.spin={center:r,direction:t.velocity.x>=0?a.pTR.clockwise:a.pTR.counterClockwise,angle:(0,a.G0i)()*a.R1e,radius:o,acceleration:t.retina.spinAcceleration}}(this._container,e)}particleDestroyed(e){let t=e.pathGenerator;t?.reset(e)}particleUpdate(e,t){let i=e.options,n=i.move;if(!n.enable)return;let r=this._container,s=r.retina.pixelRatio,o=e.slow.inRange?e.slow.factor:1,l=r.retina.reduceFactor,c=e.retina.moveSpeed,p=e.retina.moveDrift,h=(0,a.W9e)(i.size.value)*s,y=c*(n.size?e.getRadius()/h:1)*o*(t.factor||1)*a.MXx,v=e.retina.maxSpeed;n.spin.enable?function(e,t,i,n){if(!t.spin)return;let r=t.spin.direction===a.pTR.clockwise,s={x:r?Math.cos:Math.sin,y:r?Math.sin:Math.cos};t.position.x=t.spin.center.x+t.spin.radius*s.x(t.spin.angle)*n,t.position.y=t.spin.center.y+t.spin.radius*s.y(t.spin.angle)*n,t.spin.radius+=t.spin.acceleration*n;let o=Math.max(e.canvas.size.width,e.canvas.size.height),l=o*a.MXx;t.spin.radius>l?(t.spin.radius=l,t.spin.acceleration*=-1):t.spin.radius<0&&(t.spin.radius=0,t.spin.acceleration*=-1),t.spin.angle+=.01*i*(1-t.spin.radius/o)}(r,e,y,l):function(e,t,i,n,r,s,o){!function(e,t){let i=e.options.move.path;if(!i.enable)return;let n=e.pathDelay??0;if(e.lastPathTime<=n){e.lastPathTime+=t.value;return}let r=e.pathGenerator?.generate(e,t);r&&e.velocity.addTo(r),i.clamp&&(e.velocity.x=(0,a.qE8)(e.velocity.x,-1,1),e.velocity.y=(0,a.qE8)(e.velocity.y,-1,1)),e.lastPathTime-=n}(e,o);let l=e.gravity,c=l?.enable&&l.inverse?-1:1;r&&i&&(e.velocity.x+=r*o.factor/(60*i)),l?.enable&&i&&(e.velocity.y+=c*(l.acceleration*o.factor)/(60*i));let p=e.moveDecay;e.velocity.multTo(p??1);let h=e.velocity.mult(i);l?.enable&&n>0&&(!l.inverse&&h.y>=0&&h.y>=n||l.inverse&&h.y<=0&&h.y<=-n)&&(h.y=c*n,i&&(e.velocity.y=h.y/i));let y=e.options.zIndex,v=(1-e.zIndexFactor)**y.velocityRate;h.multTo(v),h.multTo(s);let{position:u}=e;u.addTo(h),t.vibrate&&(u.x+=Math.sin(u.x*Math.cos(u.y))*s,u.y+=Math.cos(u.y*Math.sin(u.x))*s)}(e,n,y,v,p,l,t),function(e){let t=e.initialPosition,{dx:i,dy:n}=(0,a.vrU)(t,e.position),r=Math.abs(i),s=Math.abs(n),{maxDistance:o}=e.retina,l=o.horizontal,c=o.vertical;if(l||c){if((l&&r>=l||c&&s>=c)&&!e.misplaced)e.misplaced=!!l&&r>l||!!c&&s>c,l&&(e.velocity.x=e.velocity.y*a.MXx-e.velocity.x),c&&(e.velocity.y=e.velocity.x*a.MXx-e.velocity.y);else if((!l||r<l)&&(!c||s<c)&&e.misplaced)e.misplaced=!1;else if(e.misplaced){let i=e.position,n=e.velocity;l&&(i.x<t.x&&n.x<0||i.x>t.x&&n.x>0)&&(n.x*=-(0,a.G0i)()),c&&(i.y<t.y&&n.y<0||i.y>t.y&&n.y>0)&&(n.y*=-(0,a.G0i)())}}}(e)}preInit(){return this._init()}redrawInit(){return this._init()}update(){for(let e of this.pathGenerators.values())e.update()}async _init(){let e=await this._pluginManager.getPathGenerators?.(this._container,!0);if(e)for(let t of(this.availablePathGenerators=e,this.pathGenerators=new Map,this.pathGenerators.values()))t.init()}}}}]);
package/719.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[719],{9719(e,t,n){async function i(e){e.checkVersion("4.0.0-beta.11"),await e.pluginManager.register(async e=>{let[{loadHexColorPlugin:t},{loadHslColorPlugin:i},{loadRgbColorPlugin:a},{loadMovePlugin:s},{loadCircleShape:h},{loadPaintUpdater:r},{loadOpacityUpdater:b},{loadOutModesUpdater:c},{loadSizeUpdater:d}]=await Promise.all([n.e(892).then(n.bind(n,892)),n.e(392).then(n.bind(n,9392)),n.e(592).then(n.bind(n,6592)),n.e(632).then(n.bind(n,7632)),n.e(74).then(n.bind(n,5074)),n.e(404).then(n.bind(n,7404)),n.e(700).then(n.bind(n,6700)),n.e(48).then(n.bind(n,3048)),n.e(304).then(n.bind(n,8304))]);await Promise.all([t(e),i(e),a(e),s(e),h(e),r(e),b(e),c(e),d(e)])})}n.r(t),n.d(t,{loadBasic:()=>i})}}]);
package/72.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[72],{7072(t,i,a){a.d(i,{OpacityUpdater:()=>e});var o=a(3227);class e{container;constructor(t){this.container=t}init(t){let i=t.options.opacity;t.opacity=(0,o.XsS)(i,1);let a=i.animation;a.enable&&(t.opacity.velocity=(0,o.VGA)(a.speed)/o.a56*this.container.retina.reduceFactor,a.sync||(t.opacity.velocity*=(0,o.G0i)()))}isEnabled(t){return!t.destroyed&&!t.spawning&&!!t.opacity&&t.opacity.enable&&((t.opacity.maxLoops??0)<=0||(t.opacity.maxLoops??0)>0&&(t.opacity.loops??0)<(t.opacity.maxLoops??0))}reset(t){t.opacity&&(t.opacity.time=0,t.opacity.loops=0)}update(t,i){this.isEnabled(t)&&t.opacity&&(0,o.UC0)(t,t.opacity,!0,t.options.opacity.animation.destroy,i)}}}}]);
package/74.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[74],{5074(e,a,t){async function i(e){e.checkVersion("4.0.0-beta.11"),await e.pluginManager.register(e=>{e.pluginManager.addShape(["circle"],async()=>{let{CircleDrawer:e}=await t.e(188).then(t.bind(t,188));return new e})})}t.r(a),t.d(a,{loadCircleShape:()=>i})}}]);
package/742.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[742],{742(t,r,i){i.d(r,{TrailPluginInstance:()=>a});var e=i(3227);class a{_container;_pluginManager;_trailFill;constructor(t,r){this._container=r,this._pluginManager=t}canvasClear(){let t=this._container,r=t.actualOptions.trail,i=this._trailFill;if(!r?.enable||!i||r.length<=0)return!1;let a=!1,n=t.canvas;return i.color?(n.render.paintBase((0,e.xxz)(i.color,t.hdr,i.opacity)),a=!0):i.image&&(n.render.paintImage(i.image,i.opacity),a=!0),a}async init(){try{await this._initTrail()}catch(t){(0,e.tZQ)().error(t)}}_initTrail=async()=>{let t=this._container.actualOptions.trail;if(!t?.enable)return;let r=t.fill,i=e.hBr/t.length;if(r.color){let t=(0,e.BN0)(this._pluginManager,r.color);if(!t)return;this._trailFill={color:{...t},opacity:i}}else await new Promise((t,a)=>{if(!r.image)return;let n=(0,e.T5G)().createElement("img");n.addEventListener("load",()=>{this._trailFill={image:n,opacity:i},t()}),n.addEventListener("error",t=>{(0,e.tZQ)().error(t),a(Error("Error loading image"))}),n.src=r.image})}}}}]);
package/750.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[750],{4750(e,i,s){s.d(i,{SizeUpdater:()=>a});var t=s(3227);class a{_container;constructor(e){this._container=e}init(e){let i=this._container,s=e.options.size.animation;s.enable&&(e.size.velocity=e.retina.sizeAnimationSpeed/t.a56*i.retina.reduceFactor,s.sync||(e.size.velocity*=(0,t.G0i)()))}isEnabled(e){return!e.destroyed&&!e.spawning&&e.size.enable&&((e.size.maxLoops??0)<=0||(e.size.maxLoops??0)>0&&(e.size.loops??0)<(e.size.maxLoops??0))}reset(e){e.size.time=0,e.size.loops=0}update(e,i){this.isEnabled(e)&&(0,t.UC0)(e,e.size,!0,e.options.size.animation.destroy,i)}}}}]);
package/806.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[806],{2806(a,e,i){async function t(a){a.checkVersion("4.0.0-beta.11"),await a.pluginManager.register(async a=>{let{TrailPlugin:e}=await i.e(900).then(i.bind(i,5900));a.pluginManager.addPlugin(new e(a.pluginManager))})}i.r(e),i.d(e,{loadTrailPlugin:()=>t})}}]);
package/807.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[807],{4188(e,a,i){async function t(e){e.checkVersion("4.0.0-beta.11"),await e.pluginManager.register(async e=>{let{PoissonDiscPlugin:a}=await i.e(376).then(i.bind(i,8376));e.pluginManager.addPlugin(new a)})}i.r(a),i.d(a,{loadPoissonDiscPlugin:()=>t})}}]);
package/857.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[857],{5857(s,e,t){t.d(e,{HslColorManager:()=>n});var r,a,l=t(3227);(r=a||(a={}))[r.h=1]="h",r[r.s=2]="s",r[r.l=3]="l",r[r.a=5]="a";let h=/hsla?\(\s*(\d+)\s*[\s,]\s*(\d+)%\s*[\s,]\s*(\d+)%\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i;class n{accepts(s){return s.startsWith("hsl")}handleColor(s){let e=s.value.hsl??s.value;if("h"in e&&"s"in e&&"l"in e)return(0,l.YLU)(e)}handleRangeColor(s){let e=s.value.hsl??s.value;if("h"in e&&"s"in e&&"l"in e)return(0,l.YLU)({h:(0,l.VGA)(e.h),l:(0,l.VGA)(e.l),s:(0,l.VGA)(e.s)})}parseString(s){if(!this.accepts(s))return;let e=h.exec(s);return e?(0,l.ayx)({a:e.length>4?(0,l.M3Y)(e[a.a]):1,h:Number.parseInt(e[a.h]??"0",10),l:Number.parseInt(e[a.l]??"0",10),s:Number.parseInt(e[a.s]??"0",10)}):void 0}}}}]);
package/86.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[86],{2086(t,i,e){e.d(i,{OutOfCanvasUpdater:()=>c});var o=e(3227);class s{container;modes;_particleBouncePlugins;constructor(t){this.container=t,this.modes=[o.Yzx.bounce,o.Yzx.split],this._particleBouncePlugins=t.plugins.filter(t=>void 0!==t.particleBounce)}update(t,i,e,s){if(!this.modes.includes(s))return;let n=this.container,a=!1;for(let o of this._particleBouncePlugins)if(a=o.particleBounce?.(t,e,i)??!1)break;if(a)return;let r=t.getPosition(),d=t.offset,c=t.getRadius(),l=(0,o.AEc)(r,c),p=n.canvas.size;!function(t){if(t.outMode!==o.Yzx.bounce&&t.outMode!==o.Yzx.split||t.direction!==o.v5k.left&&t.direction!==o.v5k.right)return;t.bounds.right<0&&t.direction===o.v5k.left?t.particle.position.x=t.size+t.offset.x:t.bounds.left>t.canvasSize.width&&t.direction===o.v5k.right&&(t.particle.position.x=t.canvasSize.width-t.size-t.offset.x);let i=t.particle.velocity.x,e=!1;if(t.direction===o.v5k.right&&t.bounds.right>=t.canvasSize.width&&i>0||t.direction===o.v5k.left&&t.bounds.left<=0&&i<0){let i=(0,o.VGA)(t.particle.options.bounce.horizontal.value);t.particle.velocity.x*=-i,e=!0}if(!e)return;let s=t.offset.x+t.size;t.bounds.right>=t.canvasSize.width&&t.direction===o.v5k.right?t.particle.position.x=t.canvasSize.width-s:t.bounds.left<=0&&t.direction===o.v5k.left&&(t.particle.position.x=s),t.outMode===o.Yzx.split&&t.particle.destroy()}({particle:t,outMode:s,direction:i,bounds:l,canvasSize:p,offset:d,size:c}),function(t){if(t.outMode!==o.Yzx.bounce&&t.outMode!==o.Yzx.split||t.direction!==o.v5k.bottom&&t.direction!==o.v5k.top)return;t.bounds.bottom<0&&t.direction===o.v5k.top?t.particle.position.y=t.size+t.offset.y:t.bounds.top>t.canvasSize.height&&t.direction===o.v5k.bottom&&(t.particle.position.y=t.canvasSize.height-t.size-t.offset.y);let i=t.particle.velocity.y,e=!1;if(t.direction===o.v5k.bottom&&t.bounds.bottom>=t.canvasSize.height&&i>0||t.direction===o.v5k.top&&t.bounds.top<=0&&i<0){let i=(0,o.VGA)(t.particle.options.bounce.vertical.value);t.particle.velocity.y*=-i,e=!0}if(!e)return;let s=t.offset.y+t.size;t.bounds.bottom>=t.canvasSize.height&&t.direction===o.v5k.bottom?t.particle.position.y=t.canvasSize.height-s:t.bounds.top<=0&&t.direction===o.v5k.top&&(t.particle.position.y=s),t.outMode===o.Yzx.split&&t.particle.destroy()}({particle:t,outMode:s,direction:i,bounds:l,canvasSize:p,offset:d,size:c})}}class n{container;modes;constructor(t){this.container=t,this.modes=[o.Yzx.destroy]}update(t,i,e,s){if(!this.modes.includes(s))return;let n=this.container;switch(t.outType){case o.x_I.normal:case o.x_I.outside:if((0,o.Tj8)(t.position,n.canvas.size,o.boI,t.getRadius(),i))return;break;case o.x_I.inside:{let{dx:i,dy:e}=(0,o.vrU)(t.position,t.moveCenter),{x:s,y:n}=t.velocity;if(s<0&&i>t.moveCenter.radius||n<0&&e>t.moveCenter.radius||s>=0&&i<-t.moveCenter.radius||n>=0&&e<-t.moveCenter.radius)return}}t.destroy(!0)}}class a{container;modes;constructor(t){this.container=t,this.modes=[o.Yzx.none]}update(t,i,e,s){if(!this.modes.includes(s)||((t.options.move.distance.horizontal&&(i===o.v5k.left||i===o.v5k.right))??(t.options.move.distance.vertical&&(i===o.v5k.top||i===o.v5k.bottom))))return;let n=t.options.move.gravity,a=this.container,r=a.canvas.size,d=t.getRadius();if(n.enable){let e=t.position;(!n.inverse&&e.y>r.height+d&&i===o.v5k.bottom||n.inverse&&e.y<-d&&i===o.v5k.top)&&t.destroy()}else{if(t.velocity.y>0&&t.position.y<=r.height+d||t.velocity.y<0&&t.position.y>=-d||t.velocity.x>0&&t.position.x<=r.width+d||t.velocity.x<0&&t.position.x>=-d)return;(0,o.Tj8)(t.position,a.canvas.size,o.boI,d,i)||t.destroy()}}}let r=o.Miz.origin;class d{container;modes;constructor(t){this.container=t,this.modes=[o.Yzx.out]}update(t,i,e,s){if(!this.modes.includes(s))return;let n=this.container;if(t.outType===o.x_I.inside){let{x:i,y:e}=t.velocity;r.setTo(o.boI),r.length=t.moveCenter.radius,r.angle=t.velocity.angle+Math.PI,r.addTo(t.moveCenter);let{dx:s,dy:a}=(0,o.vrU)(t.position,r);if(i<=0&&s>=0||e<=0&&a>=0||i>=0&&s<=0||e>=0&&a<=0)return;t.position.x=Math.floor((0,o.vEz)({min:0,max:n.canvas.size.width})),t.position.y=Math.floor((0,o.vEz)({min:0,max:n.canvas.size.height}));let{dx:d,dy:c}=(0,o.vrU)(t.position,t.moveCenter);t.direction=Math.atan2(-c,-d),t.velocity.angle=t.direction}else{if((0,o.Tj8)(t.position,n.canvas.size,o.boI,t.getRadius(),i))return;switch(t.outType){case o.x_I.outside:{t.position.x=Math.floor((0,o.vEz)({min:-t.moveCenter.radius,max:t.moveCenter.radius}))+t.moveCenter.x,t.position.y=Math.floor((0,o.vEz)({min:-t.moveCenter.radius,max:t.moveCenter.radius}))+t.moveCenter.y;let{dx:i,dy:e}=(0,o.vrU)(t.position,t.moveCenter);t.moveCenter.radius&&(t.direction=Math.atan2(e,i),t.velocity.angle=t.direction);break}case o.x_I.normal:{let e=t.options.move.warp,s=n.canvas.size,a={bottom:s.height+t.getRadius()+t.offset.y,left:-t.getRadius()-t.offset.x,right:s.width+t.getRadius()+t.offset.x,top:-t.getRadius()-t.offset.y},r=t.getRadius(),d=(0,o.AEc)(t.position,r);i===o.v5k.right&&d.left>s.width+t.offset.x?(t.position.x=a.left,t.initialPosition.x=t.position.x,e||(t.position.y=(0,o.G0i)()*s.height,t.initialPosition.y=t.position.y)):i===o.v5k.left&&d.right<-t.offset.x&&(t.position.x=a.right,t.initialPosition.x=t.position.x,e||(t.position.y=(0,o.G0i)()*s.height,t.initialPosition.y=t.position.y)),i===o.v5k.bottom&&d.top>s.height+t.offset.y?(e||(t.position.x=(0,o.G0i)()*s.width,t.initialPosition.x=t.position.x),t.position.y=a.top,t.initialPosition.y=t.position.y):i===o.v5k.top&&d.bottom<-t.offset.y&&(e||(t.position.x=(0,o.G0i)()*s.width,t.initialPosition.x=t.position.x),t.position.y=a.bottom,t.initialPosition.y=t.position.y)}}}}}class c{updaters;container;constructor(t){this.container=t,this.updaters=new Map}init(t){this._addUpdaterIfMissing(t,o.Yzx.bounce,t=>new s(t)),this._addUpdaterIfMissing(t,o.Yzx.out,t=>new d(t)),this._addUpdaterIfMissing(t,o.Yzx.destroy,t=>new n(t)),this._addUpdaterIfMissing(t,o.Yzx.none,t=>new a(t))}isEnabled(t){return!t.destroyed&&!t.spawning}update(t,i){let e=t.options.move.outModes;this._updateOutMode(t,i,e.bottom??e.default,o.v5k.bottom),this._updateOutMode(t,i,e.left??e.default,o.v5k.left),this._updateOutMode(t,i,e.right??e.default,o.v5k.right),this._updateOutMode(t,i,e.top??e.default,o.v5k.top)}_addUpdaterIfMissing=(t,i,e)=>{let o=t.options.move.outModes;this.updaters.has(i)||o.default!==i&&o.bottom!==i&&o.left!==i&&o.right!==i&&o.top!==i||this.updaters.set(i,e(this.container))};_updateOutMode=(t,i,e,o)=>{for(let s of this.updaters.values())s.update(t,o,i,e)}}}}]);
package/892.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[892],{892(e,a,t){async function i(e){e.checkVersion("4.0.0-beta.11"),await e.pluginManager.register(async e=>{let{HexColorManager:a}=await t.e(63).then(t.bind(t,7063));e.pluginManager.addColorManager("hex",new a)})}t.r(a),t.d(a,{loadHexColorPlugin:()=>i})}}]);
package/900.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[900],{5900(i,l,e){e.d(l,{TrailPlugin:()=>s});var t=e(3227);class a{color;image;load(i){(0,t.kZJ)(i)||(void 0!==i.color&&(this.color=t.Oit.create(this.color,i.color)),void 0!==i.image&&(this.image=i.image))}}class n{enable;fill;length;constructor(){this.enable=!1,this.length=10,this.fill=new a}load(i){(0,t.kZJ)(i)||(void 0!==i.enable&&(this.enable=i.enable),void 0!==i.fill&&this.fill.load(i.fill),void 0!==i.length&&(this.length=i.length))}}class s{id="trail";_pluginManager;constructor(i){this._pluginManager=i}async getPlugin(i){let{TrailPluginInstance:l}=await e.e(742).then(e.bind(e,742));return new l(this._pluginManager,i)}loadOptions(i,l,e){if(!this.needsPlugin())return;let t=l.trail;t?.load||(l.trail=t=new n),t.load(e?.trail)}needsPlugin(){return!0}}}}]);
package/957.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_preset_matrix=this.webpackChunk_tsparticles_preset_matrix||[]).push([[957],{4957(r,e,s){s.d(e,{RgbColorManager:()=>g});var t,a,n=s(3227);(t=a||(a={}))[t.r=1]="r",t[t.g=2]="g",t[t.b=3]="b",t[t.a=5]="a";let i=/rgba?\(\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i;class g{accepts(r){return r.startsWith("rgb")}handleColor(r){let e=r.value.rgb??r.value;if("r"in e&&"g"in e&&"b"in e)return e}handleRangeColor(r){let e=r.value.rgb??r.value;if("r"in e&&"g"in e&&"b"in e)return{r:(0,n.VGA)(e.r),g:(0,n.VGA)(e.g),b:(0,n.VGA)(e.b)}}parseString(r){if(!this.accepts(r))return;let e=i.exec(r);return e?{a:e.length>4?(0,n.M3Y)(e[a.a]):1,b:parseInt(e[a.b]??"0",10),g:parseInt(e[a.g]??"0",10),r:parseInt(e[a.r]??"0",10)}:void 0}}}}]);
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2020 Matteo Bruni
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md ADDED
@@ -0,0 +1,101 @@
1
+ [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)
2
+
3
+ # tsParticles Matrix Preset
4
+
5
+ [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/preset-matrix/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/preset-matrix) [![npmjs](https://badge.fury.io/js/@tsparticles/preset-matrix.svg)](https://www.npmjs.com/package/@tsparticles/preset-matrix) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/preset-matrix)](https://www.npmjs.com/package/@tsparticles/preset-matrix) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
6
+
7
+ [tsParticles](https://github.com/tsparticles/tsparticles) preset for a Matrix-style rain animation.
8
+
9
+ [![Discord](https://particles.js.org/images/discord.png)](https://discord.gg/hACwv45Hme) [![Telegram](https://particles.js.org/images/telegram.png)](https://t.me/tsparticles)
10
+
11
+ ## Quick checklist
12
+
13
+ 1. Install `@tsparticles/engine` (or use the CDN bundle below)
14
+ 2. Call `loadMatrixPreset(tsParticles)` **before** `tsParticles.load(...)`
15
+ 3. Set `preset: "matrix"` in options
16
+
17
+ ## How to use it
18
+
19
+ ### CDN / Vanilla JS / jQuery
20
+
21
+ ```html
22
+ <script src="https://cdn.jsdelivr.net/npm/@tsparticles/preset-matrix@4/tsparticles.preset.matrix.bundle.min.js"></script>
23
+ ```
24
+
25
+ ### Usage
26
+
27
+ Once the scripts are loaded you can set up `tsParticles` like this:
28
+
29
+ ```javascript
30
+ (async () => {
31
+ await loadMatrixPreset(tsParticles);
32
+
33
+ await tsParticles.load({
34
+ id: "tsparticles",
35
+ options: {
36
+ preset: "matrix",
37
+ },
38
+ });
39
+ })();
40
+ ```
41
+
42
+ ### Frameworks with a tsParticles component library
43
+
44
+ Checkout the documentation in the component library repository and call the `loadMatrixPreset` function instead
45
+ of `loadFull`, `loadSlim` or similar functions.
46
+
47
+ The options shown above are valid for all the component libraries.
48
+
49
+ ## Dependencies
50
+
51
+ This preset loads and combines the following packages:
52
+
53
+ | Package | Role in this preset | README |
54
+ | ---------------------------------- | ------------------------------------------- | ---------------------------------------------------------------- |
55
+ | `@tsparticles/basic` | Base runtime bundle used by the preset | <https://www.npmjs.com/package/@tsparticles/basic> |
56
+ | `@tsparticles/effect-shadow` | Adds glow/shadow rendering around particles | <https://www.npmjs.com/package/@tsparticles/effect-shadow> |
57
+ | `@tsparticles/engine` | tsParticles engine and preset registration | <https://www.npmjs.com/package/@tsparticles/engine> |
58
+ | `@tsparticles/plugin-poisson-disc` | Applies Poisson-disc particle distribution | <https://www.npmjs.com/package/@tsparticles/plugin-poisson-disc> |
59
+ | `@tsparticles/plugin-trail` | Adds persistent canvas trail rendering | <https://www.npmjs.com/package/@tsparticles/plugin-trail> |
60
+ | `@tsparticles/shape-matrix` | Adds matrix glyph particle shape | <https://www.npmjs.com/package/@tsparticles/shape-matrix> |
61
+
62
+ If you want to customize one specific behavior, start from the related package README above.
63
+
64
+ ## Common pitfalls
65
+
66
+ - Calling `tsParticles.load(...)` before `loadMatrixPreset(tsParticles)`
67
+ - Using `particles.shape.type: "matrix"` without loading the matrix shape package
68
+ - Applying the shadow and trail options without loading the corresponding effect packages
69
+
70
+ ## Related docs
71
+
72
+ - All presets catalog: <https://github.com/tsparticles/presets>
73
+ - Main tsParticles docs: <https://particles.js.org/docs/>
74
+
75
+ ---
76
+
77
+ ```mermaid
78
+ flowchart TD
79
+ subgraph b [Bundles]
80
+ bb[tsParticles Basic]
81
+ end
82
+
83
+ subgraph ef [Effects]
84
+ es[Shadow]
85
+ et[Trail]
86
+ end
87
+
88
+ subgraph pl [Plugins]
89
+ pp[Poisson Disc]
90
+ end
91
+
92
+ subgraph s [Shapes]
93
+ sm[Matrix]
94
+ end
95
+
96
+ subgraph pr [Presets]
97
+ prm[Matrix]
98
+ end
99
+
100
+ bb & es & et & pp & sm --> prm
101
+ ```
@@ -0,0 +1,2 @@
1
+ export { loadMatrixPreset } from "./index.js";
2
+ export { tsParticles } from "@tsparticles/engine";
@@ -0,0 +1,21 @@
1
+ const presetName = "matrix";
2
+ export async function loadMatrixPreset(engine) {
3
+ await engine.pluginManager.register(async (e) => {
4
+ const [{ loadBasic }, { loadShadowEffect }, { loadPoissonDiscPlugin }, { loadTrailPlugin }, { loadMatrixShape }, { options },] = await Promise.all([
5
+ import("@tsparticles/basic"),
6
+ import("@tsparticles/effect-shadow"),
7
+ import("@tsparticles/plugin-poisson-disc"),
8
+ import("@tsparticles/plugin-trail"),
9
+ import("@tsparticles/shape-matrix"),
10
+ import("./options.js"),
11
+ ]);
12
+ await Promise.all([
13
+ loadBasic(e),
14
+ loadShadowEffect(e),
15
+ loadTrailPlugin(e),
16
+ loadPoissonDiscPlugin(e),
17
+ loadMatrixShape(e),
18
+ ]);
19
+ e.pluginManager.addPreset(presetName, options);
20
+ });
21
+ }
@@ -0,0 +1,77 @@
1
+ export const options = {
2
+ fpsLimit: 30,
3
+ particles: {
4
+ number: {
5
+ value: 300,
6
+ density: {
7
+ enable: true,
8
+ },
9
+ },
10
+ paint: {
11
+ fill: {
12
+ color: {
13
+ value: {
14
+ h: 120,
15
+ s: 100,
16
+ l: 50,
17
+ },
18
+ animation: {
19
+ l: {
20
+ enable: true,
21
+ speed: 70,
22
+ sync: false,
23
+ min: 30,
24
+ max: 100,
25
+ },
26
+ },
27
+ },
28
+ enable: true,
29
+ },
30
+ },
31
+ shape: {
32
+ type: "matrix",
33
+ options: {
34
+ matrix: {
35
+ interval: {
36
+ min: 30,
37
+ max: 60,
38
+ },
39
+ },
40
+ },
41
+ },
42
+ effect: {
43
+ type: "shadow",
44
+ options: {
45
+ shadow: {
46
+ color: "#00ff41",
47
+ blur: 7,
48
+ },
49
+ },
50
+ },
51
+ size: {
52
+ value: 10,
53
+ },
54
+ move: {
55
+ enable: true,
56
+ direction: "bottom",
57
+ straight: true,
58
+ speed: {
59
+ min: 8,
60
+ max: 15,
61
+ },
62
+ },
63
+ },
64
+ trail: {
65
+ enable: true,
66
+ length: 10,
67
+ fill: {
68
+ color: "#000",
69
+ },
70
+ },
71
+ poisson: {
72
+ enable: true,
73
+ },
74
+ background: {
75
+ color: "#000000",
76
+ },
77
+ };
@@ -0,0 +1 @@
1
+ { "type": "module" }
package/cjs/bundle.js ADDED
@@ -0,0 +1,2 @@
1
+ export { loadMatrixPreset } from "./index.js";
2
+ export { tsParticles } from "@tsparticles/engine";
package/cjs/index.js ADDED
@@ -0,0 +1,21 @@
1
+ const presetName = "matrix";
2
+ export async function loadMatrixPreset(engine) {
3
+ await engine.pluginManager.register(async (e) => {
4
+ const [{ loadBasic }, { loadShadowEffect }, { loadPoissonDiscPlugin }, { loadTrailPlugin }, { loadMatrixShape }, { options },] = await Promise.all([
5
+ import("@tsparticles/basic"),
6
+ import("@tsparticles/effect-shadow"),
7
+ import("@tsparticles/plugin-poisson-disc"),
8
+ import("@tsparticles/plugin-trail"),
9
+ import("@tsparticles/shape-matrix"),
10
+ import("./options.js"),
11
+ ]);
12
+ await Promise.all([
13
+ loadBasic(e),
14
+ loadShadowEffect(e),
15
+ loadTrailPlugin(e),
16
+ loadPoissonDiscPlugin(e),
17
+ loadMatrixShape(e),
18
+ ]);
19
+ e.pluginManager.addPreset(presetName, options);
20
+ });
21
+ }
package/cjs/options.js ADDED
@@ -0,0 +1,77 @@
1
+ export const options = {
2
+ fpsLimit: 30,
3
+ particles: {
4
+ number: {
5
+ value: 300,
6
+ density: {
7
+ enable: true,
8
+ },
9
+ },
10
+ paint: {
11
+ fill: {
12
+ color: {
13
+ value: {
14
+ h: 120,
15
+ s: 100,
16
+ l: 50,
17
+ },
18
+ animation: {
19
+ l: {
20
+ enable: true,
21
+ speed: 70,
22
+ sync: false,
23
+ min: 30,
24
+ max: 100,
25
+ },
26
+ },
27
+ },
28
+ enable: true,
29
+ },
30
+ },
31
+ shape: {
32
+ type: "matrix",
33
+ options: {
34
+ matrix: {
35
+ interval: {
36
+ min: 30,
37
+ max: 60,
38
+ },
39
+ },
40
+ },
41
+ },
42
+ effect: {
43
+ type: "shadow",
44
+ options: {
45
+ shadow: {
46
+ color: "#00ff41",
47
+ blur: 7,
48
+ },
49
+ },
50
+ },
51
+ size: {
52
+ value: 10,
53
+ },
54
+ move: {
55
+ enable: true,
56
+ direction: "bottom",
57
+ straight: true,
58
+ speed: {
59
+ min: 8,
60
+ max: 15,
61
+ },
62
+ },
63
+ },
64
+ trail: {
65
+ enable: true,
66
+ length: 10,
67
+ fill: {
68
+ color: "#000",
69
+ },
70
+ },
71
+ poisson: {
72
+ enable: true,
73
+ },
74
+ background: {
75
+ color: "#000000",
76
+ },
77
+ };
@@ -0,0 +1 @@
1
+ { "type": "commonjs" }