tsparticles 1.37.4 → 1.39.0

package/tsparticles.shape.image.min.js

@@ -0,0 +1,2 @@
+/*! tsParticles v1.39.0 by Matteo Bruni */
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o();else if("function"==typeof define&&define.amd)define([],o);else{var t=o();for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(window,(function(){return function(){"use strict";var e={d:function(o,t){for(var r in t)e.o(t,r)&&!e.o(o,r)&&Object.defineProperty(o,r,{enumerable:!0,get:t[r]})},o:function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},o={};e.r(o),e.d(o,{loadImageShape:function(){return g}});class t{}t.generatedAttribute="generated",t.randomColorValue="random",t.midColorValue="mid",t.touchEndEvent="touchend",t.mouseDownEvent="mousedown",t.mouseUpEvent="mouseup",t.mouseMoveEvent="mousemove",t.touchStartEvent="touchstart",t.touchMoveEvent="touchmove",t.mouseLeaveEvent="mouseleave",t.mouseOutEvent="mouseout",t.touchCancelEvent="touchcancel",t.resizeEvent="resize",t.visibilityChangeEvent="visibilitychange",t.noPolygonDataLoaded="No polygon data loaded.",t.noPolygonFound="No polygon found, you need to specify SVG url in config.";new Map,new Map,new Map,new Map,new Map,new Map,new Map;new WeakSet;function r(e,o){return`hsla(${e.h}, ${e.s}%, ${e.l}%, ${null!=o?o:1})`}const n=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d.]+%?\))|currentcolor/gi;async function a(e){return new Promise((o=>{e.loading=!0;const t=new Image;t.addEventListener("load",(()=>{e.element=t,e.loading=!1,o()})),t.addEventListener("error",(()=>{e.error=!0,e.loading=!1,console.error(`Error tsParticles - loading image: ${e.source}`),o()})),t.src=e.source}))}async function i(e){if("svg"!==e.type)return void await a(e);e.loading=!0;const o=await fetch(e.source);e.loading=!1,o.ok||(console.error("Error tsParticles - Image not found"),e.error=!0),e.error||(e.svgData=await o.text())}function s(e,o,t,i){var s,l,c;const d=function(e,o,t){const{svgData:a}=e;if(!a)return"";const i=r(o,t);if(a.includes("fill"))return a.replace(n,(()=>i));const s=a.indexOf(">");return`${a.substring(0,s)} fill="${i}"${a.substring(s)}`}(e,t,null!==(l=null===(s=i.opacity)||void 0===s?void 0:s.value)&&void 0!==l?l:1),u=new Blob([d],{type:"image/svg+xml"}),g=URL||window.URL||window.webkitURL||window,f=g.createObjectURL(u),v=new Image,m={data:Object.assign(Object.assign({},e),{svgData:d}),ratio:o.width/o.height,replaceColor:null!==(c=o.replaceColor)&&void 0!==c?c:o.replace_color,source:o.src};return v.addEventListener("load",(()=>{const o=i.image;o&&(o.loaded=!0,e.element=v),g.revokeObjectURL(f)})),v.addEventListener("error",(()=>{g.revokeObjectURL(f);const o=Object.assign(Object.assign({},e),{error:!1,loading:!0});a(o).then((()=>{const t=i.image;t&&(e.element=o.element,t.loaded=!0)}))})),v.src=f,m}var l,c=function(e,o,t,r,n){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof o?e!==o||!n:!o.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?n.call(e,t):n?n.value=t:o.set(e,t),t},d=function(e,o,t,r){if("a"===t&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof o?e!==o||!r:!o.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?r:"a"===t?r.call(e):r?r.value:o.get(e)};class u{constructor(){l.set(this,void 0),c(this,l,[],"f")}getSidesCount(){return 12}getImages(e){const o=d(this,l,"f").find((o=>o.id===e.id));return o||(d(this,l,"f").push({id:e.id,images:[]}),this.getImages(e))}addImage(e,o){const t=this.getImages(e);null==t||t.images.push(o)}destroy(){c(this,l,[],"f")}async loadImageShape(e,o){const t=o.src;if(!t)throw new Error("Error tsParticles - No image.src");try{const r={source:t,type:t.substr(t.length-3),error:!1,loading:!0};this.addImage(e,r);const n=o.replaceColor?i:a;await n(r)}catch(e){throw new Error(`tsParticles error - ${o.src} not found`)}}draw(e,o,t,r){var n,a;const i=o.image,s=null===(n=null==i?void 0:i.data)||void 0===n?void 0:n.element;if(!s)return;const l=null!==(a=null==i?void 0:i.ratio)&&void 0!==a?a:1,c={x:-t,y:-t};(null==i?void 0:i.data.svgData)&&(null==i?void 0:i.replaceColor)||(e.globalAlpha=r),e.drawImage(s,c.x,c.y,2*t,2*t/l),(null==i?void 0:i.data.svgData)&&(null==i?void 0:i.replaceColor)||(e.globalAlpha=1)}loadShape(e){var o,t,r;if("image"!==e.shape&&"images"!==e.shape)return;const n=this.getImages(e.container).images,a=e.shapeData,i=n.find((e=>e.source===a.src));let l;if(!i)return void this.loadImageShape(e.container,a).then((()=>{this.loadShape(e)}));if(i.error)return;const c=e.getFillColor();l=i.svgData&&a.replaceColor&&c?s(i,a,c,e):{data:i,loaded:!0,ratio:a.width/a.height,replaceColor:null!==(o=a.replaceColor)&&void 0!==o?o:a.replace_color,source:a.src},l.ratio||(l.ratio=1);const d={image:l,fill:null!==(t=a.fill)&&void 0!==t?t:e.fill,close:null!==(r=a.close)&&void 0!==r?r:e.close};e.image=d.image,e.fill=d.fill,e.close=d.close}}async function g(e){const o=new u;await e.addShape("image",o),await e.addShape("images",o)}return l=new WeakMap,o}()}));

package/tsparticles.shape.line.js

@@ -0,0 +1,60 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+  if (typeof exports === "object" && typeof module === "object") module.exports = factory(); else if (typeof define === "function" && define.amd) define([], factory); else {
+    var a = factory();
+    for (var i in a) (typeof exports === "object" ? exports : root)[i] = a[i];
+  }
+})(window, (function() {
+  return function() {
+    "use strict";
+    var __webpack_require__ = {};
+    !function() {
+      __webpack_require__.d = function(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]
+            });
+          }
+        }
+      };
+    }();
+    !function() {
+      __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+      };
+    }();
+    !function() {
+      __webpack_require__.r = function(exports) {
+        if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+          Object.defineProperty(exports, Symbol.toStringTag, {
+            value: "Module"
+          });
+        }
+        Object.defineProperty(exports, "__esModule", {
+          value: true
+        });
+      };
+    }();
+    var __webpack_exports__ = {};
+    __webpack_require__.r(__webpack_exports__);
+    __webpack_require__.d(__webpack_exports__, {
+      loadLineShape: function() {
+        return loadLineShape;
+      }
+    });
+    class LineDrawer {
+      getSidesCount() {
+        return 1;
+      }
+      draw(context, particle, radius) {
+        context.moveTo(-radius / 2, 0);
+        context.lineTo(radius / 2, 0);
+      }
+    }
+    async function loadLineShape(tsParticles) {
+      await tsParticles.addShape("line", new LineDrawer);
+    }
+    return __webpack_exports__;
+  }();
+}));

package/tsparticles.shape.line.min.js

@@ -0,0 +1,2 @@
+/*! tsParticles v1.39.0 by Matteo Bruni */
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o();else if("function"==typeof define&&define.amd)define([],o);else{var t=o();for(var n in t)("object"==typeof exports?exports:e)[n]=t[n]}}(window,(function(){return function(){"use strict";var e={d:function(o,t){for(var n in t)e.o(t,n)&&!e.o(o,n)&&Object.defineProperty(o,n,{enumerable:!0,get:t[n]})},o:function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},o={};e.r(o),e.d(o,{loadLineShape:function(){return n}});class t{getSidesCount(){return 1}draw(e,o,t){e.moveTo(-t/2,0),e.lineTo(t/2,0)}}async function n(e){await e.addShape("line",new t)}return o}()}));

package/tsparticles.shape.polygon.js

@@ -0,0 +1,131 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+  if (typeof exports === "object" && typeof module === "object") module.exports = factory(); else if (typeof define === "function" && define.amd) define([], factory); else {
+    var a = factory();
+    for (var i in a) (typeof exports === "object" ? exports : root)[i] = a[i];
+  }
+})(window, (function() {
+  return function() {
+    "use strict";
+    var __webpack_require__ = {};
+    !function() {
+      __webpack_require__.d = function(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]
+            });
+          }
+        }
+      };
+    }();
+    !function() {
+      __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+      };
+    }();
+    !function() {
+      __webpack_require__.r = function(exports) {
+        if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+          Object.defineProperty(exports, Symbol.toStringTag, {
+            value: "Module"
+          });
+        }
+        Object.defineProperty(exports, "__esModule", {
+          value: true
+        });
+      };
+    }();
+    var __webpack_exports__ = {};
+    __webpack_require__.r(__webpack_exports__);
+    __webpack_require__.d(__webpack_exports__, {
+      loadGenericPolygonShape: function() {
+        return loadGenericPolygonShape;
+      },
+      loadPolygonShape: function() {
+        return loadPolygonShape;
+      },
+      loadTriangleShape: function() {
+        return loadTriangleShape;
+      }
+    });
+    class PolygonDrawerBase {
+      getSidesCount(particle) {
+        var _a, _b;
+        const polygon = particle.shapeData;
+        return (_b = (_a = polygon === null || polygon === void 0 ? void 0 : polygon.sides) !== null && _a !== void 0 ? _a : polygon === null || polygon === void 0 ? void 0 : polygon.nb_sides) !== null && _b !== void 0 ? _b : 5;
+      }
+      draw(context, particle, radius) {
+        const start = this.getCenter(particle, radius);
+        const side = this.getSidesData(particle, radius);
+        const sideCount = side.count.numerator * side.count.denominator;
+        const decimalSides = side.count.numerator / side.count.denominator;
+        const interiorAngleDegrees = 180 * (decimalSides - 2) / decimalSides;
+        const interiorAngle = Math.PI - Math.PI * interiorAngleDegrees / 180;
+        if (!context) {
+          return;
+        }
+        context.beginPath();
+        context.translate(start.x, start.y);
+        context.moveTo(0, 0);
+        for (let i = 0; i < sideCount; i++) {
+          context.lineTo(side.length, 0);
+          context.translate(side.length, 0);
+          context.rotate(interiorAngle);
+        }
+      }
+    }
+    class PolygonDrawer extends PolygonDrawerBase {
+      getSidesData(particle, radius) {
+        var _a, _b;
+        const polygon = particle.shapeData;
+        const sides = (_b = (_a = polygon === null || polygon === void 0 ? void 0 : polygon.sides) !== null && _a !== void 0 ? _a : polygon === null || polygon === void 0 ? void 0 : polygon.nb_sides) !== null && _b !== void 0 ? _b : 5;
+        return {
+          count: {
+            denominator: 1,
+            numerator: sides
+          },
+          length: radius * 2.66 / (sides / 3)
+        };
+      }
+      getCenter(particle, radius) {
+        const sides = this.getSidesCount(particle);
+        return {
+          x: -radius / (sides / 3.5),
+          y: -radius / (2.66 / 3.5)
+        };
+      }
+    }
+    class TriangleDrawer extends PolygonDrawerBase {
+      getSidesCount() {
+        return 3;
+      }
+      getSidesData(particle, radius) {
+        return {
+          count: {
+            denominator: 2,
+            numerator: 3
+          },
+          length: radius * 2
+        };
+      }
+      getCenter(particle, radius) {
+        return {
+          x: -radius,
+          y: radius / 1.66
+        };
+      }
+    }
+    async function loadGenericPolygonShape(tsParticles) {
+      await tsParticles.addShape("polygon", new PolygonDrawer);
+    }
+    async function loadTriangleShape(tsParticles) {
+      await tsParticles.addShape("triangle", new TriangleDrawer);
+    }
+    async function loadPolygonShape(tsParticles) {
+      await loadGenericPolygonShape(tsParticles);
+      await loadTriangleShape(tsParticles);
+    }
+    return __webpack_exports__;
+  }();
+}));

package/tsparticles.shape.polygon.min.js

@@ -0,0 +1,2 @@
+/*! tsParticles v1.39.0 by Matteo Bruni */
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var n=t();for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(window,(function(){return function(){"use strict";var e={d:function(t,n){for(var o in n)e.o(n,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:n[o]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{loadGenericPolygonShape:function(){return a},loadPolygonShape:function(){return u},loadTriangleShape:function(){return i}});class n{getSidesCount(e){var t,n;const o=e.shapeData;return null!==(n=null!==(t=null==o?void 0:o.sides)&&void 0!==t?t:null==o?void 0:o.nb_sides)&&void 0!==n?n:5}draw(e,t,n){const o=this.getCenter(t,n),r=this.getSidesData(t,n),a=r.count.numerator*r.count.denominator,i=r.count.numerator/r.count.denominator,u=180*(i-2)/i,l=Math.PI-Math.PI*u/180;if(e){e.beginPath(),e.translate(o.x,o.y),e.moveTo(0,0);for(let t=0;t<a;t++)e.lineTo(r.length,0),e.translate(r.length,0),e.rotate(l)}}}class o extends n{getSidesData(e,t){var n,o;const r=e.shapeData,a=null!==(o=null!==(n=null==r?void 0:r.sides)&&void 0!==n?n:null==r?void 0:r.nb_sides)&&void 0!==o?o:5;return{count:{denominator:1,numerator:a},length:2.66*t/(a/3)}}getCenter(e,t){return{x:-t/(this.getSidesCount(e)/3.5),y:-t/.76}}}class r extends n{getSidesCount(){return 3}getSidesData(e,t){return{count:{denominator:2,numerator:3},length:2*t}}getCenter(e,t){return{x:-t,y:t/1.66}}}async function a(e){await e.addShape("polygon",new o)}async function i(e){await e.addShape("triangle",new r)}async function u(e){await a(e),await i(e)}return t}()}));

package/tsparticles.shape.square.js

@@ -0,0 +1,62 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+  if (typeof exports === "object" && typeof module === "object") module.exports = factory(); else if (typeof define === "function" && define.amd) define([], factory); else {
+    var a = factory();
+    for (var i in a) (typeof exports === "object" ? exports : root)[i] = a[i];
+  }
+})(window, (function() {
+  return function() {
+    "use strict";
+    var __webpack_require__ = {};
+    !function() {
+      __webpack_require__.d = function(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]
+            });
+          }
+        }
+      };
+    }();
+    !function() {
+      __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+      };
+    }();
+    !function() {
+      __webpack_require__.r = function(exports) {
+        if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+          Object.defineProperty(exports, Symbol.toStringTag, {
+            value: "Module"
+          });
+        }
+        Object.defineProperty(exports, "__esModule", {
+          value: true
+        });
+      };
+    }();
+    var __webpack_exports__ = {};
+    __webpack_require__.r(__webpack_exports__);
+    __webpack_require__.d(__webpack_exports__, {
+      loadSquareShape: function() {
+        return loadSquareShape;
+      }
+    });
+    const fixFactor = Math.sqrt(2);
+    class SquareDrawer {
+      getSidesCount() {
+        return 4;
+      }
+      draw(context, particle, radius) {
+        context.rect(-radius / fixFactor, -radius / fixFactor, radius * 2 / fixFactor, radius * 2 / fixFactor);
+      }
+    }
+    async function loadSquareShape(tsParticles) {
+      const drawer = new SquareDrawer;
+      await tsParticles.addShape("edge", drawer);
+      await tsParticles.addShape("square", drawer);
+    }
+    return __webpack_exports__;
+  }();
+}));

package/tsparticles.shape.square.min.js

@@ -0,0 +1,2 @@
+/*! tsParticles v1.39.0 by Matteo Bruni */
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var o=t();for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(window,(function(){return function(){"use strict";var e={d:function(t,o){for(var n in o)e.o(o,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:o[n]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{loadSquareShape:function(){return r}});const o=Math.sqrt(2);class n{getSidesCount(){return 4}draw(e,t,n){e.rect(-n/o,-n/o,2*n/o,2*n/o)}}async function r(e){const t=new n;await e.addShape("edge",t),await e.addShape("square",t)}return t}()}));

package/tsparticles.shape.star.js

@@ -0,0 +1,71 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+  if (typeof exports === "object" && typeof module === "object") module.exports = factory(); else if (typeof define === "function" && define.amd) define([], factory); else {
+    var a = factory();
+    for (var i in a) (typeof exports === "object" ? exports : root)[i] = a[i];
+  }
+})(window, (function() {
+  return function() {
+    "use strict";
+    var __webpack_require__ = {};
+    !function() {
+      __webpack_require__.d = function(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]
+            });
+          }
+        }
+      };
+    }();
+    !function() {
+      __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+      };
+    }();
+    !function() {
+      __webpack_require__.r = function(exports) {
+        if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+          Object.defineProperty(exports, Symbol.toStringTag, {
+            value: "Module"
+          });
+        }
+        Object.defineProperty(exports, "__esModule", {
+          value: true
+        });
+      };
+    }();
+    var __webpack_exports__ = {};
+    __webpack_require__.r(__webpack_exports__);
+    __webpack_require__.d(__webpack_exports__, {
+      loadStarShape: function() {
+        return loadStarShape;
+      }
+    });
+    class StarDrawer {
+      getSidesCount(particle) {
+        var _a, _b;
+        const star = particle.shapeData;
+        return (_b = (_a = star === null || star === void 0 ? void 0 : star.sides) !== null && _a !== void 0 ? _a : star === null || star === void 0 ? void 0 : star.nb_sides) !== null && _b !== void 0 ? _b : 5;
+      }
+      draw(context, particle, radius) {
+        var _a;
+        const star = particle.shapeData;
+        const sides = this.getSidesCount(particle);
+        const inset = (_a = star === null || star === void 0 ? void 0 : star.inset) !== null && _a !== void 0 ? _a : 2;
+        context.moveTo(0, 0 - radius);
+        for (let i = 0; i < sides; i++) {
+          context.rotate(Math.PI / sides);
+          context.lineTo(0, 0 - radius * inset);
+          context.rotate(Math.PI / sides);
+          context.lineTo(0, 0 - radius);
+        }
+      }
+    }
+    async function loadStarShape(tsParticles) {
+      await tsParticles.addShape("star", new StarDrawer);
+    }
+    return __webpack_exports__;
+  }();
+}));

package/tsparticles.shape.star.min.js

@@ -0,0 +1,2 @@
+/*! tsParticles v1.39.0 by Matteo Bruni */
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var o=t();for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(window,(function(){return function(){"use strict";var e={d:function(t,o){for(var n in o)e.o(o,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:o[n]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{loadStarShape:function(){return n}});class o{getSidesCount(e){var t,o;const n=e.shapeData;return null!==(o=null!==(t=null==n?void 0:n.sides)&&void 0!==t?t:null==n?void 0:n.nb_sides)&&void 0!==o?o:5}draw(e,t,o){var n;const r=t.shapeData,i=this.getSidesCount(t),a=null!==(n=null==r?void 0:r.inset)&&void 0!==n?n:2;e.moveTo(0,0-o);for(let t=0;t<i;t++)e.rotate(Math.PI/i),e.lineTo(0,0-o*a),e.rotate(Math.PI/i),e.lineTo(0,0-o)}}async function n(e){await e.addShape("star",new o)}return t}()}));