@tsparticles/effect-shadow 4.0.0-alpha.0

package/176.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 176.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_effect_shadow=this.webpackChunk_tsparticles_effect_shadow||[]).push([[176],{176(o,s,e){e.d(s,{ShadowDrawer:()=>t});var a=e(303);class t{constructor(o){this._engine=o}drawBefore(o){const{particle:s,context:e}=o,{container:t}=s,r=s,d=r.shadowEnabled,h=r.shadowColor,w=r.shadowOffset;d&&h&&(e.shadowBlur=r.shadowBlur??0,e.shadowColor=(0,a.getStyleFromRgb)(h,t.hdr),e.shadowOffsetX=w?.x??0,e.shadowOffsetY=w?.y??0)}particleInit(o,s){const e=s.effectData;if(!e?.enable)return s.shadowBlur=void 0,s.shadowColor=void 0,s.shadowOffset=void 0,void(s.shadowEnabled=!1);const t=a.OptionsColor.create(new a.OptionsColor,e.color);s.shadowColor=(0,a.rangeColorToRgb)(this._engine,t),s.shadowBlur=e.blur,s.shadowOffset=e.offset,s.shadowEnabled=!0}}}}]);

package/176.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Shadow Shape v4.0.0-alpha.0 by Matteo Bruni */

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,75 @@
+[![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)
+
+# tsParticles Shadow Effect
+
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/effect-shadow/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/effect-shadow)
+[![npmjs](https://badge.fury.io/js/@tsparticles/effect-shadow.svg)](https://www.npmjs.com/package/@tsparticles/effect-shadow)
+[![npmjs](https://img.shields.io/npm/dt/@tsparticles/effect-shadow)](https://www.npmjs.com/package/@tsparticles/effect-shadow) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
+
+[tsParticles](https://github.com/tsparticles/tsparticles) additional shadow effect.
+
+## How to use it
+
+### CDN / Vanilla JS / jQuery
+
+The CDN/Vanilla version JS has one required file in vanilla configuration:
+
+Including the `tsparticles.effect.shadow.min.js` file will export the function to load the effect:
+
+```text
+loadShadowEffect
+```
+
+### Usage
+
+Once the scripts are loaded you can set up `tsParticles` and the effect like this:
+
+```javascript
+(async () => {
+  await loadShadowEffect(tsParticles);
+
+  await tsParticles.load({
+    id: "tsparticles",
+    options: {
+      /* options */
+      /* here you can use particles.effect.type: "shadow" */
+    },
+  });
+})();
+```
+
+### ESM / CommonJS
+
+This package is compatible also with ES or CommonJS modules, firstly this needs to be installed, like this:
+
+```shell
+$ npm install @tsparticles/effect-shadow
+```
+
+or
+
+```shell
+$ yarn add @tsparticles/effect-shadow
+```
+
+Then you need to import it in the app, like this:
+
+```javascript
+const { tsParticles } = require("@tsparticles/engine");
+const { loadShadowEffect } = require("@tsparticles/effect-shadow");
+
+(async () => {
+  await loadShadowEffect(tsParticles);
+})();
+```
+
+or
+
+```javascript
+import { tsParticles } from "@tsparticles/engine";
+import { loadShadowEffect } from "@tsparticles/effect-shadow";
+
+(async () => {
+  await loadShadowEffect(tsParticles);
+})();
+```

package/browser/ShadowDrawer.js

@@ -0,0 +1,32 @@
+import { OptionsColor, getStyleFromRgb, rangeColorToRgb, } from "@tsparticles/engine";
+const defaultShadowBlur = 0, defaultShadowOffsetValue = 0;
+export class ShadowDrawer {
+    constructor(engine) {
+        this._engine = engine;
+    }
+    drawBefore(data) {
+        const { particle, context } = data, { container } = particle, shadowParticle = particle, shadowEnabled = shadowParticle.shadowEnabled, shadowColor = shadowParticle.shadowColor, shadowOffset = shadowParticle.shadowOffset;
+        if (!shadowEnabled || !shadowColor) {
+            return;
+        }
+        context.shadowBlur = shadowParticle.shadowBlur ?? defaultShadowBlur;
+        context.shadowColor = getStyleFromRgb(shadowColor, container.hdr);
+        context.shadowOffsetX = shadowOffset?.x ?? defaultShadowOffsetValue;
+        context.shadowOffsetY = shadowOffset?.y ?? defaultShadowOffsetValue;
+    }
+    particleInit(_container, particle) {
+        const effectData = particle.effectData;
+        if (!effectData?.enable) {
+            particle.shadowBlur = undefined;
+            particle.shadowColor = undefined;
+            particle.shadowOffset = undefined;
+            particle.shadowEnabled = false;
+            return;
+        }
+        const shadowColor = OptionsColor.create(new OptionsColor(), effectData.color);
+        particle.shadowColor = rangeColorToRgb(this._engine, shadowColor);
+        particle.shadowBlur = effectData.blur;
+        particle.shadowOffset = effectData.offset;
+        particle.shadowEnabled = true;
+    }
+}

package/browser/index.js

@@ -0,0 +1,7 @@
+export function loadShadowEffect(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { ShadowDrawer } = await import("./ShadowDrawer.js");
+        e.addEffect("shadow", new ShadowDrawer(e));
+    });
+}

package/browser/package.json

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

package/cjs/ShadowDrawer.js

@@ -0,0 +1,32 @@
+import { OptionsColor, getStyleFromRgb, rangeColorToRgb, } from "@tsparticles/engine";
+const defaultShadowBlur = 0, defaultShadowOffsetValue = 0;
+export class ShadowDrawer {
+    constructor(engine) {
+        this._engine = engine;
+    }
+    drawBefore(data) {
+        const { particle, context } = data, { container } = particle, shadowParticle = particle, shadowEnabled = shadowParticle.shadowEnabled, shadowColor = shadowParticle.shadowColor, shadowOffset = shadowParticle.shadowOffset;
+        if (!shadowEnabled || !shadowColor) {
+            return;
+        }
+        context.shadowBlur = shadowParticle.shadowBlur ?? defaultShadowBlur;
+        context.shadowColor = getStyleFromRgb(shadowColor, container.hdr);
+        context.shadowOffsetX = shadowOffset?.x ?? defaultShadowOffsetValue;
+        context.shadowOffsetY = shadowOffset?.y ?? defaultShadowOffsetValue;
+    }
+    particleInit(_container, particle) {
+        const effectData = particle.effectData;
+        if (!effectData?.enable) {
+            particle.shadowBlur = undefined;
+            particle.shadowColor = undefined;
+            particle.shadowOffset = undefined;
+            particle.shadowEnabled = false;
+            return;
+        }
+        const shadowColor = OptionsColor.create(new OptionsColor(), effectData.color);
+        particle.shadowColor = rangeColorToRgb(this._engine, shadowColor);
+        particle.shadowBlur = effectData.blur;
+        particle.shadowOffset = effectData.offset;
+        particle.shadowEnabled = true;
+    }
+}

package/cjs/index.js

@@ -0,0 +1,7 @@
+export function loadShadowEffect(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { ShadowDrawer } = await import("./ShadowDrawer.js");
+        e.addEffect("shadow", new ShadowDrawer(e));
+    });
+}

package/cjs/package.json

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

package/dist_browser_ShadowDrawer_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.0
+ */
+"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_effect_shadow"] = this["webpackChunk_tsparticles_effect_shadow"] || []).push([["dist_browser_ShadowDrawer_js"],{
+
+/***/ "./dist/browser/ShadowDrawer.js"
+/*!**************************************!*\
+  !*** ./dist/browser/ShadowDrawer.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 */   ShadowDrawer: () => (/* binding */ ShadowDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst defaultShadowBlur = 0,\n  defaultShadowOffsetValue = 0;\nclass ShadowDrawer {\n  constructor(engine) {\n    this._engine = engine;\n  }\n  drawBefore(data) {\n    const {\n        particle,\n        context\n      } = data,\n      {\n        container\n      } = particle,\n      shadowParticle = particle,\n      shadowEnabled = shadowParticle.shadowEnabled,\n      shadowColor = shadowParticle.shadowColor,\n      shadowOffset = shadowParticle.shadowOffset;\n    if (!shadowEnabled || !shadowColor) {\n      return;\n    }\n    context.shadowBlur = shadowParticle.shadowBlur ?? defaultShadowBlur;\n    context.shadowColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getStyleFromRgb)(shadowColor, container.hdr);\n    context.shadowOffsetX = shadowOffset?.x ?? defaultShadowOffsetValue;\n    context.shadowOffsetY = shadowOffset?.y ?? defaultShadowOffsetValue;\n  }\n  particleInit(_container, particle) {\n    const effectData = particle.effectData;\n    if (!effectData?.enable) {\n      particle.shadowBlur = undefined;\n      particle.shadowColor = undefined;\n      particle.shadowOffset = undefined;\n      particle.shadowEnabled = false;\n      return;\n    }\n    const shadowColor = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor.create(new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OptionsColor(), effectData.color);\n    particle.shadowColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToRgb)(this._engine, shadowColor);\n    particle.shadowBlur = effectData.blur;\n    particle.shadowOffset = effectData.offset;\n    particle.shadowEnabled = true;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/effect-shadow/./dist/browser/ShadowDrawer.js?\n}");
+
+/***/ }
+
+}]);

package/esm/ShadowDrawer.js

@@ -0,0 +1,32 @@
+import { OptionsColor, getStyleFromRgb, rangeColorToRgb, } from "@tsparticles/engine";
+const defaultShadowBlur = 0, defaultShadowOffsetValue = 0;
+export class ShadowDrawer {
+    constructor(engine) {
+        this._engine = engine;
+    }
+    drawBefore(data) {
+        const { particle, context } = data, { container } = particle, shadowParticle = particle, shadowEnabled = shadowParticle.shadowEnabled, shadowColor = shadowParticle.shadowColor, shadowOffset = shadowParticle.shadowOffset;
+        if (!shadowEnabled || !shadowColor) {
+            return;
+        }
+        context.shadowBlur = shadowParticle.shadowBlur ?? defaultShadowBlur;
+        context.shadowColor = getStyleFromRgb(shadowColor, container.hdr);
+        context.shadowOffsetX = shadowOffset?.x ?? defaultShadowOffsetValue;
+        context.shadowOffsetY = shadowOffset?.y ?? defaultShadowOffsetValue;
+    }
+    particleInit(_container, particle) {
+        const effectData = particle.effectData;
+        if (!effectData?.enable) {
+            particle.shadowBlur = undefined;
+            particle.shadowColor = undefined;
+            particle.shadowOffset = undefined;
+            particle.shadowEnabled = false;
+            return;
+        }
+        const shadowColor = OptionsColor.create(new OptionsColor(), effectData.color);
+        particle.shadowColor = rangeColorToRgb(this._engine, shadowColor);
+        particle.shadowBlur = effectData.blur;
+        particle.shadowOffset = effectData.offset;
+        particle.shadowEnabled = true;
+    }
+}

package/esm/index.js

@@ -0,0 +1,7 @@
+export function loadShadowEffect(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { ShadowDrawer } = await import("./ShadowDrawer.js");
+        e.addEffect("shadow", new ShadowDrawer(e));
+    });
+}

package/esm/package.json

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

package/package.json

@@ -0,0 +1,109 @@
+{
+  "name": "@tsparticles/effect-shadow",
+  "version": "4.0.0-alpha.0",
+  "description": "tsParticles shadow effect",
+  "homepage": "https://particles.js.org",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tsparticles/tsparticles.git",
+    "directory": "effects/shadow"
+  },
+  "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-effect"
+  ],
+  "author": "Matteo Bruni <matteo.bruni@me.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/tsparticles/tsparticles/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,
+  "jsdelivr": "tsparticles.effect.shadow.min.js",
+  "unpkg": "tsparticles.effect.shadow.min.js",
+  "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-alpha.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module"
+}