@tsparticles/palette-ice-triad 4.0.0-alpha.4 → 4.0.0-beta.0

package/428.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_palette_ice_triad=this.webpackChunk_tsparticles_palette_ice_triad||[]).push([[428],{428(e,a,t){t.d(a,{options:()=>i});let i={name:"Ice Triad",background:"#0a0d1a",blendMode:"source-over",colors:{fill:{enable:!0,value:["#ffffff","#aaddff","#88bbff"]}}}}}]);

package/README.md

@@ -10,8 +10,49 @@
 
 [![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>
 
+## Sample
+
+[![demo](https://raw.githubusercontent.com/tsparticles/palettes/main/palettes/iceTriad/images/sample.png)](https://particles.js.org/samples/palettes/ice-triad)
+
 ## Colors
 
+<table>
+  <tbody>
+    <tr>
+      <td align="center">
+        <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 />
+        <code>#ffffff</code>
+      </td>
+      <td align="center">
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#aaddff"><rect width="32" height="32" fill="#aaddff" /></svg><br />
+        <code>#aaddff</code>
+      </td>
+      <td align="center">
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#88bbff"><rect width="32" height="32" fill="#88bbff" /></svg><br />
+        <code>#88bbff</code>
+      </td>
+    </tr>
+    <tr>
+      <td colspan="3" align="center">
+        <svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#0a0d1a"><rect width="40" height="40" fill="#0a0d1a" /></svg><br />
+        <strong>Background</strong><br />
+        <code>#0a0d1a</code>
+      </td>
+    </tr>
+    <tr>
+      <td colspan="3" align="center">
+        <strong>Blend mode:</strong> <code>source-over</code> | <strong>Fill:</strong> <code>true</code>
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+## Quick checklist
+
+1. Install `@tsparticles/engine` (or use the CDN bundle below)
+2. Call the package loader function(s) before `tsParticles.load(...)`
+3. Apply the package options in your `tsParticles.load(...)` config
+
 ## How to use it
 
 ### CDN / Vanilla JS / jQuery
@@ -64,6 +105,17 @@ Checkout the documentation in the component library repository and call the `loa
 
 The options shown above are valid for all the component libraries.
 
+## Common pitfalls
+
+- Calling `tsParticles.load(...)` before `loadIceTriadPalette(...)`
+- Verify required peer packages before enabling advanced options
+- Change one option group at a time to isolate regressions quickly
+
+## Related docs
+
+- Presets and palettes catalog: <https://github.com/tsparticles/palettes>
+- Main docs: <https://particles.js.org/docs/>
+
 ---
 
 ```mermaid

package/browser/index.js

@@ -1,7 +1,7 @@
 const paletteName = "ice-triad";
 export async function loadIceTriadPalette(engine) {
-    await engine.register(async (e) => {
+    await engine.pluginManager.register(async (e) => {
         const { options } = await import("./options.js");
-        e.addPalette(paletteName, options);
+        e.pluginManager.addPalette(paletteName, options);
     });
 }

package/browser/options.js

@@ -2,6 +2,14 @@ export const options = {
     name: "Ice Triad",
     background: "#0a0d1a",
     blendMode: "source-over",
-    colors: ["#ffffff", "#aaddff", "#88bbff"],
-    fill: true,
+    colors: {
+        fill: {
+            enable: true,
+            value: [
+                "#ffffff",
+                "#aaddff",
+                "#88bbff",
+            ],
+        },
+    },
 };

package/cjs/index.js

@@ -1,7 +1,7 @@
 const paletteName = "ice-triad";
 export async function loadIceTriadPalette(engine) {
-    await engine.register(async (e) => {
+    await engine.pluginManager.register(async (e) => {
         const { options } = await import("./options.js");
-        e.addPalette(paletteName, options);
+        e.pluginManager.addPalette(paletteName, options);
     });
 }

package/cjs/options.js

@@ -2,6 +2,14 @@ export const options = {
     name: "Ice Triad",
     background: "#0a0d1a",
     blendMode: "source-over",
-    colors: ["#ffffff", "#aaddff", "#88bbff"],
-    fill: true,
+    colors: {
+        fill: {
+            enable: true,
+            value: [
+                "#ffffff",
+                "#aaddff",
+                "#88bbff",
+            ],
+        },
+    },
 };

package/dist_browser_options_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-alpha.4
+ * v4.0.0-beta.0
  */
 "use strict";
 /*
@@ -23,7 +23,7 @@
   \*********************************/
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-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: \"Ice Triad\",\n    background: \"#0a0d1a\",\n    blendMode: \"source-over\",\n    colors: [\n        \"#ffffff\",\n        \"#aaddff\",\n        \"#88bbff\"\n    ],\n    fill: true\n};\n\n\n//# sourceURL=webpack://@tsparticles/palette-ice-triad/./dist/browser/options.js?\n}");
+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: \"Ice Triad\",\n    background: \"#0a0d1a\",\n    blendMode: \"source-over\",\n    colors: {\n        fill: {\n            enable: true,\n            value: [\n                \"#ffffff\",\n                \"#aaddff\",\n                \"#88bbff\"\n            ]\n        }\n    }\n};\n\n\n//# sourceURL=webpack://@tsparticles/palette-ice-triad/./dist/browser/options.js?\n}");
 
 /***/ }
 

package/esm/index.js

@@ -1,7 +1,7 @@
 const paletteName = "ice-triad";
 export async function loadIceTriadPalette(engine) {
-    await engine.register(async (e) => {
+    await engine.pluginManager.register(async (e) => {
         const { options } = await import("./options.js");
-        e.addPalette(paletteName, options);
+        e.pluginManager.addPalette(paletteName, options);
     });
 }

package/esm/options.js

@@ -2,6 +2,14 @@ export const options = {
     name: "Ice Triad",
     background: "#0a0d1a",
     blendMode: "source-over",
-    colors: ["#ffffff", "#aaddff", "#88bbff"],
-    fill: true,
+    colors: {
+        fill: {
+            enable: true,
+            value: [
+                "#ffffff",
+                "#aaddff",
+                "#88bbff",
+            ],
+        },
+    },
 };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@tsparticles/palette-ice-triad",
-  "version": "4.0.0-alpha.4",
+  "version": "4.0.0-beta.0",
   "description": "tsParticles ice triad palette",
   "homepage": "https://particles.js.org",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/tsparticles/presets.git",
-    "directory": "palettes/iceTriad"
+    "url": "git+https://github.com/tsparticles/palettes.git",
+    "directory": "palettes/fantasy/iceTriad"
   },
   "keywords": [
     "front-end",
@@ -65,7 +65,7 @@
   "author": "Matteo Bruni <matteo.bruni@me.com>",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/tsparticles/presets/issues"
+    "url": "https://github.com/tsparticles/palettes/issues"
   },
   "funding": [
     {
@@ -99,7 +99,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "^4.0.0-alpha.27"
+    "@tsparticles/engine": "^4.0.0-beta.11"
   },
   "publishConfig": {
     "access": "public"