@tsparticles/palette-fireworks-purple 4.0.0-beta.12 → 4.0.0-beta.16
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 +9 -9
- package/browser/browser.js +5 -0
- package/browser/index.js +2 -2
- package/browser/index.lazy.js +7 -0
- package/cjs/browser.js +5 -0
- package/cjs/index.js +2 -2
- package/cjs/index.lazy.js +7 -0
- package/esm/browser.js +5 -0
- package/esm/index.js +2 -2
- package/esm/index.lazy.js +7 -0
- package/package.json +14 -6
- package/report.html +4949 -94
- package/tsparticles.palette.palette-purple.js +44 -0
- package/tsparticles.palette.palette-purple.min.js +1 -0
- package/types/browser.d.ts +1 -0
- package/types/index.lazy.d.ts +2 -0
- package/264.min.js +0 -1
- package/dist_browser_options_js.js +0 -30
- package/tsparticles.palette.palette-fireworks-purple.js +0 -307
- package/tsparticles.palette.palette-fireworks-purple.min.js +0 -2
package/README.md
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
[](https://particles.js.org)
|
|
2
2
|
|
|
3
|
-
# tsParticles
|
|
3
|
+
# tsParticles Purple Palette
|
|
4
4
|
|
|
5
|
-
[](https://www.jsdelivr.com/package/npm/@tsparticles/palette-purple) [](https://www.npmjs.com/package/@tsparticles/palette-purple) [](https://www.npmjs.com/package/@tsparticles/palette-purple) [](https://github.com/sponsors/matteobruni)
|
|
6
6
|
|
|
7
|
-
[tsParticles](https://github.com/tsparticles/tsparticles) palette for
|
|
7
|
+
[tsParticles](https://github.com/tsparticles/tsparticles) palette for colored smoke amber.
|
|
8
8
|
|
|
9
9
|
[](https://discord.gg/hACwv45Hme) [](https://t.me/tsparticles)
|
|
10
10
|
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
## Sample
|
|
14
14
|
|
|
15
|
-
[](https://particles.js.org/samples/palettes/purple)
|
|
16
16
|
|
|
17
17
|
## Colors
|
|
18
18
|
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
## Quick checklist
|
|
69
69
|
|
|
70
70
|
1. Install `@tsparticles/engine` (or use the CDN bundle below)
|
|
71
|
-
2. Load a base package (for example `@tsparticles/basic`) and call `
|
|
71
|
+
2. Load a base package (for example `@tsparticles/basic`) and call `loadPurplePalette` before `tsParticles.load(...)`
|
|
72
72
|
3. Apply the palette plus a minimal particles configuration in your options
|
|
73
73
|
|
|
74
74
|
A palette defines colors, not complete behavior, so pair it with a runtime package and particle options.
|
|
@@ -79,7 +79,7 @@ A palette defines colors, not complete behavior, so pair it with a runtime packa
|
|
|
79
79
|
|
|
80
80
|
```html
|
|
81
81
|
<script src="https://cdn.jsdelivr.net/npm/@tsparticles/basic@4/tsparticles.basic.bundle.min.js"></script>
|
|
82
|
-
<script src="https://cdn.jsdelivr.net/npm/@tsparticles/palette-
|
|
82
|
+
<script src="https://cdn.jsdelivr.net/npm/@tsparticles/palette-purple@4/tsparticles.palette-coloredSmokeAmber.min.js"></script>
|
|
83
83
|
```
|
|
84
84
|
|
|
85
85
|
### Usage
|
|
@@ -89,7 +89,7 @@ Once the scripts are loaded you can set up `tsParticles` like this:
|
|
|
89
89
|
```javascript
|
|
90
90
|
(async engine => {
|
|
91
91
|
await loadBasic(engine);
|
|
92
|
-
await
|
|
92
|
+
await loadPurplePalette(engine);
|
|
93
93
|
|
|
94
94
|
const options = {
|
|
95
95
|
particles: {
|
|
@@ -101,7 +101,7 @@ Once the scripts are loaded you can set up `tsParticles` like this:
|
|
|
101
101
|
speed: 2,
|
|
102
102
|
},
|
|
103
103
|
},
|
|
104
|
-
palette: "
|
|
104
|
+
palette: "purple",
|
|
105
105
|
};
|
|
106
106
|
|
|
107
107
|
await engine.load({
|
|
@@ -118,7 +118,7 @@ You can override all the options defining the properties like in any standard `t
|
|
|
118
118
|
|
|
119
119
|
### Frameworks with a tsParticles component library
|
|
120
120
|
|
|
121
|
-
Checkout the documentation in the component library repository and call the `
|
|
121
|
+
Checkout the documentation in the component library repository and call the `loadPurplePalette` function.
|
|
122
122
|
|
|
123
123
|
## Related docs
|
|
124
124
|
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { loadFireworksPurplePalette } from "./index.js";
|
|
2
|
+
const globalObject = globalThis;
|
|
3
|
+
globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
|
|
4
|
+
globalObject.loadFireworksPurplePalette = loadFireworksPurplePalette;
|
|
5
|
+
export * from "./index.js";
|
package/browser/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
import { options } from "./options.js";
|
|
1
2
|
const paletteName = "fireworks-purple";
|
|
2
3
|
export async function loadFireworksPurplePalette(engine) {
|
|
3
|
-
await engine.pluginManager.register(
|
|
4
|
-
const { options } = await import("./options.js");
|
|
4
|
+
await engine.pluginManager.register(e => {
|
|
5
5
|
e.pluginManager.addPalette(paletteName, options);
|
|
6
6
|
});
|
|
7
7
|
}
|
package/cjs/browser.js
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { loadFireworksPurplePalette } from "./index.js";
|
|
2
|
+
const globalObject = globalThis;
|
|
3
|
+
globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
|
|
4
|
+
globalObject.loadFireworksPurplePalette = loadFireworksPurplePalette;
|
|
5
|
+
export * from "./index.js";
|
package/cjs/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
import { options } from "./options.js";
|
|
1
2
|
const paletteName = "fireworks-purple";
|
|
2
3
|
export async function loadFireworksPurplePalette(engine) {
|
|
3
|
-
await engine.pluginManager.register(
|
|
4
|
-
const { options } = await import("./options.js");
|
|
4
|
+
await engine.pluginManager.register(e => {
|
|
5
5
|
e.pluginManager.addPalette(paletteName, options);
|
|
6
6
|
});
|
|
7
7
|
}
|
package/esm/browser.js
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { loadFireworksPurplePalette } from "./index.js";
|
|
2
|
+
const globalObject = globalThis;
|
|
3
|
+
globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
|
|
4
|
+
globalObject.loadFireworksPurplePalette = loadFireworksPurplePalette;
|
|
5
|
+
export * from "./index.js";
|
package/esm/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
import { options } from "./options.js";
|
|
1
2
|
const paletteName = "fireworks-purple";
|
|
2
3
|
export async function loadFireworksPurplePalette(engine) {
|
|
3
|
-
await engine.pluginManager.register(
|
|
4
|
-
const { options } = await import("./options.js");
|
|
4
|
+
await engine.pluginManager.register(e => {
|
|
5
5
|
e.pluginManager.addPalette(paletteName, options);
|
|
6
6
|
});
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tsparticles/palette-fireworks-purple",
|
|
3
|
-
"version": "4.0.0-beta.
|
|
3
|
+
"version": "4.0.0-beta.16",
|
|
4
4
|
"description": "tsParticles fireworks purple palette",
|
|
5
5
|
"homepage": "https://particles.js.org",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
8
8
|
"url": "git+https://github.com/tsparticles/tsparticles.git",
|
|
9
|
-
"directory": "palettes/fireworks/
|
|
9
|
+
"directory": "palettes/fireworks/purple"
|
|
10
10
|
},
|
|
11
11
|
"keywords": [
|
|
12
12
|
"front-end",
|
|
@@ -95,14 +95,22 @@
|
|
|
95
95
|
"umd": "./umd/index.js",
|
|
96
96
|
"default": "./cjs/index.js"
|
|
97
97
|
},
|
|
98
|
-
"./package.json": "./package.json"
|
|
98
|
+
"./package.json": "./package.json",
|
|
99
|
+
"./lazy": {
|
|
100
|
+
"types": "./types/index.lazy.d.ts",
|
|
101
|
+
"browser": "./browser/index.lazy.js",
|
|
102
|
+
"import": "./esm/index.lazy.js",
|
|
103
|
+
"require": "./cjs/index.lazy.js",
|
|
104
|
+
"umd": "./umd/index.lazy.js",
|
|
105
|
+
"default": "./cjs/index.lazy.js"
|
|
106
|
+
}
|
|
99
107
|
},
|
|
100
108
|
"dependencies": {
|
|
101
|
-
"@tsparticles/engine": "4.0.0-beta.
|
|
109
|
+
"@tsparticles/engine": "4.0.0-beta.16"
|
|
102
110
|
},
|
|
103
111
|
"type": "module",
|
|
104
|
-
"jsdelivr": "tsparticles.palette-
|
|
105
|
-
"unpkg": "tsparticles.palette-
|
|
112
|
+
"jsdelivr": "tsparticles.palette-colored-smoke-amber.min.js",
|
|
113
|
+
"unpkg": "tsparticles.palette-colored-smoke-amber.min.js",
|
|
106
114
|
"publishConfig": {
|
|
107
115
|
"access": "public"
|
|
108
116
|
}
|