@tsparticles/palette-fireworks-rainbow-stroke 4.0.0-beta.0 → 4.0.0-beta.12

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.
@@ -1 +1 @@
1
- "use strict";(this.webpackChunk_tsparticles_palette_fireworks_rainbow_stroke=this.webpackChunk_tsparticles_palette_fireworks_rainbow_stroke||[]).push([[428],{428(F,e,t){t.d(e,{options:()=>r});let r={name:"Fireworks - Rainbow Stroke",background:"#000000",blendMode:"lighter",colors:[{stroke:{value:["#FF0000","#FF8800","#FFFF00","#00FF00","#00FFFF","#0000FF","#FF00FF"],width:{min:.6,max:2}}},{stroke:{value:["#FF4400","#FFCC00","#00CC44","#0088FF","#CC00FF"],width:{min:1.4,max:3.5}}}]}}}]);
1
+ "use strict";(this.webpackChunk_tsparticles_palette_fireworks_rainbow_stroke=this.webpackChunk_tsparticles_palette_fireworks_rainbow_stroke||[]).push([[264],{264(F,e,t){t.d(e,{options:()=>r});let r={name:"Fireworks - Rainbow Stroke",background:"#000000",blendMode:"lighter",colors:[{stroke:{value:["#FF0000","#FF8800","#FFFF00","#00FF00","#00FFFF","#0000FF","#FF00FF"],width:{min:.6,max:2}}},{stroke:{value:["#FF4400","#FFCC00","#00CC44","#0088FF","#CC00FF"],width:{min:1.4,max:3.5}}}]}}}]);
package/README.md CHANGED
@@ -21,15 +21,18 @@ See the palette source for stroke layer details.
21
21
  ## Quick checklist
22
22
 
23
23
  1. Install `@tsparticles/engine` (or use the CDN bundle below)
24
- 2. Call the package loader function(s) before `tsParticles.load(...)`
25
- 3. Apply the package options in your `tsParticles.load(...)` config
24
+ 2. Load a base package (for example `@tsparticles/basic`) and call `loadFireworksRainbowStrokePalette` before `tsParticles.load(...)`
25
+ 3. Apply the palette plus a minimal particles configuration in your options
26
+
27
+ A palette defines colors, not complete behavior, so pair it with a runtime package and particle options.
26
28
 
27
29
  ## How to use it
28
30
 
29
31
  ### CDN / Vanilla JS / jQuery
30
32
 
31
33
  ```html
32
- <script src="https://cdn.jsdelivr.net/npm/@tsparticles/palette-fireworks-rainbow-stroke@4/tsparticles.palette-fireworks-rainbow-stroke.bundle.min.js"></script>
34
+ <script src="https://cdn.jsdelivr.net/npm/@tsparticles/basic@4/tsparticles.basic.bundle.min.js"></script>
35
+ <script src="https://cdn.jsdelivr.net/npm/@tsparticles/palette-fireworks-rainbow-stroke@4/tsparticles.palette-fireworks-rainbow-stroke.min.js"></script>
33
36
  ```
34
37
 
35
38
  ### Usage
@@ -37,16 +40,28 @@ See the palette source for stroke layer details.
37
40
  Once the scripts are loaded you can set up `tsParticles` like this:
38
41
 
39
42
  ```javascript
40
- (async () => {
41
- await loadFireworksRainbowStrokePalette(tsParticles);
43
+ (async engine => {
44
+ await loadBasic(engine);
45
+ await loadFireworksRainbowStrokePalette(engine);
46
+
47
+ const options = {
48
+ particles: {
49
+ number: { value: 200 },
50
+ shape: { type: "circle" },
51
+ size: { value: { min: 10, max: 15 } },
52
+ move: {
53
+ enable: true,
54
+ speed: 2,
55
+ },
56
+ },
57
+ palette: "fireworks-rainbow-stroke",
58
+ };
42
59
 
43
- await tsParticles.load({
60
+ await engine.load({
44
61
  id: "tsparticles",
45
- options: {
46
- palette: "fireworks-rainbow-stroke",
47
- },
62
+ options,
48
63
  });
49
- })();
64
+ })(tsParticles);
50
65
  ```
51
66
 
52
67
  #### Customization
@@ -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-beta.0
7
+ * v4.0.0-beta.12
8
8
  */
9
9
  "use strict";
10
10
  /*
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@tsparticles/palette-fireworks-rainbow-stroke",
3
- "version": "4.0.0-beta.0",
3
+ "version": "4.0.0-beta.12",
4
4
  "description": "tsParticles fireworks rainbow stroke palette",
5
5
  "homepage": "https://particles.js.org",
6
6
  "repository": {
7
7
  "type": "git",
8
- "url": "git+https://github.com/tsparticles/palettes.git",
8
+ "url": "git+https://github.com/tsparticles/tsparticles.git",
9
9
  "directory": "palettes/fireworks/fireworksRainbowStroke"
10
10
  },
11
11
  "keywords": [
@@ -98,7 +98,7 @@
98
98
  "./package.json": "./package.json"
99
99
  },
100
100
  "dependencies": {
101
- "@tsparticles/engine": "^4.0.0-beta.11"
101
+ "@tsparticles/engine": "4.0.0-beta.12"
102
102
  },
103
103
  "type": "module",
104
104
  "jsdelivr": "tsparticles.palette-fireworks-rainbow-stroke.min.js",
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/palette-fireworks-rainbow-stroke [8 Apr 2026 at 22:39]</title>
6
+ <title>@tsparticles/palette-fireworks-rainbow-stroke [15 Apr 2026 at 17:14]</title>
7
7
  <link
8
8
  rel="shortcut icon"
9
9
  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="
@@ -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-beta.0
7
+ * v4.0.0-beta.12
8
8
  */
9
9
  /*
10
10
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -1,2 +1,2 @@
1
1
  !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var r=t();for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,()=>(()=>{"use strict";var e,t,r,o={},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return o[e](r,r.exports,a),r.exports}a.m=o,a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce((t,r)=>(a.f[r](e,t),t),[])),a.u=e=>""+e+".min.js",a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n={},a.l=(e,t,r,o)=>{if(n[e])return void n[e].push(t);if(void 0!==r)for(var i,s,l=document.getElementsByTagName("script"),p=0;p<l.length;p++){var c=l[p];if(c.getAttribute("src")==e||c.getAttribute("data-webpack")=="@tsparticles/palette-fireworks-rainbow-stroke:"+r){i=c;break}}i||(s=!0,(i=document.createElement("script")).charset="utf-8",a.nc&&i.setAttribute("nonce",a.nc),i.setAttribute("data-webpack","@tsparticles/palette-fireworks-rainbow-stroke:"+r),i.src=e),n[e]=[t];var u=(t,r)=>{i.onerror=i.onload=null,clearTimeout(d);var o=n[e];if(delete n[e],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach(e=>e(r)),t)return t(r)},d=setTimeout(u.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=u.bind(null,i.onerror),i.onload=u.bind(null,i.onload),s&&document.head.appendChild(i)},a.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.g.importScripts&&(s=a.g.location+"");var n,s,l=a.g.document;if(!s&&l&&(l.currentScript&&"SCRIPT"===l.currentScript.tagName.toUpperCase()&&(s=l.currentScript.src),!s)){var p=l.getElementsByTagName("script");if(p.length)for(var c=p.length-1;c>-1&&(!s||!/^http(s?):/.test(s));)s=p[c--].src}if(!s)throw Error("Automatic publicPath is not supported in this browser");a.p=s=s.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),e={16:0},a.f.j=(t,r)=>{var o=a.o(e,t)?e[t]:void 0;if(0!==o)if(o)r.push(o[2]);else{var i=new Promise((r,i)=>o=e[t]=[r,i]);r.push(o[2]=i);var n=a.p+a.u(t),s=Error();a.l(n,r=>{if(a.o(e,t)&&(0!==(o=e[t])&&(e[t]=void 0),o)){var i=r&&("load"===r.type?"missing":r.type),n=r&&r.target&&r.target.src;s.message="Loading chunk "+t+` failed.
2
- (`+i+": "+n+")",s.name="ChunkLoadError",s.type=i,s.request=n,o[1](s)}},"chunk-"+t,t)}},t=(t,r)=>{var o,i,[n,s,l]=r,p=0;if(n.some(t=>0!==e[t])){for(o in s)a.o(s,o)&&(a.m[o]=s[o]);l&&l(a)}for(t&&t(r);p<n.length;p++)i=n[p],a.o(e,i)&&e[i]&&e[i][0](),e[i]=0},(r=this.webpackChunk_tsparticles_palette_fireworks_rainbow_stroke=this.webpackChunk_tsparticles_palette_fireworks_rainbow_stroke||[]).forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r));var u={};async function d(e){await e.pluginManager.register(async e=>{let{options:t}=await a.e(428).then(a.bind(a,428));e.pluginManager.addPalette("fireworks-rainbow-stroke",t)})}return a.r(u),a.d(u,{loadFireworksRainbowStrokePalette:()=>d}),u})());
2
+ (`+i+": "+n+")",s.name="ChunkLoadError",s.type=i,s.request=n,o[1](s)}},"chunk-"+t,t)}},t=(t,r)=>{var o,i,[n,s,l]=r,p=0;if(n.some(t=>0!==e[t])){for(o in s)a.o(s,o)&&(a.m[o]=s[o]);l&&l(a)}for(t&&t(r);p<n.length;p++)i=n[p],a.o(e,i)&&e[i]&&e[i][0](),e[i]=0},(r=this.webpackChunk_tsparticles_palette_fireworks_rainbow_stroke=this.webpackChunk_tsparticles_palette_fireworks_rainbow_stroke||[]).forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r));var u={};async function d(e){await e.pluginManager.register(async e=>{let{options:t}=await a.e(264).then(a.bind(a,264));e.pluginManager.addPalette("fireworks-rainbow-stroke",t)})}return a.r(u),a.d(u,{loadFireworksRainbowStrokePalette:()=>d}),u})());