@tsparticles/shape-spiral 3.0.0-alpha.0 → 3.0.0-beta.0

package/tsparticles.shape.spiral.js

@@ -4,22 +4,54 @@
  * 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
+ * v3.0.0-beta.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory();
+		module.exports = factory(require("@tsparticles/engine"));
 	else if(typeof define === 'function' && define.amd)
-		define([], factory);
+		define(["@tsparticles/engine"], factory);
 	else {
-		var a = factory();
+		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, () => {
+})(this, (__WEBPACK_EXTERNAL_MODULE__533__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
-/******/ 	// The require scope
-/******/ 	var __webpack_require__ = {};
+/******/ 	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 */
@@ -52,41 +84,52 @@ return /******/ (() => { // webpackBootstrap
 /******/ 	
 /************************************************************************/
 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__, {
-  "loadSpiralShape": () => (/* binding */ loadSpiralShape)
+  loadSpiralShape: () => (/* binding */ loadSpiralShape)
 });
 
+// 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/SpiralDrawer.js
+
 class SpiralDrawer {
   draw(context, particle, radius) {
-    const spiral = particle,
-      realWidth = (radius - spiral.spiralInnerRadius) / spiral.spiralLineSpacing;
-    for (let i = 0; i < realWidth * 10; i++) {
-      const angle = 0.1 * i,
-        positionFactor = spiral.spiralInnerRadius + spiral.spiralLineSpacing * angle,
-        x = positionFactor * Math.cos(angle),
-        y = positionFactor * Math.sin(angle);
-      context.lineTo(x, y);
+    if (particle.spiralInnerRadius === undefined || particle.spiralLineSpacing === undefined || particle.spiralWidthFactor === undefined) {
+      return;
+    }
+    const realWidth = (radius - particle.spiralInnerRadius) / particle.spiralLineSpacing,
+      widthFactor = 10;
+    for (let i = 0; i < realWidth * widthFactor; i++) {
+      const angle = i / widthFactor,
+        factor = particle.spiralInnerRadius + particle.spiralLineSpacing * angle,
+        pos = {
+          x: factor * Math.cos(angle),
+          y: factor * Math.sin(angle)
+        };
+      context.lineTo(pos.x, pos.y);
     }
   }
   particleInit(container, particle) {
-    var _a, _b;
     const pixelRatio = container.retina.pixelRatio,
-      shapeData = particle.shapeData,
-      spiral = particle;
-    spiral.spiralInnerRadius = ((_a = shapeData.innerRadius) !== null && _a !== void 0 ? _a : 1) * pixelRatio;
-    spiral.spiralLineSpacing = ((_b = shapeData.lineSpacing) !== null && _b !== void 0 ? _b : 1) * pixelRatio;
+      shapeData = particle.shapeData;
+    particle.spiralInnerRadius = (0,engine_root_window_.getRangeValue)(shapeData.innerRadius ?? 1) * pixelRatio;
+    particle.spiralLineSpacing = (0,engine_root_window_.getRangeValue)(shapeData.lineSpacing ?? 1) * pixelRatio;
+    particle.spiralWidthFactor = (0,engine_root_window_.getRangeValue)(shapeData.widthFactor ?? 10);
   }
 }
 ;// CONCATENATED MODULE: ./dist/browser/index.js
 
-function loadSpiralShape(engine) {
-  engine.addShape("spiral", new SpiralDrawer());
+async function loadSpiralShape(engine, refresh = true) {
+  await engine.addShape("spiral", new SpiralDrawer(), refresh);
 }
+})();
+
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;

package/tsparticles.shape.spiral.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.shape.spiral.min.js.LICENSE.txt */
-!function(e,i){if("object"==typeof exports&&"object"==typeof module)module.exports=i();else if("function"==typeof define&&define.amd)define([],i);else{var n=i();for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(this,(()=>(()=>{"use strict";var e={d:(i,n)=>{for(var o in n)e.o(n,o)&&!e.o(i,o)&&Object.defineProperty(i,o,{enumerable:!0,get:n[o]})},o:(e,i)=>Object.prototype.hasOwnProperty.call(e,i),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},i={};e.r(i),e.d(i,{loadSpiralShape:()=>o});class n{draw(e,i,n){const o=i,t=(n-o.spiralInnerRadius)/o.spiralLineSpacing;for(let i=0;i<10*t;i++){const n=.1*i,t=o.spiralInnerRadius+o.spiralLineSpacing*n,r=t*Math.cos(n),a=t*Math.sin(n);e.lineTo(r,a)}}particleInit(e,i){var n,o;const t=e.retina.pixelRatio,r=i.shapeData,a=i;a.spiralInnerRadius=(null!==(n=r.innerRadius)&&void 0!==n?n:1)*t,a.spiralLineSpacing=(null!==(o=r.lineSpacing)&&void 0!==o?o:1)*t}}function o(e){e.addShape("spiral",new n)}return i})()));
+!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],r);else{var i="object"==typeof exports?r(require("@tsparticles/engine")):r(e.window);for(var t in i)("object"==typeof exports?exports:e)[t]=i[t]}}(this,(e=>(()=>{"use strict";var r={533:r=>{r.exports=e}},i={};function t(e){var a=i[e];if(void 0!==a)return a.exports;var n=i[e]={exports:{}};return r[e](n,n.exports,t),n.exports}t.d=(e,r)=>{for(var i in r)t.o(r,i)&&!t.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:r[i]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{t.r(a),t.d(a,{loadSpiralShape:()=>i});var e=t(533);class r{draw(e,r,i){if(void 0===r.spiralInnerRadius||void 0===r.spiralLineSpacing||void 0===r.spiralWidthFactor)return;const t=(i-r.spiralInnerRadius)/r.spiralLineSpacing;for(let i=0;i<10*t;i++){const t=i/10,a=r.spiralInnerRadius+r.spiralLineSpacing*t,n={x:a*Math.cos(t),y:a*Math.sin(t)};e.lineTo(n.x,n.y)}}particleInit(r,i){const t=r.retina.pixelRatio,a=i.shapeData;i.spiralInnerRadius=(0,e.getRangeValue)(a.innerRadius??1)*t,i.spiralLineSpacing=(0,e.getRangeValue)(a.lineSpacing??1)*t,i.spiralWidthFactor=(0,e.getRangeValue)(a.widthFactor??10)}}async function i(e,i=!0){await e.addShape("spiral",new r,i)}})(),a})()));

package/tsparticles.shape.spiral.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.0
- */
+/*! tsParticles Spiral Shape v3.0.0-beta.0 by Matteo Bruni */

package/types/ISpiralData.d.ts

@@ -1,5 +1,6 @@
-import type { IShapeValues } from "@tsparticles/engine";
+import type { IShapeValues, RangeValue } from "@tsparticles/engine";
 export interface ISpiralData extends IShapeValues {
-    innerRadius: number;
-    lineSpacing: number;
+    innerRadius: RangeValue;
+    lineSpacing: RangeValue;
+    widthFactor: RangeValue;
 }

package/types/SpiralDrawer.d.ts

@@ -1,5 +1,6 @@
-import type { Container, IParticle, IShapeDrawer } from "@tsparticles/engine";
+import { type Container, type IShapeDrawer } from "@tsparticles/engine";
+import type { SpiralParticle } from "./SpiralParticle";
 export declare class SpiralDrawer implements IShapeDrawer {
-    draw(context: CanvasRenderingContext2D, particle: IParticle, radius: number): void;
-    particleInit(container: Container, particle: IParticle): void;
+    draw(context: CanvasRenderingContext2D, particle: SpiralParticle, radius: number): void;
+    particleInit(container: Container, particle: SpiralParticle): void;
 }

package/types/SpiralParticle.d.ts

@@ -0,0 +1,6 @@
+import type { Particle } from "@tsparticles/engine";
+export type SpiralParticle = Particle & {
+    spiralInnerRadius?: number;
+    spiralLineSpacing?: number;
+    spiralWidthFactor?: number;
+};

package/types/index.d.ts

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

package/umd/SpiralDrawer.js

@@ -4,25 +4,34 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports"], factory);
+        define(["require", "exports", "@tsparticles/engine"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.SpiralDrawer = void 0;
+    const engine_1 = require("@tsparticles/engine");
     class SpiralDrawer {
         draw(context, particle, radius) {
-            const spiral = particle, realWidth = (radius - spiral.spiralInnerRadius) / spiral.spiralLineSpacing;
-            for (let i = 0; i < realWidth * 10; i++) {
-                const angle = 0.1 * i, positionFactor = spiral.spiralInnerRadius + spiral.spiralLineSpacing * angle, x = positionFactor * Math.cos(angle), y = positionFactor * Math.sin(angle);
-                context.lineTo(x, y);
+            if (particle.spiralInnerRadius === undefined ||
+                particle.spiralLineSpacing === undefined ||
+                particle.spiralWidthFactor === undefined) {
+                return;
+            }
+            const realWidth = (radius - particle.spiralInnerRadius) / particle.spiralLineSpacing, widthFactor = 10;
+            for (let i = 0; i < realWidth * widthFactor; i++) {
+                const angle = i / widthFactor, factor = particle.spiralInnerRadius + particle.spiralLineSpacing * angle, pos = {
+                    x: factor * Math.cos(angle),
+                    y: factor * Math.sin(angle),
+                };
+                context.lineTo(pos.x, pos.y);
             }
         }
         particleInit(container, particle) {
-            var _a, _b;
-            const pixelRatio = container.retina.pixelRatio, shapeData = particle.shapeData, spiral = particle;
-            spiral.spiralInnerRadius = ((_a = shapeData.innerRadius) !== null && _a !== void 0 ? _a : 1) * pixelRatio;
-            spiral.spiralLineSpacing = ((_b = shapeData.lineSpacing) !== null && _b !== void 0 ? _b : 1) * pixelRatio;
+            const pixelRatio = container.retina.pixelRatio, shapeData = particle.shapeData;
+            particle.spiralInnerRadius = (0, engine_1.getRangeValue)(shapeData.innerRadius ?? 1) * pixelRatio;
+            particle.spiralLineSpacing = (0, engine_1.getRangeValue)(shapeData.lineSpacing ?? 1) * pixelRatio;
+            particle.spiralWidthFactor = (0, engine_1.getRangeValue)(shapeData.widthFactor ?? 10);
         }
     }
     exports.SpiralDrawer = SpiralDrawer;

package/umd/index.js

@@ -11,8 +11,8 @@
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadSpiralShape = void 0;
     const SpiralDrawer_1 = require("./SpiralDrawer");
-    function loadSpiralShape(engine) {
-        engine.addShape("spiral", new SpiralDrawer_1.SpiralDrawer());
+    async function loadSpiralShape(engine, refresh = true) {
+        await engine.addShape("spiral", new SpiralDrawer_1.SpiralDrawer(), refresh);
     }
     exports.loadSpiralShape = loadSpiralShape;
 });

package/types/ISpiralParticle.d.ts

@@ -1,5 +0,0 @@
-import type { IParticle } from "@tsparticles/engine";
-export interface ISpiralParticle extends IParticle {
-    spiralInnerRadius: number;
-    spiralLineSpacing: number;
-}