@tsparticles/shape-rounded-rect 3.0.0-alpha.0

package/tsparticles.shape.rounded-rect.js

@@ -0,0 +1,118 @@
+/*!
+ * 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();
+	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];
+	}
+})(this, () => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* 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__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "loadRoundedRectShape": () => (/* binding */ loadRoundedRectShape)
+});
+
+;// CONCATENATED MODULE: ./dist/browser/RoundedRectDrawer.js
+const drawRoundedRect = (ctx, info, radius = {
+  topRight: 4,
+  bottomRight: 4,
+  bottomLeft: 4,
+  topLeft: 4
+}) => {
+  const {
+    x,
+    y,
+    width,
+    height
+  } = info;
+  const r = x + width;
+  const b = y + height;
+  ctx.moveTo(x + radius.topLeft, y);
+  ctx.lineTo(r - radius.topRight, y);
+  ctx.quadraticCurveTo(r, y, r, y + radius.topRight);
+  ctx.lineTo(r, y + height - radius.bottomRight);
+  ctx.quadraticCurveTo(r, b, r - radius.bottomRight, b);
+  ctx.lineTo(x + radius.bottomLeft, b);
+  ctx.quadraticCurveTo(x, b, x, b - radius.bottomLeft);
+  ctx.lineTo(x, y + radius.topLeft);
+  ctx.quadraticCurveTo(x, y, x + radius.topLeft, y);
+};
+class RoundedRectDrawer {
+  draw(context, particle, radius) {
+    const roundedRect = particle;
+    drawRoundedRect(context, {
+      x: 0,
+      y: 0,
+      height: radius,
+      width: radius
+    }, {
+      topLeft: roundedRect.borderRadius,
+      topRight: roundedRect.borderRadius,
+      bottomLeft: roundedRect.borderRadius,
+      bottomRight: roundedRect.borderRadius
+    });
+  }
+  particleInit(container, particle) {
+    var _a;
+    const shapeData = particle.shapeData;
+    const roundedRect = particle;
+    roundedRect.borderRadius = ((_a = shapeData === null || shapeData === void 0 ? void 0 : shapeData.radius) !== null && _a !== void 0 ? _a : 4) * container.retina.pixelRatio;
+  }
+}
+;// CONCATENATED MODULE: ./dist/browser/index.js
+
+function loadRoundedRectShape(engine) {
+  engine.addShape("rounded-rect", new RoundedRectDrawer());
+}
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

package/tsparticles.shape.rounded-rect.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see tsparticles.shape.rounded-rect.min.js.LICENSE.txt */
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var o=e();for(var r in o)("object"==typeof exports?exports:t)[r]=o[r]}}(this,(()=>(()=>{"use strict";var t={d:(e,o)=>{for(var r in o)t.o(o,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{loadRoundedRectShape:()=>r});class o{draw(t,e,o){const r=e;((t,e,o={topRight:4,bottomRight:4,bottomLeft:4,topLeft:4})=>{const{x:r,y:i,width:d,height:a}=e,n=r+d,u=i+a;t.moveTo(r+o.topLeft,i),t.lineTo(n-o.topRight,i),t.quadraticCurveTo(n,i,n,i+o.topRight),t.lineTo(n,i+a-o.bottomRight),t.quadraticCurveTo(n,u,n-o.bottomRight,u),t.lineTo(r+o.bottomLeft,u),t.quadraticCurveTo(r,u,r,u-o.bottomLeft),t.lineTo(r,i+o.topLeft),t.quadraticCurveTo(r,i,r+o.topLeft,i)})(t,{x:0,y:0,height:o,width:o},{topLeft:r.borderRadius,topRight:r.borderRadius,bottomLeft:r.borderRadius,bottomRight:r.borderRadius})}particleInit(t,e){var o;const r=e.shapeData;e.borderRadius=(null!==(o=null==r?void 0:r.radius)&&void 0!==o?o:4)*t.retina.pixelRatio}}function r(t){t.addShape("rounded-rect",new o)}return e})()));

package/tsparticles.shape.rounded-rect.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/IRoundedParticle.d.ts

@@ -0,0 +1,4 @@
+import type { IParticle } from "@tsparticles/engine";
+export interface IRoundedParticle extends IParticle {
+    borderRadius: number;
+}

package/types/IRoundedRectData.d.ts

@@ -0,0 +1,4 @@
+import type { IShapeValues } from "@tsparticles/engine";
+export interface IRoundedRectData extends IShapeValues {
+    radius: number;
+}

package/types/RadiusInfo.d.ts

@@ -0,0 +1,6 @@
+export type RadiusInfo = {
+    bottomLeft: number;
+    bottomRight: number;
+    topLeft: number;
+    topRight: number;
+};

package/types/RectInfo.d.ts

@@ -0,0 +1,6 @@
+export type RectInfo = {
+    height: number;
+    width: number;
+    x: number;
+    y: number;
+};

package/types/RoundedRectDrawer.d.ts

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

package/types/index.d.ts

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

package/umd/IRoundedParticle.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/IRoundedRectData.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/RadiusInfo.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/RectInfo.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/RoundedRectDrawer.js

@@ -0,0 +1,55 @@
+(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 });
+    exports.RoundedRectDrawer = void 0;
+    const drawRoundedRect = (ctx, info, radius = {
+        topRight: 4,
+        bottomRight: 4,
+        bottomLeft: 4,
+        topLeft: 4,
+    }) => {
+        const { x, y, width, height } = info;
+        const r = x + width;
+        const b = y + height;
+        ctx.moveTo(x + radius.topLeft, y);
+        ctx.lineTo(r - radius.topRight, y);
+        ctx.quadraticCurveTo(r, y, r, y + radius.topRight);
+        ctx.lineTo(r, y + height - radius.bottomRight);
+        ctx.quadraticCurveTo(r, b, r - radius.bottomRight, b);
+        ctx.lineTo(x + radius.bottomLeft, b);
+        ctx.quadraticCurveTo(x, b, x, b - radius.bottomLeft);
+        ctx.lineTo(x, y + radius.topLeft);
+        ctx.quadraticCurveTo(x, y, x + radius.topLeft, y);
+    };
+    class RoundedRectDrawer {
+        draw(context, particle, radius) {
+            const roundedRect = particle;
+            drawRoundedRect(context, {
+                x: 0,
+                y: 0,
+                height: radius,
+                width: radius,
+            }, {
+                topLeft: roundedRect.borderRadius,
+                topRight: roundedRect.borderRadius,
+                bottomLeft: roundedRect.borderRadius,
+                bottomRight: roundedRect.borderRadius,
+            });
+        }
+        particleInit(container, particle) {
+            var _a;
+            const shapeData = particle.shapeData;
+            const roundedRect = particle;
+            roundedRect.borderRadius = ((_a = shapeData === null || shapeData === void 0 ? void 0 : shapeData.radius) !== null && _a !== void 0 ? _a : 4) * container.retina.pixelRatio;
+        }
+    }
+    exports.RoundedRectDrawer = RoundedRectDrawer;
+});

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", "./RoundedRectDrawer"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.loadRoundedRectShape = void 0;
+    const RoundedRectDrawer_1 = require("./RoundedRectDrawer");
+    function loadRoundedRectShape(engine) {
+        engine.addShape("rounded-rect", new RoundedRectDrawer_1.RoundedRectDrawer());
+    }
+    exports.loadRoundedRectShape = loadRoundedRectShape;
+});