@tsparticles/slim 3.0.0-alpha.1 → 3.0.0-beta.1
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/README.md +36 -37
- package/browser/index.js +31 -39
- package/browser/package.json +1 -0
- package/cjs/index.js +31 -50
- package/cjs/package.json +1 -0
- package/esm/index.js +31 -39
- package/esm/package.json +1 -0
- package/package.json +66 -42
- package/report.html +4 -4
- package/tsparticles.slim.bundle.js +5428 -4774
- package/tsparticles.slim.bundle.min.js +1 -1
- package/tsparticles.slim.bundle.min.js.LICENSE.txt +1 -8
- package/tsparticles.slim.js +438 -150
- package/tsparticles.slim.min.js +1 -1
- package/tsparticles.slim.min.js.LICENSE.txt +1 -8
- package/types/index.d.ts +1 -1
- package/umd/index.js +32 -40
package/README.md
CHANGED
|
@@ -2,40 +2,39 @@
|
|
|
2
2
|
|
|
3
3
|
# tsParticles Slim Bundle
|
|
4
4
|
|
|
5
|
-
[](https://www.jsdelivr.com/package/npm/@tsparticles/slim) [](https://www.npmjs.com/package/@tsparticles/slim) [](https://www.npmjs.com/package/@tsparticles/slim) [](https://github.com/sponsors/matteobruni)
|
|
6
6
|
|
|
7
7
|
[tsParticles](https://github.com/matteobruni/tsparticles) slim bundle loads some of the most used features to
|
|
8
|
-
a
|
|
8
|
+
a `@tsparticles/engine` instance.
|
|
9
9
|
|
|
10
10
|
**Included Packages**
|
|
11
11
|
|
|
12
|
-
- [tsparticles
|
|
13
|
-
- [tsparticles
|
|
14
|
-
- [tsparticles
|
|
15
|
-
- [tsparticles
|
|
16
|
-
- [tsparticles
|
|
17
|
-
- [tsparticles
|
|
18
|
-
- [tsparticles
|
|
19
|
-
- [tsparticles
|
|
20
|
-
- [tsparticles
|
|
21
|
-
- [tsparticles
|
|
22
|
-
- [tsparticles
|
|
23
|
-
- [tsparticles
|
|
24
|
-
- [tsparticles
|
|
25
|
-
- [tsparticles-
|
|
26
|
-
- [tsparticles-
|
|
27
|
-
- [tsparticles
|
|
28
|
-
- [tsparticles-
|
|
29
|
-
- [tsparticles
|
|
30
|
-
- [tsparticles
|
|
31
|
-
- [tsparticles
|
|
32
|
-
- [tsparticles-
|
|
33
|
-
- [tsparticles-
|
|
34
|
-
- [tsparticles-
|
|
35
|
-
- [tsparticles
|
|
36
|
-
- [tsparticles
|
|
37
|
-
- [tsparticles
|
|
38
|
-
- [tsparticles-updater-stroke-color](https://github.com/matteobruni/tsparticles/tree/main/updaters/strokeColor)
|
|
12
|
+
- [@tsparticles/basic (and all its dependencies)](https://github.com/matteobruni/tsparticles/tree/main/bundles/basic)
|
|
13
|
+
- [@tsparticles/interaction-external-attract](https://github.com/matteobruni/tsparticles/tree/main/interactions/external/attract)
|
|
14
|
+
- [@tsparticles/interaction-external-bounce](https://github.com/matteobruni/tsparticles/tree/main/interactions/external/bounce)
|
|
15
|
+
- [@tsparticles/interaction-external-bubble](https://github.com/matteobruni/tsparticles/tree/main/interactions/external/bubble)
|
|
16
|
+
- [@tsparticles/interaction-external-connect](https://github.com/matteobruni/tsparticles/tree/main/interactions/external/connect)
|
|
17
|
+
- [@tsparticles/interaction-external-grab](https://github.com/matteobruni/tsparticles/tree/main/interactions/external/grab)
|
|
18
|
+
- [@tsparticles/interaction-external-pause](https://github.com/matteobruni/tsparticles/tree/main/interactions/external/pause)
|
|
19
|
+
- [@tsparticles/interaction-external-push](https://github.com/matteobruni/tsparticles/tree/main/interactions/external/push)
|
|
20
|
+
- [@tsparticles/interaction-external-remove](https://github.com/matteobruni/tsparticles/tree/main/interactions/external/remove)
|
|
21
|
+
- [@tsparticles/interaction-external-repulse](https://github.com/matteobruni/tsparticles/tree/main/interactions/external/repulse)
|
|
22
|
+
- [@tsparticles/interaction-external-slow](https://github.com/matteobruni/tsparticles/tree/main/interactions/external/slow)
|
|
23
|
+
- [@tsparticles/interaction-particles-attract](https://github.com/matteobruni/tsparticles/tree/main/interactions/particles/attract)
|
|
24
|
+
- [@tsparticles/interaction-particles-collisions](https://github.com/matteobruni/tsparticles/tree/main/interactions/particles/collisions)
|
|
25
|
+
- [@tsparticles/interaction-particles-links](https://github.com/matteobruni/tsparticles/tree/main/interactions/particles/links)
|
|
26
|
+
- [@tsparticles/move-parallax](https://github.com/matteobruni/tsparticles/tree/main/move/parallax)
|
|
27
|
+
- [@tsparticles/particles.js](https://github.com/matteobruni/tsparticles/tree/main/bundles/pjs)
|
|
28
|
+
- [@tsparticles/plugin-easing-quad](https://github.com/matteobruni/tsparticles/tree/main/plugins/easings/quad)
|
|
29
|
+
- [@tsparticles/shape-image](https://github.com/matteobruni/tsparticles/tree/main/shapes/image)
|
|
30
|
+
- [@tsparticles/shape-line](https://github.com/matteobruni/tsparticles/tree/main/shapes/line)
|
|
31
|
+
- [@tsparticles/shape-polygon](https://github.com/matteobruni/tsparticles/tree/main/shapes/polygon)
|
|
32
|
+
- [@tsparticles/shape-square](https://github.com/matteobruni/tsparticles/tree/main/shapes/square)
|
|
33
|
+
- [@tsparticles/shape-star](https://github.com/matteobruni/tsparticles/tree/main/shapes/star)
|
|
34
|
+
- [@tsparticles/shape-text](https://github.com/matteobruni/tsparticles/tree/main/shapes/text)
|
|
35
|
+
- [@tsparticles/updater-life](https://github.com/matteobruni/tsparticles/tree/main/updaters/life)
|
|
36
|
+
- [@tsparticles/updater-rotate](https://github.com/matteobruni/tsparticles/tree/main/updaters/rotate)
|
|
37
|
+
- [@tsparticles/updater-stroke-color](https://github.com/matteobruni/tsparticles/tree/main/updaters/strokeColor)
|
|
39
38
|
|
|
40
39
|
## How to use it
|
|
41
40
|
|
|
@@ -89,8 +88,8 @@ _Class Components_
|
|
|
89
88
|
```typescript jsx
|
|
90
89
|
import React from "react";
|
|
91
90
|
import Particles from "react-particles";
|
|
92
|
-
import type { Engine } from "tsparticles
|
|
93
|
-
import { loadSlim } from "tsparticles
|
|
91
|
+
import type { Engine } from "@tsparticles/engine";
|
|
92
|
+
import { loadSlim } from "@tsparticles/slim";
|
|
94
93
|
|
|
95
94
|
export class ParticlesContainer extends PureComponent<unknown> {
|
|
96
95
|
// this customizes the component tsParticles installation
|
|
@@ -114,8 +113,8 @@ _Hooks / Functional Components_
|
|
|
114
113
|
```typescript jsx
|
|
115
114
|
import React, { useCallback } from "react";
|
|
116
115
|
import Particles from "react-particles";
|
|
117
|
-
import type { Engine } from "tsparticles
|
|
118
|
-
import { loadSlim } from "tsparticles
|
|
116
|
+
import type { Engine } from "@tsparticles/engine";
|
|
117
|
+
import { loadSlim } from "@tsparticles/slim";
|
|
119
118
|
|
|
120
119
|
export function ParticlesContainer(props: unknown) {
|
|
121
120
|
// this customizes the component tsParticles installation
|
|
@@ -153,7 +152,7 @@ async function particlesInit(engine: Engine) {
|
|
|
153
152
|
### Angular
|
|
154
153
|
|
|
155
154
|
```html
|
|
156
|
-
<
|
|
155
|
+
<ng-particles [id]="id" [options]="options" [particlesInit]="particlesInit"></ng-particles>
|
|
157
156
|
```
|
|
158
157
|
|
|
159
158
|
```ts
|
|
@@ -171,9 +170,9 @@ async function particlesInit(engine: Engine): void {
|
|
|
171
170
|
```sveltehtml
|
|
172
171
|
|
|
173
172
|
<Particles
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
173
|
+
id="tsparticles"
|
|
174
|
+
options={options}
|
|
175
|
+
particlesInit="{particlesInit}"
|
|
177
176
|
/>
|
|
178
177
|
```
|
|
179
178
|
|
package/browser/index.js
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import { initPjs } from "@tsparticles/
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { loadCircleShape } from "@tsparticles/shape-circle";
|
|
5
|
-
import { loadColorUpdater } from "@tsparticles/updater-color";
|
|
1
|
+
import { initPjs } from "@tsparticles/particles.js";
|
|
2
|
+
import { loadBasic } from "@tsparticles/basic";
|
|
3
|
+
import { loadEasingQuadPlugin } from "@tsparticles/plugin-easing-quad";
|
|
6
4
|
import { loadExternalAttractInteraction } from "@tsparticles/interaction-external-attract";
|
|
7
5
|
import { loadExternalBounceInteraction } from "@tsparticles/interaction-external-bounce";
|
|
8
6
|
import { loadExternalBubbleInteraction } from "@tsparticles/interaction-external-bubble";
|
|
@@ -16,47 +14,41 @@ import { loadExternalSlowInteraction } from "@tsparticles/interaction-external-s
|
|
|
16
14
|
import { loadImageShape } from "@tsparticles/shape-image";
|
|
17
15
|
import { loadLifeUpdater } from "@tsparticles/updater-life";
|
|
18
16
|
import { loadLineShape } from "@tsparticles/shape-line";
|
|
19
|
-
import { loadOpacityUpdater } from "@tsparticles/updater-opacity";
|
|
20
|
-
import { loadOutModesUpdater } from "@tsparticles/updater-out-modes";
|
|
21
17
|
import { loadParallaxMover } from "@tsparticles/move-parallax";
|
|
22
18
|
import { loadParticlesAttractInteraction } from "@tsparticles/interaction-particles-attract";
|
|
23
19
|
import { loadParticlesCollisionsInteraction } from "@tsparticles/interaction-particles-collisions";
|
|
24
20
|
import { loadParticlesLinksInteraction } from "@tsparticles/interaction-particles-links";
|
|
25
21
|
import { loadPolygonShape } from "@tsparticles/shape-polygon";
|
|
26
|
-
import {
|
|
22
|
+
import { loadRotateUpdater } from "@tsparticles/updater-rotate";
|
|
27
23
|
import { loadSquareShape } from "@tsparticles/shape-square";
|
|
28
24
|
import { loadStarShape } from "@tsparticles/shape-star";
|
|
29
25
|
import { loadStrokeColorUpdater } from "@tsparticles/updater-stroke-color";
|
|
30
26
|
import { loadTextShape } from "@tsparticles/shape-text";
|
|
31
|
-
export async function loadSlim(engine) {
|
|
32
|
-
|
|
33
|
-
await loadParallaxMover(engine);
|
|
34
|
-
await loadExternalAttractInteraction(engine);
|
|
35
|
-
await loadExternalBounceInteraction(engine);
|
|
36
|
-
await loadExternalBubbleInteraction(engine);
|
|
37
|
-
await loadExternalConnectInteraction(engine);
|
|
38
|
-
await loadExternalGrabInteraction(engine);
|
|
39
|
-
await loadExternalPauseInteraction(engine);
|
|
40
|
-
await loadExternalPushInteraction(engine);
|
|
41
|
-
await loadExternalRemoveInteraction(engine);
|
|
42
|
-
await loadExternalRepulseInteraction(engine);
|
|
43
|
-
await loadExternalSlowInteraction(engine);
|
|
44
|
-
await loadParticlesAttractInteraction(engine);
|
|
45
|
-
await loadParticlesCollisionsInteraction(engine);
|
|
46
|
-
await loadParticlesLinksInteraction(engine);
|
|
47
|
-
await
|
|
48
|
-
await loadImageShape(engine);
|
|
49
|
-
await loadLineShape(engine);
|
|
50
|
-
await loadPolygonShape(engine);
|
|
51
|
-
await loadSquareShape(engine);
|
|
52
|
-
await loadStarShape(engine);
|
|
53
|
-
await loadTextShape(engine);
|
|
54
|
-
await loadLifeUpdater(engine);
|
|
55
|
-
await
|
|
56
|
-
await
|
|
57
|
-
await
|
|
58
|
-
await loadColorUpdater(engine);
|
|
59
|
-
await loadStrokeColorUpdater(engine);
|
|
60
|
-
await loadOutModesUpdater(engine);
|
|
61
|
-
await initPjs(engine);
|
|
27
|
+
export async function loadSlim(engine, refresh = true) {
|
|
28
|
+
initPjs(engine);
|
|
29
|
+
await loadParallaxMover(engine, false);
|
|
30
|
+
await loadExternalAttractInteraction(engine, false);
|
|
31
|
+
await loadExternalBounceInteraction(engine, false);
|
|
32
|
+
await loadExternalBubbleInteraction(engine, false);
|
|
33
|
+
await loadExternalConnectInteraction(engine, false);
|
|
34
|
+
await loadExternalGrabInteraction(engine, false);
|
|
35
|
+
await loadExternalPauseInteraction(engine, false);
|
|
36
|
+
await loadExternalPushInteraction(engine, false);
|
|
37
|
+
await loadExternalRemoveInteraction(engine, false);
|
|
38
|
+
await loadExternalRepulseInteraction(engine, false);
|
|
39
|
+
await loadExternalSlowInteraction(engine, false);
|
|
40
|
+
await loadParticlesAttractInteraction(engine, false);
|
|
41
|
+
await loadParticlesCollisionsInteraction(engine, false);
|
|
42
|
+
await loadParticlesLinksInteraction(engine, false);
|
|
43
|
+
await loadEasingQuadPlugin();
|
|
44
|
+
await loadImageShape(engine, false);
|
|
45
|
+
await loadLineShape(engine, false);
|
|
46
|
+
await loadPolygonShape(engine, false);
|
|
47
|
+
await loadSquareShape(engine, false);
|
|
48
|
+
await loadStarShape(engine, false);
|
|
49
|
+
await loadTextShape(engine, false);
|
|
50
|
+
await loadLifeUpdater(engine, false);
|
|
51
|
+
await loadRotateUpdater(engine, false);
|
|
52
|
+
await loadStrokeColorUpdater(engine, false);
|
|
53
|
+
await loadBasic(engine, refresh);
|
|
62
54
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{ "type": "module" }
|
package/cjs/index.js
CHANGED
|
@@ -1,20 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
5
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
6
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
7
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
8
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
|
-
});
|
|
10
|
-
};
|
|
11
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
3
|
exports.loadSlim = void 0;
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const shape_circle_1 = require("@tsparticles/shape-circle");
|
|
17
|
-
const updater_color_1 = require("@tsparticles/updater-color");
|
|
4
|
+
const particles_js_1 = require("@tsparticles/particles.js");
|
|
5
|
+
const basic_1 = require("@tsparticles/basic");
|
|
6
|
+
const plugin_easing_quad_1 = require("@tsparticles/plugin-easing-quad");
|
|
18
7
|
const interaction_external_attract_1 = require("@tsparticles/interaction-external-attract");
|
|
19
8
|
const interaction_external_bounce_1 = require("@tsparticles/interaction-external-bounce");
|
|
20
9
|
const interaction_external_bubble_1 = require("@tsparticles/interaction-external-bubble");
|
|
@@ -28,50 +17,42 @@ const interaction_external_slow_1 = require("@tsparticles/interaction-external-s
|
|
|
28
17
|
const shape_image_1 = require("@tsparticles/shape-image");
|
|
29
18
|
const updater_life_1 = require("@tsparticles/updater-life");
|
|
30
19
|
const shape_line_1 = require("@tsparticles/shape-line");
|
|
31
|
-
const updater_opacity_1 = require("@tsparticles/updater-opacity");
|
|
32
|
-
const updater_out_modes_1 = require("@tsparticles/updater-out-modes");
|
|
33
20
|
const move_parallax_1 = require("@tsparticles/move-parallax");
|
|
34
21
|
const interaction_particles_attract_1 = require("@tsparticles/interaction-particles-attract");
|
|
35
22
|
const interaction_particles_collisions_1 = require("@tsparticles/interaction-particles-collisions");
|
|
36
23
|
const interaction_particles_links_1 = require("@tsparticles/interaction-particles-links");
|
|
37
24
|
const shape_polygon_1 = require("@tsparticles/shape-polygon");
|
|
38
|
-
const
|
|
25
|
+
const updater_rotate_1 = require("@tsparticles/updater-rotate");
|
|
39
26
|
const shape_square_1 = require("@tsparticles/shape-square");
|
|
40
27
|
const shape_star_1 = require("@tsparticles/shape-star");
|
|
41
28
|
const updater_stroke_color_1 = require("@tsparticles/updater-stroke-color");
|
|
42
29
|
const shape_text_1 = require("@tsparticles/shape-text");
|
|
43
|
-
function loadSlim(engine) {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
yield (0, updater_angle_1.loadAngleUpdater)(engine);
|
|
71
|
-
yield (0, updater_color_1.loadColorUpdater)(engine);
|
|
72
|
-
yield (0, updater_stroke_color_1.loadStrokeColorUpdater)(engine);
|
|
73
|
-
yield (0, updater_out_modes_1.loadOutModesUpdater)(engine);
|
|
74
|
-
yield (0, pjs_1.initPjs)(engine);
|
|
75
|
-
});
|
|
30
|
+
async function loadSlim(engine, refresh = true) {
|
|
31
|
+
(0, particles_js_1.initPjs)(engine);
|
|
32
|
+
await (0, move_parallax_1.loadParallaxMover)(engine, false);
|
|
33
|
+
await (0, interaction_external_attract_1.loadExternalAttractInteraction)(engine, false);
|
|
34
|
+
await (0, interaction_external_bounce_1.loadExternalBounceInteraction)(engine, false);
|
|
35
|
+
await (0, interaction_external_bubble_1.loadExternalBubbleInteraction)(engine, false);
|
|
36
|
+
await (0, interaction_external_connect_1.loadExternalConnectInteraction)(engine, false);
|
|
37
|
+
await (0, interaction_external_grab_1.loadExternalGrabInteraction)(engine, false);
|
|
38
|
+
await (0, interaction_external_pause_1.loadExternalPauseInteraction)(engine, false);
|
|
39
|
+
await (0, interaction_external_push_1.loadExternalPushInteraction)(engine, false);
|
|
40
|
+
await (0, interaction_external_remove_1.loadExternalRemoveInteraction)(engine, false);
|
|
41
|
+
await (0, interaction_external_repulse_1.loadExternalRepulseInteraction)(engine, false);
|
|
42
|
+
await (0, interaction_external_slow_1.loadExternalSlowInteraction)(engine, false);
|
|
43
|
+
await (0, interaction_particles_attract_1.loadParticlesAttractInteraction)(engine, false);
|
|
44
|
+
await (0, interaction_particles_collisions_1.loadParticlesCollisionsInteraction)(engine, false);
|
|
45
|
+
await (0, interaction_particles_links_1.loadParticlesLinksInteraction)(engine, false);
|
|
46
|
+
await (0, plugin_easing_quad_1.loadEasingQuadPlugin)();
|
|
47
|
+
await (0, shape_image_1.loadImageShape)(engine, false);
|
|
48
|
+
await (0, shape_line_1.loadLineShape)(engine, false);
|
|
49
|
+
await (0, shape_polygon_1.loadPolygonShape)(engine, false);
|
|
50
|
+
await (0, shape_square_1.loadSquareShape)(engine, false);
|
|
51
|
+
await (0, shape_star_1.loadStarShape)(engine, false);
|
|
52
|
+
await (0, shape_text_1.loadTextShape)(engine, false);
|
|
53
|
+
await (0, updater_life_1.loadLifeUpdater)(engine, false);
|
|
54
|
+
await (0, updater_rotate_1.loadRotateUpdater)(engine, false);
|
|
55
|
+
await (0, updater_stroke_color_1.loadStrokeColorUpdater)(engine, false);
|
|
56
|
+
await (0, basic_1.loadBasic)(engine, refresh);
|
|
76
57
|
}
|
|
77
58
|
exports.loadSlim = loadSlim;
|
package/cjs/package.json
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{ "type": "commonjs" }
|
package/esm/index.js
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import { initPjs } from "@tsparticles/
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { loadCircleShape } from "@tsparticles/shape-circle";
|
|
5
|
-
import { loadColorUpdater } from "@tsparticles/updater-color";
|
|
1
|
+
import { initPjs } from "@tsparticles/particles.js";
|
|
2
|
+
import { loadBasic } from "@tsparticles/basic";
|
|
3
|
+
import { loadEasingQuadPlugin } from "@tsparticles/plugin-easing-quad";
|
|
6
4
|
import { loadExternalAttractInteraction } from "@tsparticles/interaction-external-attract";
|
|
7
5
|
import { loadExternalBounceInteraction } from "@tsparticles/interaction-external-bounce";
|
|
8
6
|
import { loadExternalBubbleInteraction } from "@tsparticles/interaction-external-bubble";
|
|
@@ -16,47 +14,41 @@ import { loadExternalSlowInteraction } from "@tsparticles/interaction-external-s
|
|
|
16
14
|
import { loadImageShape } from "@tsparticles/shape-image";
|
|
17
15
|
import { loadLifeUpdater } from "@tsparticles/updater-life";
|
|
18
16
|
import { loadLineShape } from "@tsparticles/shape-line";
|
|
19
|
-
import { loadOpacityUpdater } from "@tsparticles/updater-opacity";
|
|
20
|
-
import { loadOutModesUpdater } from "@tsparticles/updater-out-modes";
|
|
21
17
|
import { loadParallaxMover } from "@tsparticles/move-parallax";
|
|
22
18
|
import { loadParticlesAttractInteraction } from "@tsparticles/interaction-particles-attract";
|
|
23
19
|
import { loadParticlesCollisionsInteraction } from "@tsparticles/interaction-particles-collisions";
|
|
24
20
|
import { loadParticlesLinksInteraction } from "@tsparticles/interaction-particles-links";
|
|
25
21
|
import { loadPolygonShape } from "@tsparticles/shape-polygon";
|
|
26
|
-
import {
|
|
22
|
+
import { loadRotateUpdater } from "@tsparticles/updater-rotate";
|
|
27
23
|
import { loadSquareShape } from "@tsparticles/shape-square";
|
|
28
24
|
import { loadStarShape } from "@tsparticles/shape-star";
|
|
29
25
|
import { loadStrokeColorUpdater } from "@tsparticles/updater-stroke-color";
|
|
30
26
|
import { loadTextShape } from "@tsparticles/shape-text";
|
|
31
|
-
export async function loadSlim(engine) {
|
|
32
|
-
|
|
33
|
-
await loadParallaxMover(engine);
|
|
34
|
-
await loadExternalAttractInteraction(engine);
|
|
35
|
-
await loadExternalBounceInteraction(engine);
|
|
36
|
-
await loadExternalBubbleInteraction(engine);
|
|
37
|
-
await loadExternalConnectInteraction(engine);
|
|
38
|
-
await loadExternalGrabInteraction(engine);
|
|
39
|
-
await loadExternalPauseInteraction(engine);
|
|
40
|
-
await loadExternalPushInteraction(engine);
|
|
41
|
-
await loadExternalRemoveInteraction(engine);
|
|
42
|
-
await loadExternalRepulseInteraction(engine);
|
|
43
|
-
await loadExternalSlowInteraction(engine);
|
|
44
|
-
await loadParticlesAttractInteraction(engine);
|
|
45
|
-
await loadParticlesCollisionsInteraction(engine);
|
|
46
|
-
await loadParticlesLinksInteraction(engine);
|
|
47
|
-
await
|
|
48
|
-
await loadImageShape(engine);
|
|
49
|
-
await loadLineShape(engine);
|
|
50
|
-
await loadPolygonShape(engine);
|
|
51
|
-
await loadSquareShape(engine);
|
|
52
|
-
await loadStarShape(engine);
|
|
53
|
-
await loadTextShape(engine);
|
|
54
|
-
await loadLifeUpdater(engine);
|
|
55
|
-
await
|
|
56
|
-
await
|
|
57
|
-
await
|
|
58
|
-
await loadColorUpdater(engine);
|
|
59
|
-
await loadStrokeColorUpdater(engine);
|
|
60
|
-
await loadOutModesUpdater(engine);
|
|
61
|
-
await initPjs(engine);
|
|
27
|
+
export async function loadSlim(engine, refresh = true) {
|
|
28
|
+
initPjs(engine);
|
|
29
|
+
await loadParallaxMover(engine, false);
|
|
30
|
+
await loadExternalAttractInteraction(engine, false);
|
|
31
|
+
await loadExternalBounceInteraction(engine, false);
|
|
32
|
+
await loadExternalBubbleInteraction(engine, false);
|
|
33
|
+
await loadExternalConnectInteraction(engine, false);
|
|
34
|
+
await loadExternalGrabInteraction(engine, false);
|
|
35
|
+
await loadExternalPauseInteraction(engine, false);
|
|
36
|
+
await loadExternalPushInteraction(engine, false);
|
|
37
|
+
await loadExternalRemoveInteraction(engine, false);
|
|
38
|
+
await loadExternalRepulseInteraction(engine, false);
|
|
39
|
+
await loadExternalSlowInteraction(engine, false);
|
|
40
|
+
await loadParticlesAttractInteraction(engine, false);
|
|
41
|
+
await loadParticlesCollisionsInteraction(engine, false);
|
|
42
|
+
await loadParticlesLinksInteraction(engine, false);
|
|
43
|
+
await loadEasingQuadPlugin();
|
|
44
|
+
await loadImageShape(engine, false);
|
|
45
|
+
await loadLineShape(engine, false);
|
|
46
|
+
await loadPolygonShape(engine, false);
|
|
47
|
+
await loadSquareShape(engine, false);
|
|
48
|
+
await loadStarShape(engine, false);
|
|
49
|
+
await loadTextShape(engine, false);
|
|
50
|
+
await loadLifeUpdater(engine, false);
|
|
51
|
+
await loadRotateUpdater(engine, false);
|
|
52
|
+
await loadStrokeColorUpdater(engine, false);
|
|
53
|
+
await loadBasic(engine, refresh);
|
|
62
54
|
}
|
package/esm/package.json
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{ "type": "module" }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tsparticles/slim",
|
|
3
|
-
"version": "3.0.0-
|
|
3
|
+
"version": "3.0.0-beta.1",
|
|
4
4
|
"description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
|
|
5
5
|
"homepage": "https://particles.js.org",
|
|
6
6
|
"repository": {
|
|
@@ -66,50 +66,74 @@
|
|
|
66
66
|
"bugs": {
|
|
67
67
|
"url": "https://github.com/matteobruni/tsparticles/issues"
|
|
68
68
|
},
|
|
69
|
-
"funding":
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
69
|
+
"funding": [
|
|
70
|
+
{
|
|
71
|
+
"type": "github",
|
|
72
|
+
"url": "https://github.com/sponsors/matteobruni"
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"type": "github",
|
|
76
|
+
"url": "https://github.com/sponsors/tsparticles"
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"type": "buymeacoffee",
|
|
80
|
+
"url": "https://www.buymeacoffee.com/matteobruni"
|
|
81
|
+
}
|
|
82
|
+
],
|
|
83
|
+
"sideEffects": false,
|
|
75
84
|
"jsdelivr": "tsparticles.slim.bundle.min.js",
|
|
76
85
|
"unpkg": "tsparticles.slim.bundle.min.js",
|
|
86
|
+
"browser": "browser/index.js",
|
|
87
|
+
"main": "cjs/index.js",
|
|
88
|
+
"module": "esm/index.js",
|
|
77
89
|
"types": "types/index.d.ts",
|
|
78
|
-
"
|
|
79
|
-
"
|
|
90
|
+
"exports": {
|
|
91
|
+
".": {
|
|
92
|
+
"types": "./types/index.d.ts",
|
|
93
|
+
"browser": "./browser/index.js",
|
|
94
|
+
"import": "./esm/index.js",
|
|
95
|
+
"require": "./cjs/index.js",
|
|
96
|
+
"umd": "./umd/index.js",
|
|
97
|
+
"default": "./cjs/index.js"
|
|
98
|
+
},
|
|
99
|
+
"./package.json": "./package.json"
|
|
80
100
|
},
|
|
81
101
|
"dependencies": {
|
|
82
|
-
"@tsparticles/
|
|
83
|
-
"@tsparticles/
|
|
84
|
-
"@tsparticles/interaction-external-
|
|
85
|
-
"@tsparticles/interaction-external-
|
|
86
|
-
"@tsparticles/interaction-external-
|
|
87
|
-
"@tsparticles/interaction-external-
|
|
88
|
-
"@tsparticles/interaction-external-
|
|
89
|
-
"@tsparticles/interaction-external-
|
|
90
|
-
"@tsparticles/interaction-external-
|
|
91
|
-
"@tsparticles/interaction-external-
|
|
92
|
-
"@tsparticles/interaction-external-
|
|
93
|
-
"@tsparticles/interaction-
|
|
94
|
-
"@tsparticles/interaction-particles-
|
|
95
|
-
"@tsparticles/interaction-particles-
|
|
96
|
-
"@tsparticles/
|
|
97
|
-
"@tsparticles/move-
|
|
98
|
-
"@tsparticles/
|
|
99
|
-
"@tsparticles/
|
|
100
|
-
"@tsparticles/
|
|
101
|
-
"@tsparticles/shape-
|
|
102
|
-
"@tsparticles/shape-
|
|
103
|
-
"@tsparticles/shape-
|
|
104
|
-
"@tsparticles/shape-
|
|
105
|
-
"@tsparticles/shape-
|
|
106
|
-
"@tsparticles/shape-
|
|
107
|
-
"@tsparticles/
|
|
108
|
-
"@tsparticles/updater-color": "^3.0.0-
|
|
109
|
-
"@tsparticles/updater-life": "^3.0.0-
|
|
110
|
-
"@tsparticles/updater-opacity": "^3.0.0-
|
|
111
|
-
"@tsparticles/updater-out-modes": "^3.0.0-
|
|
112
|
-
"@tsparticles/updater-
|
|
113
|
-
"@tsparticles/updater-
|
|
102
|
+
"@tsparticles/basic": "^3.0.0-beta.1",
|
|
103
|
+
"@tsparticles/engine": "^3.0.0-beta.1",
|
|
104
|
+
"@tsparticles/interaction-external-attract": "^3.0.0-beta.1",
|
|
105
|
+
"@tsparticles/interaction-external-bounce": "^3.0.0-beta.1",
|
|
106
|
+
"@tsparticles/interaction-external-bubble": "^3.0.0-beta.1",
|
|
107
|
+
"@tsparticles/interaction-external-connect": "^3.0.0-beta.1",
|
|
108
|
+
"@tsparticles/interaction-external-grab": "^3.0.0-beta.1",
|
|
109
|
+
"@tsparticles/interaction-external-pause": "^3.0.0-beta.1",
|
|
110
|
+
"@tsparticles/interaction-external-push": "^3.0.0-beta.1",
|
|
111
|
+
"@tsparticles/interaction-external-remove": "^3.0.0-beta.1",
|
|
112
|
+
"@tsparticles/interaction-external-repulse": "^3.0.0-beta.1",
|
|
113
|
+
"@tsparticles/interaction-external-slow": "^3.0.0-beta.1",
|
|
114
|
+
"@tsparticles/interaction-particles-attract": "^3.0.0-beta.1",
|
|
115
|
+
"@tsparticles/interaction-particles-collisions": "^3.0.0-beta.1",
|
|
116
|
+
"@tsparticles/interaction-particles-links": "^3.0.0-beta.1",
|
|
117
|
+
"@tsparticles/move-base": "^3.0.0-beta.1",
|
|
118
|
+
"@tsparticles/move-parallax": "^3.0.0-beta.1",
|
|
119
|
+
"@tsparticles/particles.js": "^3.0.0-beta.1",
|
|
120
|
+
"@tsparticles/plugin-easing-quad": "^3.0.0-beta.1",
|
|
121
|
+
"@tsparticles/shape-circle": "^3.0.0-beta.1",
|
|
122
|
+
"@tsparticles/shape-image": "^3.0.0-beta.1",
|
|
123
|
+
"@tsparticles/shape-line": "^3.0.0-beta.1",
|
|
124
|
+
"@tsparticles/shape-polygon": "^3.0.0-beta.1",
|
|
125
|
+
"@tsparticles/shape-square": "^3.0.0-beta.1",
|
|
126
|
+
"@tsparticles/shape-star": "^3.0.0-beta.1",
|
|
127
|
+
"@tsparticles/shape-text": "^3.0.0-beta.1",
|
|
128
|
+
"@tsparticles/updater-color": "^3.0.0-beta.1",
|
|
129
|
+
"@tsparticles/updater-life": "^3.0.0-beta.1",
|
|
130
|
+
"@tsparticles/updater-opacity": "^3.0.0-beta.1",
|
|
131
|
+
"@tsparticles/updater-out-modes": "^3.0.0-beta.1",
|
|
132
|
+
"@tsparticles/updater-rotate": "^3.0.0-beta.1",
|
|
133
|
+
"@tsparticles/updater-size": "^3.0.0-beta.1",
|
|
134
|
+
"@tsparticles/updater-stroke-color": "^3.0.0-beta.1"
|
|
135
|
+
},
|
|
136
|
+
"publishConfig": {
|
|
137
|
+
"access": "public"
|
|
114
138
|
}
|
|
115
|
-
}
|
|
139
|
+
}
|