@tsparticles/palette-colored-smoke-blue 4.0.0-alpha.5

package/428.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_palette_colored_smoke_blue=this.webpackChunk_tsparticles_palette_colored_smoke_blue||[]).push([[428],{428(e,l,o){o.d(l,{options:()=>s});let s={name:"Colored Smoke - Blue",background:"#020508",blendMode:"source-over",colors:{fill:{enable:!0,value:["#001133","#002266","#003399","#1155CC","#4488EE","#88BBFF"]}}}}}]);

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Matteo Bruni
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,107 @@
+[![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)
+
+# tsParticles Colored Smoke Blue Palette
+
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/palette-colored-smoke-blue/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/palette-colored-smoke-blue) [![npmjs](https://badge.fury.io/js/%40tsparticles%2Fpalette-colored-smoke-blue.svg)](https://www.npmjs.com/package/@tsparticles/palette-colored-smoke-blue) [![npmjs](https://img.shields.io/npm/dt/%40tsparticles%2Fpalette-colored-smoke-blue)](https://www.npmjs.com/package/@tsparticles/palette-colored-smoke-blue) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
+
+[tsParticles](https://github.com/tsparticles/tsparticles) palette for colored smoke blue.
+
+[![Discord](https://particles.js.org/images/discord.png)](https://discord.gg/hACwv45Hme) [![Telegram](https://particles.js.org/images/telegram.png)](https://t.me/tsparticles)
+
+[![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/atmosphere/coloredSmokeBlue/images/sample.png)](https://particles.js.org/samples/palettes/colored-smoke-blue)
+
+## 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="#001133"><rect width="32" height="32" fill="#001133" /></svg><br />
+        <code>#001133</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="#002266"><rect width="32" height="32" fill="#002266" /></svg><br />
+        <code>#002266</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="#003399"><rect width="32" height="32" fill="#003399" /></svg><br />
+        <code>#003399</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="#1155CC"><rect width="32" height="32" fill="#1155CC" /></svg><br />
+        <code>#1155CC</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="#4488EE"><rect width="32" height="32" fill="#4488EE" /></svg><br />
+        <code>#4488EE</code>
+      </td>
+    </tr>
+    <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="#88BBFF"><rect width="32" height="32" fill="#88BBFF" /></svg><br />
+        <code>#88BBFF</code>
+      </td>
+    </tr>
+    <tr>
+      <td colspan="5" align="center">
+        <svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="#020508"><rect width="40" height="40" fill="#020508" /></svg><br />
+        <strong>Background</strong><br />
+        <code>#020508</code>
+      </td>
+    </tr>
+    <tr>
+      <td colspan="5" 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
+
+```html
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/palette-colored-smoke-blue@4/tsparticles.palette-colored-smoke-blue.bundle.min.js"></script>
+```
+
+### Usage
+
+Once the scripts are loaded you can set up `tsParticles` like this:
+
+```javascript
+(async () => {
+  await loadColoredSmokeBluePalette(tsParticles);
+
+  await tsParticles.load({
+    id: "tsparticles",
+    options: {
+      palette: "colored-smoke-blue",
+    },
+  });
+})();
+```
+
+#### Customization
+
+**Important ⚠️**
+You can override all the options defining the properties like in any standard `tsParticles` installation.
+
+### Frameworks with a tsParticles component library
+
+Checkout the documentation in the component library repository and call the `loadColoredSmokeBluePalette` function.
+
+## Related docs
+
+- Presets and palettes catalog: <https://github.com/tsparticles/palettes>
+- Main docs: <https://particles.js.org/docs/>

package/browser/index.js

@@ -0,0 +1,7 @@
+const paletteName = "colored-smoke-blue";
+export async function loadColoredSmokeBluePalette(engine) {
+    await engine.pluginManager.register(async (e) => {
+        const { options } = await import("./options.js");
+        e.pluginManager.addPalette(paletteName, options);
+    });
+}

package/browser/options.js

@@ -0,0 +1,18 @@
+export const options = {
+    name: "Colored Smoke - Blue",
+    background: "#020508",
+    blendMode: "source-over",
+    colors: {
+        fill: {
+            enable: true,
+            value: [
+                "#001133",
+                "#002266",
+                "#003399",
+                "#1155CC",
+                "#4488EE",
+                "#88BBFF",
+            ],
+        },
+    },
+};

package/browser/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/cjs/index.js

@@ -0,0 +1,7 @@
+const paletteName = "colored-smoke-blue";
+export async function loadColoredSmokeBluePalette(engine) {
+    await engine.pluginManager.register(async (e) => {
+        const { options } = await import("./options.js");
+        e.pluginManager.addPalette(paletteName, options);
+    });
+}

package/cjs/options.js

@@ -0,0 +1,18 @@
+export const options = {
+    name: "Colored Smoke - Blue",
+    background: "#020508",
+    blendMode: "source-over",
+    colors: {
+        fill: {
+            enable: true,
+            value: [
+                "#001133",
+                "#002266",
+                "#003399",
+                "#1155CC",
+                "#4488EE",
+                "#88BBFF",
+            ],
+        },
+    },
+};

package/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/dist_browser_options_js.js

@@ -0,0 +1,30 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.5
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_palette_colored_smoke_blue"] = this["webpackChunk_tsparticles_palette_colored_smoke_blue"] || []).push([["dist_browser_options_js"],{
+
+/***/ "./dist/browser/options.js"
+/*!*********************************!*\
+  !*** ./dist/browser/options.js ***!
+  \*********************************/
+(__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: \"Colored Smoke - Blue\",\n    background: \"#020508\",\n    blendMode: \"source-over\",\n    colors: {\n        fill: {\n            enable: true,\n            value: [\n                \"#001133\",\n                \"#002266\",\n                \"#003399\",\n                \"#1155CC\",\n                \"#4488EE\",\n                \"#88BBFF\"\n            ]\n        }\n    }\n};\n\n\n//# sourceURL=webpack://@tsparticles/palette-colored-smoke-blue/./dist/browser/options.js?\n}");
+
+/***/ }
+
+}]);

package/esm/index.js

@@ -0,0 +1,7 @@
+const paletteName = "colored-smoke-blue";
+export async function loadColoredSmokeBluePalette(engine) {
+    await engine.pluginManager.register(async (e) => {
+        const { options } = await import("./options.js");
+        e.pluginManager.addPalette(paletteName, options);
+    });
+}

package/esm/options.js

@@ -0,0 +1,18 @@
+export const options = {
+    name: "Colored Smoke - Blue",
+    background: "#020508",
+    blendMode: "source-over",
+    colors: {
+        fill: {
+            enable: true,
+            value: [
+                "#001133",
+                "#002266",
+                "#003399",
+                "#1155CC",
+                "#4488EE",
+                "#88BBFF",
+            ],
+        },
+    },
+};

package/esm/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/package.json

@@ -0,0 +1,109 @@
+{
+  "name": "@tsparticles/palette-colored-smoke-blue",
+  "version": "4.0.0-alpha.5",
+  "description": "tsParticles colored smoke blue palette",
+  "homepage": "https://particles.js.org",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tsparticles/palettes.git",
+    "directory": "palettes/atmosphere/coloredSmokeBlue"
+  },
+  "keywords": [
+    "front-end",
+    "frontend",
+    "tsparticles",
+    "particles.js",
+    "particlesjs",
+    "particles",
+    "particle",
+    "canvas",
+    "jsparticles",
+    "xparticles",
+    "particles-js",
+    "particles-bg",
+    "particles-bg-vue",
+    "particles-ts",
+    "particles.ts",
+    "react-particles-js",
+    "react-particles.js",
+    "react-particles",
+    "react",
+    "reactjs",
+    "vue-particles",
+    "ngx-particles",
+    "angular-particles",
+    "particleground",
+    "vue",
+    "vuejs",
+    "preact",
+    "preactjs",
+    "jquery",
+    "angularjs",
+    "angular",
+    "typescript",
+    "javascript",
+    "animation",
+    "web",
+    "html5",
+    "web-design",
+    "webdesign",
+    "css",
+    "html",
+    "css3",
+    "animated",
+    "background",
+    "confetti",
+    "canvas",
+    "fireworks",
+    "fireworks-js",
+    "confetti-js",
+    "confettijs",
+    "fireworksjs",
+    "canvas-confetti",
+    "tsparticles-palette"
+  ],
+  "author": "Matteo Bruni <matteo.bruni@me.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/tsparticles/palettes/issues"
+  },
+  "funding": [
+    {
+      "type": "github",
+      "url": "https://github.com/sponsors/matteobruni"
+    },
+    {
+      "type": "github",
+      "url": "https://github.com/sponsors/tsparticles"
+    },
+    {
+      "type": "buymeacoffee",
+      "url": "https://www.buymeacoffee.com/matteobruni"
+    }
+  ],
+  "sideEffects": false,
+  "browser": "browser/index.js",
+  "main": "cjs/index.js",
+  "module": "esm/index.js",
+  "types": "types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "browser": "./browser/index.js",
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js",
+      "umd": "./umd/index.js",
+      "default": "./cjs/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "@tsparticles/engine": "^4.0.0-beta.11"
+  },
+  "type": "module",
+  "jsdelivr": "tsparticles.palette-colored-smoke-blue.min.js",
+  "unpkg": "tsparticles.palette-colored-smoke-blue.min.js",
+  "publishConfig": {
+    "access": "public"
+  }
+}