@tsparticles/shape-text 3.0.0-alpha.1 → 3.0.0-beta.1

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.0.0-alpha.1
+ * v3.0.0-beta.1
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -91,7 +91,7 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "loadTextShape": () => (/* binding */ loadTextShape)
+  loadTextShape: () => (/* binding */ loadTextShape)
 });
 
 // EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
@@ -101,7 +101,6 @@ var engine_root_window_ = __webpack_require__(533);
 const validTypes = ["text", "character", "char"];
 class TextDrawer {
   draw(context, particle, radius, opacity) {
-    var _a, _b, _c;
     const character = particle.shapeData;
     if (character === undefined) {
       return;
@@ -110,15 +109,14 @@ class TextDrawer {
     if (textData === undefined) {
       return;
     }
-    const textParticle = particle;
-    if (textParticle.text === undefined) {
-      textParticle.text = (0,engine_root_window_.itemFromSingleOrMultiple)(textData, particle.randomIndexData);
+    if (particle.text === undefined) {
+      particle.text = (0,engine_root_window_.itemFromSingleOrMultiple)(textData, particle.randomIndexData);
     }
-    const text = textParticle.text,
-      style = (_a = character.style) !== null && _a !== void 0 ? _a : "",
-      weight = (_b = character.weight) !== null && _b !== void 0 ? _b : "400",
+    const text = particle.text,
+      style = character.style ?? "",
+      weight = character.weight ?? "400",
       size = Math.round(radius) * 2,
-      font = (_c = character.font) !== null && _c !== void 0 ? _c : "Verdana",
+      font = character.font ?? "Verdana",
       fill = particle.fill,
       offsetX = text.length * radius / 2;
     context.font = `${style} ${weight} ${size}px "${font}"`;
@@ -148,11 +146,25 @@ class TextDrawer {
       await Promise.all(promises);
     }
   }
+  particleInit(container, particle) {
+    if (!particle.shape || !validTypes.includes(particle.shape)) {
+      return;
+    }
+    const character = particle.shapeData;
+    if (character === undefined) {
+      return;
+    }
+    const textData = character.value;
+    if (textData === undefined) {
+      return;
+    }
+    particle.text = (0,engine_root_window_.itemFromSingleOrMultiple)(textData, particle.randomIndexData);
+  }
 }
 ;// CONCATENATED MODULE: ./dist/browser/index.js
 
-async function loadTextShape(engine) {
-  await engine.addShape(validTypes, new TextDrawer());
+async function loadTextShape(engine, refresh = true) {
+  await engine.addShape(validTypes, new TextDrawer(), refresh);
 }
 })();
 

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=>(()=>{"use strict";var t={533:t=>{t.exports=e}},o={};function r(e){var n=o[e];if(void 0!==n)return n.exports;var i=o[e]={exports:{}};return t[e](i,i.exports,r),i.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:()=>i});var e=r(533);const t=["text","character","char"];class o{draw(t,o,r,n){var i,a,l;const s=o.shapeData;if(void 0===s)return;const p=s.value;if(void 0===p)return;const c=o;void 0===c.text&&(c.text=(0,e.itemFromSingleOrMultiple)(p,o.randomIndexData));const d=c.text,f=null!==(i=s.style)&&void 0!==i?i:"",u=null!==(a=s.weight)&&void 0!==a?a:"400",x=2*Math.round(r),y=null!==(l=s.font)&&void 0!==l?l:"Verdana",v=o.fill,g=d.length*r/2;t.font=`${f} ${u} ${x}px "${y}"`;const h={x:-g,y:r/2};t.globalAlpha=n,v?t.fillText(d,h.x,h.y):t.strokeText(d,h.x,h.y),t.globalAlpha=1}getSidesCount(){return 12}async init(o){const r=o.actualOptions;if(t.find((t=>(0,e.isInArray)(t,r.particles.shape.type)))){const o=t.map((e=>r.particles.shape.options[e])).find((e=>!!e)),n=[];(0,e.executeOnSingleOrMultiple)(o,(t=>{n.push((0,e.loadFont)(t.font,t.weight))})),await Promise.all(n)}}}async function i(e){await e.addShape(t,new 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 r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(this,(e=>(()=>{"use strict";var t={533: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:()=>a});var e=r(533);const t=["text","character","char"];class o{draw(t,o,r,n){const a=o.shapeData;if(void 0===a)return;const i=a.value;if(void 0===i)return;void 0===o.text&&(o.text=(0,e.itemFromSingleOrMultiple)(i,o.randomIndexData));const s=o.text,l=a.style??"",p=a.weight??"400",c=2*Math.round(r),d=a.font??"Verdana",f=o.fill,u=s.length*r/2;t.font=`${l} ${p} ${c}px "${d}"`;const x={x:-u,y:r/2};t.globalAlpha=n,f?t.fillText(s,x.x,x.y):t.strokeText(s,x.x,x.y),t.globalAlpha=1}getSidesCount(){return 12}async init(o){const r=o.actualOptions;if(t.find((t=>(0,e.isInArray)(t,r.particles.shape.type)))){const o=t.map((e=>r.particles.shape.options[e])).find((e=>!!e)),n=[];(0,e.executeOnSingleOrMultiple)(o,(t=>{n.push((0,e.loadFont)(t.font,t.weight))})),await Promise.all(n)}}particleInit(o,r){if(!r.shape||!t.includes(r.shape))return;const n=r.shapeData;if(void 0===n)return;const a=n.value;void 0!==a&&(r.text=(0,e.itemFromSingleOrMultiple)(a,r.randomIndexData))}}async function a(e,r=!0){await e.addShape(t,new o,r)}})(),n})()));

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

@@ -1,8 +1 @@
-/*!
- * 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
- * v3.0.0-alpha.1
- */
+/*! tsParticles Text Shape v3.0.0-beta.1 by Matteo Bruni */

package/types/TextDrawer.d.ts

@@ -1,7 +1,9 @@
-import type { Container, IParticle, IShapeDrawer } from "@tsparticles/engine";
+import { type Container, type IShapeDrawer } from "@tsparticles/engine";
+import type { TextParticle } from "./TextParticle.js";
 export declare const validTypes: string[];
 export declare class TextDrawer implements IShapeDrawer {
-    draw(context: CanvasRenderingContext2D, particle: IParticle, radius: number, opacity: number): void;
+    draw(context: CanvasRenderingContext2D, particle: TextParticle, radius: number, opacity: number): void;
     getSidesCount(): number;
     init(container: Container): Promise<void>;
+    particleInit(container: Container, particle: TextParticle): void;
 }

package/types/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "@tsparticles/engine";
-export declare function loadTextShape(engine: Engine): Promise<void>;
+export declare function loadTextShape(engine: Engine, refresh?: boolean): Promise<void>;

package/umd/TextDrawer.js

@@ -14,7 +14,6 @@
     exports.validTypes = ["text", "character", "char"];
     class TextDrawer {
         draw(context, particle, radius, opacity) {
-            var _a, _b, _c;
             const character = particle.shapeData;
             if (character === undefined) {
                 return;
@@ -23,11 +22,10 @@
             if (textData === undefined) {
                 return;
             }
-            const textParticle = particle;
-            if (textParticle.text === undefined) {
-                textParticle.text = (0, engine_1.itemFromSingleOrMultiple)(textData, particle.randomIndexData);
+            if (particle.text === undefined) {
+                particle.text = (0, engine_1.itemFromSingleOrMultiple)(textData, particle.randomIndexData);
             }
-            const text = textParticle.text, style = (_a = character.style) !== null && _a !== void 0 ? _a : "", weight = (_b = character.weight) !== null && _b !== void 0 ? _b : "400", size = Math.round(radius) * 2, font = (_c = character.font) !== null && _c !== void 0 ? _c : "Verdana", fill = particle.fill, offsetX = (text.length * radius) / 2;
+            const text = particle.text, style = character.style ?? "", weight = character.weight ?? "400", size = Math.round(radius) * 2, font = character.font ?? "Verdana", fill = particle.fill, offsetX = (text.length * radius) / 2;
             context.font = `${style} ${weight} ${size}px "${font}"`;
             const pos = {
                 x: -offsetX,
@@ -57,6 +55,20 @@
                 await Promise.all(promises);
             }
         }
+        particleInit(container, particle) {
+            if (!particle.shape || !exports.validTypes.includes(particle.shape)) {
+                return;
+            }
+            const character = particle.shapeData;
+            if (character === undefined) {
+                return;
+            }
+            const textData = character.value;
+            if (textData === undefined) {
+                return;
+            }
+            particle.text = (0, engine_1.itemFromSingleOrMultiple)(textData, particle.randomIndexData);
+        }
     }
     exports.TextDrawer = TextDrawer;
 });

package/umd/index.js

@@ -4,15 +4,15 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./TextDrawer"], factory);
+        define(["require", "exports", "./TextDrawer.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadTextShape = void 0;
-    const TextDrawer_1 = require("./TextDrawer");
-    async function loadTextShape(engine) {
-        await engine.addShape(TextDrawer_1.validTypes, new TextDrawer_1.TextDrawer());
+    const TextDrawer_js_1 = require("./TextDrawer.js");
+    async function loadTextShape(engine, refresh = true) {
+        await engine.addShape(TextDrawer_js_1.validTypes, new TextDrawer_js_1.TextDrawer(), refresh);
     }
     exports.loadTextShape = loadTextShape;
 });