@tsparticles/palette-fireworks-rainbow-stroke 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 CHANGED
@@ -1,10 +1,10 @@
1
1
  [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)
2
2
 
3
- # tsParticles Fireworks Rainbow Stroke Palette
3
+ # tsParticles RainbowStroke Palette
4
4
 
5
- [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/palette-fireworks-rainbow-stroke/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/palette-fireworks-rainbow-stroke) [![npmjs](https://badge.fury.io/js/%40tsparticles%2Fpalette-fireworks-rainbow-stroke.svg)](https://www.npmjs.com/package/@tsparticles/palette-fireworks-rainbow-stroke) [![npmjs](https://img.shields.io/npm/dt/%40tsparticles%2Fpalette-fireworks-rainbow-stroke)](https://www.npmjs.com/package/@tsparticles/palette-fireworks-rainbow-stroke) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
5
+ [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/palette-rainbowStroke/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/palette-rainbowStroke) [![npmjs](https://badge.fury.io/js/%40tsparticles%2Fpalette-rainbowStroke.svg)](https://www.npmjs.com/package/@tsparticles/palette-rainbowStroke) [![npmjs](https://img.shields.io/npm/dt/%40tsparticles%2Fpalette-coloredSmokeAmber)](https://www.npmjs.com/package/@tsparticles/palette-rainbowStroke) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
6
6
 
7
- [tsParticles](https://github.com/tsparticles/tsparticles) palette for fireworks rainbow stroke.
7
+ [tsParticles](https://github.com/tsparticles/tsparticles) palette for colored smoke amber.
8
8
 
9
9
  [![Discord](https://particles.js.org/images/discord.png)](https://discord.gg/hACwv45Hme) [![Telegram](https://particles.js.org/images/telegram.png)](https://t.me/tsparticles)
10
10
 
@@ -12,7 +12,7 @@
12
12
 
13
13
  ## Sample
14
14
 
15
- [![demo](https://raw.githubusercontent.com/tsparticles/palettes/main/fireworks/fireworksRainbowStroke/images/sample.png)](https://particles.js.org/samples/palettes/fireworks-rainbow-stroke)
15
+ [![demo](https://raw.githubusercontent.com/tsparticles/palettes/main/palettes/fireworks/rainbowStroke/images/sample.png)](https://particles.js.org/samples/palettes/rainbowStroke)
16
16
 
17
17
  ## Colors
18
18
 
@@ -21,7 +21,7 @@ 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. Load a base package (for example `@tsparticles/basic`) and call `loadFireworksRainbowStrokePalette` before `tsParticles.load(...)`
24
+ 2. Load a base package (for example `@tsparticles/basic`) and call `loadRainbowStrokePalette` before `tsParticles.load(...)`
25
25
  3. Apply the palette plus a minimal particles configuration in your options
26
26
 
27
27
  A palette defines colors, not complete behavior, so pair it with a runtime package and particle options.
@@ -32,7 +32,7 @@ A palette defines colors, not complete behavior, so pair it with a runtime packa
32
32
 
33
33
  ```html
34
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>
35
+ <script src="https://cdn.jsdelivr.net/npm/@tsparticles/palette-rainbowStroke@4/tsparticles.palette-coloredSmokeAmber.min.js"></script>
36
36
  ```
37
37
 
38
38
  ### Usage
@@ -42,7 +42,7 @@ Once the scripts are loaded you can set up `tsParticles` like this:
42
42
  ```javascript
43
43
  (async engine => {
44
44
  await loadBasic(engine);
45
- await loadFireworksRainbowStrokePalette(engine);
45
+ await loadRainbowStrokePalette(engine);
46
46
 
47
47
  const options = {
48
48
  particles: {
@@ -54,7 +54,7 @@ Once the scripts are loaded you can set up `tsParticles` like this:
54
54
  speed: 2,
55
55
  },
56
56
  },
57
- palette: "fireworks-rainbow-stroke",
57
+ palette: "rainbowStroke",
58
58
  };
59
59
 
60
60
  await engine.load({
@@ -71,7 +71,7 @@ You can override all the options defining the properties like in any standard `t
71
71
 
72
72
  ### Frameworks with a tsParticles component library
73
73
 
74
- Checkout the documentation in the component library repository and call the `loadFireworksRainbowStrokePalette` function.
74
+ Checkout the documentation in the component library repository and call the `loadRainbowStrokePalette` function.
75
75
 
76
76
  ## Related docs
77
77
 
@@ -0,0 +1,5 @@
1
+ import { loadFireworksRainbowStrokePalette } from "./index.js";
2
+ const globalObject = globalThis;
3
+ globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
4
+ globalObject.loadFireworksRainbowStrokePalette = loadFireworksRainbowStrokePalette;
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-rainbow-stroke";
2
3
  export async function loadFireworksRainbowStrokePalette(engine) {
3
- await engine.pluginManager.register(async (e) => {
4
- const { options } = await import("./options.js");
4
+ await engine.pluginManager.register(e => {
5
5
  e.pluginManager.addPalette(paletteName, options);
6
6
  });
7
7
  }
@@ -0,0 +1,7 @@
1
+ const paletteName = "fireworks-rainbow-stroke";
2
+ export async function loadFireworksRainbowStrokePalette(engine) {
3
+ await engine.pluginManager.register(async (e) => {
4
+ const { options } = await import("./options.js");
5
+ e.pluginManager.addPalette(paletteName, options);
6
+ });
7
+ }
package/cjs/browser.js ADDED
@@ -0,0 +1,5 @@
1
+ import { loadFireworksRainbowStrokePalette } from "./index.js";
2
+ const globalObject = globalThis;
3
+ globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
4
+ globalObject.loadFireworksRainbowStrokePalette = loadFireworksRainbowStrokePalette;
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-rainbow-stroke";
2
3
  export async function loadFireworksRainbowStrokePalette(engine) {
3
- await engine.pluginManager.register(async (e) => {
4
- const { options } = await import("./options.js");
4
+ await engine.pluginManager.register(e => {
5
5
  e.pluginManager.addPalette(paletteName, options);
6
6
  });
7
7
  }
@@ -0,0 +1,7 @@
1
+ const paletteName = "fireworks-rainbow-stroke";
2
+ export async function loadFireworksRainbowStrokePalette(engine) {
3
+ await engine.pluginManager.register(async (e) => {
4
+ const { options } = await import("./options.js");
5
+ e.pluginManager.addPalette(paletteName, options);
6
+ });
7
+ }
package/esm/browser.js ADDED
@@ -0,0 +1,5 @@
1
+ import { loadFireworksRainbowStrokePalette } from "./index.js";
2
+ const globalObject = globalThis;
3
+ globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
4
+ globalObject.loadFireworksRainbowStrokePalette = loadFireworksRainbowStrokePalette;
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-rainbow-stroke";
2
3
  export async function loadFireworksRainbowStrokePalette(engine) {
3
- await engine.pluginManager.register(async (e) => {
4
- const { options } = await import("./options.js");
4
+ await engine.pluginManager.register(e => {
5
5
  e.pluginManager.addPalette(paletteName, options);
6
6
  });
7
7
  }
@@ -0,0 +1,7 @@
1
+ const paletteName = "fireworks-rainbow-stroke";
2
+ export async function loadFireworksRainbowStrokePalette(engine) {
3
+ await engine.pluginManager.register(async (e) => {
4
+ const { options } = await import("./options.js");
5
+ e.pluginManager.addPalette(paletteName, options);
6
+ });
7
+ }
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@tsparticles/palette-fireworks-rainbow-stroke",
3
- "version": "4.0.0-beta.12",
3
+ "version": "4.0.0-beta.16",
4
4
  "description": "tsParticles fireworks rainbow stroke 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/fireworksRainbowStroke"
9
+ "directory": "palettes/fireworks/rainbowStroke"
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.12"
109
+ "@tsparticles/engine": "4.0.0-beta.16"
102
110
  },
103
111
  "type": "module",
104
- "jsdelivr": "tsparticles.palette-fireworks-rainbow-stroke.min.js",
105
- "unpkg": "tsparticles.palette-fireworks-rainbow-stroke.min.js",
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
  }