@tsparticles/plugin-interactivity 4.0.0-alpha.21 → 4.0.0-alpha.22

package/umd/InteractionManager.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./InteractivityConstants.js", "./InteractivityEventListeners.js", "./InteractorType.js"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./InteractivityConstants.js", "./InteractivityEventListeners.js", "./Enums/InteractorType.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -13,7 +13,7 @@
     const engine_1 = require("@tsparticles/engine");
     const InteractivityConstants_js_1 = require("./InteractivityConstants.js");
     const InteractivityEventListeners_js_1 = require("./InteractivityEventListeners.js");
-    const InteractorType_js_1 = require("./InteractorType.js");
+    const InteractorType_js_1 = require("./Enums/InteractorType.js");
     class InteractionManager {
         container;
         interactivityData;
@@ -21,6 +21,7 @@
         _engine;
         _eventListeners;
         _externalInteractors;
+        _globalInteractors;
         _interactors;
         _intersectionObserver;
         _particleInteractors;
@@ -29,6 +30,7 @@
             this._engine = engine;
             this._interactors = [];
             this._externalInteractors = [];
+            this._globalInteractors = [];
             this._particleInteractors = [];
             this._clickHandlers = new Map();
             this._eventListeners = new InteractivityEventListeners_js_1.InteractivityEventListeners(container, this);
@@ -135,6 +137,14 @@
                 }
             }
         }
+        globalInteract(delta) {
+            for (const interactor of this._globalInteractors) {
+                const { interactivityData } = this;
+                if (interactor.isEnabled(interactivityData)) {
+                    interactor.interact(interactivityData, delta);
+                }
+            }
+        }
         handleClickMode(mode) {
             if (this.container.destroyed) {
                 return;
@@ -144,14 +154,7 @@
                 interactor.handleClickMode?.(mode, interactivityData);
             }
         }
-        async init() {
-            const interactors = await this._engine.getInteractors?.(this.container, true);
-            if (!interactors) {
-                return;
-            }
-            this._interactors = interactors;
-            this._externalInteractors = [];
-            this._particleInteractors = [];
+        init() {
             this._eventListeners.init();
             for (const interactor of this._interactors) {
                 switch (interactor.type) {
@@ -161,10 +164,22 @@
                     case InteractorType_js_1.InteractorType.particles:
                         this._particleInteractors.push(interactor);
                         break;
+                    case InteractorType_js_1.InteractorType.global:
+                        this._globalInteractors.push(interactor);
+                        break;
                 }
                 interactor.init();
             }
         }
+        async initInteractors() {
+            const interactors = await this._engine.getInteractors?.(this.container, true);
+            if (!interactors) {
+                return;
+            }
+            this._interactors = interactors;
+            this._externalInteractors = [];
+            this._particleInteractors = [];
+        }
         particlesInteract(particle, delta) {
             const { interactivityData } = this;
             for (const interactor of this._externalInteractors) {

package/umd/InteractivityEventListeners.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./InteractivityConstants.js", "./InteractivityDetect.js"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./InteractivityConstants.js", "./Enums/InteractivityDetect.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -12,7 +12,7 @@
     exports.InteractivityEventListeners = void 0;
     const engine_1 = require("@tsparticles/engine");
     const InteractivityConstants_js_1 = require("./InteractivityConstants.js");
-    const InteractivityDetect_js_1 = require("./InteractivityDetect.js");
+    const InteractivityDetect_js_1 = require("./Enums/InteractivityDetect.js");
     class InteractivityEventListeners {
         _canPush = true;
         _clickPositionPlugins;
@@ -103,18 +103,26 @@
             }
             const html = interactivityEl, canvas = container.canvas;
             canvas.setPointerEvents(html === canvas.element ? "initial" : "none");
-            if (!(options.interactivity?.events.onHover.enable || options.interactivity?.events.onClick.enable)) {
+            if (add && !(options.interactivity?.events.onHover.enable || options.interactivity?.events.onClick.enable)) {
                 return;
             }
             (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.mouseMoveEvent, handlers.mouseMove, add);
             (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.touchStartEvent, handlers.touchStart, add);
             (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.touchMoveEvent, handlers.touchMove, add);
-            if (options.interactivity.events.onClick.enable) {
+            if (add) {
+                if (options.interactivity?.events.onClick.enable) {
+                    (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.touchEndEvent, handlers.touchEndClick, add);
+                    (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.mouseUpEvent, handlers.mouseUp, add);
+                    (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.mouseDownEvent, handlers.mouseDown, add);
+                }
+                else {
+                    (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.touchEndEvent, handlers.touchEnd, add);
+                }
+            }
+            else {
                 (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.touchEndEvent, handlers.touchEndClick, add);
                 (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.mouseUpEvent, handlers.mouseUp, add);
                 (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.mouseDownEvent, handlers.mouseDown, add);
-            }
-            else {
                 (0, engine_1.manageListener)(interactivityEl, InteractivityConstants_js_1.touchEndEvent, handlers.touchEnd, add);
             }
             (0, engine_1.manageListener)(interactivityEl, mouseLeaveTmpEvent, handlers.mouseLeave, add);

package/umd/InteractivityPlugin.js

@@ -84,9 +84,7 @@ var __importStar = (this && this.__importStar) || (function () {
                 return;
             }
             for (const interactor of interactors) {
-                if (interactor.loadParticlesOptions) {
-                    interactor.loadParticlesOptions(options, source);
-                }
+                interactor.loadParticlesOptions?.(options, source);
             }
         }
         needsPlugin() {

package/umd/InteractivityPluginInstance.js

@@ -47,13 +47,16 @@
             this.interactionManager.particlesInteract(particle, delta);
         }
         postUpdate(delta) {
+            this.interactionManager.globalInteract(delta);
             this.interactionManager.externalInteract(delta);
         }
         async preInit() {
-            await this.interactionManager.init();
+            await this.interactionManager.initInteractors();
+            this.interactionManager.init();
         }
         async redrawInit() {
-            await this.interactionManager.init();
+            await this.interactionManager.initInteractors();
+            this.interactionManager.init();
         }
         start() {
             this.interactionManager.addListeners();

package/umd/Interfaces/IParticleInteractorBase.js

@@ -0,0 +1,12 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/umd/Interfaces/IParticlesInteractor.js

@@ -0,0 +1,12 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/umd/Options/Classes/Events/DivEvent.js

@@ -4,14 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "../../../DivType.js"], factory);
+        define(["require", "exports", "@tsparticles/engine", "../../../Enums/DivType.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.DivEvent = void 0;
     const engine_1 = require("@tsparticles/engine");
-    const DivType_js_1 = require("../../../DivType.js");
+    const DivType_js_1 = require("../../../Enums/DivType.js");
     class DivEvent {
         enable;
         mode;

package/umd/Options/Classes/Interactivity.js

@@ -4,7 +4,7 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./Events/Events.js", "../../InteractivityDetect.js", "./Modes/Modes.js"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./Events/Events.js", "../../Enums/InteractivityDetect.js", "./Modes/Modes.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -12,7 +12,7 @@
     exports.Interactivity = void 0;
     const engine_1 = require("@tsparticles/engine");
     const Events_js_1 = require("./Events/Events.js");
-    const InteractivityDetect_js_1 = require("../../InteractivityDetect.js");
+    const InteractivityDetect_js_1 = require("../../Enums/InteractivityDetect.js");
     const Modes_js_1 = require("./Modes/Modes.js");
     class Interactivity {
         detectsOn;

package/umd/index.js

@@ -40,7 +40,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./DivType.js", "./ExternalInteractorBase.js", "./InteractivityConstants.js", "./InteractivityDetect.js", "./InteractorType.js", "./ParticlesInteractorBase.js", "./utils.js", "./Options/Classes/Events/DivEvent.js", "./Options/Classes/Modes/Modes.js"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./BaseClasses/ExternalInteractorBase.js", "./BaseClasses/GlobalInteractorBase.js", "./BaseClasses/ParticlesInteractorBase.js", "./InteractivityConstants.js", "./Enums/DivType.js", "./Enums/InteractivityDetect.js", "./Enums/InteractorType.js", "./utils.js", "./Options/Classes/Events/DivEvent.js", "./Options/Classes/Modes/Modes.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -50,7 +50,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     exports.ensureInteractivityPluginLoaded = ensureInteractivityPluginLoaded;
     const engine_1 = require("@tsparticles/engine");
     async function loadInteractivityPlugin(engine) {
-        engine.checkVersion("4.0.0-alpha.21");
+        engine.checkVersion("4.0.0-alpha.22");
         await engine.register(async (e) => {
             const interactivityEngine = e, { InteractivityPlugin } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./InteractivityPlugin.js"))) : new Promise((resolve_1, reject_1) => { require(["./InteractivityPlugin.js"], resolve_1, reject_1); }).then(__importStar));
             interactivityEngine.addPlugin(new InteractivityPlugin(interactivityEngine));
@@ -82,12 +82,13 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
             throw new Error("tsParticles Interactivity Plugin is not loaded");
         }
     }
-    __exportStar(require("./DivType.js"), exports);
-    __exportStar(require("./ExternalInteractorBase.js"), exports);
+    __exportStar(require("./BaseClasses/ExternalInteractorBase.js"), exports);
+    __exportStar(require("./BaseClasses/GlobalInteractorBase.js"), exports);
+    __exportStar(require("./BaseClasses/ParticlesInteractorBase.js"), exports);
     __exportStar(require("./InteractivityConstants.js"), exports);
-    __exportStar(require("./InteractivityDetect.js"), exports);
-    __exportStar(require("./InteractorType.js"), exports);
-    __exportStar(require("./ParticlesInteractorBase.js"), exports);
+    __exportStar(require("./Enums/DivType.js"), exports);
+    __exportStar(require("./Enums/InteractivityDetect.js"), exports);
+    __exportStar(require("./Enums/InteractorType.js"), exports);
     __exportStar(require("./utils.js"), exports);
     __exportStar(require("./Options/Classes/Events/DivEvent.js"), exports);
     __exportStar(require("./Options/Classes/Modes/Modes.js"), exports);