@tsparticles/plugin-motion 3.0.0-alpha.0

package/tsparticles.plugin.motion.js

@@ -0,0 +1,209 @@
+/*!
+ * 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
+ * v3.0.0-alpha.0
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@tsparticles/engine"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@tsparticles/engine"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@tsparticles/engine")) : factory(root["window"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(this, (__WEBPACK_EXTERNAL_MODULE__533__) => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 533:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__533__;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "loadMotionPlugin": () => (/* binding */ loadMotionPlugin)
+});
+
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/MotionReduce.js
+class MotionReduce {
+  constructor() {
+    this.factor = 4;
+    this.value = true;
+  }
+  load(data) {
+    if (!data) {
+      return;
+    }
+    if (data.factor !== undefined) {
+      this.factor = data.factor;
+    }
+    if (data.value !== undefined) {
+      this.value = data.value;
+    }
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/Options/Classes/Motion.js
+
+class Motion {
+  constructor() {
+    this.disable = false;
+    this.reduce = new MotionReduce();
+  }
+  load(data) {
+    if (!data) {
+      return;
+    }
+    if (data.disable !== undefined) {
+      this.disable = data.disable;
+    }
+    this.reduce.load(data.reduce);
+  }
+}
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
+var engine_root_window_ = __webpack_require__(533);
+;// CONCATENATED MODULE: ./dist/browser/MotionInstance.js
+
+class MotionInstance {
+  constructor(container, engine) {
+    this._container = container;
+    this._engine = engine;
+  }
+  async init() {
+    const container = this._container,
+      options = container.actualOptions.motion;
+    if (options && (options.disable || options.reduce.value)) {
+      const mediaQuery = (0,engine_root_window_.safeMatchMedia)("(prefers-reduced-motion: reduce)");
+      if (mediaQuery) {
+        this._handleMotionChange(mediaQuery);
+        const handleChange = async () => {
+          this._handleMotionChange(mediaQuery);
+          try {
+            await container.refresh();
+          } catch (_a) {}
+        };
+        if (mediaQuery.addEventListener !== undefined) {
+          mediaQuery.addEventListener("change", handleChange);
+        } else if (mediaQuery.addListener !== undefined) {
+          mediaQuery.addListener(handleChange);
+        }
+      } else {
+        container.retina.reduceFactor = 1;
+      }
+    } else {
+      container.retina.reduceFactor = 1;
+    }
+  }
+  _handleMotionChange(mediaQuery) {
+    const container = this._container,
+      motion = container.actualOptions.motion;
+    if (!motion) {
+      return;
+    }
+    container.retina.reduceFactor = mediaQuery.matches ? motion.disable ? 0 : motion.reduce.value ? 1 / motion.reduce.factor : 1 : 1;
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/index.js
+
+
+class MotionPlugin {
+  constructor(engine) {
+    this.id = "motion";
+    this._engine = engine;
+  }
+  getPlugin(container) {
+    return new MotionInstance(container, this._engine);
+  }
+  loadOptions(options, source) {
+    if (!this.needsPlugin()) {
+      return;
+    }
+    let motionOptions = options.motion;
+    if ((motionOptions === null || motionOptions === void 0 ? void 0 : motionOptions.load) === undefined) {
+      options.motion = motionOptions = new Motion();
+    }
+    motionOptions.load(source === null || source === void 0 ? void 0 : source.motion);
+  }
+  needsPlugin() {
+    return true;
+  }
+}
+async function loadMotionPlugin(engine) {
+  const plugin = new MotionPlugin(engine);
+  await engine.addPlugin(plugin);
+}
+})();
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

package/tsparticles.plugin.motion.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see tsparticles.plugin.motion.min.js.LICENSE.txt */
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var o="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var i in o)("object"==typeof exports?exports:e)[i]=o[i]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},o={};function i(e){var n=o[e];if(void 0!==n)return n.exports;var r=o[e]={exports:{}};return t[e](r,r.exports,i),r.exports}i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{i.r(n),i.d(n,{loadMotionPlugin:()=>s});class e{constructor(){this.factor=4,this.value=!0}load(e){e&&(void 0!==e.factor&&(this.factor=e.factor),void 0!==e.value&&(this.value=e.value))}}class t{constructor(){this.disable=!1,this.reduce=new e}load(e){e&&(void 0!==e.disable&&(this.disable=e.disable),this.reduce.load(e.reduce))}}var o=i(533);class r{constructor(e,t){this._container=e,this._engine=t}async init(){const e=this._container,t=e.actualOptions.motion;if(t&&(t.disable||t.reduce.value)){const t=(0,o.safeMatchMedia)("(prefers-reduced-motion: reduce)");if(t){this._handleMotionChange(t);const o=async()=>{this._handleMotionChange(t);try{await e.refresh()}catch(e){}};void 0!==t.addEventListener?t.addEventListener("change",o):void 0!==t.addListener&&t.addListener(o)}else e.retina.reduceFactor=1}else e.retina.reduceFactor=1}_handleMotionChange(e){const t=this._container,o=t.actualOptions.motion;o&&(t.retina.reduceFactor=e.matches?o.disable?0:o.reduce.value?1/o.reduce.factor:1:1)}}class a{constructor(e){this.id="motion",this._engine=e}getPlugin(e){return new r(e,this._engine)}loadOptions(e,o){if(!this.needsPlugin())return;let i=e.motion;void 0===(null==i?void 0:i.load)&&(e.motion=i=new t),i.load(null==o?void 0:o.motion)}needsPlugin(){return!0}}async function s(e){const t=new a(e);await e.addPlugin(t)}})(),n})()));

package/tsparticles.plugin.motion.min.js.LICENSE.txt

@@ -0,0 +1,8 @@
+/*!
+ * 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
+ * v3.0.0-alpha.0
+ */

package/types/MotionInstance.d.ts

@@ -0,0 +1,9 @@
+import type { Engine, IContainerPlugin } from "@tsparticles/engine";
+import type { MotionContainer } from "./types";
+export declare class MotionInstance implements IContainerPlugin {
+    private readonly _container;
+    private readonly _engine;
+    constructor(container: MotionContainer, engine: Engine);
+    init(): Promise<void>;
+    private _handleMotionChange;
+}

package/types/Options/Classes/Motion.d.ts

@@ -0,0 +1,9 @@
+import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
+import type { IMotion } from "../Interfaces/IMotion";
+import { MotionReduce } from "./MotionReduce";
+export declare class Motion implements IMotion, IOptionLoader<IMotion> {
+    disable: boolean;
+    reduce: MotionReduce;
+    constructor();
+    load(data?: RecursivePartial<IMotion>): void;
+}

package/types/Options/Classes/MotionReduce.d.ts

@@ -0,0 +1,8 @@
+import type { IOptionLoader, RecursivePartial } from "@tsparticles/engine";
+import type { IMotionReduce } from "../Interfaces/IMotionReduce";
+export declare class MotionReduce implements IMotionReduce, IOptionLoader<IMotionReduce> {
+    factor: number;
+    value: boolean;
+    constructor();
+    load(data?: RecursivePartial<IMotionReduce>): void;
+}

package/types/Options/Interfaces/IMotion.d.ts

@@ -0,0 +1,5 @@
+import type { IMotionReduce } from "./IMotionReduce";
+export interface IMotion {
+    disable: boolean;
+    reduce: IMotionReduce;
+}

package/types/Options/Interfaces/IMotionReduce.d.ts

@@ -0,0 +1,4 @@
+export interface IMotionReduce {
+    factor: number;
+    value: boolean;
+}

package/types/index.d.ts

@@ -0,0 +1,2 @@
+import type { Engine } from "@tsparticles/engine";
+export declare function loadMotionPlugin(engine: Engine): Promise<void>;

package/types/types.d.ts

@@ -0,0 +1,12 @@
+import type { Container, IOptions, Options } from "@tsparticles/engine";
+import type { IMotion } from "./Options/Interfaces/IMotion";
+import type { Motion } from "./Options/Classes/Motion";
+export type IMotionOptions = IOptions & {
+    motion?: IMotion;
+};
+export type MotionOptions = Options & {
+    motion?: Motion;
+};
+export type MotionContainer = Container & {
+    actualOptions: MotionOptions;
+};

package/umd/MotionInstance.js

@@ -0,0 +1,63 @@
+(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", "@tsparticles/engine"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.MotionInstance = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    class MotionInstance {
+        constructor(container, engine) {
+            this._container = container;
+            this._engine = engine;
+        }
+        async init() {
+            const container = this._container, options = container.actualOptions.motion;
+            if (options && (options.disable || options.reduce.value)) {
+                const mediaQuery = (0, engine_1.safeMatchMedia)("(prefers-reduced-motion: reduce)");
+                if (mediaQuery) {
+                    this._handleMotionChange(mediaQuery);
+                    const handleChange = async () => {
+                        this._handleMotionChange(mediaQuery);
+                        try {
+                            await container.refresh();
+                        }
+                        catch (_a) {
+                        }
+                    };
+                    if (mediaQuery.addEventListener !== undefined) {
+                        mediaQuery.addEventListener("change", handleChange);
+                    }
+                    else if (mediaQuery.addListener !== undefined) {
+                        mediaQuery.addListener(handleChange);
+                    }
+                }
+                else {
+                    container.retina.reduceFactor = 1;
+                }
+            }
+            else {
+                container.retina.reduceFactor = 1;
+            }
+        }
+        _handleMotionChange(mediaQuery) {
+            const container = this._container, motion = container.actualOptions.motion;
+            if (!motion) {
+                return;
+            }
+            container.retina.reduceFactor = mediaQuery.matches
+                ? motion.disable
+                    ? 0
+                    : motion.reduce.value
+                        ? 1 / motion.reduce.factor
+                        : 1
+                : 1;
+        }
+    }
+    exports.MotionInstance = MotionInstance;
+});

package/umd/Options/Classes/Motion.js

@@ -0,0 +1,30 @@
+(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", "./MotionReduce"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Motion = void 0;
+    const MotionReduce_1 = require("./MotionReduce");
+    class Motion {
+        constructor() {
+            this.disable = false;
+            this.reduce = new MotionReduce_1.MotionReduce();
+        }
+        load(data) {
+            if (!data) {
+                return;
+            }
+            if (data.disable !== undefined) {
+                this.disable = data.disable;
+            }
+            this.reduce.load(data.reduce);
+        }
+    }
+    exports.Motion = Motion;
+});

package/umd/Options/Classes/MotionReduce.js

@@ -0,0 +1,31 @@
+(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 });
+    exports.MotionReduce = void 0;
+    class MotionReduce {
+        constructor() {
+            this.factor = 4;
+            this.value = true;
+        }
+        load(data) {
+            if (!data) {
+                return;
+            }
+            if (data.factor !== undefined) {
+                this.factor = data.factor;
+            }
+            if (data.value !== undefined) {
+                this.value = data.value;
+            }
+        }
+    }
+    exports.MotionReduce = MotionReduce;
+});

package/umd/Options/Interfaces/IMotion.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/Interfaces/IMotionReduce.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/index.js

@@ -0,0 +1,42 @@
+(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", "./Options/Classes/Motion", "./MotionInstance"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.loadMotionPlugin = void 0;
+    const Motion_1 = require("./Options/Classes/Motion");
+    const MotionInstance_1 = require("./MotionInstance");
+    class MotionPlugin {
+        constructor(engine) {
+            this.id = "motion";
+            this._engine = engine;
+        }
+        getPlugin(container) {
+            return new MotionInstance_1.MotionInstance(container, this._engine);
+        }
+        loadOptions(options, source) {
+            if (!this.needsPlugin()) {
+                return;
+            }
+            let motionOptions = options.motion;
+            if ((motionOptions === null || motionOptions === void 0 ? void 0 : motionOptions.load) === undefined) {
+                options.motion = motionOptions = new Motion_1.Motion();
+            }
+            motionOptions.load(source === null || source === void 0 ? void 0 : source.motion);
+        }
+        needsPlugin() {
+            return true;
+        }
+    }
+    async function loadMotionPlugin(engine) {
+        const plugin = new MotionPlugin(engine);
+        await engine.addPlugin(plugin);
+    }
+    exports.loadMotionPlugin = loadMotionPlugin;
+});

package/umd/types.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 });
+});