@tsparticles/plugin-motion 4.0.0-alpha.3 → 4.0.0-alpha.4
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.
- package/728.min.js +2 -0
- package/728.min.js.LICENSE.txt +1 -0
- package/802.min.js +2 -0
- package/802.min.js.LICENSE.txt +1 -0
- package/browser/MotionPlugin.js +4 -4
- package/{esm/MotionInstance.js → browser/MotionPluginInstance.js} +1 -1
- package/browser/index.js +1 -1
- package/cjs/MotionPlugin.js +4 -4
- package/{browser/MotionInstance.js → cjs/MotionPluginInstance.js} +1 -1
- package/cjs/index.js +1 -1
- package/dist_browser_MotionPluginInstance_js.js +30 -0
- package/dist_browser_MotionPlugin_js.js +2 -12
- package/esm/MotionPlugin.js +4 -4
- package/{cjs/MotionInstance.js → esm/MotionPluginInstance.js} +1 -1
- package/esm/index.js +1 -1
- package/package.json +2 -2
- package/report.html +1 -1
- package/tsparticles.plugin.motion.js +4 -16
- package/tsparticles.plugin.motion.min.js +1 -1
- package/tsparticles.plugin.motion.min.js.LICENSE.txt +1 -1
- package/types/MotionPlugin.d.ts +3 -4
- package/types/{MotionInstance.d.ts → MotionPluginInstance.d.ts} +1 -1
- package/umd/MotionPlugin.js +39 -5
- package/umd/{MotionInstance.js → MotionPluginInstance.js} +3 -3
- package/umd/index.js +1 -1
- package/235.min.js +0 -2
- package/235.min.js.LICENSE.txt +0 -1
package/728.min.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! For license information please see 728.min.js.LICENSE.txt */
|
|
2
|
+
(this.webpackChunk_tsparticles_plugin_motion=this.webpackChunk_tsparticles_plugin_motion||[]).push([[728],{728(e,t,a){a.d(t,{MotionPluginInstance:()=>i});var n=a(303);class i{constructor(e){this._handleMotionChange=e=>{const t=this._container,a=t.actualOptions.motion;a&&(e.matches?a.disable?t.retina.reduceFactor=0:t.retina.reduceFactor=a.reduce.value?1/a.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 a=(0,n.safeMatchMedia)("(prefers-reduced-motion: reduce)");if(!a)return void(e.retina.reduceFactor=1);this._handleMotionChange(a);a.addEventListener("change",(()=>{(async()=>{this._handleMotionChange(a);try{await e.refresh()}catch{}})()})),await Promise.resolve()}}}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tsParticles Motion Plugin v4.0.0-alpha.4 by Matteo Bruni */
|
package/802.min.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! For license information please see 802.min.js.LICENSE.txt */
|
|
2
|
+
(this.webpackChunk_tsparticles_plugin_motion=this.webpackChunk_tsparticles_plugin_motion||[]).push([[802],{802(t,i,s){s.d(i,{MotionPlugin:()=>l});var o=s(303);class n{constructor(){this.factor=4,this.value=!0}load(t){(0,o.isNull)(t)||(void 0!==t.factor&&(this.factor=t.factor),void 0!==t.value&&(this.value=t.value))}}class e{constructor(){this.disable=!0,this.reduce=new n}load(t){(0,o.isNull)(t)||(void 0!==t.disable&&(this.disable=t.disable),this.reduce.load(t.reduce))}}class l{constructor(){this.id="motion"}async getPlugin(t){const{MotionPluginInstance:i}=await s.e(728).then(s.bind(s,728));return new i(t)}loadOptions(t,i,s){if(!this.needsPlugin())return;let o=i.motion;o?.load||(i.motion=o=new e),o.load(s?.motion)}needsPlugin(){return!0}}}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tsParticles Motion Plugin v4.0.0-alpha.4 by Matteo Bruni */
|
package/browser/MotionPlugin.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { Motion } from "./Options/Classes/Motion.js";
|
|
2
|
-
import { MotionInstance } from "./MotionInstance.js";
|
|
3
2
|
export class MotionPlugin {
|
|
4
3
|
constructor() {
|
|
5
4
|
this.id = "motion";
|
|
6
5
|
}
|
|
7
|
-
getPlugin(container) {
|
|
8
|
-
|
|
6
|
+
async getPlugin(container) {
|
|
7
|
+
const { MotionPluginInstance } = await import("./MotionPluginInstance.js");
|
|
8
|
+
return new MotionPluginInstance(container);
|
|
9
9
|
}
|
|
10
|
-
loadOptions(options, source) {
|
|
10
|
+
loadOptions(_container, options, source) {
|
|
11
11
|
if (!this.needsPlugin()) {
|
|
12
12
|
return;
|
|
13
13
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { safeMatchMedia } from "@tsparticles/engine";
|
|
2
2
|
const defaultFactor = 1, defaultReduce = 1, disableReduce = 0, identity = 1;
|
|
3
|
-
export class
|
|
3
|
+
export class MotionPluginInstance {
|
|
4
4
|
constructor(container) {
|
|
5
5
|
this._handleMotionChange = mediaQuery => {
|
|
6
6
|
const container = this._container, motion = container.actualOptions.motion;
|
package/browser/index.js
CHANGED
package/cjs/MotionPlugin.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { Motion } from "./Options/Classes/Motion.js";
|
|
2
|
-
import { MotionInstance } from "./MotionInstance.js";
|
|
3
2
|
export class MotionPlugin {
|
|
4
3
|
constructor() {
|
|
5
4
|
this.id = "motion";
|
|
6
5
|
}
|
|
7
|
-
getPlugin(container) {
|
|
8
|
-
|
|
6
|
+
async getPlugin(container) {
|
|
7
|
+
const { MotionPluginInstance } = await import("./MotionPluginInstance.js");
|
|
8
|
+
return new MotionPluginInstance(container);
|
|
9
9
|
}
|
|
10
|
-
loadOptions(options, source) {
|
|
10
|
+
loadOptions(_container, options, source) {
|
|
11
11
|
if (!this.needsPlugin()) {
|
|
12
12
|
return;
|
|
13
13
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { safeMatchMedia } from "@tsparticles/engine";
|
|
2
2
|
const defaultFactor = 1, defaultReduce = 1, disableReduce = 0, identity = 1;
|
|
3
|
-
export class
|
|
3
|
+
export class MotionPluginInstance {
|
|
4
4
|
constructor(container) {
|
|
5
5
|
this._handleMotionChange = mediaQuery => {
|
|
6
6
|
const container = this._container, motion = container.actualOptions.motion;
|
package/cjs/index.js
CHANGED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Author : Matteo Bruni
|
|
3
|
+
* MIT license: https://opensource.org/licenses/MIT
|
|
4
|
+
* Demo / Generator : https://particles.js.org/
|
|
5
|
+
* GitHub : https://www.github.com/matteobruni/tsparticles
|
|
6
|
+
* How to use? : Check the GitHub README
|
|
7
|
+
* v4.0.0-alpha.4
|
|
8
|
+
*/
|
|
9
|
+
"use strict";
|
|
10
|
+
/*
|
|
11
|
+
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
|
|
12
|
+
* This devtool is neither made for production nor for readable output files.
|
|
13
|
+
* It uses "eval()" calls to create a separate source file in the browser devtools.
|
|
14
|
+
* If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
|
|
15
|
+
* or disable the default devtool with "devtool: false".
|
|
16
|
+
* If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
|
|
17
|
+
*/
|
|
18
|
+
(this["webpackChunk_tsparticles_plugin_motion"] = this["webpackChunk_tsparticles_plugin_motion"] || []).push([["dist_browser_MotionPluginInstance_js"],{
|
|
19
|
+
|
|
20
|
+
/***/ "./dist/browser/MotionPluginInstance.js"
|
|
21
|
+
/*!**********************************************!*\
|
|
22
|
+
!*** ./dist/browser/MotionPluginInstance.js ***!
|
|
23
|
+
\**********************************************/
|
|
24
|
+
(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
|
|
25
|
+
|
|
26
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ MotionPluginInstance: () => (/* binding */ MotionPluginInstance)\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 MotionPluginInstance {\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/MotionPluginInstance.js?\n}");
|
|
27
|
+
|
|
28
|
+
/***/ }
|
|
29
|
+
|
|
30
|
+
}]);
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Demo / Generator : https://particles.js.org/
|
|
5
5
|
* GitHub : https://www.github.com/matteobruni/tsparticles
|
|
6
6
|
* How to use? : Check the GitHub README
|
|
7
|
-
* v4.0.0-alpha.
|
|
7
|
+
* v4.0.0-alpha.4
|
|
8
8
|
*/
|
|
9
9
|
"use strict";
|
|
10
10
|
/*
|
|
@@ -17,23 +17,13 @@
|
|
|
17
17
|
*/
|
|
18
18
|
(this["webpackChunk_tsparticles_plugin_motion"] = this["webpackChunk_tsparticles_plugin_motion"] || []).push([["dist_browser_MotionPlugin_js"],{
|
|
19
19
|
|
|
20
|
-
/***/ "./dist/browser/MotionInstance.js"
|
|
21
|
-
/*!****************************************!*\
|
|
22
|
-
!*** ./dist/browser/MotionInstance.js ***!
|
|
23
|
-
\****************************************/
|
|
24
|
-
(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
|
|
25
|
-
|
|
26
|
-
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}");
|
|
27
|
-
|
|
28
|
-
/***/ },
|
|
29
|
-
|
|
30
20
|
/***/ "./dist/browser/MotionPlugin.js"
|
|
31
21
|
/*!**************************************!*\
|
|
32
22
|
!*** ./dist/browser/MotionPlugin.js ***!
|
|
33
23
|
\**************************************/
|
|
34
24
|
(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
|
|
35
25
|
|
|
36
|
-
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
|
|
26
|
+
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\nclass MotionPlugin {\n constructor() {\n this.id = \"motion\";\n }\n async getPlugin(container) {\n const {\n MotionPluginInstance\n } = await __webpack_require__.e(/*! import() */ \"dist_browser_MotionPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./MotionPluginInstance.js */ \"./dist/browser/MotionPluginInstance.js\"));\n return new MotionPluginInstance(container);\n }\n loadOptions(_container, 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}");
|
|
37
27
|
|
|
38
28
|
/***/ },
|
|
39
29
|
|
package/esm/MotionPlugin.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { Motion } from "./Options/Classes/Motion.js";
|
|
2
|
-
import { MotionInstance } from "./MotionInstance.js";
|
|
3
2
|
export class MotionPlugin {
|
|
4
3
|
constructor() {
|
|
5
4
|
this.id = "motion";
|
|
6
5
|
}
|
|
7
|
-
getPlugin(container) {
|
|
8
|
-
|
|
6
|
+
async getPlugin(container) {
|
|
7
|
+
const { MotionPluginInstance } = await import("./MotionPluginInstance.js");
|
|
8
|
+
return new MotionPluginInstance(container);
|
|
9
9
|
}
|
|
10
|
-
loadOptions(options, source) {
|
|
10
|
+
loadOptions(_container, options, source) {
|
|
11
11
|
if (!this.needsPlugin()) {
|
|
12
12
|
return;
|
|
13
13
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { safeMatchMedia } from "@tsparticles/engine";
|
|
2
2
|
const defaultFactor = 1, defaultReduce = 1, disableReduce = 0, identity = 1;
|
|
3
|
-
export class
|
|
3
|
+
export class MotionPluginInstance {
|
|
4
4
|
constructor(container) {
|
|
5
5
|
this._handleMotionChange = mediaQuery => {
|
|
6
6
|
const container = this._container, motion = container.actualOptions.motion;
|
package/esm/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tsparticles/plugin-motion",
|
|
3
|
-
"version": "4.0.0-alpha.
|
|
3
|
+
"version": "4.0.0-alpha.4",
|
|
4
4
|
"description": "tsParticles motion sickness plugin",
|
|
5
5
|
"homepage": "https://particles.js.org",
|
|
6
6
|
"repository": {
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
"./package.json": "./package.json"
|
|
87
87
|
},
|
|
88
88
|
"dependencies": {
|
|
89
|
-
"@tsparticles/engine": "4.0.0-alpha.
|
|
89
|
+
"@tsparticles/engine": "4.0.0-alpha.4"
|
|
90
90
|
},
|
|
91
91
|
"publishConfig": {
|
|
92
92
|
"access": "public"
|
package/report.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8"/>
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
6
|
-
<title>@tsparticles/plugin-motion [
|
|
6
|
+
<title>@tsparticles/plugin-motion [21 Jan 2026 at 14:33]</title>
|
|
7
7
|
<link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
|
|
8
8
|
|
|
9
9
|
<script>
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Demo / Generator : https://particles.js.org/
|
|
5
5
|
* GitHub : https://www.github.com/matteobruni/tsparticles
|
|
6
6
|
* How to use? : Check the GitHub README
|
|
7
|
-
* v4.0.0-alpha.
|
|
7
|
+
* v4.0.0-alpha.4
|
|
8
8
|
*/
|
|
9
9
|
/*
|
|
10
10
|
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
|
|
@@ -34,7 +34,7 @@ return /******/ (() => { // webpackBootstrap
|
|
|
34
34
|
\*******************************/
|
|
35
35
|
(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
|
|
36
36
|
|
|
37
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ loadMotionPlugin: () => (/* binding */ loadMotionPlugin)\n/* harmony export */ });\nfunction loadMotionPlugin(engine) {\n engine.checkVersion(\"4.0.0-alpha.
|
|
37
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ loadMotionPlugin: () => (/* binding */ loadMotionPlugin)\n/* harmony export */ });\nfunction loadMotionPlugin(engine) {\n engine.checkVersion(\"4.0.0-alpha.4\");\n engine.register(async e => {\n const {\n MotionPlugin\n } = await __webpack_require__.e(/*! import() */ \"dist_browser_MotionPlugin_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./MotionPlugin.js */ \"./dist/browser/MotionPlugin.js\"));\n e.addPlugin(new MotionPlugin());\n });\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-motion/./dist/browser/index.js?\n}");
|
|
38
38
|
|
|
39
39
|
/***/ },
|
|
40
40
|
|
|
@@ -118,18 +118,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
|
|
|
118
118
|
/******/ };
|
|
119
119
|
/******/ })();
|
|
120
120
|
/******/
|
|
121
|
-
/******/ /* webpack/runtime/global */
|
|
122
|
-
/******/ (() => {
|
|
123
|
-
/******/ __webpack_require__.g = (function() {
|
|
124
|
-
/******/ if (typeof globalThis === 'object') return globalThis;
|
|
125
|
-
/******/ try {
|
|
126
|
-
/******/ return this || new Function('return this')();
|
|
127
|
-
/******/ } catch (e) {
|
|
128
|
-
/******/ if (typeof window === 'object') return window;
|
|
129
|
-
/******/ }
|
|
130
|
-
/******/ })();
|
|
131
|
-
/******/ })();
|
|
132
|
-
/******/
|
|
133
121
|
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
134
122
|
/******/ (() => {
|
|
135
123
|
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
@@ -194,8 +182,8 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
|
|
|
194
182
|
/******/ /* webpack/runtime/publicPath */
|
|
195
183
|
/******/ (() => {
|
|
196
184
|
/******/ var scriptUrl;
|
|
197
|
-
/******/ if (
|
|
198
|
-
/******/ var document =
|
|
185
|
+
/******/ if (globalThis.importScripts) scriptUrl = globalThis.location + "";
|
|
186
|
+
/******/ var document = globalThis.document;
|
|
199
187
|
/******/ if (!scriptUrl && document) {
|
|
200
188
|
/******/ if (document.currentScript && document.currentScript.tagName.toUpperCase() === 'SCRIPT')
|
|
201
189
|
/******/ scriptUrl = document.currentScript.src;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see tsparticles.plugin.motion.min.js.LICENSE.txt */
|
|
2
|
-
!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 r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,(e=>(()=>{var t,r,o={303(t){t.exports=e}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,i),r.exports}i.m=o,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>e+".min.js",i.
|
|
2
|
+
!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 r="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,(e=>(()=>{var t,r,o={303(t){t.exports=e}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,i),r.exports}i.m=o,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>e+".min.js",i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),t={},r="@tsparticles/plugin-motion:",i.l=(e,o,n,a)=>{if(t[e])t[e].push(o);else{var l,s;if(void 0!==n)for(var p=document.getElementsByTagName("script"),c=0;c<p.length;c++){var u=p[c];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==r+n){l=u;break}}l||(s=!0,(l=document.createElement("script")).charset="utf-8",i.nc&&l.setAttribute("nonce",i.nc),l.setAttribute("data-webpack",r+n),l.src=e),t[e]=[o];var d=(r,o)=>{l.onerror=l.onload=null,clearTimeout(f);var n=t[e];if(delete t[e],l.parentNode&&l.parentNode.removeChild(l),n&&n.forEach((e=>e(o))),r)return r(o)},f=setTimeout(d.bind(null,void 0,{type:"timeout",target:l}),12e4);l.onerror=d.bind(null,l.onerror),l.onload=d.bind(null,l.onload),s&&document.head.appendChild(l)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;globalThis.importScripts&&(e=globalThis.location+"");var t=globalThis.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");if(r.length)for(var o=r.length-1;o>-1&&(!e||!/^http(s?):/.test(e));)e=r[o--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),i.p=e})(),(()=>{var e={414:0};i.f.j=(t,r)=>{var o=i.o(e,t)?e[t]:void 0;if(0!==o)if(o)r.push(o[2]);else{var n=new Promise(((r,n)=>o=e[t]=[r,n]));r.push(o[2]=n);var a=i.p+i.u(t),l=new Error;i.l(a,(r=>{if(i.o(e,t)&&(0!==(o=e[t])&&(e[t]=void 0),o)){var n=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;l.message="Loading chunk "+t+" failed.\n("+n+": "+a+")",l.name="ChunkLoadError",l.type=n,l.request=a,o[1](l)}}),"chunk-"+t,t)}};var t=(t,r)=>{var o,n,[a,l,s]=r,p=0;if(a.some((t=>0!==e[t]))){for(o in l)i.o(l,o)&&(i.m[o]=l[o]);if(s)s(i)}for(t&&t(r);p<a.length;p++)n=a[p],i.o(e,n)&&e[n]&&e[n][0](),e[n]=0},r=this.webpackChunk_tsparticles_plugin_motion=this.webpackChunk_tsparticles_plugin_motion||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var a={};function l(e){e.checkVersion("4.0.0-alpha.4"),e.register((async e=>{const{MotionPlugin:t}=await i.e(802).then(i.bind(i,802));e.addPlugin(new t)}))}return i.r(a),i.d(a,{loadMotionPlugin:()=>l}),a})()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tsParticles Motion Plugin v4.0.0-alpha.
|
|
1
|
+
/*! tsParticles Motion Plugin v4.0.0-alpha.4 by Matteo Bruni */
|
package/types/MotionPlugin.d.ts
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import type { Container, IPlugin, RecursivePartial } from "@tsparticles/engine";
|
|
1
|
+
import type { Container, IContainerPlugin, IPlugin, RecursivePartial } from "@tsparticles/engine";
|
|
2
2
|
import type { IMotionOptions, MotionOptions } from "./types.js";
|
|
3
|
-
import { MotionInstance } from "./MotionInstance.js";
|
|
4
3
|
export declare class MotionPlugin implements IPlugin {
|
|
5
4
|
readonly id: string;
|
|
6
5
|
constructor();
|
|
7
|
-
getPlugin(container: Container): Promise<
|
|
8
|
-
loadOptions(options: MotionOptions, source?: RecursivePartial<IMotionOptions>): void;
|
|
6
|
+
getPlugin(container: Container): Promise<IContainerPlugin>;
|
|
7
|
+
loadOptions(_container: Container, options: MotionOptions, source?: RecursivePartial<IMotionOptions>): void;
|
|
9
8
|
needsPlugin(): boolean;
|
|
10
9
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type IContainerPlugin } from "@tsparticles/engine";
|
|
2
2
|
import type { MotionContainer } from "./types.js";
|
|
3
|
-
export declare class
|
|
3
|
+
export declare class MotionPluginInstance implements IContainerPlugin {
|
|
4
4
|
private readonly _container;
|
|
5
5
|
constructor(container: MotionContainer);
|
|
6
6
|
init(): Promise<void>;
|
package/umd/MotionPlugin.js
CHANGED
|
@@ -1,25 +1,59 @@
|
|
|
1
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
2
|
+
if (k2 === undefined) k2 = k;
|
|
3
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
4
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
5
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
6
|
+
}
|
|
7
|
+
Object.defineProperty(o, k2, desc);
|
|
8
|
+
}) : (function(o, m, k, k2) {
|
|
9
|
+
if (k2 === undefined) k2 = k;
|
|
10
|
+
o[k2] = m[k];
|
|
11
|
+
}));
|
|
12
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
13
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
14
|
+
}) : function(o, v) {
|
|
15
|
+
o["default"] = v;
|
|
16
|
+
});
|
|
17
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
18
|
+
var ownKeys = function(o) {
|
|
19
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
20
|
+
var ar = [];
|
|
21
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
22
|
+
return ar;
|
|
23
|
+
};
|
|
24
|
+
return ownKeys(o);
|
|
25
|
+
};
|
|
26
|
+
return function (mod) {
|
|
27
|
+
if (mod && mod.__esModule) return mod;
|
|
28
|
+
var result = {};
|
|
29
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
30
|
+
__setModuleDefault(result, mod);
|
|
31
|
+
return result;
|
|
32
|
+
};
|
|
33
|
+
})();
|
|
1
34
|
(function (factory) {
|
|
2
35
|
if (typeof module === "object" && typeof module.exports === "object") {
|
|
3
36
|
var v = factory(require, exports);
|
|
4
37
|
if (v !== undefined) module.exports = v;
|
|
5
38
|
}
|
|
6
39
|
else if (typeof define === "function" && define.amd) {
|
|
7
|
-
define(["require", "exports", "./Options/Classes/Motion.js"
|
|
40
|
+
define(["require", "exports", "./Options/Classes/Motion.js"], factory);
|
|
8
41
|
}
|
|
9
42
|
})(function (require, exports) {
|
|
10
43
|
"use strict";
|
|
44
|
+
var __syncRequire = typeof module === "object" && typeof module.exports === "object";
|
|
11
45
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
46
|
exports.MotionPlugin = void 0;
|
|
13
47
|
const Motion_js_1 = require("./Options/Classes/Motion.js");
|
|
14
|
-
const MotionInstance_js_1 = require("./MotionInstance.js");
|
|
15
48
|
class MotionPlugin {
|
|
16
49
|
constructor() {
|
|
17
50
|
this.id = "motion";
|
|
18
51
|
}
|
|
19
|
-
getPlugin(container) {
|
|
20
|
-
|
|
52
|
+
async getPlugin(container) {
|
|
53
|
+
const { MotionPluginInstance } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./MotionPluginInstance.js"))) : new Promise((resolve_1, reject_1) => { require(["./MotionPluginInstance.js"], resolve_1, reject_1); }).then(__importStar));
|
|
54
|
+
return new MotionPluginInstance(container);
|
|
21
55
|
}
|
|
22
|
-
loadOptions(options, source) {
|
|
56
|
+
loadOptions(_container, options, source) {
|
|
23
57
|
if (!this.needsPlugin()) {
|
|
24
58
|
return;
|
|
25
59
|
}
|
|
@@ -9,10 +9,10 @@
|
|
|
9
9
|
})(function (require, exports) {
|
|
10
10
|
"use strict";
|
|
11
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
-
exports.
|
|
12
|
+
exports.MotionPluginInstance = void 0;
|
|
13
13
|
const engine_1 = require("@tsparticles/engine");
|
|
14
14
|
const defaultFactor = 1, defaultReduce = 1, disableReduce = 0, identity = 1;
|
|
15
|
-
class
|
|
15
|
+
class MotionPluginInstance {
|
|
16
16
|
constructor(container) {
|
|
17
17
|
this._handleMotionChange = mediaQuery => {
|
|
18
18
|
const container = this._container, motion = container.actualOptions.motion;
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
await Promise.resolve();
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
|
-
exports.
|
|
62
|
+
exports.MotionPluginInstance = MotionPluginInstance;
|
|
63
63
|
});
|
package/umd/index.js
CHANGED
|
@@ -45,7 +45,7 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
45
45
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
46
46
|
exports.loadMotionPlugin = loadMotionPlugin;
|
|
47
47
|
function loadMotionPlugin(engine) {
|
|
48
|
-
engine.checkVersion("4.0.0-alpha.
|
|
48
|
+
engine.checkVersion("4.0.0-alpha.4");
|
|
49
49
|
engine.register(async (e) => {
|
|
50
50
|
const { MotionPlugin } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./MotionPlugin.js"))) : new Promise((resolve_1, reject_1) => { require(["./MotionPlugin.js"], resolve_1, reject_1); }).then(__importStar));
|
|
51
51
|
e.addPlugin(new MotionPlugin());
|
package/235.min.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see 235.min.js.LICENSE.txt */
|
|
2
|
-
(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
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! tsParticles Motion Plugin v4.0.0-alpha.3 by Matteo Bruni */
|