@tsparticles/interaction-light 4.0.0-beta.0 → 4.0.0-beta.1

package/tsparticles.interaction.light.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.1
  */
 /*
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -94,7 +94,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \*******************************/
 (__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 */   Light: () => (/* reexport safe */ _Options_Classes_Light_js__WEBPACK_IMPORTED_MODULE_0__.Light),\n/* harmony export */   LightArea: () => (/* reexport safe */ _Options_Classes_LightArea_js__WEBPACK_IMPORTED_MODULE_1__.LightArea),\n/* harmony export */   LightGradient: () => (/* reexport safe */ _Options_Classes_LightGradient_js__WEBPACK_IMPORTED_MODULE_2__.LightGradient),\n/* harmony export */   LightShadow: () => (/* reexport safe */ _Options_Classes_LightShadow_js__WEBPACK_IMPORTED_MODULE_3__.LightShadow),\n/* harmony export */   loadLightInteraction: () => (/* binding */ loadLightInteraction)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Light_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Light.js */ \"./dist/browser/Options/Classes/Light.js\");\n/* harmony import */ var _Options_Classes_LightArea_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/LightArea.js */ \"./dist/browser/Options/Classes/LightArea.js\");\n/* harmony import */ var _Options_Classes_LightGradient_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/LightGradient.js */ \"./dist/browser/Options/Classes/LightGradient.js\");\n/* harmony import */ var _Options_Classes_LightShadow_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Options/Classes/LightShadow.js */ \"./dist/browser/Options/Classes/LightShadow.js\");\nasync function loadLightInteraction(engine) {\n    engine.checkVersion(\"4.0.0-beta.0\");\n    await engine.register(async (e)=>{\n        const { ensureInteractivityPluginLoaded } = await Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\", 19));\n        ensureInteractivityPluginLoaded(e);\n        e.addInteractor?.(\"externalLight\", async (container)=>{\n            const { ExternalLighter } = await __webpack_require__.e(/*! import() */ \"dist_browser_ExternalLighter_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ExternalLighter.js */ \"./dist/browser/ExternalLighter.js\"));\n            return new ExternalLighter(container, engine);\n        });\n        e.addInteractor?.(\"particlesLight\", async (container)=>{\n            const { ParticlesLighter } = await __webpack_require__.e(/*! import() */ \"dist_browser_ParticlesLighter_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ParticlesLighter.js */ \"./dist/browser/ParticlesLighter.js\"));\n            return new ParticlesLighter(container, engine);\n        });\n    });\n}\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/interaction-light/./dist/browser/index.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Light: () => (/* reexport safe */ _Options_Classes_Light_js__WEBPACK_IMPORTED_MODULE_0__.Light),\n/* harmony export */   LightArea: () => (/* reexport safe */ _Options_Classes_LightArea_js__WEBPACK_IMPORTED_MODULE_1__.LightArea),\n/* harmony export */   LightGradient: () => (/* reexport safe */ _Options_Classes_LightGradient_js__WEBPACK_IMPORTED_MODULE_2__.LightGradient),\n/* harmony export */   LightShadow: () => (/* reexport safe */ _Options_Classes_LightShadow_js__WEBPACK_IMPORTED_MODULE_3__.LightShadow),\n/* harmony export */   loadLightInteraction: () => (/* binding */ loadLightInteraction)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Light_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Light.js */ \"./dist/browser/Options/Classes/Light.js\");\n/* harmony import */ var _Options_Classes_LightArea_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/LightArea.js */ \"./dist/browser/Options/Classes/LightArea.js\");\n/* harmony import */ var _Options_Classes_LightGradient_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Options/Classes/LightGradient.js */ \"./dist/browser/Options/Classes/LightGradient.js\");\n/* harmony import */ var _Options_Classes_LightShadow_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Options/Classes/LightShadow.js */ \"./dist/browser/Options/Classes/LightShadow.js\");\nasync function loadLightInteraction(engine) {\n    engine.checkVersion(\"4.0.0-beta.1\");\n    await engine.pluginManager.register(async (e)=>{\n        const { ensureInteractivityPluginLoaded } = await Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(__webpack_require__, /*! @tsparticles/plugin-interactivity */ \"@tsparticles/plugin-interactivity\", 19));\n        ensureInteractivityPluginLoaded(e);\n        e.pluginManager.addInteractor?.(\"externalLight\", async (container)=>{\n            const { ExternalLighter } = await __webpack_require__.e(/*! import() */ \"dist_browser_ExternalLighter_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ExternalLighter.js */ \"./dist/browser/ExternalLighter.js\"));\n            return new ExternalLighter(e.pluginManager, container);\n        });\n        e.pluginManager.addInteractor?.(\"particlesLight\", async (container)=>{\n            const { ParticlesLighter } = await __webpack_require__.e(/*! import() */ \"dist_browser_ParticlesLighter_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./ParticlesLighter.js */ \"./dist/browser/ParticlesLighter.js\"));\n            return new ParticlesLighter(e.pluginManager, container);\n        });\n    });\n}\n\n\n\n\n\n\n//# sourceURL=webpack://@tsparticles/interaction-light/./dist/browser/index.js?\n}");
 
 /***/ }
 

package/tsparticles.interaction.light.min.js

@@ -1,2 +1,2 @@
-!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@tsparticles/engine"),require("@tsparticles/plugin-interactivity"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine","@tsparticles/plugin-interactivity"],e);else{var r="object"==typeof exports?e(require("@tsparticles/engine"),require("@tsparticles/plugin-interactivity")):e(t.window,t.window);for(var o in r)("object"==typeof exports?exports:t)[o]=r[o]}}(this,(t,e)=>(()=>{"use strict";var r,o,i,a={303(e){e.exports=t},702(t){t.exports=e},12(t,e,r){r.d(e,{v:()=>n});var o=r(303),i=r(613),a=r(124);class n{area;shadow;constructor(){this.area=new i.O,this.shadow=new a.X}load(t){(0,o.isNull)(t)||(this.area.load(t.area),this.shadow.load(t.shadow))}}},613(t,e,r){r.d(e,{O:()=>a});var o=r(303),i=r(488);class a{gradient;radius;constructor(){this.gradient=new i.V,this.radius=1e3}load(t){(0,o.isNull)(t)||(this.gradient.load(t.gradient),void 0!==t.radius&&(this.radius=t.radius))}}},488(t,e,r){r.d(e,{V:()=>i});var o=r(303);class i{start;stop;constructor(){this.start=new o.OptionsColor,this.stop=new o.OptionsColor,this.start.value="#ffffff",this.stop.value="#000000"}load(t){(0,o.isNull)(t)||(this.start=o.OptionsColor.create(this.start,t.start),this.stop=o.OptionsColor.create(this.stop,t.stop))}}},124(t,e,r){r.d(e,{X:()=>i});var o=r(303);class i{color;length;constructor(){this.color=new o.OptionsColor,this.color.value="#000000",this.length=2e3}load(t){(0,o.isNull)(t)||(this.color=o.OptionsColor.create(this.color,t.color),void 0!==t.length&&(this.length=t.length))}}}},n={};function s(t){var e=n[t];if(void 0!==e)return e.exports;var r=n[t]={exports:{}};return a[t](r,r.exports,s),r.exports}s.m=a,c=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,s.t=function(t,e){if(1&e&&(t=this(t)),8&e||"object"==typeof t&&t&&(4&e&&t.__esModule||16&e&&"function"==typeof t.then))return t;var r=Object.create(null);s.r(r);var o={};l=l||[null,c({}),c([]),c(c)];for(var i=2&e&&t;("object"==typeof i||"function"==typeof i)&&!~l.indexOf(i);i=c(i))Object.getOwnPropertyNames(i).forEach(e=>o[e]=()=>t[e]);return o.default=()=>t,s.d(r,o),r},s.d=(t,e)=>{for(var r in e)s.o(e,r)&&!s.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},s.f={},s.e=t=>Promise.all(Object.keys(s.f).reduce((e,r)=>(s.f[r](t,e),e),[])),s.u=t=>""+t+".min.js",s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(t){if("object"==typeof window)return window}}(),s.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),p={},s.l=(t,e,r,o)=>{if(p[t])return void p[t].push(e);if(void 0!==r)for(var i,a,n=document.getElementsByTagName("script"),l=0;l<n.length;l++){var c=n[l];if(c.getAttribute("src")==t||c.getAttribute("data-webpack")=="@tsparticles/interaction-light:"+r){i=c;break}}i||(a=!0,(i=document.createElement("script")).charset="utf-8",s.nc&&i.setAttribute("nonce",s.nc),i.setAttribute("data-webpack","@tsparticles/interaction-light:"+r),i.src=t),p[t]=[e];var u=(e,r)=>{i.onerror=i.onload=null,clearTimeout(d);var o=p[t];if(delete p[t],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach(t=>t(r)),e)return e(r)},d=setTimeout(u.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=u.bind(null,i.onerror),i.onload=u.bind(null,i.onload),a&&document.head.appendChild(i)},s.r=t=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.g.importScripts&&(u=s.g.location+"");var l,c,p,u,d=s.g.document;if(!u&&d&&(d.currentScript&&"SCRIPT"===d.currentScript.tagName.toUpperCase()&&(u=d.currentScript.src),!u)){var h=d.getElementsByTagName("script");if(h.length)for(var f=h.length-1;f>-1&&(!u||!/^http(s?):/.test(u));)u=h[f--].src}if(!u)throw Error("Automatic publicPath is not supported in this browser");s.p=u=u.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),r={595:0},s.f.j=(t,e)=>{var o=s.o(r,t)?r[t]:void 0;if(0!==o)if(o)e.push(o[2]);else{var i=new Promise((e,i)=>o=r[t]=[e,i]);e.push(o[2]=i);var a=s.p+s.u(t),n=Error();s.l(a,e=>{if(s.o(r,t)&&(0!==(o=r[t])&&(r[t]=void 0),o)){var i=e&&("load"===e.type?"missing":e.type),a=e&&e.target&&e.target.src;n.message="Loading chunk "+t+` failed.
-(`+i+": "+a+")",n.name="ChunkLoadError",n.type=i,n.request=a,o[1](n)}},"chunk-"+t,t)}},o=(t,e)=>{var o,i,[a,n,l]=e,c=0;if(a.some(t=>0!==r[t])){for(o in n)s.o(n,o)&&(s.m[o]=n[o]);l&&l(s)}for(t&&t(e);c<a.length;c++)i=a[c],s.o(r,i)&&r[i]&&r[i][0](),r[i]=0},(i=this.webpackChunk_tsparticles_interaction_light=this.webpackChunk_tsparticles_interaction_light||[]).forEach(o.bind(null,0)),i.push=o.bind(null,i.push.bind(i));var g={};s.r(g),s.d(g,{Light:()=>v.v,LightArea:()=>b.O,LightGradient:()=>y.V,LightShadow:()=>m.X,loadLightInteraction:()=>w});var v=s(12),b=s(613),y=s(488),m=s(124);async function w(t){t.checkVersion("4.0.0-beta.0"),await t.register(async e=>{let{ensureInteractivityPluginLoaded:r}=await Promise.resolve().then(s.t.bind(s,702,19));r(e),e.addInteractor?.("externalLight",async e=>{let{ExternalLighter:r}=await s.e(396).then(s.bind(s,396));return new r(e,t)}),e.addInteractor?.("particlesLight",async e=>{let{ParticlesLighter:r}=await s.e(830).then(s.bind(s,830));return new r(e,t)})})}return g})());
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@tsparticles/engine"),require("@tsparticles/plugin-interactivity"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine","@tsparticles/plugin-interactivity"],e);else{var r="object"==typeof exports?e(require("@tsparticles/engine"),require("@tsparticles/plugin-interactivity")):e(t.window,t.window);for(var o in r)("object"==typeof exports?exports:t)[o]=r[o]}}(this,(t,e)=>(()=>{"use strict";var r,o,i,a={303(e){e.exports=t},702(t){t.exports=e},336(t,e,r){r.d(e,{v:()=>n});var o=r(303),i=r(297),a=r(955);class n{area;shadow;constructor(){this.area=new i.O,this.shadow=new a.X}load(t){(0,o.isNull)(t)||(this.area.load(t.area),this.shadow.load(t.shadow))}}},297(t,e,r){r.d(e,{O:()=>a});var o=r(303),i=r(100);class a{gradient;radius;constructor(){this.gradient=new i.V,this.radius=1e3}load(t){(0,o.isNull)(t)||(this.gradient.load(t.gradient),void 0!==t.radius&&(this.radius=t.radius))}}},100(t,e,r){r.d(e,{V:()=>i});var o=r(303);class i{start;stop;constructor(){this.start=new o.OptionsColor,this.stop=new o.OptionsColor,this.start.value="#ffffff",this.stop.value="#000000"}load(t){(0,o.isNull)(t)||(this.start=o.OptionsColor.create(this.start,t.start),this.stop=o.OptionsColor.create(this.stop,t.stop))}}},955(t,e,r){r.d(e,{X:()=>i});var o=r(303);class i{color;length;constructor(){this.color=new o.OptionsColor,this.color.value="#000000",this.length=2e3}load(t){(0,o.isNull)(t)||(this.color=o.OptionsColor.create(this.color,t.color),void 0!==t.length&&(this.length=t.length))}}}},n={};function s(t){var e=n[t];if(void 0!==e)return e.exports;var r=n[t]={exports:{}};return a[t](r,r.exports,s),r.exports}s.m=a,c=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,s.t=function(t,e){if(1&e&&(t=this(t)),8&e||"object"==typeof t&&t&&(4&e&&t.__esModule||16&e&&"function"==typeof t.then))return t;var r=Object.create(null);s.r(r);var o={};l=l||[null,c({}),c([]),c(c)];for(var i=2&e&&t;("object"==typeof i||"function"==typeof i)&&!~l.indexOf(i);i=c(i))Object.getOwnPropertyNames(i).forEach(e=>o[e]=()=>t[e]);return o.default=()=>t,s.d(r,o),r},s.d=(t,e)=>{for(var r in e)s.o(e,r)&&!s.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},s.f={},s.e=t=>Promise.all(Object.keys(s.f).reduce((e,r)=>(s.f[r](t,e),e),[])),s.u=t=>""+t+".min.js",s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(t){if("object"==typeof window)return window}}(),s.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),p={},s.l=(t,e,r,o)=>{if(p[t])return void p[t].push(e);if(void 0!==r)for(var i,a,n=document.getElementsByTagName("script"),l=0;l<n.length;l++){var c=n[l];if(c.getAttribute("src")==t||c.getAttribute("data-webpack")=="@tsparticles/interaction-light:"+r){i=c;break}}i||(a=!0,(i=document.createElement("script")).charset="utf-8",s.nc&&i.setAttribute("nonce",s.nc),i.setAttribute("data-webpack","@tsparticles/interaction-light:"+r),i.src=t),p[t]=[e];var u=(e,r)=>{i.onerror=i.onload=null,clearTimeout(d);var o=p[t];if(delete p[t],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach(t=>t(r)),e)return e(r)},d=setTimeout(u.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=u.bind(null,i.onerror),i.onload=u.bind(null,i.onload),a&&document.head.appendChild(i)},s.r=t=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.g.importScripts&&(u=s.g.location+"");var l,c,p,u,d=s.g.document;if(!u&&d&&(d.currentScript&&"SCRIPT"===d.currentScript.tagName.toUpperCase()&&(u=d.currentScript.src),!u)){var h=d.getElementsByTagName("script");if(h.length)for(var f=h.length-1;f>-1&&(!u||!/^http(s?):/.test(u));)u=h[f--].src}if(!u)throw Error("Automatic publicPath is not supported in this browser");s.p=u=u.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),r={595:0},s.f.j=(t,e)=>{var o=s.o(r,t)?r[t]:void 0;if(0!==o)if(o)e.push(o[2]);else{var i=new Promise((e,i)=>o=r[t]=[e,i]);e.push(o[2]=i);var a=s.p+s.u(t),n=Error();s.l(a,e=>{if(s.o(r,t)&&(0!==(o=r[t])&&(r[t]=void 0),o)){var i=e&&("load"===e.type?"missing":e.type),a=e&&e.target&&e.target.src;n.message="Loading chunk "+t+` failed.
+(`+i+": "+a+")",n.name="ChunkLoadError",n.type=i,n.request=a,o[1](n)}},"chunk-"+t,t)}},o=(t,e)=>{var o,i,[a,n,l]=e,c=0;if(a.some(t=>0!==r[t])){for(o in n)s.o(n,o)&&(s.m[o]=n[o]);l&&l(s)}for(t&&t(e);c<a.length;c++)i=a[c],s.o(r,i)&&r[i]&&r[i][0](),r[i]=0},(i=this.webpackChunk_tsparticles_interaction_light=this.webpackChunk_tsparticles_interaction_light||[]).forEach(o.bind(null,0)),i.push=o.bind(null,i.push.bind(i));var g={};s.r(g),s.d(g,{Light:()=>v.v,LightArea:()=>b.O,LightGradient:()=>y.V,LightShadow:()=>m.X,loadLightInteraction:()=>w});var v=s(336),b=s(297),y=s(100),m=s(955);async function w(t){t.checkVersion("4.0.0-beta.1"),await t.pluginManager.register(async t=>{let{ensureInteractivityPluginLoaded:e}=await Promise.resolve().then(s.t.bind(s,702,19));e(t),t.pluginManager.addInteractor?.("externalLight",async e=>{let{ExternalLighter:r}=await s.e(456).then(s.bind(s,456));return new r(t.pluginManager,e)}),t.pluginManager.addInteractor?.("particlesLight",async e=>{let{ParticlesLighter:r}=await s.e(386).then(s.bind(s,386));return new r(t.pluginManager,e)})})}return g})());

package/types/ExternalLighter.d.ts

@@ -1,10 +1,10 @@
-import { type Engine, type RecursivePartial } from "@tsparticles/engine";
 import { ExternalInteractorBase, type IInteractivityData, type IModes, type Modes } from "@tsparticles/plugin-interactivity";
 import type { ILightMode, LightContainer, LightMode, LightParticle } from "./Types.js";
+import { type PluginManager, type RecursivePartial } from "@tsparticles/engine";
 export declare class ExternalLighter extends ExternalInteractorBase<LightContainer> {
     readonly maxDistance = 0;
-    private readonly _engine;
-    constructor(container: LightContainer, engine: Engine);
+    private readonly _pluginManager;
+    constructor(pluginManager: PluginManager, container: LightContainer);
     clear(): void;
     init(): void;
     interact(interactivityData: IInteractivityData): void;

package/types/ParticlesLighter.d.ts

@@ -1,10 +1,10 @@
-import { type Engine } from "@tsparticles/engine";
 import { type IInteractivityData, ParticlesInteractorBase } from "@tsparticles/plugin-interactivity";
 import type { LightContainer, LightParticle } from "./Types.js";
+import { type PluginManager } from "@tsparticles/engine";
 export declare class ParticlesLighter extends ParticlesInteractorBase<LightContainer> {
     readonly maxDistance: number;
-    private readonly _engine;
-    constructor(container: LightContainer, engine: Engine);
+    private readonly _pluginManager;
+    constructor(pluginManager: PluginManager, container: LightContainer);
     clear(): void;
     init(): void;
     interact(particle: LightParticle, interactivityData: IInteractivityData): void;

package/types/Utils.d.ts

@@ -1,5 +1,5 @@
-import { type ICoordinates } from "@tsparticles/engine";
+import { type CanvasContextType, type ICoordinates } from "@tsparticles/engine";
 import type { LightContainer, LightParticle } from "./Types.js";
 export declare const lightMode = "light";
-export declare function drawLight(container: LightContainer, context: CanvasRenderingContext2D, mousePos: ICoordinates): void;
-export declare function drawParticleShadow(container: LightContainer, context: CanvasRenderingContext2D, particle: LightParticle, mousePos: ICoordinates): void;
+export declare function drawLight(container: LightContainer, context: CanvasContextType, mousePos: ICoordinates): void;
+export declare function drawParticleShadow(container: LightContainer, context: CanvasContextType, particle: LightParticle, mousePos: ICoordinates): void;

package/umd/ExternalLighter.js

@@ -4,22 +4,22 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "@tsparticles/plugin-interactivity", "./Utils.js", "./Options/Classes/Light.js"], factory);
+        define(["require", "exports", "@tsparticles/plugin-interactivity", "@tsparticles/engine", "./Utils.js", "./Options/Classes/Light.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.ExternalLighter = void 0;
-    const engine_1 = require("@tsparticles/engine");
     const plugin_interactivity_1 = require("@tsparticles/plugin-interactivity");
+    const engine_1 = require("@tsparticles/engine");
     const Utils_js_1 = require("./Utils.js");
     const Light_js_1 = require("./Options/Classes/Light.js");
     class ExternalLighter extends plugin_interactivity_1.ExternalInteractorBase {
         maxDistance = 0;
-        _engine;
-        constructor(container, engine) {
+        _pluginManager;
+        constructor(pluginManager, container) {
             super(container);
-            this._engine = engine;
+            this._pluginManager = pluginManager;
         }
         clear() {
         }
@@ -34,7 +34,7 @@
             if (!mousePos) {
                 return;
             }
-            container.canvas.draw(ctx => {
+            container.canvas.render.draw(ctx => {
                 (0, Utils_js_1.drawLight)(container, ctx, mousePos);
             });
         }
@@ -47,8 +47,8 @@
             if (res && interactivity?.modes.light) {
                 const lightGradient = interactivity.modes.light.area.gradient;
                 container.canvas.mouseLight = {
-                    start: (0, engine_1.rangeColorToRgb)(this._engine, lightGradient.start),
-                    stop: (0, engine_1.rangeColorToRgb)(this._engine, lightGradient.stop),
+                    start: (0, engine_1.rangeColorToRgb)(this._pluginManager, lightGradient.start),
+                    stop: (0, engine_1.rangeColorToRgb)(this._pluginManager, lightGradient.stop),
                 };
             }
             return res;

package/umd/ParticlesLighter.js

@@ -4,21 +4,21 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "@tsparticles/plugin-interactivity", "./Utils.js"], factory);
+        define(["require", "exports", "@tsparticles/plugin-interactivity", "@tsparticles/engine", "./Utils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.ParticlesLighter = void 0;
-    const engine_1 = require("@tsparticles/engine");
     const plugin_interactivity_1 = require("@tsparticles/plugin-interactivity");
+    const engine_1 = require("@tsparticles/engine");
     const Utils_js_1 = require("./Utils.js");
     class ParticlesLighter extends plugin_interactivity_1.ParticlesInteractorBase {
         maxDistance;
-        _engine;
-        constructor(container, engine) {
+        _pluginManager;
+        constructor(pluginManager, container) {
             super(container);
-            this._engine = engine;
+            this._pluginManager = pluginManager;
             this.maxDistance = 0;
         }
         clear() {
@@ -34,7 +34,7 @@
             if (!mousePos) {
                 return;
             }
-            container.canvas.draw(ctx => {
+            container.canvas.render.draw(ctx => {
                 (0, Utils_js_1.drawParticleShadow)(container, ctx, particle, mousePos);
             });
         }
@@ -46,7 +46,7 @@
             const res = (0, engine_1.isInArray)(Utils_js_1.lightMode, events.onHover.mode);
             if (res && interactivity.modes.light) {
                 const shadowOptions = interactivity.modes.light.shadow;
-                particle.lightShadow = (0, engine_1.rangeColorToRgb)(this._engine, shadowOptions.color);
+                particle.lightShadow = (0, engine_1.rangeColorToRgb)(this._pluginManager, shadowOptions.color);
             }
             return res;
         }

package/umd/index.js

@@ -48,17 +48,17 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadLightInteraction = loadLightInteraction;
     async function loadLightInteraction(engine) {
-        engine.checkVersion("4.0.0-beta.0");
-        await engine.register(async (e) => {
+        engine.checkVersion("4.0.0-beta.1");
+        await engine.pluginManager.register(async (e) => {
             const { ensureInteractivityPluginLoaded } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("@tsparticles/plugin-interactivity"))) : new Promise((resolve_1, reject_1) => { require(["@tsparticles/plugin-interactivity"], resolve_1, reject_1); }).then(__importStar));
             ensureInteractivityPluginLoaded(e);
-            e.addInteractor?.("externalLight", async (container) => {
+            e.pluginManager.addInteractor?.("externalLight", async (container) => {
                 const { ExternalLighter } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./ExternalLighter.js"))) : new Promise((resolve_2, reject_2) => { require(["./ExternalLighter.js"], resolve_2, reject_2); }).then(__importStar));
-                return new ExternalLighter(container, engine);
+                return new ExternalLighter(e.pluginManager, container);
             });
-            e.addInteractor?.("particlesLight", async (container) => {
+            e.pluginManager.addInteractor?.("particlesLight", async (container) => {
                 const { ParticlesLighter } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./ParticlesLighter.js"))) : new Promise((resolve_3, reject_3) => { require(["./ParticlesLighter.js"], resolve_3, reject_3); }).then(__importStar));
-                return new ParticlesLighter(container, engine);
+                return new ParticlesLighter(e.pluginManager, container);
             });
         });
     }

package/396.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_interaction_light=this.webpackChunk_tsparticles_interaction_light||[]).push([[396],{396(t,e,i){i.d(e,{ExternalLighter:()=>s});var a=i(303),n=i(702),r=i(183),o=i(12);class s extends n.ExternalInteractorBase{maxDistance=0;_engine;constructor(t,e){super(t),this._engine=e}clear(){}init(){}interact(t){let e=this.container,i=e.actualOptions;if(!i.interactivity?.events.onHover.enable||"pointermove"!==t.status)return;let a=t.mouse.position;a&&e.canvas.draw(t=>{(0,r.tM)(e,t,a)})}isEnabled(t,e){let i=this.container,n=t.mouse,o=e?.interactivity??i.actualOptions.interactivity,s=o?.events;if(!(s?.onHover.enable&&n.position))return!1;let l=(0,a.isInArray)(r.EF,s.onHover.mode);if(l&&o?.modes.light){let t=o.modes.light.area.gradient;i.canvas.mouseLight={start:(0,a.rangeColorToRgb)(this._engine,t.start),stop:(0,a.rangeColorToRgb)(this._engine,t.stop)}}return l}loadModeOptions(t,...e){for(let i of(t.light??=new o.v,e))t.light.load(i?.light)}reset(){}}},183(t,e,i){i.d(e,{EF:()=>o,No:()=>l,tM:()=>s});var a=i(303);let n=Math.PI*a.half,r=Math.PI*a.quarter,o="light";function s(t,e,i){let n=t.actualOptions.interactivity?.modes.light?.area;if(!n)return;e.beginPath(),e.arc(i.x,i.y,n.radius,0,a.doublePI);let r=e.createRadialGradient(i.x,i.y,0,i.x,i.y,n.radius),o=t.canvas.mouseLight;o?.start&&o.stop&&(r.addColorStop(0,(0,a.getStyleFromRgb)(o.start,t.hdr)),r.addColorStop(1,(0,a.getStyleFromRgb)(o.stop,t.hdr)),e.fillStyle=r,e.fill())}function l(t,e,i,o){let s=i.getPosition(),l=t.actualOptions.interactivity?.modes.light?.shadow;if(!l)return;let h=i.lightShadow;if(!h)return;let d=i.getRadius(),g=i.sides,c=a.doublePI/g,u=-i.rotation+r,y=[];for(let t=0;t<g;t++)y.push({x:s.x+d*Math.sin(u+c*t)*1,y:s.y+d*Math.cos(u+c*t)*1});let p=[],f=l.length;for(let t of y){let e=Math.atan2(o.y-t.y,o.x-t.x),i={x:t.x+f*Math.sin(-e-n),y:t.y+f*Math.cos(-e-n)};p.push({end:i,start:t})}let v=(0,a.getStyleFromRgb)(h,t.hdr),x=p.length-1;for(let t=x,i=0;t>=0;i=t--){e.beginPath();let a=p[t],n=p[i];a&&n&&(e.moveTo(a.start.x,a.start.y),e.lineTo(n.start.x,n.start.y),e.lineTo(n.end.x,n.end.y),e.lineTo(a.end.x,a.end.y),e.fillStyle=v,e.fill())}}}}]);

package/830.min.js

@@ -1 +0,0 @@
-"use strict";(this.webpackChunk_tsparticles_interaction_light=this.webpackChunk_tsparticles_interaction_light||[]).push([[830],{830(t,e,i){i.d(e,{ParticlesLighter:()=>o});var a=i(303),r=i(702),n=i(183);class o extends r.ParticlesInteractorBase{maxDistance;_engine;constructor(t,e){super(t),this._engine=e,this.maxDistance=0}clear(){}init(){}interact(t,e){let i=this.container,a=i.actualOptions;if(!a.interactivity?.events.onHover.enable||"pointermove"!==e.status)return;let r=e.mouse.position;r&&i.canvas.draw(e=>{(0,n.No)(i,e,t,r)})}isEnabled(t,e){let i=t.interactivity,r=e.mouse,o=i.events;if(!(o.onHover.enable&&r.position))return!1;let s=(0,a.isInArray)(n.EF,o.onHover.mode);if(s&&i.modes.light){let e=i.modes.light.shadow;t.lightShadow=(0,a.rangeColorToRgb)(this._engine,e.color)}return s}reset(){}}},183(t,e,i){i.d(e,{EF:()=>o,No:()=>l,tM:()=>s});var a=i(303);let r=Math.PI*a.half,n=Math.PI*a.quarter,o="light";function s(t,e,i){let r=t.actualOptions.interactivity?.modes.light?.area;if(!r)return;e.beginPath(),e.arc(i.x,i.y,r.radius,0,a.doublePI);let n=e.createRadialGradient(i.x,i.y,0,i.x,i.y,r.radius),o=t.canvas.mouseLight;o?.start&&o.stop&&(n.addColorStop(0,(0,a.getStyleFromRgb)(o.start,t.hdr)),n.addColorStop(1,(0,a.getStyleFromRgb)(o.stop,t.hdr)),e.fillStyle=n,e.fill())}function l(t,e,i,o){let s=i.getPosition(),l=t.actualOptions.interactivity?.modes.light?.shadow;if(!l)return;let h=i.lightShadow;if(!h)return;let c=i.getRadius(),d=i.sides,u=a.doublePI/d,g=-i.rotation+n,y=[];for(let t=0;t<d;t++)y.push({x:s.x+c*Math.sin(g+u*t)*1,y:s.y+c*Math.cos(g+u*t)*1});let p=[],f=l.length;for(let t of y){let e=Math.atan2(o.y-t.y,o.x-t.x),i={x:t.x+f*Math.sin(-e-r),y:t.y+f*Math.cos(-e-r)};p.push({end:i,start:t})}let x=(0,a.getStyleFromRgb)(h,t.hdr),m=p.length-1;for(let t=m,i=0;t>=0;i=t--){e.beginPath();let a=p[t],r=p[i];a&&r&&(e.moveTo(a.start.x,a.start.y),e.lineTo(r.start.x,r.start.y),e.lineTo(r.end.x,r.end.y),e.lineTo(a.end.x,a.end.y),e.fillStyle=x,e.fill())}}}}]);