@tsparticles/shape-text 3.0.0-alpha.0

package/tsparticles.shape.text.js

@@ -0,0 +1,162 @@
+/*!
+ * 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.0
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@tsparticles/engine"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@tsparticles/engine"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@tsparticles/engine")) : factory(root["window"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(this, (__WEBPACK_EXTERNAL_MODULE__533__) => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 533:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__533__;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "loadTextShape": () => (/* binding */ loadTextShape)
+});
+
+// EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
+var engine_root_window_ = __webpack_require__(533);
+;// CONCATENATED MODULE: ./dist/browser/TextDrawer.js
+
+const validTypes = ["text", "character", "char"];
+class TextDrawer {
+  draw(context, particle, radius, opacity) {
+    var _a, _b, _c;
+    const character = particle.shapeData;
+    if (character === undefined) {
+      return;
+    }
+    const textData = character.value;
+    if (textData === undefined) {
+      return;
+    }
+    const textParticle = particle;
+    if (textParticle.text === undefined) {
+      textParticle.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",
+      size = Math.round(radius) * 2,
+      font = (_c = character.font) !== null && _c !== void 0 ? _c : "Verdana",
+      fill = particle.fill,
+      offsetX = text.length * radius / 2;
+    context.font = `${style} ${weight} ${size}px "${font}"`;
+    const pos = {
+      x: -offsetX,
+      y: radius / 2
+    };
+    context.globalAlpha = opacity;
+    if (fill) {
+      context.fillText(text, pos.x, pos.y);
+    } else {
+      context.strokeText(text, pos.x, pos.y);
+    }
+    context.globalAlpha = 1;
+  }
+  getSidesCount() {
+    return 12;
+  }
+  async init(container) {
+    const options = container.actualOptions;
+    if (validTypes.find(t => (0,engine_root_window_.isInArray)(t, options.particles.shape.type))) {
+      const shapeOptions = validTypes.map(t => options.particles.shape.options[t]).find(t => !!t),
+        promises = [];
+      (0,engine_root_window_.executeOnSingleOrMultiple)(shapeOptions, shape => {
+        promises.push((0,engine_root_window_.loadFont)(shape.font, shape.weight));
+      });
+      await Promise.all(promises);
+    }
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/index.js
+
+async function loadTextShape(engine) {
+  await engine.addShape(validTypes, new TextDrawer());
+}
+})();
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

package/tsparticles.shape.text.min.js

@@ -0,0 +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})()));

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

@@ -0,0 +1,8 @@
+/*!
+ * 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.0
+ */

package/types/ICharacterShape.d.ts

@@ -0,0 +1,7 @@
+import type { IShapeValues, SingleOrMultiple } from "@tsparticles/engine";
+export interface ICharacterShape extends IShapeValues {
+    font: string;
+    style: string;
+    value: SingleOrMultiple<string>;
+    weight: string;
+}

package/types/TextDrawer.d.ts

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

package/types/TextParticle.d.ts

@@ -0,0 +1,4 @@
+import type { IParticle } from "@tsparticles/engine";
+export interface TextParticle extends IParticle {
+    text?: string;
+}

package/types/index.d.ts

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

package/umd/ICharacterShape.js

@@ -0,0 +1,12 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/umd/TextDrawer.js

@@ -0,0 +1,62 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@tsparticles/engine"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.TextDrawer = exports.validTypes = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    exports.validTypes = ["text", "character", "char"];
+    class TextDrawer {
+        draw(context, particle, radius, opacity) {
+            var _a, _b, _c;
+            const character = particle.shapeData;
+            if (character === undefined) {
+                return;
+            }
+            const textData = character.value;
+            if (textData === undefined) {
+                return;
+            }
+            const textParticle = particle;
+            if (textParticle.text === undefined) {
+                textParticle.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;
+            context.font = `${style} ${weight} ${size}px "${font}"`;
+            const pos = {
+                x: -offsetX,
+                y: radius / 2,
+            };
+            context.globalAlpha = opacity;
+            if (fill) {
+                context.fillText(text, pos.x, pos.y);
+            }
+            else {
+                context.strokeText(text, pos.x, pos.y);
+            }
+            context.globalAlpha = 1;
+        }
+        getSidesCount() {
+            return 12;
+        }
+        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) => {
+                    promises.push((0, engine_1.loadFont)(shape.font, shape.weight));
+                });
+                await Promise.all(promises);
+            }
+        }
+    }
+    exports.TextDrawer = TextDrawer;
+});

package/umd/TextParticle.js

@@ -0,0 +1,12 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/umd/index.js

@@ -0,0 +1,18 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "./TextDrawer"], 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());
+    }
+    exports.loadTextShape = loadTextShape;
+});