@tsparticles/shape-path 4.0.0-alpha.2 → 4.0.0-alpha.20

package/549.min.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunk_tsparticles_shape_path=this.webpackChunk_tsparticles_shape_path||[]).push([[549],{549(a,t,e){e.d(t,{PathDrawer:()=>s});var h=e(303),p=e(580);class s{draw(a){let{context:t,particle:e,radius:h}=a;e.pathData&&(0,p.drawPath)(t,h,e.pathData)}particleInit(a,t){let e=t.shapeData;e&&(t.pathData=(0,h.deepExtend)({},e))}}}}]);

package/browser/PathDrawer.js

@@ -1,9 +1,6 @@
 import { deepExtend } from "@tsparticles/engine";
-import { drawPath } from "./Utils.js";
+import { drawPath } from "@tsparticles/path-utils";
 export class PathDrawer {
-    constructor() {
-        this.validTypes = ["path"];
-    }
     draw(data) {
         const { context, particle, radius } = data;
         if (!particle.pathData) {

package/browser/index.js

@@ -1,7 +1,9 @@
-export function loadPathShape(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
-        const { PathDrawer } = await import("./PathDrawer.js");
-        e.addShape(new PathDrawer());
+export async function loadPathShape(engine) {
+    engine.checkVersion("4.0.0-alpha.20");
+    await engine.register(e => {
+        e.addShape(["path"], async () => {
+            const { PathDrawer } = await import("./PathDrawer.js");
+            return new PathDrawer();
+        });
     });
 }

package/cjs/PathDrawer.js

@@ -1,9 +1,6 @@
 import { deepExtend } from "@tsparticles/engine";
-import { drawPath } from "./Utils.js";
+import { drawPath } from "@tsparticles/path-utils";
 export class PathDrawer {
-    constructor() {
-        this.validTypes = ["path"];
-    }
     draw(data) {
         const { context, particle, radius } = data;
         if (!particle.pathData) {

package/cjs/index.js

@@ -1,7 +1,9 @@
-export function loadPathShape(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
-        const { PathDrawer } = await import("./PathDrawer.js");
-        e.addShape(new PathDrawer());
+export async function loadPathShape(engine) {
+    engine.checkVersion("4.0.0-alpha.20");
+    await engine.register(e => {
+        e.addShape(["path"], async () => {
+            const { PathDrawer } = await import("./PathDrawer.js");
+            return new PathDrawer();
+        });
     });
 }

package/dist_browser_PathDrawer_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.2
+ * v4.0.0-alpha.20
  */
 "use strict";
 /*
@@ -23,27 +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 */   PathDrawer: () => (/* binding */ PathDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Utils.js */ \"./dist/browser/Utils.js\");\n\n\nclass PathDrawer {\n  constructor() {\n    this.validTypes = [\"path\"];\n  }\n  draw(data) {\n    const {\n      context,\n      particle,\n      radius\n    } = data;\n    if (!particle.pathData) {\n      return;\n    }\n    (0,_Utils_js__WEBPACK_IMPORTED_MODULE_1__.drawPath)(context, radius, particle.pathData);\n  }\n  particleInit(_container, particle) {\n    const shape = particle.shapeData;\n    if (!shape) {\n      return;\n    }\n    particle.pathData = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, shape);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-path/./dist/browser/PathDrawer.js?\n}");
-
-/***/ },
-
-/***/ "./dist/browser/SegmentType.js"
-/*!*************************************!*\
-  !*** ./dist/browser/SegmentType.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 */   SegmentType: () => (/* binding */ SegmentType)\n/* harmony export */ });\nvar SegmentType;\n(function (SegmentType) {\n  SegmentType[\"line\"] = \"line\";\n  SegmentType[\"bezier\"] = \"bezier\";\n  SegmentType[\"quadratic\"] = \"quadratic\";\n  SegmentType[\"arc\"] = \"arc\";\n  SegmentType[\"ellipse\"] = \"ellipse\";\n})(SegmentType || (SegmentType = {}));\n\n//# sourceURL=webpack://@tsparticles/shape-path/./dist/browser/SegmentType.js?\n}");
-
-/***/ },
-
-/***/ "./dist/browser/Utils.js"
-/*!*******************************!*\
-  !*** ./dist/browser/Utils.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 */   drawPath: () => (/* binding */ drawPath)\n/* harmony export */ });\n/* harmony import */ var _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SegmentType.js */ \"./dist/browser/SegmentType.js\");\n\nfunction drawPath(ctx, radius, path) {\n  const firstIndex = 0,\n    firstSegment = path.segments[firstIndex];\n  if (!firstSegment) {\n    return;\n  }\n  const firstValue = firstSegment.values[firstIndex];\n  if (!firstValue) {\n    return;\n  }\n  ctx.moveTo(firstValue.x * radius, firstValue.y * radius);\n  for (const segment of path.segments) {\n    const value = segment.values[firstIndex],\n      index2 = 1,\n      index3 = 2,\n      index4 = 3;\n    if (!value) {\n      continue;\n    }\n    const segmentValue2 = segment.values[index2],\n      segmentValue3 = segment.values[index3],\n      segmentValue4 = segment.values[index4];\n    switch (segment.type) {\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.line:\n        ctx.lineTo(value.x * radius, value.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier:\n        if (!segmentValue2 || !segmentValue3 || !segmentValue4) {\n          break;\n        }\n        ctx.bezierCurveTo(segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x * radius, segmentValue3.y * radius, segmentValue4.x * radius, segmentValue4.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.quadratic:\n        if (!segmentValue2 || !segmentValue3) {\n          break;\n        }\n        ctx.quadraticCurveTo(segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x * radius, segmentValue3.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.arc:\n        if (!segmentValue2 || !segmentValue3) {\n          break;\n        }\n        ctx.arc(value.x * radius, value.y * radius, segmentValue2.x * radius, segmentValue3.x, segmentValue3.y);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.ellipse:\n        if (!segmentValue2 || !segmentValue3 || !segmentValue4) {\n          break;\n        }\n        ctx.ellipse(value.x * radius, value.y * radius, segmentValue2.x * radius, segmentValue2.y * radius, segmentValue3.x, segmentValue4.x, segmentValue4.y);\n    }\n  }\n  if (!path.half) {\n    return;\n  }\n  const lengthOffset = 1,\n    minLength = 0;\n  for (let i = path.segments.length - lengthOffset; i >= minLength; i--) {\n    const segment = path.segments[i];\n    if (!segment) {\n      continue;\n    }\n    const value = segment.values[firstIndex],\n      index2 = 1,\n      index3 = 2,\n      segmentValue2 = segment.values[index2],\n      segmentValue3 = segment.values[index3];\n    switch (segment.type) {\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.line:\n        if (!value) {\n          break;\n        }\n        ctx.lineTo(value.x * -radius, value.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.bezier:\n        if (!value || !segmentValue2 || !segmentValue3) {\n          break;\n        }\n        ctx.bezierCurveTo(-segmentValue3.x * radius, segmentValue3.y * radius, -segmentValue2.x * radius, segmentValue2.y * radius, value.x * radius, value.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.quadratic:\n        if (!segmentValue2 || !segmentValue3) {\n          break;\n        }\n        ctx.quadraticCurveTo(-segmentValue2.x * radius, segmentValue2.y * radius, -segmentValue3.x * radius, segmentValue3.y * radius);\n        break;\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.arc:\n      case _SegmentType_js__WEBPACK_IMPORTED_MODULE_0__.SegmentType.ellipse:\n      default:\n        break;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/shape-path/./dist/browser/Utils.js?\n}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   PathDrawer: () => (/* binding */ PathDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/path-utils */ \"@tsparticles/path-utils\");\n\n\nclass PathDrawer {\n    draw(data) {\n        const { context, particle, radius } = data;\n        if (!particle.pathData) {\n            return;\n        }\n        (0,_tsparticles_path_utils__WEBPACK_IMPORTED_MODULE_1__.drawPath)(context, radius, particle.pathData);\n    }\n    particleInit(_container, particle) {\n        const shape = particle.shapeData;\n        if (!shape) {\n            return;\n        }\n        particle.pathData = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.deepExtend)({}, shape);\n    }\n}\n\n\n//# sourceURL=webpack://@tsparticles/shape-path/./dist/browser/PathDrawer.js?\n}");
 
 /***/ }
 

package/esm/PathDrawer.js

@@ -1,9 +1,6 @@
 import { deepExtend } from "@tsparticles/engine";
-import { drawPath } from "./Utils.js";
+import { drawPath } from "@tsparticles/path-utils";
 export class PathDrawer {
-    constructor() {
-        this.validTypes = ["path"];
-    }
     draw(data) {
         const { context, particle, radius } = data;
         if (!particle.pathData) {

package/esm/index.js

@@ -1,7 +1,9 @@
-export function loadPathShape(engine) {
-    engine.checkVersion("4.0.0-alpha.2");
-    engine.register(async (e) => {
-        const { PathDrawer } = await import("./PathDrawer.js");
-        e.addShape(new PathDrawer());
+export async function loadPathShape(engine) {
+    engine.checkVersion("4.0.0-alpha.20");
+    await engine.register(e => {
+        e.addShape(["path"], async () => {
+            const { PathDrawer } = await import("./PathDrawer.js");
+            return new PathDrawer();
+        });
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/shape-path",
-  "version": "4.0.0-alpha.2",
+  "version": "4.0.0-alpha.20",
   "description": "tsParticles path shape",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -100,7 +100,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-alpha.2"
+    "@tsparticles/engine": "4.0.0-alpha.20",
+    "@tsparticles/path-utils": "4.0.0-alpha.20"
   },
   "publishConfig": {
     "access": "public"