@tsparticles/plugin-blend 4.0.0-alpha.8 → 4.0.0-beta.1

package/517.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_plugin_blend=this.webpackChunk_tsparticles_plugin_blend||[]).push([[517],{517(e,o,t){t.d(o,{BlendPluginInstance:()=>a});var l=t(303);class a{_container;_defaultCompositeValue;constructor(e){this._container=e}drawParticleCleanup(e,o){o.options.blend?.enable&&(e.globalCompositeOperation=o.originalBlendMode??l.defaultCompositeValue,o.originalBlendMode=void 0)}drawParticleSetup(e,o){o.options.blend?.enable&&(o.originalBlendMode=e.globalCompositeOperation,e.globalCompositeOperation=o.options.blend.mode)}drawSettingsCleanup(e){this._defaultCompositeValue&&(e.globalCompositeOperation=this._defaultCompositeValue)}drawSettingsSetup(e){let o=e.globalCompositeOperation,t=this._container.actualOptions.blend;this._defaultCompositeValue=o,e.globalCompositeOperation=t?.enable?t.mode:o}}}}]);

package/978.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_plugin_blend=this.webpackChunk_tsparticles_plugin_blend||[]).push([[978],{978(e,n,l){l.d(n,{BlendPlugin:()=>t});var d=l(303);class i{enable;mode;constructor(){this.mode="destination-out",this.enable=!1}load(e){(0,d.isNull)(e)||(void 0!==e.mode&&(this.mode=e.mode),void 0!==e.enable&&(this.enable=e.enable))}}class t{id="blend";async getPlugin(e){let{BlendPluginInstance:n}=await l.e(517).then(l.bind(l,517));return new n(e)}loadOptions(e,n,l){if(!this.needsPlugin(n)&&!this.needsPlugin(l))return;let d=n.blend;d?.load||(n.blend=d=new i),d.load(l?.blend)}loadParticlesOptions(e,n,l){n.blend??=new i,n.blend.load(l?.blend)}needsPlugin(e){return!!e?.blend?.enable||!!e?.particles?.blend?.enable}}}}]);

package/browser/BlendPlugin.js

@@ -1,8 +1,6 @@
 import { Blend } from "./Options/Classes/Blend.js";
 export class BlendPlugin {
-    constructor() {
-        this.id = "blend";
-    }
+    id = "blend";
     async getPlugin(container) {
         const { BlendPluginInstance } = await import("./BlendPluginInstance.js");
         return new BlendPluginInstance(container);

package/browser/BlendPluginInstance.js

@@ -1,9 +1,15 @@
+import { defaultCompositeValue } from "@tsparticles/engine";
 export class BlendPluginInstance {
+    _container;
+    _defaultCompositeValue;
     constructor(container) {
         this._container = container;
     }
     drawParticleCleanup(context, particle) {
-        context.globalCompositeOperation = particle.originalBlendMode ?? "source-over";
+        if (!particle.options.blend?.enable) {
+            return;
+        }
+        context.globalCompositeOperation = particle.originalBlendMode ?? defaultCompositeValue;
         particle.originalBlendMode = undefined;
     }
     drawParticleSetup(context, particle) {

package/browser/Options/Classes/Blend.js

@@ -1,5 +1,7 @@
 import { isNull } from "@tsparticles/engine";
 export class Blend {
+    enable;
+    mode;
     constructor() {
         this.mode = "destination-out";
         this.enable = false;

package/browser/index.js

@@ -1,7 +1,7 @@
 export async function loadBlendPlugin(engine) {
-    engine.checkVersion("4.0.0-alpha.8");
-    await engine.register(async (e) => {
+    engine.checkVersion("4.0.0-beta.1");
+    await engine.pluginManager.register(async (e) => {
         const { BlendPlugin } = await import("./BlendPlugin.js");
-        e.addPlugin(new BlendPlugin());
+        e.pluginManager.addPlugin(new BlendPlugin());
     });
 }

package/cjs/BlendPlugin.js

@@ -1,8 +1,6 @@
 import { Blend } from "./Options/Classes/Blend.js";
 export class BlendPlugin {
-    constructor() {
-        this.id = "blend";
-    }
+    id = "blend";
     async getPlugin(container) {
         const { BlendPluginInstance } = await import("./BlendPluginInstance.js");
         return new BlendPluginInstance(container);

package/cjs/BlendPluginInstance.js

@@ -1,9 +1,15 @@
+import { defaultCompositeValue } from "@tsparticles/engine";
 export class BlendPluginInstance {
+    _container;
+    _defaultCompositeValue;
     constructor(container) {
         this._container = container;
     }
     drawParticleCleanup(context, particle) {
-        context.globalCompositeOperation = particle.originalBlendMode ?? "source-over";
+        if (!particle.options.blend?.enable) {
+            return;
+        }
+        context.globalCompositeOperation = particle.originalBlendMode ?? defaultCompositeValue;
         particle.originalBlendMode = undefined;
     }
     drawParticleSetup(context, particle) {

package/cjs/Options/Classes/Blend.js

@@ -1,5 +1,7 @@
 import { isNull } from "@tsparticles/engine";
 export class Blend {
+    enable;
+    mode;
     constructor() {
         this.mode = "destination-out";
         this.enable = false;

package/cjs/index.js

@@ -1,7 +1,7 @@
 export async function loadBlendPlugin(engine) {
-    engine.checkVersion("4.0.0-alpha.8");
-    await engine.register(async (e) => {
+    engine.checkVersion("4.0.0-beta.1");
+    await engine.pluginManager.register(async (e) => {
         const { BlendPlugin } = await import("./BlendPlugin.js");
-        e.addPlugin(new BlendPlugin());
+        e.pluginManager.addPlugin(new BlendPlugin());
     });
 }

package/dist_browser_BlendPluginInstance_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.8
+ * v4.0.0-beta.1
  */
 "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 */   BlendPluginInstance: () => (/* binding */ BlendPluginInstance)\n/* harmony export */ });\nclass BlendPluginInstance {\n  constructor(container) {\n    this._container = container;\n  }\n  drawParticleCleanup(context, particle) {\n    context.globalCompositeOperation = particle.originalBlendMode ?? \"source-over\";\n    particle.originalBlendMode = undefined;\n  }\n  drawParticleSetup(context, particle) {\n    if (!particle.options.blend?.enable) {\n      return;\n    }\n    particle.originalBlendMode = context.globalCompositeOperation;\n    context.globalCompositeOperation = particle.options.blend.mode;\n  }\n  drawSettingsCleanup(context) {\n    if (!this._defaultCompositeValue) {\n      return;\n    }\n    context.globalCompositeOperation = this._defaultCompositeValue;\n  }\n  drawSettingsSetup(context) {\n    const previousComposite = context.globalCompositeOperation,\n      blend = this._container.actualOptions.blend;\n    this._defaultCompositeValue = previousComposite;\n    context.globalCompositeOperation = blend?.enable ? blend.mode : previousComposite;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-blend/./dist/browser/BlendPluginInstance.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   BlendPluginInstance: () => (/* binding */ BlendPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass BlendPluginInstance {\n    _container;\n    _defaultCompositeValue;\n    constructor(container){\n        this._container = container;\n    }\n    drawParticleCleanup(context, particle) {\n        if (!particle.options.blend?.enable) {\n            return;\n        }\n        context.globalCompositeOperation = particle.originalBlendMode ?? _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultCompositeValue;\n        particle.originalBlendMode = undefined;\n    }\n    drawParticleSetup(context, particle) {\n        if (!particle.options.blend?.enable) {\n            return;\n        }\n        particle.originalBlendMode = context.globalCompositeOperation;\n        context.globalCompositeOperation = particle.options.blend.mode;\n    }\n    drawSettingsCleanup(context) {\n        if (!this._defaultCompositeValue) {\n            return;\n        }\n        context.globalCompositeOperation = this._defaultCompositeValue;\n    }\n    drawSettingsSetup(context) {\n        const previousComposite = context.globalCompositeOperation, blend = this._container.actualOptions.blend;\n        this._defaultCompositeValue = previousComposite;\n        context.globalCompositeOperation = blend?.enable ? blend.mode : previousComposite;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-blend/./dist/browser/BlendPluginInstance.js?\n}");
 
 /***/ }
 

package/dist_browser_BlendPlugin_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.8
+ * v4.0.0-beta.1
  */
 "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 */   BlendPlugin: () => (/* binding */ BlendPlugin)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Blend_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Blend.js */ \"./dist/browser/Options/Classes/Blend.js\");\n\nclass BlendPlugin {\n  constructor() {\n    this.id = \"blend\";\n  }\n  async getPlugin(container) {\n    const {\n      BlendPluginInstance\n    } = await __webpack_require__.e(/*! import() */ \"dist_browser_BlendPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BlendPluginInstance.js */ \"./dist/browser/BlendPluginInstance.js\"));\n    return new BlendPluginInstance(container);\n  }\n  loadOptions(_container, options, source) {\n    if (!this.needsPlugin(options) && !this.needsPlugin(source)) {\n      return;\n    }\n    let blendOptions = options.blend;\n    if (!blendOptions?.load) {\n      options.blend = blendOptions = new _Options_Classes_Blend_js__WEBPACK_IMPORTED_MODULE_0__.Blend();\n    }\n    blendOptions.load(source?.blend);\n  }\n  loadParticlesOptions(_container, options, source) {\n    options.blend ??= new _Options_Classes_Blend_js__WEBPACK_IMPORTED_MODULE_0__.Blend();\n    options.blend.load(source?.blend);\n  }\n  needsPlugin(options) {\n    return !!options?.blend?.enable || !!options?.particles?.blend?.enable;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-blend/./dist/browser/BlendPlugin.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   BlendPlugin: () => (/* binding */ BlendPlugin)\n/* harmony export */ });\n/* harmony import */ var _Options_Classes_Blend_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Options/Classes/Blend.js */ \"./dist/browser/Options/Classes/Blend.js\");\n\nclass BlendPlugin {\n    id = \"blend\";\n    async getPlugin(container) {\n        const { BlendPluginInstance } = await __webpack_require__.e(/*! import() */ \"dist_browser_BlendPluginInstance_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./BlendPluginInstance.js */ \"./dist/browser/BlendPluginInstance.js\"));\n        return new BlendPluginInstance(container);\n    }\n    loadOptions(_container, options, source) {\n        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {\n            return;\n        }\n        let blendOptions = options.blend;\n        if (!blendOptions?.load) {\n            options.blend = blendOptions = new _Options_Classes_Blend_js__WEBPACK_IMPORTED_MODULE_0__.Blend();\n        }\n        blendOptions.load(source?.blend);\n    }\n    loadParticlesOptions(_container, options, source) {\n        options.blend ??= new _Options_Classes_Blend_js__WEBPACK_IMPORTED_MODULE_0__.Blend();\n        options.blend.load(source?.blend);\n    }\n    needsPlugin(options) {\n        return !!options?.blend?.enable || !!options?.particles?.blend?.enable;\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-blend/./dist/browser/BlendPlugin.js?\n}");
 
 /***/ },
 
@@ -33,7 +33,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
   \***********************************************/
 (__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 */   Blend: () => (/* binding */ Blend)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass Blend {\n  constructor() {\n    this.mode = \"destination-out\";\n    this.enable = false;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.mode !== undefined) {\n      this.mode = data.mode;\n    }\n    if (data.enable !== undefined) {\n      this.enable = data.enable;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-blend/./dist/browser/Options/Classes/Blend.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Blend: () => (/* binding */ Blend)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass Blend {\n    enable;\n    mode;\n    constructor(){\n        this.mode = \"destination-out\";\n        this.enable = false;\n    }\n    load(data) {\n        if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n            return;\n        }\n        if (data.mode !== undefined) {\n            this.mode = data.mode;\n        }\n        if (data.enable !== undefined) {\n            this.enable = data.enable;\n        }\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/plugin-blend/./dist/browser/Options/Classes/Blend.js?\n}");
 
 /***/ }
 

package/esm/BlendPlugin.js

@@ -1,8 +1,6 @@
 import { Blend } from "./Options/Classes/Blend.js";
 export class BlendPlugin {
-    constructor() {
-        this.id = "blend";
-    }
+    id = "blend";
     async getPlugin(container) {
         const { BlendPluginInstance } = await import("./BlendPluginInstance.js");
         return new BlendPluginInstance(container);

package/esm/BlendPluginInstance.js

@@ -1,9 +1,15 @@
+import { defaultCompositeValue } from "@tsparticles/engine";
 export class BlendPluginInstance {
+    _container;
+    _defaultCompositeValue;
     constructor(container) {
         this._container = container;
     }
     drawParticleCleanup(context, particle) {
-        context.globalCompositeOperation = particle.originalBlendMode ?? "source-over";
+        if (!particle.options.blend?.enable) {
+            return;
+        }
+        context.globalCompositeOperation = particle.originalBlendMode ?? defaultCompositeValue;
         particle.originalBlendMode = undefined;
     }
     drawParticleSetup(context, particle) {

package/esm/Options/Classes/Blend.js

@@ -1,5 +1,7 @@
 import { isNull } from "@tsparticles/engine";
 export class Blend {
+    enable;
+    mode;
     constructor() {
         this.mode = "destination-out";
         this.enable = false;

package/esm/index.js

@@ -1,7 +1,7 @@
 export async function loadBlendPlugin(engine) {
-    engine.checkVersion("4.0.0-alpha.8");
-    await engine.register(async (e) => {
+    engine.checkVersion("4.0.0-beta.1");
+    await engine.pluginManager.register(async (e) => {
         const { BlendPlugin } = await import("./BlendPlugin.js");
-        e.addPlugin(new BlendPlugin());
+        e.pluginManager.addPlugin(new BlendPlugin());
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-blend",
-  "version": "4.0.0-alpha.8",
+  "version": "4.0.0-beta.1",
   "description": "tsParticles blend plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -86,7 +86,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-alpha.8"
+    "@tsparticles/engine": "4.0.0-beta.1"
   },
   "publishConfig": {
     "access": "public"