@tsparticles/shape-text 3.3.0 → 3.5.0

package/browser/TextDrawer.js

@@ -1,24 +1,26 @@
 import { executeOnSingleOrMultiple, isInArray, itemFromSingleOrMultiple, loadFont, } from "@tsparticles/engine";
 import { drawText } from "./Utils.js";
-export const validTypes = ["text", "character", "char", "multiline-text"];
 export class TextDrawer {
+    constructor() {
+        this.validTypes = ["text", "character", "char", "multiline-text"];
+    }
     draw(data) {
         drawText(data);
     }
     async init(container) {
-        const options = container.actualOptions;
-        if (validTypes.find((t) => isInArray(t, options.particles.shape.type))) {
+        const options = container.actualOptions, { validTypes } = this;
+        if (validTypes.find(t => isInArray(t, options.particles.shape.type))) {
             const shapeOptions = validTypes
-                .map((t) => options.particles.shape.options[t])
-                .find((t) => !!t), promises = [];
-            executeOnSingleOrMultiple(shapeOptions, (shape) => {
+                .map(t => options.particles.shape.options[t])
+                .find(t => !!t), promises = [];
+            executeOnSingleOrMultiple(shapeOptions, shape => {
                 promises.push(loadFont(shape.font, shape.weight));
             });
             await Promise.all(promises);
         }
     }
     particleInit(container, particle) {
-        if (!particle.shape || !validTypes.includes(particle.shape)) {
+        if (!particle.shape || !this.validTypes.includes(particle.shape)) {
             return;
         }
         const character = particle.shapeData;

package/browser/index.js

@@ -1,5 +1,4 @@
-import { validTypes } from "./TextDrawer.js";
+import { TextDrawer } from "./TextDrawer.js";
 export async function loadTextShape(engine, refresh = true) {
-    const { TextDrawer } = await import("./TextDrawer.js");
-    await engine.addShape(validTypes, new TextDrawer(), refresh);
+    await engine.addShape(new TextDrawer(), refresh);
 }

package/cjs/TextDrawer.js

@@ -1,27 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextDrawer = exports.validTypes = void 0;
+exports.TextDrawer = void 0;
 const engine_1 = require("@tsparticles/engine");
 const Utils_js_1 = require("./Utils.js");
-exports.validTypes = ["text", "character", "char", "multiline-text"];
 class TextDrawer {
+    constructor() {
+        this.validTypes = ["text", "character", "char", "multiline-text"];
+    }
     draw(data) {
         (0, Utils_js_1.drawText)(data);
     }
     async init(container) {
-        const options = container.actualOptions;
-        if (exports.validTypes.find((t) => (0, engine_1.isInArray)(t, options.particles.shape.type))) {
-            const shapeOptions = exports.validTypes
-                .map((t) => options.particles.shape.options[t])
-                .find((t) => !!t), promises = [];
-            (0, engine_1.executeOnSingleOrMultiple)(shapeOptions, (shape) => {
+        const options = container.actualOptions, { validTypes } = this;
+        if (validTypes.find(t => (0, engine_1.isInArray)(t, options.particles.shape.type))) {
+            const shapeOptions = validTypes
+                .map(t => options.particles.shape.options[t])
+                .find(t => !!t), promises = [];
+            (0, engine_1.executeOnSingleOrMultiple)(shapeOptions, shape => {
                 promises.push((0, engine_1.loadFont)(shape.font, shape.weight));
             });
             await Promise.all(promises);
         }
     }
     particleInit(container, particle) {
-        if (!particle.shape || !exports.validTypes.includes(particle.shape)) {
+        if (!particle.shape || !this.validTypes.includes(particle.shape)) {
             return;
         }
         const character = particle.shapeData;

package/cjs/Utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawText = void 0;
+exports.drawText = drawText;
 const engine_1 = require("@tsparticles/engine");
 const double = 2, half = 0.5;
 function drawText(data) {
@@ -27,7 +27,6 @@ function drawText(data) {
     }
     context.globalAlpha = 1;
 }
-exports.drawText = drawText;
 function drawLine(context, line, radius, opacity, index, fill) {
     const offsetX = line.length * radius * half, pos = {
         x: -offsetX,

package/cjs/index.js

@@ -1,9 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadTextShape = void 0;
+exports.loadTextShape = loadTextShape;
 const TextDrawer_js_1 = require("./TextDrawer.js");
 async function loadTextShape(engine, refresh = true) {
-    const { TextDrawer } = await import("./TextDrawer.js");
-    await engine.addShape(TextDrawer_js_1.validTypes, new TextDrawer(), refresh);
+    await engine.addShape(new TextDrawer_js_1.TextDrawer(), refresh);
 }
-exports.loadTextShape = loadTextShape;

package/esm/TextDrawer.js

@@ -1,24 +1,26 @@
 import { executeOnSingleOrMultiple, isInArray, itemFromSingleOrMultiple, loadFont, } from "@tsparticles/engine";
 import { drawText } from "./Utils.js";
-export const validTypes = ["text", "character", "char", "multiline-text"];
 export class TextDrawer {
+    constructor() {
+        this.validTypes = ["text", "character", "char", "multiline-text"];
+    }
     draw(data) {
         drawText(data);
     }
     async init(container) {
-        const options = container.actualOptions;
-        if (validTypes.find((t) => isInArray(t, options.particles.shape.type))) {
+        const options = container.actualOptions, { validTypes } = this;
+        if (validTypes.find(t => isInArray(t, options.particles.shape.type))) {
             const shapeOptions = validTypes
-                .map((t) => options.particles.shape.options[t])
-                .find((t) => !!t), promises = [];
-            executeOnSingleOrMultiple(shapeOptions, (shape) => {
+                .map(t => options.particles.shape.options[t])
+                .find(t => !!t), promises = [];
+            executeOnSingleOrMultiple(shapeOptions, shape => {
                 promises.push(loadFont(shape.font, shape.weight));
             });
             await Promise.all(promises);
         }
     }
     particleInit(container, particle) {
-        if (!particle.shape || !validTypes.includes(particle.shape)) {
+        if (!particle.shape || !this.validTypes.includes(particle.shape)) {
             return;
         }
         const character = particle.shapeData;

package/esm/index.js

@@ -1,5 +1,4 @@
-import { validTypes } from "./TextDrawer.js";
+import { TextDrawer } from "./TextDrawer.js";
 export async function loadTextShape(engine, refresh = true) {
-    const { TextDrawer } = await import("./TextDrawer.js");
-    await engine.addShape(validTypes, new TextDrawer(), refresh);
+    await engine.addShape(new TextDrawer(), refresh);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/shape-text",
-  "version": "3.3.0",
+  "version": "3.5.0",
   "description": "tsParticles text shape",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -59,7 +59,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "^3.3.0"
+    "@tsparticles/engine": "^3.5.0"
   },
   "publishConfig": {
     "access": "public"

package/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@tsparticles/shape-text [27 Feb 2024 at 12:21]</title>
+    <title>@tsparticles/shape-text [1 Jul 2024 at 09:23]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>

package/tsparticles.shape.text.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
- * v3.3.0
+ * v3.5.0
  */
 /*
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -34,7 +34,7 @@ return /******/ (() => { // webpackBootstrap
   \************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   TextDrawer: () => (/* binding */ TextDrawer),\n/* harmony export */   validTypes: () => (/* binding */ validTypes)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\nconst validTypes = [\"text\", \"character\", \"char\", \"multiline-text\"];\nclass TextDrawer {\n  draw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawText)(data);\n  }\n  async init(container) {\n    const options = container.actualOptions;\n    if (validTypes.find(t => (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(t, options.particles.shape.type))) {\n      const shapeOptions = validTypes.map(t => options.particles.shape.options[t]).find(t => !!t),\n        promises = [];\n      (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(shapeOptions, shape => {\n        promises.push((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.loadFont)(shape.font, shape.weight));\n      });\n      await Promise.all(promises);\n    }\n  }\n  particleInit(container, particle) {\n    if (!particle.shape || !validTypes.includes(particle.shape)) {\n      return;\n    }\n    const character = particle.shapeData;\n    if (character === undefined) {\n      return;\n    }\n    const textData = character.value;\n    if (textData === undefined) {\n      return;\n    }\n    particle.text = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(textData, particle.randomIndexData);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-text/./dist/browser/TextDrawer.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   TextDrawer: () => (/* binding */ TextDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\nclass TextDrawer {\n  constructor() {\n    this.validTypes = [\"text\", \"character\", \"char\", \"multiline-text\"];\n  }\n  draw(data) {\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawText)(data);\n  }\n  async init(container) {\n    const options = container.actualOptions,\n      {\n        validTypes\n      } = this;\n    if (validTypes.find(t => (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isInArray)(t, options.particles.shape.type))) {\n      const shapeOptions = validTypes.map(t => options.particles.shape.options[t]).find(t => !!t),\n        promises = [];\n      (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.executeOnSingleOrMultiple)(shapeOptions, shape => {\n        promises.push((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.loadFont)(shape.font, shape.weight));\n      });\n      await Promise.all(promises);\n    }\n  }\n  particleInit(container, particle) {\n    if (!particle.shape || !this.validTypes.includes(particle.shape)) {\n      return;\n    }\n    const character = particle.shapeData;\n    if (character === undefined) {\n      return;\n    }\n    const textData = character.value;\n    if (textData === undefined) {\n      return;\n    }\n    particle.text = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.itemFromSingleOrMultiple)(textData, particle.randomIndexData);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-text/./dist/browser/TextDrawer.js?");
 
 /***/ }),
 
@@ -54,7 +54,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \*******************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadTextShape: () => (/* binding */ loadTextShape)\n/* harmony export */ });\n/* harmony import */ var _TextDrawer_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TextDrawer.js */ \"./dist/browser/TextDrawer.js\");\n\nasync function loadTextShape(engine, refresh = true) {\n  const {\n    TextDrawer\n  } = await Promise.resolve(/*! import() */).then(__webpack_require__.bind(__webpack_require__, /*! ./TextDrawer.js */ \"./dist/browser/TextDrawer.js\"));\n  await engine.addShape(_TextDrawer_js__WEBPACK_IMPORTED_MODULE_0__.validTypes, new TextDrawer(), refresh);\n}\n\n//# sourceURL=webpack://@tsparticles/shape-text/./dist/browser/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadTextShape: () => (/* binding */ loadTextShape)\n/* harmony export */ });\n/* harmony import */ var _TextDrawer_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TextDrawer.js */ \"./dist/browser/TextDrawer.js\");\n\nasync function loadTextShape(engine, refresh = true) {\n  await engine.addShape(new _TextDrawer_js__WEBPACK_IMPORTED_MODULE_0__.TextDrawer(), refresh);\n}\n\n//# sourceURL=webpack://@tsparticles/shape-text/./dist/browser/index.js?");
 
 /***/ }),
 

package/tsparticles.shape.text.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.shape.text.min.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var o="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(this,(e=>(()=>{var t={997:(e,t,o)=>{o.d(t,{TextDrawer:()=>s,u:()=>l});var r=o(303);const n=2,a=.5;function i(e,t,o,r,i,l){const s={x:-(t.length*o*a),y:o*a},p=o*n;l?e.fillText(t,s.x,s.y+p*i):e.strokeText(t,s.x,s.y+p*i)}const l=["text","character","char","multiline-text"];class s{draw(e){!function(e){const{context:t,particle:o,radius:a,opacity:l}=e,s=o.shapeData;if(!s)return;const p=s.value;if(void 0===p)return;void 0===o.text&&(o.text=(0,r.itemFromSingleOrMultiple)(p,o.randomIndexData));const c=o.text,d=s.style??"",f=s.weight??"400",u=Math.round(a)*n,x=s.font??"Verdana",y=o.shapeFill,h=c?.split("\n");if(h){t.font=`${d} ${f} ${u}px "${x}"`,t.globalAlpha=l;for(let e=0;e<h.length;e++)i(t,h[e],a,0,e,y);t.globalAlpha=1}}(e)}async init(e){const t=e.actualOptions;if(l.find((e=>(0,r.isInArray)(e,t.particles.shape.type)))){const e=l.map((e=>t.particles.shape.options[e])).find((e=>!!e)),o=[];(0,r.executeOnSingleOrMultiple)(e,(e=>{o.push((0,r.loadFont)(e.font,e.weight))})),await Promise.all(o)}}particleInit(e,t){if(!t.shape||!l.includes(t.shape))return;const o=t.shapeData;if(void 0===o)return;const n=o.value;void 0!==n&&(t.text=(0,r.itemFromSingleOrMultiple)(n,t.randomIndexData))}}},303:t=>{t.exports=e}},o={};function r(e){var n=o[e];if(void 0!==n)return n.exports;var a=o[e]={exports:{}};return t[e](a,a.exports,r),a.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{r.r(n),r.d(n,{loadTextShape:()=>t});var e=r(997);async function t(t,o=!0){const{TextDrawer:n}=await Promise.resolve().then(r.bind(r,997));await t.addShape(e.u,new n,o)}})(),n})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var o="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var i in o)("object"==typeof exports?exports:e)[i]=o[i]}}(this,(e=>(()=>{var t={303:t=>{t.exports=e}},o={};function i(e){var n=o[e];if(void 0!==n)return n.exports;var r=o[e]={exports:{}};return t[e](r,r.exports,i),r.exports}i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};i.r(n),i.d(n,{loadTextShape:()=>c});var r=i(303);const a=2,s=.5;function l(e,t,o,i,n,r){const l={x:-(t.length*o*s),y:o*s},p=o*a;r?e.fillText(t,l.x,l.y+p*n):e.strokeText(t,l.x,l.y+p*n)}class p{constructor(){this.validTypes=["text","character","char","multiline-text"]}draw(e){!function(e){const{context:t,particle:o,radius:i,opacity:n}=e,s=o.shapeData;if(!s)return;const p=s.value;if(void 0===p)return;void 0===o.text&&(o.text=(0,r.itemFromSingleOrMultiple)(p,o.randomIndexData));const c=o.text,d=s.style??"",f=s.weight??"400",u=Math.round(i)*a,x=s.font??"Verdana",y=o.shapeFill,h=c?.split("\n");if(h){t.font=`${d} ${f} ${u}px "${x}"`,t.globalAlpha=n;for(let e=0;e<h.length;e++)l(t,h[e],i,0,e,y);t.globalAlpha=1}}(e)}async init(e){const t=e.actualOptions,{validTypes:o}=this;if(o.find((e=>(0,r.isInArray)(e,t.particles.shape.type)))){const e=o.map((e=>t.particles.shape.options[e])).find((e=>!!e)),i=[];(0,r.executeOnSingleOrMultiple)(e,(e=>{i.push((0,r.loadFont)(e.font,e.weight))})),await Promise.all(i)}}particleInit(e,t){if(!t.shape||!this.validTypes.includes(t.shape))return;const o=t.shapeData;if(void 0===o)return;const i=o.value;void 0!==i&&(t.text=(0,r.itemFromSingleOrMultiple)(i,t.randomIndexData))}}async function c(e,t=!0){await e.addShape(new p,t)}return n})()));

package/tsparticles.shape.text.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Text Shape v3.3.0 by Matteo Bruni */
+/*! tsParticles Text Shape v3.5.0 by Matteo Bruni */

package/types/TextDrawer.d.ts

@@ -1,7 +1,7 @@
 import { type Container, type IShapeDrawData, type IShapeDrawer } from "@tsparticles/engine";
 import type { TextParticle } from "./TextParticle.js";
-export declare const validTypes: string[];
 export declare class TextDrawer implements IShapeDrawer<TextParticle> {
+    readonly validTypes: readonly ["text", "character", "char", "multiline-text"];
     draw(data: IShapeDrawData<TextParticle>): void;
     init(container: Container): Promise<void>;
     particleInit(container: Container, particle: TextParticle): void;

package/umd/TextDrawer.js

@@ -9,28 +9,30 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.TextDrawer = exports.validTypes = void 0;
+    exports.TextDrawer = void 0;
     const engine_1 = require("@tsparticles/engine");
     const Utils_js_1 = require("./Utils.js");
-    exports.validTypes = ["text", "character", "char", "multiline-text"];
     class TextDrawer {
+        constructor() {
+            this.validTypes = ["text", "character", "char", "multiline-text"];
+        }
         draw(data) {
             (0, Utils_js_1.drawText)(data);
         }
         async init(container) {
-            const options = container.actualOptions;
-            if (exports.validTypes.find((t) => (0, engine_1.isInArray)(t, options.particles.shape.type))) {
-                const shapeOptions = exports.validTypes
-                    .map((t) => options.particles.shape.options[t])
-                    .find((t) => !!t), promises = [];
-                (0, engine_1.executeOnSingleOrMultiple)(shapeOptions, (shape) => {
+            const options = container.actualOptions, { validTypes } = this;
+            if (validTypes.find(t => (0, engine_1.isInArray)(t, options.particles.shape.type))) {
+                const shapeOptions = validTypes
+                    .map(t => options.particles.shape.options[t])
+                    .find(t => !!t), promises = [];
+                (0, engine_1.executeOnSingleOrMultiple)(shapeOptions, shape => {
                     promises.push((0, engine_1.loadFont)(shape.font, shape.weight));
                 });
                 await Promise.all(promises);
             }
         }
         particleInit(container, particle) {
-            if (!particle.shape || !exports.validTypes.includes(particle.shape)) {
+            if (!particle.shape || !this.validTypes.includes(particle.shape)) {
                 return;
             }
             const character = particle.shapeData;

package/umd/Utils.js

@@ -9,7 +9,7 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.drawText = void 0;
+    exports.drawText = drawText;
     const engine_1 = require("@tsparticles/engine");
     const double = 2, half = 0.5;
     function drawText(data) {
@@ -36,7 +36,6 @@
         }
         context.globalAlpha = 1;
     }
-    exports.drawText = drawText;
     function drawLine(context, line, radius, opacity, index, fill) {
         const offsetX = line.length * radius * half, pos = {
             x: -offsetX,

package/umd/index.js

@@ -1,26 +1,3 @@
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 (function (factory) {
     if (typeof module === "object" && typeof module.exports === "object") {
         var v = factory(require, exports);
@@ -31,13 +8,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
     }
 })(function (require, exports) {
     "use strict";
-    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.loadTextShape = void 0;
+    exports.loadTextShape = loadTextShape;
     const TextDrawer_js_1 = require("./TextDrawer.js");
     async function loadTextShape(engine, refresh = true) {
-        const { TextDrawer } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./TextDrawer.js"))) : new Promise((resolve_1, reject_1) => { require(["./TextDrawer.js"], resolve_1, reject_1); }).then(__importStar));
-        await engine.addShape(TextDrawer_js_1.validTypes, new TextDrawer(), refresh);
+        await engine.addShape(new TextDrawer_js_1.TextDrawer(), refresh);
     }
-    exports.loadTextShape = loadTextShape;
 });