@tsparticles/interaction-external-parallax 4.1.2 → 4.2.0
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/browser/Options/Classes/Parallax.js +5 -13
- package/browser/Parallaxer.js +2 -5
- package/browser/index.js +1 -1
- package/browser/index.lazy.js +1 -1
- package/cjs/Options/Classes/Parallax.js +5 -13
- package/cjs/Parallaxer.js +2 -5
- package/cjs/index.js +1 -1
- package/cjs/index.lazy.js +1 -1
- package/esm/Options/Classes/Parallax.js +5 -13
- package/esm/Parallaxer.js +2 -5
- package/esm/index.js +1 -1
- package/esm/index.lazy.js +1 -1
- package/package.json +3 -3
- package/report.html +1 -1
- package/tsparticles.interaction.external.parallax.js +7 -18
- package/tsparticles.interaction.external.parallax.min.js +1 -1
- package/types/Options/Classes/Parallax.d.ts +0 -1
- package/types/Options/Classes/ParallaxOptions.d.ts +4 -2
|
@@ -1,20 +1,12 @@
|
|
|
1
|
-
import { isNull } from "@tsparticles/engine";
|
|
1
|
+
import { isNull, loadProperty } from "@tsparticles/engine";
|
|
2
2
|
export class Parallax {
|
|
3
|
-
force;
|
|
4
|
-
smooth;
|
|
5
|
-
constructor() {
|
|
6
|
-
this.force = 2;
|
|
7
|
-
this.smooth = 10;
|
|
8
|
-
}
|
|
3
|
+
force = 2;
|
|
4
|
+
smooth = 10;
|
|
9
5
|
load(data) {
|
|
10
6
|
if (isNull(data)) {
|
|
11
7
|
return;
|
|
12
8
|
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
if (data.smooth !== undefined) {
|
|
17
|
-
this.smooth = data.smooth;
|
|
18
|
-
}
|
|
9
|
+
loadProperty(this, "force", data.force);
|
|
10
|
+
loadProperty(this, "smooth", data.smooth);
|
|
19
11
|
}
|
|
20
12
|
}
|
package/browser/Parallaxer.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
|
|
2
|
-
import { half, isInArray } from "@tsparticles/engine";
|
|
2
|
+
import { half, isInArray, loadOptionProperty } from "@tsparticles/engine";
|
|
3
3
|
import { Parallax } from "./Options/Classes/Parallax.js";
|
|
4
4
|
const parallaxMode = "parallax";
|
|
5
5
|
export class Parallaxer extends ExternalInteractorBase {
|
|
@@ -21,10 +21,7 @@ export class Parallaxer extends ExternalInteractorBase {
|
|
|
21
21
|
return !!events?.onHover.enable && !!mouse.position && isInArray(parallaxMode, events.onHover.mode);
|
|
22
22
|
}
|
|
23
23
|
loadModeOptions(options, ...sources) {
|
|
24
|
-
options
|
|
25
|
-
for (const source of sources) {
|
|
26
|
-
options.parallax.load(source?.parallax);
|
|
27
|
-
}
|
|
24
|
+
loadOptionProperty(options, "parallax", Parallax, ...sources);
|
|
28
25
|
}
|
|
29
26
|
reset() {
|
|
30
27
|
}
|
package/browser/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ensureInteractivityPluginLoaded } from "@tsparticles/plugin-interactivity";
|
|
2
2
|
import { Parallaxer } from "./Parallaxer.js";
|
|
3
3
|
export async function loadExternalParallaxInteraction(engine) {
|
|
4
|
-
engine.checkVersion("4.
|
|
4
|
+
engine.checkVersion("4.2.0");
|
|
5
5
|
await engine.pluginManager.register((e) => {
|
|
6
6
|
ensureInteractivityPluginLoaded(e);
|
|
7
7
|
e.pluginManager.addInteractor?.("externalParallax", container => {
|
package/browser/index.lazy.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export async function loadExternalParallaxInteraction(engine) {
|
|
2
|
-
engine.checkVersion("4.
|
|
2
|
+
engine.checkVersion("4.2.0");
|
|
3
3
|
await engine.pluginManager.register(async (e) => {
|
|
4
4
|
const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity/lazy");
|
|
5
5
|
ensureInteractivityPluginLoaded(e);
|
|
@@ -1,20 +1,12 @@
|
|
|
1
|
-
import { isNull } from "@tsparticles/engine";
|
|
1
|
+
import { isNull, loadProperty } from "@tsparticles/engine";
|
|
2
2
|
export class Parallax {
|
|
3
|
-
force;
|
|
4
|
-
smooth;
|
|
5
|
-
constructor() {
|
|
6
|
-
this.force = 2;
|
|
7
|
-
this.smooth = 10;
|
|
8
|
-
}
|
|
3
|
+
force = 2;
|
|
4
|
+
smooth = 10;
|
|
9
5
|
load(data) {
|
|
10
6
|
if (isNull(data)) {
|
|
11
7
|
return;
|
|
12
8
|
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
if (data.smooth !== undefined) {
|
|
17
|
-
this.smooth = data.smooth;
|
|
18
|
-
}
|
|
9
|
+
loadProperty(this, "force", data.force);
|
|
10
|
+
loadProperty(this, "smooth", data.smooth);
|
|
19
11
|
}
|
|
20
12
|
}
|
package/cjs/Parallaxer.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
|
|
2
|
-
import { half, isInArray } from "@tsparticles/engine";
|
|
2
|
+
import { half, isInArray, loadOptionProperty } from "@tsparticles/engine";
|
|
3
3
|
import { Parallax } from "./Options/Classes/Parallax.js";
|
|
4
4
|
const parallaxMode = "parallax";
|
|
5
5
|
export class Parallaxer extends ExternalInteractorBase {
|
|
@@ -21,10 +21,7 @@ export class Parallaxer extends ExternalInteractorBase {
|
|
|
21
21
|
return !!events?.onHover.enable && !!mouse.position && isInArray(parallaxMode, events.onHover.mode);
|
|
22
22
|
}
|
|
23
23
|
loadModeOptions(options, ...sources) {
|
|
24
|
-
options
|
|
25
|
-
for (const source of sources) {
|
|
26
|
-
options.parallax.load(source?.parallax);
|
|
27
|
-
}
|
|
24
|
+
loadOptionProperty(options, "parallax", Parallax, ...sources);
|
|
28
25
|
}
|
|
29
26
|
reset() {
|
|
30
27
|
}
|
package/cjs/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ensureInteractivityPluginLoaded } from "@tsparticles/plugin-interactivity";
|
|
2
2
|
import { Parallaxer } from "./Parallaxer.js";
|
|
3
3
|
export async function loadExternalParallaxInteraction(engine) {
|
|
4
|
-
engine.checkVersion("4.
|
|
4
|
+
engine.checkVersion("4.2.0");
|
|
5
5
|
await engine.pluginManager.register((e) => {
|
|
6
6
|
ensureInteractivityPluginLoaded(e);
|
|
7
7
|
e.pluginManager.addInteractor?.("externalParallax", container => {
|
package/cjs/index.lazy.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export async function loadExternalParallaxInteraction(engine) {
|
|
2
|
-
engine.checkVersion("4.
|
|
2
|
+
engine.checkVersion("4.2.0");
|
|
3
3
|
await engine.pluginManager.register(async (e) => {
|
|
4
4
|
const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity/lazy");
|
|
5
5
|
ensureInteractivityPluginLoaded(e);
|
|
@@ -1,20 +1,12 @@
|
|
|
1
|
-
import { isNull } from "@tsparticles/engine";
|
|
1
|
+
import { isNull, loadProperty } from "@tsparticles/engine";
|
|
2
2
|
export class Parallax {
|
|
3
|
-
force;
|
|
4
|
-
smooth;
|
|
5
|
-
constructor() {
|
|
6
|
-
this.force = 2;
|
|
7
|
-
this.smooth = 10;
|
|
8
|
-
}
|
|
3
|
+
force = 2;
|
|
4
|
+
smooth = 10;
|
|
9
5
|
load(data) {
|
|
10
6
|
if (isNull(data)) {
|
|
11
7
|
return;
|
|
12
8
|
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
if (data.smooth !== undefined) {
|
|
17
|
-
this.smooth = data.smooth;
|
|
18
|
-
}
|
|
9
|
+
loadProperty(this, "force", data.force);
|
|
10
|
+
loadProperty(this, "smooth", data.smooth);
|
|
19
11
|
}
|
|
20
12
|
}
|
package/esm/Parallaxer.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ExternalInteractorBase, } from "@tsparticles/plugin-interactivity";
|
|
2
|
-
import { half, isInArray } from "@tsparticles/engine";
|
|
2
|
+
import { half, isInArray, loadOptionProperty } from "@tsparticles/engine";
|
|
3
3
|
import { Parallax } from "./Options/Classes/Parallax.js";
|
|
4
4
|
const parallaxMode = "parallax";
|
|
5
5
|
export class Parallaxer extends ExternalInteractorBase {
|
|
@@ -21,10 +21,7 @@ export class Parallaxer extends ExternalInteractorBase {
|
|
|
21
21
|
return !!events?.onHover.enable && !!mouse.position && isInArray(parallaxMode, events.onHover.mode);
|
|
22
22
|
}
|
|
23
23
|
loadModeOptions(options, ...sources) {
|
|
24
|
-
options
|
|
25
|
-
for (const source of sources) {
|
|
26
|
-
options.parallax.load(source?.parallax);
|
|
27
|
-
}
|
|
24
|
+
loadOptionProperty(options, "parallax", Parallax, ...sources);
|
|
28
25
|
}
|
|
29
26
|
reset() {
|
|
30
27
|
}
|
package/esm/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ensureInteractivityPluginLoaded } from "@tsparticles/plugin-interactivity";
|
|
2
2
|
import { Parallaxer } from "./Parallaxer.js";
|
|
3
3
|
export async function loadExternalParallaxInteraction(engine) {
|
|
4
|
-
engine.checkVersion("4.
|
|
4
|
+
engine.checkVersion("4.2.0");
|
|
5
5
|
await engine.pluginManager.register((e) => {
|
|
6
6
|
ensureInteractivityPluginLoaded(e);
|
|
7
7
|
e.pluginManager.addInteractor?.("externalParallax", container => {
|
package/esm/index.lazy.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export async function loadExternalParallaxInteraction(engine) {
|
|
2
|
-
engine.checkVersion("4.
|
|
2
|
+
engine.checkVersion("4.2.0");
|
|
3
3
|
await engine.pluginManager.register(async (e) => {
|
|
4
4
|
const { ensureInteractivityPluginLoaded } = await import("@tsparticles/plugin-interactivity/lazy");
|
|
5
5
|
ensureInteractivityPluginLoaded(e);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tsparticles/interaction-external-parallax",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.2.0",
|
|
4
4
|
"description": "tsParticles parallax external interaction",
|
|
5
5
|
"homepage": "https://particles.js.org",
|
|
6
6
|
"repository": {
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
},
|
|
98
98
|
"type": "module",
|
|
99
99
|
"peerDependencies": {
|
|
100
|
-
"@tsparticles/engine": "4.
|
|
101
|
-
"@tsparticles/plugin-interactivity": "4.
|
|
100
|
+
"@tsparticles/engine": "4.2.0",
|
|
101
|
+
"@tsparticles/plugin-interactivity": "4.2.0"
|
|
102
102
|
}
|
|
103
103
|
}
|
package/report.html
CHANGED
|
@@ -4930,7 +4930,7 @@ var drawChart = (function (exports) {
|
|
|
4930
4930
|
</script>
|
|
4931
4931
|
<script>
|
|
4932
4932
|
/*<!--*/
|
|
4933
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.interaction.external.parallax.js","children":[{"name":"dist/browser","children":[{"name":"Options/Classes/Parallax.js","uid":"
|
|
4933
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"tsparticles.interaction.external.parallax.js","children":[{"name":"dist/browser","children":[{"name":"Options/Classes/Parallax.js","uid":"00bb32f7-1"},{"uid":"00bb32f7-3","name":"Parallaxer.js"},{"uid":"00bb32f7-5","name":"index.js"},{"uid":"00bb32f7-7","name":"browser.js"}]}]}],"isRoot":true},"nodeParts":{"00bb32f7-1":{"renderedLength":296,"gzipLength":0,"brotliLength":0,"metaUid":"00bb32f7-0"},"00bb32f7-3":{"renderedLength":2169,"gzipLength":0,"brotliLength":0,"metaUid":"00bb32f7-2"},"00bb32f7-5":{"renderedLength":399,"gzipLength":0,"brotliLength":0,"metaUid":"00bb32f7-4"},"00bb32f7-7":{"renderedLength":205,"gzipLength":0,"brotliLength":0,"metaUid":"00bb32f7-6"}},"nodeMetas":{"00bb32f7-0":{"id":"/dist/browser/Options/Classes/Parallax.js","moduleParts":{"tsparticles.interaction.external.parallax.js":"00bb32f7-1"},"imported":[{"uid":"00bb32f7-9"}],"importedBy":[{"uid":"00bb32f7-4"},{"uid":"00bb32f7-2"}]},"00bb32f7-2":{"id":"/dist/browser/Parallaxer.js","moduleParts":{"tsparticles.interaction.external.parallax.js":"00bb32f7-3"},"imported":[{"uid":"00bb32f7-8"},{"uid":"00bb32f7-9"},{"uid":"00bb32f7-0"}],"importedBy":[{"uid":"00bb32f7-4"}]},"00bb32f7-4":{"id":"/dist/browser/index.js","moduleParts":{"tsparticles.interaction.external.parallax.js":"00bb32f7-5"},"imported":[{"uid":"00bb32f7-8"},{"uid":"00bb32f7-2"},{"uid":"00bb32f7-0"}],"importedBy":[{"uid":"00bb32f7-6"}]},"00bb32f7-6":{"id":"/dist/browser/browser.js","moduleParts":{"tsparticles.interaction.external.parallax.js":"00bb32f7-7"},"imported":[{"uid":"00bb32f7-4"}],"importedBy":[],"isEntry":true},"00bb32f7-8":{"id":"@tsparticles/plugin-interactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"00bb32f7-4"},{"uid":"00bb32f7-2"}],"isExternal":true},"00bb32f7-9":{"id":"@tsparticles/engine","moduleParts":{},"imported":[],"importedBy":[{"uid":"00bb32f7-2"},{"uid":"00bb32f7-0"}],"isExternal":true}},"env":{"rollup":"4.62.0"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
|
|
4934
4934
|
|
|
4935
4935
|
const run = () => {
|
|
4936
4936
|
const width = window.innerWidth;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
(function(g){g.__tsParticlesInternals=g.__tsParticlesInternals||{};g.__tsParticlesInternals.bundles=g.__tsParticlesInternals.bundles||{};g.__tsParticlesInternals.effects=g.__tsParticlesInternals.effects||{};g.__tsParticlesInternals.engine=g.__tsParticlesInternals.engine||{};g.__tsParticlesInternals.interactions=g.__tsParticlesInternals.interactions||{};g.__tsParticlesInternals.palettes=g.__tsParticlesInternals.palettes||{};g.__tsParticlesInternals.paths=g.__tsParticlesInternals.paths||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins.emittersShapes=g.__tsParticlesInternals.plugins.emittersShapes||{};g.__tsParticlesInternals.presets=g.__tsParticlesInternals.presets||{};g.__tsParticlesInternals.shapes=g.__tsParticlesInternals.shapes||{};g.__tsParticlesInternals.updaters=g.__tsParticlesInternals.updaters||{};g.__tsParticlesInternals.utils=g.__tsParticlesInternals.utils||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas.utils=g.__tsParticlesInternals.canvas.utils||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path.utils=g.__tsParticlesInternals.path.utils||{};var __tsProxyFactory=typeof Proxy!=="undefined"?function(obj){return new Proxy(obj,{get:function(target,key){if(!(key in target)){target[key]={};}return target[key];}});}:function(obj){return obj;};g.__tsParticlesInternals.bundles=__tsProxyFactory(g.__tsParticlesInternals.bundles);g.__tsParticlesInternals.effects=__tsProxyFactory(g.__tsParticlesInternals.effects);g.__tsParticlesInternals.interactions=__tsProxyFactory(g.__tsParticlesInternals.interactions);g.__tsParticlesInternals.palettes=__tsProxyFactory(g.__tsParticlesInternals.palettes);g.__tsParticlesInternals.paths=__tsProxyFactory(g.__tsParticlesInternals.paths);g.__tsParticlesInternals.plugins=__tsProxyFactory(g.__tsParticlesInternals.plugins);g.__tsParticlesInternals.plugins.emittersShapes=__tsProxyFactory(g.__tsParticlesInternals.plugins.emittersShapes);g.__tsParticlesInternals.presets=__tsProxyFactory(g.__tsParticlesInternals.presets);g.__tsParticlesInternals.shapes=__tsProxyFactory(g.__tsParticlesInternals.shapes);g.__tsParticlesInternals.updaters=__tsProxyFactory(g.__tsParticlesInternals.updaters);g.__tsParticlesInternals.utils=__tsProxyFactory(g.__tsParticlesInternals.utils);g.__tsParticlesInternals.canvas=__tsProxyFactory(g.__tsParticlesInternals.canvas);g.__tsParticlesInternals.path=__tsProxyFactory(g.__tsParticlesInternals.path);g.tsparticlesInternalExports=g.tsparticlesInternalExports||{};})(typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:this);
|
|
2
|
-
/* External Interaction v4.
|
|
2
|
+
/* External Interaction v4.2.0 */
|
|
3
3
|
(function (global, factory) {
|
|
4
4
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/plugin-interactivity'), require('@tsparticles/engine')) :
|
|
5
5
|
typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/plugin-interactivity', '@tsparticles/engine'], factory) :
|
|
@@ -7,22 +7,14 @@
|
|
|
7
7
|
})(this, (function (exports, pluginInteractivity, engine) { 'use strict';
|
|
8
8
|
|
|
9
9
|
class Parallax {
|
|
10
|
-
force;
|
|
11
|
-
smooth;
|
|
12
|
-
constructor() {
|
|
13
|
-
this.force = 2;
|
|
14
|
-
this.smooth = 10;
|
|
15
|
-
}
|
|
10
|
+
force = 2;
|
|
11
|
+
smooth = 10;
|
|
16
12
|
load(data) {
|
|
17
13
|
if (engine.isNull(data)) {
|
|
18
14
|
return;
|
|
19
15
|
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
if (data.smooth !== undefined) {
|
|
24
|
-
this.smooth = data.smooth;
|
|
25
|
-
}
|
|
16
|
+
engine.loadProperty(this, "force", data.force);
|
|
17
|
+
engine.loadProperty(this, "smooth", data.smooth);
|
|
26
18
|
}
|
|
27
19
|
}
|
|
28
20
|
|
|
@@ -46,10 +38,7 @@
|
|
|
46
38
|
return !!events?.onHover.enable && !!mouse.position && engine.isInArray(parallaxMode, events.onHover.mode);
|
|
47
39
|
}
|
|
48
40
|
loadModeOptions(options, ...sources) {
|
|
49
|
-
options
|
|
50
|
-
for (const source of sources) {
|
|
51
|
-
options.parallax.load(source?.parallax);
|
|
52
|
-
}
|
|
41
|
+
engine.loadOptionProperty(options, "parallax", Parallax, ...sources);
|
|
53
42
|
}
|
|
54
43
|
reset() {
|
|
55
44
|
}
|
|
@@ -78,7 +67,7 @@
|
|
|
78
67
|
}
|
|
79
68
|
|
|
80
69
|
async function loadExternalParallaxInteraction(engine) {
|
|
81
|
-
engine.checkVersion("4.
|
|
70
|
+
engine.checkVersion("4.2.0");
|
|
82
71
|
await engine.pluginManager.register((e) => {
|
|
83
72
|
pluginInteractivity.ensureInteractivityPluginLoaded(e);
|
|
84
73
|
e.pluginManager.addInteractor?.("externalParallax", container => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var s="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,s){return s in t||(t[s]={}),t[s]}})}:function(t){return t};t.__tsParticlesInternals.bundles=s(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=s(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=s(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=s(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=s(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=s(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=s(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=s(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=s(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=s(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=s(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=s(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=s(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@tsparticles/plugin-interactivity"),require("@tsparticles/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/plugin-interactivity","@tsparticles/engine"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.interactions.externalParallax=t.__tsParticlesInternals.interactions.externalParallax||{}),t.__tsParticlesInternals.plugins.interactivity,t.__tsParticlesInternals.engine)}(this,function(t,s,e){"use strict";class a{force
|
|
1
|
+
!function(t){t.__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.bundles=t.__tsParticlesInternals.bundles||{},t.__tsParticlesInternals.effects=t.__tsParticlesInternals.effects||{},t.__tsParticlesInternals.engine=t.__tsParticlesInternals.engine||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.palettes=t.__tsParticlesInternals.palettes||{},t.__tsParticlesInternals.paths=t.__tsParticlesInternals.paths||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins=t.__tsParticlesInternals.plugins||{},t.__tsParticlesInternals.plugins.emittersShapes=t.__tsParticlesInternals.plugins.emittersShapes||{},t.__tsParticlesInternals.presets=t.__tsParticlesInternals.presets||{},t.__tsParticlesInternals.shapes=t.__tsParticlesInternals.shapes||{},t.__tsParticlesInternals.updaters=t.__tsParticlesInternals.updaters||{},t.__tsParticlesInternals.utils=t.__tsParticlesInternals.utils||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas=t.__tsParticlesInternals.canvas||{},t.__tsParticlesInternals.canvas.utils=t.__tsParticlesInternals.canvas.utils||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path=t.__tsParticlesInternals.path||{},t.__tsParticlesInternals.path.utils=t.__tsParticlesInternals.path.utils||{};var s="undefined"!=typeof Proxy?function(t){return new Proxy(t,{get:function(t,s){return s in t||(t[s]={}),t[s]}})}:function(t){return t};t.__tsParticlesInternals.bundles=s(t.__tsParticlesInternals.bundles),t.__tsParticlesInternals.effects=s(t.__tsParticlesInternals.effects),t.__tsParticlesInternals.interactions=s(t.__tsParticlesInternals.interactions),t.__tsParticlesInternals.palettes=s(t.__tsParticlesInternals.palettes),t.__tsParticlesInternals.paths=s(t.__tsParticlesInternals.paths),t.__tsParticlesInternals.plugins=s(t.__tsParticlesInternals.plugins),t.__tsParticlesInternals.plugins.emittersShapes=s(t.__tsParticlesInternals.plugins.emittersShapes),t.__tsParticlesInternals.presets=s(t.__tsParticlesInternals.presets),t.__tsParticlesInternals.shapes=s(t.__tsParticlesInternals.shapes),t.__tsParticlesInternals.updaters=s(t.__tsParticlesInternals.updaters),t.__tsParticlesInternals.utils=s(t.__tsParticlesInternals.utils),t.__tsParticlesInternals.canvas=s(t.__tsParticlesInternals.canvas),t.__tsParticlesInternals.path=s(t.__tsParticlesInternals.path),t.tsparticlesInternalExports=t.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(t,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@tsparticles/plugin-interactivity"),require("@tsparticles/engine")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/plugin-interactivity","@tsparticles/engine"],s):s(((t="undefined"!=typeof globalThis?globalThis:t||self).__tsParticlesInternals=t.__tsParticlesInternals||{},t.__tsParticlesInternals.interactions=t.__tsParticlesInternals.interactions||{},t.__tsParticlesInternals.interactions.externalParallax=t.__tsParticlesInternals.interactions.externalParallax||{}),t.__tsParticlesInternals.plugins.interactivity,t.__tsParticlesInternals.engine)}(this,function(t,s,e){"use strict";class a{force=2;smooth=10;load(t){e.isNull(t)||(e.loadProperty(this,"force",t.force),e.loadProperty(this,"smooth",t.smooth))}}class n extends s.ExternalInteractorBase{maxDistance=0;constructor(t){super(t)}clear(){}init(){}interact(t){for(const s of this.container.particles.filter(s=>this.isEnabled(t,s)))this.#t(t,s)}isEnabled(t,s){const a=this.container,n=t.mouse,r=(s?.interactivity??a.actualOptions.interactivity)?.events;return!!r?.onHover.enable&&!!n.position&&e.isInArray("parallax",r.onHover.mode)}loadModeOptions(t,...s){e.loadOptionProperty(t,"parallax",a,...s)}reset(){}#t(t,s){if(!this.isEnabled(t,s))return;const a=this.container,n=a.actualOptions,r=n.interactivity?.modes.parallax;if(!r)return;const l=r.force,i=t.mouse.position;if(!i)return;const c=a.canvas.size,_=c.width*e.half,o=c.height*e.half,P=r.smooth,I=s.getRadius()/l,p=(i.x-_)*I,u=(i.y-o)*I,{offset:d}=s;d.x+=(p-d.x)/P,d.y+=(u-d.y)/P}}async function r(t){t.checkVersion("4.2.0"),await t.pluginManager.register(t=>{s.ensureInteractivityPluginLoaded(t),t.pluginManager.addInteractor?.("externalParallax",t=>Promise.resolve(new n(t)))})}const l=globalThis;l.__tsParticlesInternals=l.__tsParticlesInternals??{},l.loadExternalParallaxInteraction=r,t.Parallax=a,t.loadExternalParallaxInteraction=r}),Object.assign(globalThis.window||globalThis,{loadExternalParallaxInteraction:(globalThis.__tsParticlesInternals.interactions.externalParallax||{}).loadExternalParallaxInteraction}),delete(globalThis.window||globalThis).tsparticlesInternalExports;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import type { InteractivityOptions } from "@tsparticles/plugin-interactivity";
|
|
2
|
-
import type {
|
|
2
|
+
import type { Parallax } from "./Parallax.js";
|
|
3
3
|
export type ParallaxOptions = InteractivityOptions & {
|
|
4
4
|
interactivity?: {
|
|
5
|
-
modes:
|
|
5
|
+
modes: {
|
|
6
|
+
parallax?: Parallax;
|
|
7
|
+
};
|
|
6
8
|
};
|
|
7
9
|
};
|