@tsparticles/palette-full-fire-gradient 4.0.0-alpha.4 → 4.0.0-beta.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.
Files changed (16) hide show
  1. package/428.min.js +1 -0
  2. package/README.md +136 -0
  3. package/browser/index.js +2 -2
  4. package/browser/options.js +29 -25
  5. package/cjs/index.js +2 -2
  6. package/cjs/options.js +29 -25
  7. package/dist_browser_options_js.js +2 -2
  8. package/esm/index.js +2 -2
  9. package/esm/options.js +29 -25
  10. package/package.json +5 -5
  11. package/report.html +84 -29
  12. package/tsparticles.palette.palette-full-fire-gradient.js +2 -2
  13. package/tsparticles.palette.palette-full-fire-gradient.min.js +2 -2
  14. package/552.min.js +0 -1
  15. package/umd/index.js +0 -54
  16. package/umd/options.js +0 -43
package/428.min.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(this.webpackChunk_tsparticles_palette_full_fire_gradient=this.webpackChunk_tsparticles_palette_full_fire_gradient||[]).push([[428],{428(F,e,l){l.d(e,{options:()=>t});let t={name:"Full Fire Gradient",background:"#000000",blendMode:"screen",colors:{fill:{enable:!0,value:["#000000","#110000","#220000","#440000","#660000","#880000","#AA0000","#CC0000","#FF0000","#FF2200","#FF4400","#FF6600","#FF8800","#FFAA00","#FFCC00","#FFDD00","#FFEE00","#FFFF00","#FFFF44","#FFFF88","#FFFFBB","#FFFFFF"]}}}}}]);
package/README.md CHANGED
@@ -10,8 +10,133 @@
10
10
 
11
11
  [![tsParticles Product Hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=186113&theme=light)](https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-tsparticles") <a href="https://www.buymeacoffee.com/matteobruni"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a beer&emoji=🍺&slug=matteobruni&button_colour=5F7FFF&font_colour=ffffff&font_family=Arial&outline_colour=000000&coffee_colour=FFDD00"></a>
12
12
 
13
+ ## Sample
14
+
15
+ [![demo](https://raw.githubusercontent.com/tsparticles/palettes/main/palettes/fullFireGradient/images/sample.png)](https://particles.js.org/samples/palettes/full-fire-gradient)
16
+
13
17
  ## Colors
14
18
 
19
+ <table>
20
+ <tbody>
21
+ <tr>
22
+ <td align="center">
23
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#000000"><rect width="32" height="32" fill="#000000" /></svg><br />
24
+ <code>#000000</code>
25
+ </td>
26
+ <td align="center">
27
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#110000"><rect width="32" height="32" fill="#110000" /></svg><br />
28
+ <code>#110000</code>
29
+ </td>
30
+ <td align="center">
31
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#220000"><rect width="32" height="32" fill="#220000" /></svg><br />
32
+ <code>#220000</code>
33
+ </td>
34
+ <td align="center">
35
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#440000"><rect width="32" height="32" fill="#440000" /></svg><br />
36
+ <code>#440000</code>
37
+ </td>
38
+ <td align="center">
39
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#660000"><rect width="32" height="32" fill="#660000" /></svg><br />
40
+ <code>#660000</code>
41
+ </td>
42
+ </tr>
43
+ <tr>
44
+ <td align="center">
45
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#880000"><rect width="32" height="32" fill="#880000" /></svg><br />
46
+ <code>#880000</code>
47
+ </td>
48
+ <td align="center">
49
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#AA0000"><rect width="32" height="32" fill="#AA0000" /></svg><br />
50
+ <code>#AA0000</code>
51
+ </td>
52
+ <td align="center">
53
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#CC0000"><rect width="32" height="32" fill="#CC0000" /></svg><br />
54
+ <code>#CC0000</code>
55
+ </td>
56
+ <td align="center">
57
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#FF0000"><rect width="32" height="32" fill="#FF0000" /></svg><br />
58
+ <code>#FF0000</code>
59
+ </td>
60
+ <td align="center">
61
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#FF2200"><rect width="32" height="32" fill="#FF2200" /></svg><br />
62
+ <code>#FF2200</code>
63
+ </td>
64
+ </tr>
65
+ <tr>
66
+ <td align="center">
67
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#FF4400"><rect width="32" height="32" fill="#FF4400" /></svg><br />
68
+ <code>#FF4400</code>
69
+ </td>
70
+ <td align="center">
71
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#FF6600"><rect width="32" height="32" fill="#FF6600" /></svg><br />
72
+ <code>#FF6600</code>
73
+ </td>
74
+ <td align="center">
75
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#FF8800"><rect width="32" height="32" fill="#FF8800" /></svg><br />
76
+ <code>#FF8800</code>
77
+ </td>
78
+ <td align="center">
79
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#FFAA00"><rect width="32" height="32" fill="#FFAA00" /></svg><br />
80
+ <code>#FFAA00</code>
81
+ </td>
82
+ <td align="center">
83
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#FFCC00"><rect width="32" height="32" fill="#FFCC00" /></svg><br />
84
+ <code>#FFCC00</code>
85
+ </td>
86
+ </tr>
87
+ <tr>
88
+ <td align="center">
89
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#FFDD00"><rect width="32" height="32" fill="#FFDD00" /></svg><br />
90
+ <code>#FFDD00</code>
91
+ </td>
92
+ <td align="center">
93
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#FFEE00"><rect width="32" height="32" fill="#FFEE00" /></svg><br />
94
+ <code>#FFEE00</code>
95
+ </td>
96
+ <td align="center">
97
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#FFFF00"><rect width="32" height="32" fill="#FFFF00" /></svg><br />
98
+ <code>#FFFF00</code>
99
+ </td>
100
+ <td align="center">
101
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#FFFF44"><rect width="32" height="32" fill="#FFFF44" /></svg><br />
102
+ <code>#FFFF44</code>
103
+ </td>
104
+ <td align="center">
105
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#FFFF88"><rect width="32" height="32" fill="#FFFF88" /></svg><br />
106
+ <code>#FFFF88</code>
107
+ </td>
108
+ </tr>
109
+ <tr>
110
+ <td align="center">
111
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#FFFFBB"><rect width="32" height="32" fill="#FFFFBB" /></svg><br />
112
+ <code>#FFFFBB</code>
113
+ </td>
114
+ <td align="center">
115
+ <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#FFFFFF"><rect width="32" height="32" fill="#FFFFFF" /></svg><br />
116
+ <code>#FFFFFF</code>
117
+ </td>
118
+ </tr>
119
+ <tr>
120
+ <td colspan="5" align="center">
121
+ <svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#000000"><rect width="40" height="40" fill="#000000" /></svg><br />
122
+ <strong>Background</strong><br />
123
+ <code>#000000</code>
124
+ </td>
125
+ </tr>
126
+ <tr>
127
+ <td colspan="5" align="center">
128
+ <strong>Blend mode:</strong> <code>screen</code> | <strong>Fill:</strong> <code>true</code>
129
+ </td>
130
+ </tr>
131
+ </tbody>
132
+ </table>
133
+
134
+ ## Quick checklist
135
+
136
+ 1. Install `@tsparticles/engine` (or use the CDN bundle below)
137
+ 2. Call the package loader function(s) before `tsParticles.load(...)`
138
+ 3. Apply the package options in your `tsParticles.load(...)` config
139
+
15
140
  ## How to use it
16
141
 
17
142
  ### CDN / Vanilla JS / jQuery
@@ -64,6 +189,17 @@ Checkout the documentation in the component library repository and call the `loa
64
189
 
65
190
  The options shown above are valid for all the component libraries.
66
191
 
192
+ ## Common pitfalls
193
+
194
+ - Calling `tsParticles.load(...)` before `loadFullFireGradientPalette(...)`
195
+ - Verify required peer packages before enabling advanced options
196
+ - Change one option group at a time to isolate regressions quickly
197
+
198
+ ## Related docs
199
+
200
+ - Presets and palettes catalog: <https://github.com/tsparticles/palettes>
201
+ - Main docs: <https://particles.js.org/docs/>
202
+
67
203
  ---
68
204
 
69
205
  ```mermaid
package/browser/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  const paletteName = "full-fire-gradient";
2
2
  export async function loadFullFireGradientPalette(engine) {
3
- await engine.register(async (e) => {
3
+ await engine.pluginManager.register(async (e) => {
4
4
  const { options } = await import("./options.js");
5
- e.addPalette(paletteName, options);
5
+ e.pluginManager.addPalette(paletteName, options);
6
6
  });
7
7
  }
package/browser/options.js CHANGED
@@ -2,29 +2,33 @@ export const options = {
2
2
  name: "Full Fire Gradient",
3
3
  background: "#000000",
4
4
  blendMode: "screen",
5
- colors: [
6
- "#000000",
7
- "#110000",
8
- "#220000",
9
- "#440000",
10
- "#660000",
11
- "#880000",
12
- "#AA0000",
13
- "#CC0000",
14
- "#FF0000",
15
- "#FF2200",
16
- "#FF4400",
17
- "#FF6600",
18
- "#FF8800",
19
- "#FFAA00",
20
- "#FFCC00",
21
- "#FFDD00",
22
- "#FFEE00",
23
- "#FFFF00",
24
- "#FFFF44",
25
- "#FFFF88",
26
- "#FFFFBB",
27
- "#FFFFFF",
28
- ],
29
- fill: true,
5
+ colors: {
6
+ fill: {
7
+ enable: true,
8
+ value: [
9
+ "#000000",
10
+ "#110000",
11
+ "#220000",
12
+ "#440000",
13
+ "#660000",
14
+ "#880000",
15
+ "#AA0000",
16
+ "#CC0000",
17
+ "#FF0000",
18
+ "#FF2200",
19
+ "#FF4400",
20
+ "#FF6600",
21
+ "#FF8800",
22
+ "#FFAA00",
23
+ "#FFCC00",
24
+ "#FFDD00",
25
+ "#FFEE00",
26
+ "#FFFF00",
27
+ "#FFFF44",
28
+ "#FFFF88",
29
+ "#FFFFBB",
30
+ "#FFFFFF",
31
+ ],
32
+ },
33
+ },
30
34
  };
package/cjs/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  const paletteName = "full-fire-gradient";
2
2
  export async function loadFullFireGradientPalette(engine) {
3
- await engine.register(async (e) => {
3
+ await engine.pluginManager.register(async (e) => {
4
4
  const { options } = await import("./options.js");
5
- e.addPalette(paletteName, options);
5
+ e.pluginManager.addPalette(paletteName, options);
6
6
  });
7
7
  }
package/cjs/options.js CHANGED
@@ -2,29 +2,33 @@ export const options = {
2
2
  name: "Full Fire Gradient",
3
3
  background: "#000000",
4
4
  blendMode: "screen",
5
- colors: [
6
- "#000000",
7
- "#110000",
8
- "#220000",
9
- "#440000",
10
- "#660000",
11
- "#880000",
12
- "#AA0000",
13
- "#CC0000",
14
- "#FF0000",
15
- "#FF2200",
16
- "#FF4400",
17
- "#FF6600",
18
- "#FF8800",
19
- "#FFAA00",
20
- "#FFCC00",
21
- "#FFDD00",
22
- "#FFEE00",
23
- "#FFFF00",
24
- "#FFFF44",
25
- "#FFFF88",
26
- "#FFFFBB",
27
- "#FFFFFF",
28
- ],
29
- fill: true,
5
+ colors: {
6
+ fill: {
7
+ enable: true,
8
+ value: [
9
+ "#000000",
10
+ "#110000",
11
+ "#220000",
12
+ "#440000",
13
+ "#660000",
14
+ "#880000",
15
+ "#AA0000",
16
+ "#CC0000",
17
+ "#FF0000",
18
+ "#FF2200",
19
+ "#FF4400",
20
+ "#FF6600",
21
+ "#FF8800",
22
+ "#FFAA00",
23
+ "#FFCC00",
24
+ "#FFDD00",
25
+ "#FFEE00",
26
+ "#FFFF00",
27
+ "#FFFF44",
28
+ "#FFFF88",
29
+ "#FFFFBB",
30
+ "#FFFFFF",
31
+ ],
32
+ },
33
+ },
30
34
  };
package/dist_browser_options_js.js CHANGED
@@ -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.4
7
+ * v4.0.0-beta.0
8
8
  */
9
9
  "use strict";
10
10
  /*
@@ -23,7 +23,7 @@
23
23
  \*********************************/
24
24
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
25
25
 
26
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ options: () => (/* binding */ options)\n/* harmony export */ });\nconst options = {\n name: \"Full Fire Gradient\",\n background: \"#000000\",\n blendMode: \"screen\",\n colors: [\n \"#000000\",\n \"#110000\",\n \"#220000\",\n \"#440000\",\n \"#660000\",\n \"#880000\",\n \"#AA0000\",\n \"#CC0000\",\n \"#FF0000\",\n \"#FF2200\",\n \"#FF4400\",\n \"#FF6600\",\n \"#FF8800\",\n \"#FFAA00\",\n \"#FFCC00\",\n \"#FFDD00\",\n \"#FFEE00\",\n \"#FFFF00\",\n \"#FFFF44\",\n \"#FFFF88\",\n \"#FFFFBB\",\n \"#FFFFFF\"\n ],\n fill: true\n};\n\n\n//# sourceURL=webpack://@tsparticles/palette-full-fire-gradient/./dist/browser/options.js?\n}");
26
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ options: () => (/* binding */ options)\n/* harmony export */ });\nconst options = {\n name: \"Full Fire Gradient\",\n background: \"#000000\",\n blendMode: \"screen\",\n colors: {\n fill: {\n enable: true,\n value: [\n \"#000000\",\n \"#110000\",\n \"#220000\",\n \"#440000\",\n \"#660000\",\n \"#880000\",\n \"#AA0000\",\n \"#CC0000\",\n \"#FF0000\",\n \"#FF2200\",\n \"#FF4400\",\n \"#FF6600\",\n \"#FF8800\",\n \"#FFAA00\",\n \"#FFCC00\",\n \"#FFDD00\",\n \"#FFEE00\",\n \"#FFFF00\",\n \"#FFFF44\",\n \"#FFFF88\",\n \"#FFFFBB\",\n \"#FFFFFF\"\n ]\n }\n }\n};\n\n\n//# sourceURL=webpack://@tsparticles/palette-full-fire-gradient/./dist/browser/options.js?\n}");
27
27
 
28
28
  /***/ }
29
29
 
package/esm/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  const paletteName = "full-fire-gradient";
2
2
  export async function loadFullFireGradientPalette(engine) {
3
- await engine.register(async (e) => {
3
+ await engine.pluginManager.register(async (e) => {
4
4
  const { options } = await import("./options.js");
5
- e.addPalette(paletteName, options);
5
+ e.pluginManager.addPalette(paletteName, options);
6
6
  });
7
7
  }
package/esm/options.js CHANGED
@@ -2,29 +2,33 @@ export const options = {
2
2
  name: "Full Fire Gradient",
3
3
  background: "#000000",
4
4
  blendMode: "screen",
5
- colors: [
6
- "#000000",
7
- "#110000",
8
- "#220000",
9
- "#440000",
10
- "#660000",
11
- "#880000",
12
- "#AA0000",
13
- "#CC0000",
14
- "#FF0000",
15
- "#FF2200",
16
- "#FF4400",
17
- "#FF6600",
18
- "#FF8800",
19
- "#FFAA00",
20
- "#FFCC00",
21
- "#FFDD00",
22
- "#FFEE00",
23
- "#FFFF00",
24
- "#FFFF44",
25
- "#FFFF88",
26
- "#FFFFBB",
27
- "#FFFFFF",
28
- ],
29
- fill: true,
5
+ colors: {
6
+ fill: {
7
+ enable: true,
8
+ value: [
9
+ "#000000",
10
+ "#110000",
11
+ "#220000",
12
+ "#440000",
13
+ "#660000",
14
+ "#880000",
15
+ "#AA0000",
16
+ "#CC0000",
17
+ "#FF0000",
18
+ "#FF2200",
19
+ "#FF4400",
20
+ "#FF6600",
21
+ "#FF8800",
22
+ "#FFAA00",
23
+ "#FFCC00",
24
+ "#FFDD00",
25
+ "#FFEE00",
26
+ "#FFFF00",
27
+ "#FFFF44",
28
+ "#FFFF88",
29
+ "#FFFFBB",
30
+ "#FFFFFF",
31
+ ],
32
+ },
33
+ },
30
34
  };
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@tsparticles/palette-full-fire-gradient",
3
- "version": "4.0.0-alpha.4",
3
+ "version": "4.0.0-beta.0",
4
4
  "description": "tsParticles full fire gradient palette",
5
5
  "homepage": "https://particles.js.org",
6
6
  "repository": {
7
7
  "type": "git",
8
- "url": "git+https://github.com/tsparticles/presets.git",
9
- "directory": "palettes/fullFireGradient"
8
+ "url": "git+https://github.com/tsparticles/palettes.git",
9
+ "directory": "palettes/fire/fullFireGradient"
10
10
  },
11
11
  "keywords": [
12
12
  "front-end",
@@ -65,7 +65,7 @@
65
65
  "author": "Matteo Bruni <matteo.bruni@me.com>",
66
66
  "license": "MIT",
67
67
  "bugs": {
68
- "url": "https://github.com/tsparticles/presets/issues"
68
+ "url": "https://github.com/tsparticles/palettes/issues"
69
69
  },
70
70
  "funding": [
71
71
  {
@@ -99,7 +99,7 @@
99
99
  "./package.json": "./package.json"
100
100
  },
101
101
  "dependencies": {
102
- "@tsparticles/engine": "^4.0.0-alpha.27"
102
+ "@tsparticles/engine": "^4.0.0-beta.11"
103
103
  },
104
104
  "publishConfig": {
105
105
  "access": "public"