@tsparticles/palette-ice-triad 4.0.0-beta.12 → 4.0.0-beta.15

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 Ice Triad Palette
3
+ # tsParticles IceTriad Palette
4
4
 
5
- [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/palette-ice-triad/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/palette-ice-triad) [![npmjs](https://badge.fury.io/js/@tsparticles/palette-ice-triad.svg)](https://www.npmjs.com/package/@tsparticles/palette-ice-triad) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/palette-ice-triad)](https://www.npmjs.com/package/@tsparticles/palette-ice-triad) [![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-iceTriad/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/palette-iceTriad) [![npmjs](https://badge.fury.io/js/%40tsparticles%2Fpalette-iceTriad.svg)](https://www.npmjs.com/package/@tsparticles/palette-iceTriad) [![npmjs](https://img.shields.io/npm/dt/%40tsparticles%2Fpalette-coloredSmokeAmber)](https://www.npmjs.com/package/@tsparticles/palette-iceTriad) [![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 ice triad.
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/palettes/iceTriad/images/sample.png)](https://particles.js.org/samples/palettes/ice-triad)
15
+ [![demo](https://raw.githubusercontent.com/tsparticles/palettes/main/palettes/fantasy/iceTriad/images/sample.png)](https://particles.js.org/samples/palettes/iceTriad)
16
16
 
17
17
  ## Colors
18
18
 
@@ -61,7 +61,7 @@ A palette defines colors, not complete behavior, so pair it with a runtime packa
61
61
 
62
62
  ```html
63
63
  <script src="https://cdn.jsdelivr.net/npm/@tsparticles/basic@4/tsparticles.basic.bundle.min.js"></script>
64
- <script src="https://cdn.jsdelivr.net/npm/@tsparticles/palette-ice-triad@4/tsparticles.palette.ice-triad.min.js"></script>
64
+ <script src="https://cdn.jsdelivr.net/npm/@tsparticles/palette-iceTriad@4/tsparticles.palette-coloredSmokeAmber.min.js"></script>
65
65
  ```
66
66
 
67
67
  ### Usage
@@ -83,7 +83,7 @@ Once the scripts are loaded you can set up `tsParticles` like this:
83
83
  speed: 2,
84
84
  },
85
85
  },
86
- palette: "ice-triad",
86
+ palette: "iceTriad",
87
87
  };
88
88
 
89
89
  await engine.load({
@@ -98,47 +98,11 @@ Once the scripts are loaded you can set up `tsParticles` like this:
98
98
  **Important ⚠️**
99
99
  You can override all the options defining the properties like in any standard `tsParticles` installation.
100
100
 
101
- ```javascript
102
- tsParticles.load({
103
- id: "tsparticles",
104
- options: {
105
- particles: {
106
- shape: {
107
- type: "square", // starting from v2, this require the square shape script
108
- },
109
- },
110
- palette: "ice-triad",
111
- },
112
- });
113
- ```
114
-
115
- Like in the sample above, the circles will be replaced by squares.
116
-
117
101
  ### Frameworks with a tsParticles component library
118
102
 
119
- Checkout the documentation in the component library repository and call the `loadIceTriadPalette` function instead of `loadFull`, `loadSlim` or similar functions.
120
-
121
- The options shown above are valid for all the component libraries.
122
-
123
- ## Common pitfalls
124
-
125
- - Calling `tsParticles.load(...)` before `loadIceTriadPalette(...)`
126
- - Verify required peer packages before enabling advanced options
127
- - Change one option group at a time to isolate regressions quickly
103
+ Checkout the documentation in the component library repository and call the `loadIceTriadPalette` function.
128
104
 
129
105
  ## Related docs
130
106
 
131
107
  - Presets and palettes catalog: <https://github.com/tsparticles/palettes>
132
108
  - Main docs: <https://particles.js.org/docs/>
133
-
134
- ---
135
-
136
- ```mermaid
137
- flowchart TD
138
-
139
- subgraph pr [Palettes]
140
- paiceTriad[Ice Triad]
141
- end
142
-
143
- e[tsParticles Engine] --> paiceTriad
144
- ```
@@ -0,0 +1,5 @@
1
+ import { loadIceTriadPalette } from "./index.js";
2
+ const globalObject = globalThis;
3
+ globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
4
+ globalObject.loadIceTriadPalette = loadIceTriadPalette;
5
+ export * from "./index.js";
package/browser/index.js CHANGED
@@ -1,7 +1,7 @@
1
+ import { options } from "./options.js";
1
2
  const paletteName = "ice-triad";
2
3
  export async function loadIceTriadPalette(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 = "ice-triad";
2
+ export async function loadIceTriadPalette(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 { loadIceTriadPalette } from "./index.js";
2
+ const globalObject = globalThis;
3
+ globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
4
+ globalObject.loadIceTriadPalette = loadIceTriadPalette;
5
+ export * from "./index.js";
package/cjs/index.js CHANGED
@@ -1,7 +1,7 @@
1
+ import { options } from "./options.js";
1
2
  const paletteName = "ice-triad";
2
3
  export async function loadIceTriadPalette(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 = "ice-triad";
2
+ export async function loadIceTriadPalette(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 { loadIceTriadPalette } from "./index.js";
2
+ const globalObject = globalThis;
3
+ globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
4
+ globalObject.loadIceTriadPalette = loadIceTriadPalette;
5
+ export * from "./index.js";
package/esm/index.js CHANGED
@@ -1,7 +1,7 @@
1
+ import { options } from "./options.js";
1
2
  const paletteName = "ice-triad";
2
3
  export async function loadIceTriadPalette(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 = "ice-triad";
2
+ export async function loadIceTriadPalette(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,6 +1,6 @@
1
1
  {
2
2
  "name": "@tsparticles/palette-ice-triad",
3
- "version": "4.0.0-beta.12",
3
+ "version": "4.0.0-beta.15",
4
4
  "description": "tsParticles ice triad palette",
5
5
  "homepage": "https://particles.js.org",
6
6
  "repository": {
@@ -81,8 +81,7 @@
81
81
  "url": "https://www.buymeacoffee.com/matteobruni"
82
82
  }
83
83
  ],
84
- "jsdelivr": "tsparticles.palette.ice-triad.min.js",
85
- "unpkg": "tsparticles.palette.ice-triad.min.js",
84
+ "sideEffects": false,
86
85
  "browser": "browser/index.js",
87
86
  "main": "cjs/index.js",
88
87
  "module": "esm/index.js",
@@ -96,13 +95,23 @@
96
95
  "umd": "./umd/index.js",
97
96
  "default": "./cjs/index.js"
98
97
  },
99
- "./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
+ }
100
107
  },
101
108
  "dependencies": {
102
- "@tsparticles/engine": "4.0.0-beta.12"
109
+ "@tsparticles/engine": "4.0.0-beta.15"
103
110
  },
111
+ "type": "module",
112
+ "jsdelivr": "tsparticles.palette-colored-smoke-amber.min.js",
113
+ "unpkg": "tsparticles.palette-colored-smoke-amber.min.js",
104
114
  "publishConfig": {
105
115
  "access": "public"
106
- },
107
- "type": "module"
116
+ }
108
117
  }