@tsparticles/plugin-motion 3.9.1 → 4.0.0-alpha.0

package/235.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 235.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_motion=this.webpackChunk_tsparticles_plugin_motion||[]).push([[235],{235(e,t,i){i.d(t,{MotionPlugin:()=>s});var a=i(303);class o{constructor(){this.factor=4,this.value=!0}load(e){(0,a.isNull)(e)||(void 0!==e.factor&&(this.factor=e.factor),void 0!==e.value&&(this.value=e.value))}}class n{constructor(){this.disable=!0,this.reduce=new o}load(e){(0,a.isNull)(e)||(void 0!==e.disable&&(this.disable=e.disable),this.reduce.load(e.reduce))}}class r{constructor(e){this._handleMotionChange=e=>{const t=this._container,i=t.actualOptions.motion;i&&(e.matches?i.disable?t.retina.reduceFactor=0:t.retina.reduceFactor=i.reduce.value?1/i.reduce.factor:1:t.retina.reduceFactor=1)},this._container=e}async init(){const e=this._container,t=e.actualOptions.motion;if(!t||!t.disable&&!t.reduce.value)return void(e.retina.reduceFactor=1);const i=(0,a.safeMatchMedia)("(prefers-reduced-motion: reduce)");if(!i)return void(e.retina.reduceFactor=1);this._handleMotionChange(i);i.addEventListener("change",(()=>{(async()=>{this._handleMotionChange(i);try{await e.refresh()}catch{}})()})),await Promise.resolve()}}class s{constructor(){this.id="motion"}getPlugin(e){return Promise.resolve(new r(e))}loadOptions(e,t){if(!this.needsPlugin())return;let i=e.motion;i?.load||(e.motion=i=new n),i.load(t?.motion)}needsPlugin(){return!0}}}}]);

package/235.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Motion Plugin v4.0.0-alpha.0 by Matteo Bruni */

package/browser/MotionInstance.js

@@ -1,7 +1,7 @@
 import { safeMatchMedia } from "@tsparticles/engine";
 const defaultFactor = 1, defaultReduce = 1, disableReduce = 0, identity = 1;
 export class MotionInstance {
-    constructor(container, engine) {
+    constructor(container) {
         this._handleMotionChange = mediaQuery => {
             const container = this._container, motion = container.actualOptions.motion;
             if (!motion) {
@@ -20,7 +20,6 @@ export class MotionInstance {
             }
         };
         this._container = container;
-        this._engine = engine;
     }
     async init() {
         const container = this._container, options = container.actualOptions.motion;
@@ -44,12 +43,7 @@ export class MotionInstance {
                 }
             })();
         };
-        if (mediaQuery.addEventListener !== undefined) {
-            mediaQuery.addEventListener("change", handleChange);
-        }
-        else if (mediaQuery.addListener !== undefined) {
-            mediaQuery.addListener(handleChange);
-        }
+        mediaQuery.addEventListener("change", handleChange);
         await Promise.resolve();
     }
 }

package/browser/MotionPlugin.js

@@ -1,12 +1,11 @@
 import { Motion } from "./Options/Classes/Motion.js";
 import { MotionInstance } from "./MotionInstance.js";
 export class MotionPlugin {
-    constructor(engine) {
+    constructor() {
         this.id = "motion";
-        this._engine = engine;
     }
     getPlugin(container) {
-        return Promise.resolve(new MotionInstance(container, this._engine));
+        return Promise.resolve(new MotionInstance(container));
     }
     loadOptions(options, source) {
         if (!this.needsPlugin()) {

package/browser/index.js

@@ -1,5 +1,7 @@
-import { MotionPlugin } from "./MotionPlugin.js";
-export async function loadMotionPlugin(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addPlugin(new MotionPlugin(engine), refresh);
+export function loadMotionPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { MotionPlugin } = await import("./MotionPlugin.js");
+        e.addPlugin(new MotionPlugin());
+    });
 }

package/cjs/MotionInstance.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MotionInstance = void 0;
-const engine_1 = require("@tsparticles/engine");
+import { safeMatchMedia } from "@tsparticles/engine";
 const defaultFactor = 1, defaultReduce = 1, disableReduce = 0, identity = 1;
-class MotionInstance {
-    constructor(container, engine) {
+export class MotionInstance {
+    constructor(container) {
         this._handleMotionChange = mediaQuery => {
             const container = this._container, motion = container.actualOptions.motion;
             if (!motion) {
@@ -23,7 +20,6 @@ class MotionInstance {
             }
         };
         this._container = container;
-        this._engine = engine;
     }
     async init() {
         const container = this._container, options = container.actualOptions.motion;
@@ -31,7 +27,7 @@ class MotionInstance {
             container.retina.reduceFactor = 1;
             return;
         }
-        const mediaQuery = (0, engine_1.safeMatchMedia)("(prefers-reduced-motion: reduce)");
+        const mediaQuery = safeMatchMedia("(prefers-reduced-motion: reduce)");
         if (!mediaQuery) {
             container.retina.reduceFactor = defaultFactor;
             return;
@@ -47,13 +43,7 @@ class MotionInstance {
                 }
             })();
         };
-        if (mediaQuery.addEventListener !== undefined) {
-            mediaQuery.addEventListener("change", handleChange);
-        }
-        else if (mediaQuery.addListener !== undefined) {
-            mediaQuery.addListener(handleChange);
-        }
+        mediaQuery.addEventListener("change", handleChange);
         await Promise.resolve();
     }
 }
-exports.MotionInstance = MotionInstance;

package/cjs/MotionPlugin.js

@@ -1,15 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MotionPlugin = void 0;
-const Motion_js_1 = require("./Options/Classes/Motion.js");
-const MotionInstance_js_1 = require("./MotionInstance.js");
-class MotionPlugin {
-    constructor(engine) {
+import { Motion } from "./Options/Classes/Motion.js";
+import { MotionInstance } from "./MotionInstance.js";
+export class MotionPlugin {
+    constructor() {
         this.id = "motion";
-        this._engine = engine;
     }
     getPlugin(container) {
-        return Promise.resolve(new MotionInstance_js_1.MotionInstance(container, this._engine));
+        return Promise.resolve(new MotionInstance(container));
     }
     loadOptions(options, source) {
         if (!this.needsPlugin()) {
@@ -17,7 +13,7 @@ class MotionPlugin {
         }
         let motionOptions = options.motion;
         if (!motionOptions?.load) {
-            options.motion = motionOptions = new Motion_js_1.Motion();
+            options.motion = motionOptions = new Motion();
         }
         motionOptions.load(source?.motion);
     }
@@ -25,4 +21,3 @@ class MotionPlugin {
         return true;
     }
 }
-exports.MotionPlugin = MotionPlugin;

package/cjs/Options/Classes/Motion.js

@@ -1,15 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Motion = void 0;
-const engine_1 = require("@tsparticles/engine");
-const MotionReduce_js_1 = require("./MotionReduce.js");
-class Motion {
+import { isNull } from "@tsparticles/engine";
+import { MotionReduce } from "./MotionReduce.js";
+export class Motion {
     constructor() {
         this.disable = true;
-        this.reduce = new MotionReduce_js_1.MotionReduce();
+        this.reduce = new MotionReduce();
     }
     load(data) {
-        if ((0, engine_1.isNull)(data)) {
+        if (isNull(data)) {
             return;
         }
         if (data.disable !== undefined) {
@@ -18,4 +15,3 @@ class Motion {
         this.reduce.load(data.reduce);
     }
 }
-exports.Motion = Motion;

package/cjs/Options/Classes/MotionReduce.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MotionReduce = void 0;
-const engine_1 = require("@tsparticles/engine");
-class MotionReduce {
+import { isNull } from "@tsparticles/engine";
+export class MotionReduce {
     constructor() {
         this.factor = 4;
         this.value = true;
     }
     load(data) {
-        if ((0, engine_1.isNull)(data)) {
+        if (isNull(data)) {
             return;
         }
         if (data.factor !== undefined) {
@@ -19,4 +16,3 @@ class MotionReduce {
         }
     }
 }
-exports.MotionReduce = MotionReduce;

package/cjs/Options/Interfaces/IMotion.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/Options/Interfaces/IMotionReduce.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/index.js

@@ -1,8 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadMotionPlugin = loadMotionPlugin;
-const MotionPlugin_js_1 = require("./MotionPlugin.js");
-async function loadMotionPlugin(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addPlugin(new MotionPlugin_js_1.MotionPlugin(engine), refresh);
+export function loadMotionPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { MotionPlugin } = await import("./MotionPlugin.js");
+        e.addPlugin(new MotionPlugin());
+    });
 }

package/cjs/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist_browser_MotionPlugin_js.js

@@ -0,0 +1,60 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.0
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_plugin_motion"] = this["webpackChunk_tsparticles_plugin_motion"] || []).push([["dist_browser_MotionPlugin_js"],{
+
+/***/ "./dist/browser/MotionInstance.js"
+/*!****************************************!*\
+  !*** ./dist/browser/MotionInstance.js ***!
+  \****************************************/
+(__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 */   MotionInstance: () => (/* binding */ MotionInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst defaultFactor = 1,\n  defaultReduce = 1,\n  disableReduce = 0,\n  identity = 1;\nclass MotionInstance {\n  constructor(container) {\n    this._handleMotionChange = mediaQuery => {\n      const container = this._container,\n        motion = container.actualOptions.motion;\n      if (!motion) {\n        return;\n      }\n      if (mediaQuery.matches) {\n        if (motion.disable) {\n          container.retina.reduceFactor = disableReduce;\n        } else {\n          container.retina.reduceFactor = motion.reduce.value ? identity / motion.reduce.factor : defaultFactor;\n        }\n      } else {\n        container.retina.reduceFactor = defaultReduce;\n      }\n    };\n    this._container = container;\n  }\n  async init() {\n    const container = this._container,\n      options = container.actualOptions.motion;\n    if (!(options && (options.disable || options.reduce.value))) {\n      container.retina.reduceFactor = 1;\n      return;\n    }\n    const mediaQuery = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.safeMatchMedia)(\"(prefers-reduced-motion: reduce)\");\n    if (!mediaQuery) {\n      container.retina.reduceFactor = defaultFactor;\n      return;\n    }\n    this._handleMotionChange(mediaQuery);\n    const handleChange = () => {\n      void (async () => {\n        this._handleMotionChange(mediaQuery);\n        try {\n          await container.refresh();\n        } catch {}\n      })();\n    };\n    mediaQuery.addEventListener(\"change\", handleChange);\n    await Promise.resolve();\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-motion/./dist/browser/MotionInstance.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/MotionPlugin.js"
+/*!**************************************!*\
+  !*** ./dist/browser/MotionPlugin.js ***!
+  \**************************************/
+(__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 */   MotionPlugin: () => (/* binding */ MotionPlugin)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Motion_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Motion.js */ \"./dist/browser/Options/Classes/Motion.js\");\n/* harmony import */ var _MotionInstance_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MotionInstance.js */ \"./dist/browser/MotionInstance.js\");\n\n\nclass MotionPlugin {\n  constructor() {\n    this.id = \"motion\";\n  }\n  getPlugin(container) {\n    return Promise.resolve(new _MotionInstance_js__WEBPACK_IMPORTED_MODULE_1__.MotionInstance(container));\n  }\n  loadOptions(options, source) {\n    if (!this.needsPlugin()) {\n      return;\n    }\n    let motionOptions = options.motion;\n    if (!motionOptions?.load) {\n      options.motion = motionOptions = new _Options_Classes_Motion_js__WEBPACK_IMPORTED_MODULE_0__.Motion();\n    }\n    motionOptions.load(source?.motion);\n  }\n  needsPlugin() {\n    return true;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-motion/./dist/browser/MotionPlugin.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Options/Classes/Motion.js"
+/*!************************************************!*\
+  !*** ./dist/browser/Options/Classes/Motion.js ***!
+  \************************************************/
+(__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 */   Motion: () => (/* binding */ Motion)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _MotionReduce_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./MotionReduce.js */ \"./dist/browser/Options/Classes/MotionReduce.js\");\n\n\nclass Motion {\n  constructor() {\n    this.disable = true;\n    this.reduce = new _MotionReduce_js__WEBPACK_IMPORTED_MODULE_1__.MotionReduce();\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.disable !== undefined) {\n      this.disable = data.disable;\n    }\n    this.reduce.load(data.reduce);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-motion/./dist/browser/Options/Classes/Motion.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Options/Classes/MotionReduce.js"
+/*!******************************************************!*\
+  !*** ./dist/browser/Options/Classes/MotionReduce.js ***!
+  \******************************************************/
+(__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 */   MotionReduce: () => (/* binding */ MotionReduce)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass MotionReduce {\n  constructor() {\n    this.factor = 4;\n    this.value = true;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.factor !== undefined) {\n      this.factor = data.factor;\n    }\n    if (data.value !== undefined) {\n      this.value = data.value;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-motion/./dist/browser/Options/Classes/MotionReduce.js?\n}");
+
+/***/ }
+
+}]);

package/esm/MotionInstance.js

@@ -1,7 +1,7 @@
 import { safeMatchMedia } from "@tsparticles/engine";
 const defaultFactor = 1, defaultReduce = 1, disableReduce = 0, identity = 1;
 export class MotionInstance {
-    constructor(container, engine) {
+    constructor(container) {
         this._handleMotionChange = mediaQuery => {
             const container = this._container, motion = container.actualOptions.motion;
             if (!motion) {
@@ -20,7 +20,6 @@ export class MotionInstance {
             }
         };
         this._container = container;
-        this._engine = engine;
     }
     async init() {
         const container = this._container, options = container.actualOptions.motion;
@@ -44,12 +43,7 @@ export class MotionInstance {
                 }
             })();
         };
-        if (mediaQuery.addEventListener !== undefined) {
-            mediaQuery.addEventListener("change", handleChange);
-        }
-        else if (mediaQuery.addListener !== undefined) {
-            mediaQuery.addListener(handleChange);
-        }
+        mediaQuery.addEventListener("change", handleChange);
         await Promise.resolve();
     }
 }

package/esm/MotionPlugin.js

@@ -1,12 +1,11 @@
 import { Motion } from "./Options/Classes/Motion.js";
 import { MotionInstance } from "./MotionInstance.js";
 export class MotionPlugin {
-    constructor(engine) {
+    constructor() {
         this.id = "motion";
-        this._engine = engine;
     }
     getPlugin(container) {
-        return Promise.resolve(new MotionInstance(container, this._engine));
+        return Promise.resolve(new MotionInstance(container));
     }
     loadOptions(options, source) {
         if (!this.needsPlugin()) {

package/esm/index.js

@@ -1,5 +1,7 @@
-import { MotionPlugin } from "./MotionPlugin.js";
-export async function loadMotionPlugin(engine, refresh = true) {
-    engine.checkVersion("3.9.1");
-    await engine.addPlugin(new MotionPlugin(engine), refresh);
+export function loadMotionPlugin(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { MotionPlugin } = await import("./MotionPlugin.js");
+        e.addPlugin(new MotionPlugin());
+    });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-motion",
-  "version": "3.9.1",
+  "version": "4.0.0-alpha.0",
   "description": "tsParticles motion sickness plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -86,9 +86,10 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "3.9.1"
+    "@tsparticles/engine": "4.0.0-alpha.0"
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "type": "module"
 }