@onepercentio/one-ui 1.3.4 → 1.3.5

package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js

@@ -1,78 +1,56 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-exports.default = DiagonalSquareToBalls;
-var _server = require("react-dom/server");
-var _react = _interopRequireDefault(require("react"));
-var _utils = _interopRequireWildcard(require("./utils"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const server_1 = require("react-dom/server");
+const utils_1 = __importStar(require("./utils"));
 /**
  * Creates an svg that transitions from a square grid to rounded corners and them shrinks the balls to reveal the content
  * @param amountOfVerticalSquares The amount of squares vertically to be shown
  */
-function DiagonalSquareToBalls() {
-  let amountOfVerticalSquares = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
-  return function (el) {
-    const height = el.clientHeight;
-    const width = el.clientWidth;
-    const _ballsize = height / amountOfVerticalSquares;
-    const maximumBalls = width / _ballsize;
-    const amountOfBalls = Math.floor(maximumBalls);
-    const _time = (0, _utils.getTime)(el);
-    const rndTime = () => _time * 0.25 + _time * 0.75 * 1;
-    const resultSvg = (0, _server.renderToString)( /*#__PURE__*/_react.default.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      id: Date.now().toString()
-    }, (0, _utils.default)(amountOfVerticalSquares, amountOfBalls, _ballsize).map(_ref => {
-      let {
-        ballSize: _ballsize,
-        x: _x,
-        y: _y,
-        column,
-        row
-      } = _ref;
-      const ratio = column / amountOfBalls * (row / amountOfVerticalSquares);
-      const fourthTime = rndTime() * 0.25;
-      const time = fourthTime + ratio * (fourthTime * 3);
-      const padding = 1 * _ballsize;
-      const ballsize = _ballsize - padding;
-      const x = _x + padding / 2;
-      const y = _y + padding / 2;
-      return /*#__PURE__*/_react.default.createElement("rect", {
-        fill: "white",
-        rx: "".concat(ballsize, "px")
-      }, /*#__PURE__*/_react.default.createElement("animate", {
-        attributeName: "rx",
-        attributeType: "XML",
-        values: "".concat(0, "px;", 0, "px;", _ballsize, "px"),
-        dur: "".concat(time / 2, "ms")
-      }), /*#__PURE__*/_react.default.createElement("animate", {
-        attributeName: "x",
-        attributeType: "XML",
-        values: "".concat(_x, "px;").concat(x, "px;").concat(x + ballsize / 2, "px"),
-        dur: "".concat(time, "ms")
-      }), /*#__PURE__*/_react.default.createElement("animate", {
-        attributeName: "y",
-        attributeType: "XML",
-        values: "".concat(_y, "px;").concat(y, "px;").concat(y + ballsize / 2, "px"),
-        dur: "".concat(time, "ms")
-      }), /*#__PURE__*/_react.default.createElement("animate", {
-        attributeName: "width",
-        attributeType: "XML",
-        values: "".concat(_ballsize, "px;").concat(ballsize, "px;", 0, "px"),
-        dur: "".concat(time, "ms")
-      }), /*#__PURE__*/_react.default.createElement("animate", {
-        attributeName: "height",
-        attributeType: "XML",
-        values: "".concat(_ballsize, "px;").concat(ballsize, "px;", 0, "px"),
-        dur: "".concat(time, "ms")
-      }));
-    })));
-    return "url('data:image/svg+xml;charset=utf8,".concat(encodeURIComponent(resultSvg), "')");
-  };
+function DiagonalSquareToBalls(amountOfVerticalSquares = 10) {
+    return function (el) {
+        const height = el.clientHeight;
+        const width = el.clientWidth;
+        const _ballsize = height / amountOfVerticalSquares;
+        const maximumBalls = width / _ballsize;
+        const amountOfBalls = Math.floor(maximumBalls);
+        const _time = (0, utils_1.getTime)(el);
+        const rndTime = () => _time * 0.25 + _time * 0.75 * 1;
+        const resultSvg = (0, server_1.renderToString)((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", id: Date.now().toString(), children: (0, utils_1.default)(amountOfVerticalSquares, amountOfBalls, _ballsize).map(({ ballSize: _ballsize, x: _x, y: _y, column, row }) => {
+                const ratio = (column / amountOfBalls) * (row / amountOfVerticalSquares);
+                const fourthTime = rndTime() * 0.25;
+                const time = fourthTime + ratio * (fourthTime * 3);
+                const padding = 1 * _ballsize;
+                const ballsize = _ballsize - padding;
+                const x = _x + padding / 2;
+                const y = _y + padding / 2;
+                return ((0, jsx_runtime_1.jsxs)("rect", { fill: "white", rx: `${ballsize}px`, children: [(0, jsx_runtime_1.jsx)("animate", { attributeName: "rx", attributeType: "XML", values: `${0}px;${0}px;${_ballsize}px`, dur: `${time / 2}ms` }), (0, jsx_runtime_1.jsx)("animate", { attributeName: "x", attributeType: "XML", values: `${_x}px;${x}px;${x + ballsize / 2}px`, dur: `${time}ms` }), (0, jsx_runtime_1.jsx)("animate", { attributeName: "y", attributeType: "XML", values: `${_y}px;${y}px;${y + ballsize / 2}px`, dur: `${time}ms` }), (0, jsx_runtime_1.jsx)("animate", { attributeName: "width", attributeType: "XML", values: `${_ballsize}px;${ballsize}px;${0}px`, dur: `${time}ms` }), (0, jsx_runtime_1.jsx)("animate", { attributeName: "height", attributeType: "XML", values: `${_ballsize}px;${ballsize}px;${0}px`, dur: `${time}ms` })] }));
+            }) }));
+        return `url('data:image/svg+xml;charset=utf8,${encodeURIComponent(resultSvg)}')`;
+    };
 }
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfc2VydmVyIiwicmVxdWlyZSIsIl9yZWFjdCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfdXRpbHMiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsIm5vZGVJbnRlcm9wIiwiV2Vha01hcCIsImNhY2hlQmFiZWxJbnRlcm9wIiwiY2FjaGVOb2RlSW50ZXJvcCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiY2FjaGUiLCJoYXMiLCJnZXQiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImRlc2MiLCJzZXQiLCJEaWFnb25hbFNxdWFyZVRvQmFsbHMiLCJhbW91bnRPZlZlcnRpY2FsU3F1YXJlcyIsImFyZ3VtZW50cyIsImxlbmd0aCIsInVuZGVmaW5lZCIsImVsIiwiaGVpZ2h0IiwiY2xpZW50SGVpZ2h0Iiwid2lkdGgiLCJjbGllbnRXaWR0aCIsIl9iYWxsc2l6ZSIsIm1heGltdW1CYWxscyIsImFtb3VudE9mQmFsbHMiLCJNYXRoIiwiZmxvb3IiLCJfdGltZSIsImdldFRpbWUiLCJybmRUaW1lIiwicmVzdWx0U3ZnIiwicmVuZGVyVG9TdHJpbmciLCJjcmVhdGVFbGVtZW50IiwieG1sbnMiLCJpZCIsIkRhdGUiLCJub3ciLCJ0b1N0cmluZyIsImJ1aWxkR3JpZCIsIm1hcCIsIl9yZWYiLCJiYWxsU2l6ZSIsIngiLCJfeCIsInkiLCJfeSIsImNvbHVtbiIsInJvdyIsInJhdGlvIiwiZm91cnRoVGltZSIsInRpbWUiLCJwYWRkaW5nIiwiYmFsbHNpemUiLCJmaWxsIiwicngiLCJjb25jYXQiLCJhdHRyaWJ1dGVOYW1lIiwiYXR0cmlidXRlVHlwZSIsInZhbHVlcyIsImR1ciIsImVuY29kZVVSSUNvbXBvbmVudCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RyYW5zaXRpb24vTWFza3NGYWN0b3J5L0RpYWdvbmFsU3F1YXJlVG9CYWxscy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgcmVuZGVyVG9TdHJpbmcgfSBmcm9tIFwicmVhY3QtZG9tL3NlcnZlclwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGJ1aWxkR3JpZCwgeyBnZXRUaW1lIH0gZnJvbSBcIi4vdXRpbHNcIjtcblxuLyoqXG4gKiBDcmVhdGVzIGFuIHN2ZyB0aGF0IHRyYW5zaXRpb25zIGZyb20gYSBzcXVhcmUgZ3JpZCB0byByb3VuZGVkIGNvcm5lcnMgYW5kIHRoZW0gc2hyaW5rcyB0aGUgYmFsbHMgdG8gcmV2ZWFsIHRoZSBjb250ZW50XG4gKiBAcGFyYW0gYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXMgVGhlIGFtb3VudCBvZiBzcXVhcmVzIHZlcnRpY2FsbHkgdG8gYmUgc2hvd25cbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gRGlhZ29uYWxTcXVhcmVUb0JhbGxzKFxuICBhbW91bnRPZlZlcnRpY2FsU3F1YXJlczogbnVtYmVyID0gMTBcbikge1xuICByZXR1cm4gZnVuY3Rpb24gKGVsOiBIVE1MRGl2RWxlbWVudCkge1xuICAgIGNvbnN0IGhlaWdodCA9IGVsLmNsaWVudEhlaWdodDtcbiAgICBjb25zdCB3aWR0aCA9IGVsLmNsaWVudFdpZHRoO1xuICAgIGNvbnN0IF9iYWxsc2l6ZSA9IGhlaWdodCAvIGFtb3VudE9mVmVydGljYWxTcXVhcmVzO1xuICAgIGNvbnN0IG1heGltdW1CYWxscyA9IHdpZHRoIC8gX2JhbGxzaXplO1xuICAgIGNvbnN0IGFtb3VudE9mQmFsbHMgPSBNYXRoLmZsb29yKG1heGltdW1CYWxscyk7XG5cbiAgICBjb25zdCBfdGltZSA9IGdldFRpbWUoZWwpO1xuICAgIGNvbnN0IHJuZFRpbWUgPSAoKSA9PiBfdGltZSAqIDAuMjUgKyBfdGltZSAqIDAuNzUgKiAxO1xuXG4gICAgY29uc3QgcmVzdWx0U3ZnID0gcmVuZGVyVG9TdHJpbmcoXG4gICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiBpZD17RGF0ZS5ub3coKS50b1N0cmluZygpfT5cbiAgICAgICAge2J1aWxkR3JpZChhbW91bnRPZlZlcnRpY2FsU3F1YXJlcywgYW1vdW50T2ZCYWxscywgX2JhbGxzaXplKS5tYXAoXG4gICAgICAgICAgKHsgYmFsbFNpemU6IF9iYWxsc2l6ZSwgeDogX3gsIHk6IF95LCBjb2x1bW4sIHJvdyB9KSA9PiB7XG4gICAgICAgICAgICBjb25zdCByYXRpbyA9XG4gICAgICAgICAgICAgIChjb2x1bW4gLyBhbW91bnRPZkJhbGxzKSAqIChyb3cgLyBhbW91bnRPZlZlcnRpY2FsU3F1YXJlcyk7XG4gICAgICAgICAgICBjb25zdCBmb3VydGhUaW1lID0gcm5kVGltZSgpICogMC4yNTtcbiAgICAgICAgICAgIGNvbnN0IHRpbWUgPSBmb3VydGhUaW1lICsgcmF0aW8gKiAoZm91cnRoVGltZSAqIDMpO1xuICAgICAgICAgICAgY29uc3QgcGFkZGluZyA9IDEgKiBfYmFsbHNpemU7XG4gICAgICAgICAgICBjb25zdCBiYWxsc2l6ZSA9IF9iYWxsc2l6ZSAtIHBhZGRpbmc7XG5cbiAgICAgICAgICAgIGNvbnN0IHggPSBfeCArIHBhZGRpbmcgLyAyO1xuICAgICAgICAgICAgY29uc3QgeSA9IF95ICsgcGFkZGluZyAvIDI7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8cmVjdCBmaWxsPVwid2hpdGVcIiByeD17YCR7YmFsbHNpemV9cHhgfT5cbiAgICAgICAgICAgICAgICA8YW5pbWF0ZVxuICAgICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT1cInJ4XCJcbiAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZVR5cGU9XCJYTUxcIlxuICAgICAgICAgICAgICAgICAgdmFsdWVzPXtgJHswfXB4OyR7MH1weDske19iYWxsc2l6ZX1weGB9XG4gICAgICAgICAgICAgICAgICBkdXI9e2Ake3RpbWUgLyAyfW1zYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxhbmltYXRlXG4gICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPVwieFwiXG4gICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVUeXBlPVwiWE1MXCJcbiAgICAgICAgICAgICAgICAgIHZhbHVlcz17YCR7X3h9cHg7JHt4fXB4OyR7eCArIGJhbGxzaXplIC8gMn1weGB9XG4gICAgICAgICAgICAgICAgICBkdXI9e2Ake3RpbWV9bXNgfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPGFuaW1hdGVcbiAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZU5hbWU9XCJ5XCJcbiAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZVR5cGU9XCJYTUxcIlxuICAgICAgICAgICAgICAgICAgdmFsdWVzPXtgJHtfeX1weDske3l9cHg7JHt5ICsgYmFsbHNpemUgLyAyfXB4YH1cbiAgICAgICAgICAgICAgICAgIGR1cj17YCR7dGltZX1tc2B9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8YW5pbWF0ZVxuICAgICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT1cIndpZHRoXCJcbiAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZVR5cGU9XCJYTUxcIlxuICAgICAgICAgICAgICAgICAgdmFsdWVzPXtgJHtfYmFsbHNpemV9cHg7JHtiYWxsc2l6ZX1weDskezB9cHhgfVxuICAgICAgICAgICAgICAgICAgZHVyPXtgJHt0aW1lfW1zYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxhbmltYXRlXG4gICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPVwiaGVpZ2h0XCJcbiAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZVR5cGU9XCJYTUxcIlxuICAgICAgICAgICAgICAgICAgdmFsdWVzPXtgJHtfYmFsbHNpemV9cHg7JHtiYWxsc2l6ZX1weDskezB9cHhgfVxuICAgICAgICAgICAgICAgICAgZHVyPXtgJHt0aW1lfW1zYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L3JlY3Q+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH1cbiAgICAgICAgKX1cbiAgICAgIDwvc3ZnPlxuICAgICk7XG5cbiAgICByZXR1cm4gYHVybCgnZGF0YTppbWFnZS9zdmcreG1sO2NoYXJzZXQ9dXRmOCwke2VuY29kZVVSSUNvbXBvbmVudChcbiAgICAgIHJlc3VsdFN2Z1xuICAgICl9JylgO1xuICB9O1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxPQUFBLEdBQUFDLE9BQUE7QUFDQSxJQUFBQyxNQUFBLEdBQUFDLHNCQUFBLENBQUFGLE9BQUE7QUFDQSxJQUFBRyxNQUFBLEdBQUFDLHVCQUFBLENBQUFKLE9BQUE7QUFBNkMsU0FBQUsseUJBQUFDLFdBQUEsZUFBQUMsT0FBQSxrQ0FBQUMsaUJBQUEsT0FBQUQsT0FBQSxRQUFBRSxnQkFBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLENBQUFDLFdBQUEsV0FBQUEsV0FBQSxHQUFBRyxnQkFBQSxHQUFBRCxpQkFBQSxLQUFBRixXQUFBO0FBQUEsU0FBQUYsd0JBQUFNLEdBQUEsRUFBQUosV0FBQSxTQUFBQSxXQUFBLElBQUFJLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLFdBQUFELEdBQUEsUUFBQUEsR0FBQSxvQkFBQUEsR0FBQSx3QkFBQUEsR0FBQSw0QkFBQUUsT0FBQSxFQUFBRixHQUFBLFVBQUFHLEtBQUEsR0FBQVIsd0JBQUEsQ0FBQUMsV0FBQSxPQUFBTyxLQUFBLElBQUFBLEtBQUEsQ0FBQUMsR0FBQSxDQUFBSixHQUFBLFlBQUFHLEtBQUEsQ0FBQUUsR0FBQSxDQUFBTCxHQUFBLFNBQUFNLE1BQUEsV0FBQUMscUJBQUEsR0FBQUMsTUFBQSxDQUFBQyxjQUFBLElBQUFELE1B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
+exports.default = DiagonalSquareToBalls;
+//# sourceMappingURL=DiagonalSquareToBalls.js.map

package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiagonalSquareToBalls.js","sourceRoot":"","sources":["../../../../src/components/Transition/MasksFactory/DiagonalSquareToBalls.tsx"],"names":[],"mappings":"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"}

package/dist/components/Transition/MasksFactory/PhysicsSquares.d.ts

@@ -0,0 +1,7 @@
+/**
+ * DO NOT DARE TO USE THIS IF YOU HAVE A MINIMAL RESPECT FOR PERFORMANCE
+ *
+ * Creates an svg that transitions from a square grid to rounded corners and them shrinks the balls to reveal the content
+ * @param amountOfVerticalSquares The amount of squares vertically to be shown
+ */
+export default function PhysicsSquares(amountOfVerticalSquares?: number): (el: HTMLDivElement) => string;

package/dist/components/Transition/MasksFactory/PhysicsSquares.js

@@ -1,96 +1,86 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = PhysicsSquares;
-var _matterJs = _interopRequireDefault(require("matter-js"));
-var _utils = _interopRequireDefault(require("./utils"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const matter_js_1 = __importDefault(require("matter-js"));
+const utils_1 = __importDefault(require("./utils"));
 /**
  * DO NOT DARE TO USE THIS IF YOU HAVE A MINIMAL RESPECT FOR PERFORMANCE
- * 
+ *
  * Creates an svg that transitions from a square grid to rounded corners and them shrinks the balls to reveal the content
  * @param amountOfVerticalSquares The amount of squares vertically to be shown
  */
-function PhysicsSquares() {
-  let amountOfVerticalSquares = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
-  return function (el) {
-    const height = el.clientHeight;
-    const width = el.clientWidth;
-    const _ballsize = height / amountOfVerticalSquares;
-    const maximumBalls = width / _ballsize;
-    const amountOfBalls = Math.floor(maximumBalls);
-    const gridData = (0, _utils.default)(amountOfVerticalSquares, amountOfBalls, _ballsize);
-    const _time = getComputedStyle(el).getPropertyValue("--animation-speed-transition");
-    const time = _time.endsWith("ms") ? Number(_time.replace("ms", "")) : Number(_time.replace("s", "")) * 1000;
-    const canvas = document.createElement("canvas");
-    canvas.width = el.clientWidth / 10;
-    canvas.height = el.clientHeight / 10;
-    // module aliases
-    var Engine = _matterJs.default.Engine,
-      Render = _matterJs.default.Render,
-      Runner = _matterJs.default.Runner,
-      Bodies = _matterJs.default.Bodies,
-      Composite = _matterJs.default.Composite;
-
-    // create an engine
-    var engine = Engine.create();
-
-    // create a renderer
-    var render = Render.create({
-      engine: engine,
-      options: {
-        wireframes: false,
-        background: "black",
-        height: el.clientHeight,
-        width: el.clientWidth
-      },
-      canvas: canvas,
-      bounds: {
-        min: {
-          x: 0,
-          y: 0
-        },
-        max: {
-          x: el.clientWidth,
-          y: el.clientHeight
-        }
-      }
-    });
-    var ground = Bodies.rectangle(0, el.clientHeight, el.clientWidth * 2, 10, {
-      render: {
-        fillStyle: "black"
-      },
-      angle: 0.1,
-      isStatic: true
-    });
-    const gridBodies = gridData.map(a => Bodies.circle(a.x + a.ballSize / 2 + Math.random() * a.ballSize / 2, a.y + a.ballSize / 2 + Math.random() * a.ballSize / 2, a.ballSize / 4 + Math.random() * a.ballSize / 4, {
-      density: 0.1,
-      render: {
-        fillStyle: "black"
-      }
-    }));
-
-    // add all of the bodies to the world
-    Composite.add(engine.world, [...gridBodies, ground]);
-
-    // run the renderer
-    Render.run(render);
-
-    // create runner
-    var runner = Runner.create();
-
-    // run the engine
-    Runner.run(runner, engine);
-    const i = setInterval(() => {
-      el.firstElementChild.style.webkitMaskImage = "url('".concat(canvas.toDataURL("base64"), "')");
-    }, 1000 / 60);
-    setTimeout(() => {
-      clearInterval(i);
-      Runner.stop(runner);
-    }, time);
-    return "";
-  };
+function PhysicsSquares(amountOfVerticalSquares = 10) {
+    return function (el) {
+        const height = el.clientHeight;
+        const width = el.clientWidth;
+        const _ballsize = height / amountOfVerticalSquares;
+        const maximumBalls = width / _ballsize;
+        const amountOfBalls = Math.floor(maximumBalls);
+        const gridData = (0, utils_1.default)(amountOfVerticalSquares, amountOfBalls, _ballsize);
+        const _time = getComputedStyle(el).getPropertyValue("--animation-speed-transition");
+        const time = _time.endsWith("ms")
+            ? Number(_time.replace("ms", ""))
+            : Number(_time.replace("s", "")) * 1000;
+        const canvas = document.createElement("canvas");
+        canvas.width = el.clientWidth / 10;
+        canvas.height = el.clientHeight / 10;
+        // module aliases
+        var Engine = matter_js_1.default.Engine, Render = matter_js_1.default.Render, Runner = matter_js_1.default.Runner, Bodies = matter_js_1.default.Bodies, Composite = matter_js_1.default.Composite;
+        // create an engine
+        var engine = Engine.create();
+        // create a renderer
+        var render = Render.create({
+            engine: engine,
+            options: {
+                wireframes: false,
+                background: "black",
+                height: el.clientHeight,
+                width: el.clientWidth,
+            },
+            canvas: canvas,
+            bounds: {
+                min: {
+                    x: 0,
+                    y: 0,
+                },
+                max: {
+                    x: el.clientWidth,
+                    y: el.clientHeight,
+                },
+            },
+        });
+        var ground = Bodies.rectangle(0, el.clientHeight, el.clientWidth * 2, 10, {
+            render: {
+                fillStyle: "black",
+            },
+            angle: 0.1,
+            isStatic: true,
+        });
+        const gridBodies = gridData.map((a) => Bodies.circle(a.x + a.ballSize / 2 + (Math.random() * a.ballSize) / 2, a.y + a.ballSize / 2 + (Math.random() * a.ballSize) / 2, a.ballSize / 4 + (Math.random() * a.ballSize) / 4, {
+            density: 0.1,
+            render: {
+                fillStyle: "black",
+            },
+        }));
+        // add all of the bodies to the world
+        Composite.add(engine.world, [...gridBodies, ground]);
+        // run the renderer
+        Render.run(render);
+        // create runner
+        var runner = Runner.create();
+        // run the engine
+        Runner.run(runner, engine);
+        const i = setInterval(() => {
+            el.firstElementChild.style.webkitMaskImage = `url('${canvas.toDataURL("base64")}')`;
+        }, 1000 / 60);
+        setTimeout(() => {
+            clearInterval(i);
+            Runner.stop(runner);
+        }, time);
+        return ``;
+    };
 }
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfbWF0dGVySnMiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl91dGlscyIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiUGh5c2ljc1NxdWFyZXMiLCJhbW91bnRPZlZlcnRpY2FsU3F1YXJlcyIsImFyZ3VtZW50cyIsImxlbmd0aCIsInVuZGVmaW5lZCIsImVsIiwiaGVpZ2h0IiwiY2xpZW50SGVpZ2h0Iiwid2lkdGgiLCJjbGllbnRXaWR0aCIsIl9iYWxsc2l6ZSIsIm1heGltdW1CYWxscyIsImFtb3VudE9mQmFsbHMiLCJNYXRoIiwiZmxvb3IiLCJncmlkRGF0YSIsImJ1aWxkR3JpZCIsIl90aW1lIiwiZ2V0Q29tcHV0ZWRTdHlsZSIsImdldFByb3BlcnR5VmFsdWUiLCJ0aW1lIiwiZW5kc1dpdGgiLCJOdW1iZXIiLCJyZXBsYWNlIiwiY2FudmFzIiwiZG9jdW1lbnQiLCJjcmVhdGVFbGVtZW50IiwiRW5naW5lIiwiTWF0dGVyIiwiUmVuZGVyIiwiUnVubmVyIiwiQm9kaWVzIiwiQ29tcG9zaXRlIiwiZW5naW5lIiwiY3JlYXRlIiwicmVuZGVyIiwib3B0aW9ucyIsIndpcmVmcmFtZXMiLCJiYWNrZ3JvdW5kIiwiYm91bmRzIiwibWluIiwieCIsInkiLCJtYXgiLCJncm91bmQiLCJyZWN0YW5nbGUiLCJmaWxsU3R5bGUiLCJhbmdsZSIsImlzU3RhdGljIiwiZ3JpZEJvZGllcyIsIm1hcCIsImEiLCJjaXJjbGUiLCJiYWxsU2l6ZSIsInJhbmRvbSIsImRlbnNpdHkiLCJhZGQiLCJ3b3JsZCIsInJ1biIsInJ1bm5lciIsImkiLCJzZXRJbnRlcnZhbCIsImZpcnN0RWxlbWVudENoaWxkIiwic3R5bGUiLCJ3ZWJraXRNYXNrSW1hZ2UiLCJjb25jYXQiLCJ0b0RhdGFVUkwiLCJzZXRUaW1lb3V0IiwiY2xlYXJJbnRlcnZhbCIsInN0b3AiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UcmFuc2l0aW9uL01hc2tzRmFjdG9yeS9QaHlzaWNzU3F1YXJlcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IE1hdHRlciBmcm9tIFwibWF0dGVyLWpzXCI7XG5pbXBvcnQgYnVpbGRHcmlkIGZyb20gXCIuL3V0aWxzXCI7XG4vKipcbiAqIERPIE5PVCBEQVJFIFRPIFVTRSBUSElTIElGIFlPVSBIQVZFIEEgTUlOSU1BTCBSRVNQRUNUIEZPUiBQRVJGT1JNQU5DRVxuICogXG4gKiBDcmVhdGVzIGFuIHN2ZyB0aGF0IHRyYW5zaXRpb25zIGZyb20gYSBzcXVhcmUgZ3JpZCB0byByb3VuZGVkIGNvcm5lcnMgYW5kIHRoZW0gc2hyaW5rcyB0aGUgYmFsbHMgdG8gcmV2ZWFsIHRoZSBjb250ZW50XG4gKiBAcGFyYW0gYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXMgVGhlIGFtb3VudCBvZiBzcXVhcmVzIHZlcnRpY2FsbHkgdG8gYmUgc2hvd25cbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gUGh5c2ljc1NxdWFyZXMoYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXM6IG51bWJlciA9IDEwKSB7XG4gIHJldHVybiBmdW5jdGlvbiAoZWw6IEhUTUxEaXZFbGVtZW50KSB7XG4gICAgY29uc3QgaGVpZ2h0ID0gZWwuY2xpZW50SGVpZ2h0O1xuICAgIGNvbnN0IHdpZHRoID0gZWwuY2xpZW50V2lkdGg7XG4gICAgY29uc3QgX2JhbGxzaXplID0gaGVpZ2h0IC8gYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXM7XG4gICAgY29uc3QgbWF4aW11bUJhbGxzID0gd2lkdGggLyBfYmFsbHNpemU7XG4gICAgY29uc3QgYW1vdW50T2ZCYWxscyA9IE1hdGguZmxvb3IobWF4aW11bUJhbGxzKTtcbiAgICBjb25zdCBncmlkRGF0YSA9IGJ1aWxkR3JpZChcbiAgICAgIGFtb3VudE9mVmVydGljYWxTcXVhcmVzLFxuICAgICAgYW1vdW50T2ZCYWxscyxcbiAgICAgIF9iYWxsc2l6ZVxuICAgICk7XG4gICAgY29uc3QgX3RpbWUgPSBnZXRDb21wdXRlZFN0eWxlKGVsKS5nZXRQcm9wZXJ0eVZhbHVlKFxuICAgICAgXCItLWFuaW1hdGlvbi1zcGVlZC10cmFuc2l0aW9uXCJcbiAgICApO1xuICAgIGNvbnN0IHRpbWUgPSBfdGltZS5lbmRzV2l0aChcIm1zXCIpXG4gICAgICA/IE51bWJlcihfdGltZS5yZXBsYWNlKFwibXNcIiwgXCJcIikpXG4gICAgICA6IE51bWJlcihfdGltZS5yZXBsYWNlKFwic1wiLCBcIlwiKSkgKiAxMDAwO1xuICAgIGNvbnN0IGNhbnZhcyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJjYW52YXNcIik7XG4gICAgY2FudmFzLndpZHRoID0gZWwuY2xpZW50V2lkdGggLyAxMDtcbiAgICBjYW52YXMuaGVpZ2h0ID0gZWwuY2xpZW50SGVpZ2h0IC8gMTA7XG4gICAgLy8gbW9kdWxlIGFsaWFzZXNcbiAgICB2YXIgRW5naW5lID0gTWF0dGVyLkVuZ2luZSxcbiAgICAgIFJlbmRlciA9IE1hdHRlci5SZW5kZXIsXG4gICAgICBSdW5uZXIgPSBNYXR0ZXIuUnVubmVyLFxuICAgICAgQm9kaWVzID0gTWF0dGVyLkJvZGllcyxcbiAgICAgIENvbXBvc2l0ZSA9IE1hdHRlci5Db21wb3NpdGU7XG5cbiAgICAvLyBjcmVhdGUgYW4gZW5naW5lXG4gICAgdmFyIGVuZ2luZSA9IEVuZ2luZS5jcmVhdGUoKTtcblxuICAgIC8vIGNyZWF0ZSBhIHJlbmRlcmVyXG4gICAgdmFyIHJlbmRlciA9IFJlbmRlci5jcmVhdGUoe1xuICAgICAgZW5naW5lOiBlbmdpbmUsXG4gICAgICBvcHRpb25zOiB7XG4gICAgICAgIHdpcmVmcmFtZXM6IGZhbHNlLFxuICAgICAgICBiYWNrZ3JvdW5kOiBcImJsYWNrXCIsXG4gICAgICAgIGhlaWdodDogZWwuY2xpZW50SGVpZ2h0LFxuICAgICAgICB3aWR0aDogZWwuY2xpZW50V2lkdGgsXG4gICAgICB9LFxuICAgICAgY2FudmFzOiBjYW52YXMsXG4gICAgICBib3VuZHM6IHtcbiAgICAgICAgbWluOiB7XG4gICAgICAgICAgeDogMCxcbiAgICAgICAgICB5OiAwLFxuICAgICAgICB9LFxuICAgICAgICBtYXg6IHtcbiAgICAgICAgICB4OiBlbC5jbGllbnRXaWR0aCxcbiAgICAgICAgICB5OiBlbC5jbGllbnRIZWlnaHQsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0pO1xuICAgIHZhciBncm91bmQgPSBCb2RpZXMucmVjdGFuZ2xlKDAsIGVsLmNsaWVudEhlaWdodCwgZWwuY2xpZW50V2lkdGggKiAyLCAxMCwge1xuICAgICAgcmVuZGVyOiB7XG4gICAgICAgIGZpbGxTdHlsZTogXCJibGFja1wiLFxuICAgICAgfSxcbiAgICAgIGFuZ2xlOiAwLjEsXG4gICAgICBpc1N0YXRpYzogdHJ1ZSxcbiAgICB9KTtcblxuICAgIGNvbnN0IGdyaWRCb2RpZXMgPSBncmlkRGF0YS5tYXAoKGEpID0+XG4gICAgICBCb2RpZXMuY2lyY2xlKFxuICAgICAgICBhLnggKyBhLmJhbGxTaXplIC8gMiArIChNYXRoLnJhbmRvbSgpICogYS5iYWxsU2l6ZSkgLyAyLFxuICAgICAgICBhLnkgKyBhLmJhbGxTaXplIC8gMiArIChNYXRoLnJhbmRvbSgpICogYS5iYWxsU2l6ZSkgLyAyLFxuICAgICAgICBhLmJhbGxTaXplIC8gNCArIChNYXRoLnJhbmRvbSgpICogYS5iYWxsU2l6ZSkgLyA0LFxuICAgICAgICB7XG4gICAgICAgICAgZGVuc2l0eTogMC4xLFxuICAgICAgICAgIHJlbmRlcjoge1xuICAgICAgICAgICAgZmlsbFN0eWxlOiBcImJsYWNrXCIsXG4gICAgICAgICAgfSxcbiAgICAgICAgfVxuICAgICAgKVxuICAgICk7XG5cbiAgICAvLyBhZGQgYWxsIG9mIHRoZSBib2RpZXMgdG8gdGhlIHdvcmxkXG4gICAgQ29tcG9zaXRlLmFkZChlbmdpbmUud29ybGQsIFsuLi5ncmlkQm9kaWVzLCBncm91bmRdKTtcblxuICAgIC8vIHJ1biB0aGUgcmVuZGVyZXJcbiAgICBSZW5kZXIucnVuKHJlbmRlcik7XG5cbiAgICAvLyBjcmVhdGUgcnVubmVyXG4gICAgdmFyIHJ1bm5lciA9IFJ1bm5lci5jcmVhdGUoKTtcblxuICAgIC8vIHJ1biB0aGUgZW5naW5lXG4gICAgUnVubmVyLnJ1bihydW5uZXIsIGVuZ2luZSk7XG5cbiAgICBjb25zdCBpID0gc2V0SW50ZXJ2YWwoKCkgPT4ge1xuICAgICAgKFxuICAgICAgICBlbC5maXJzdEVsZW1lbnRDaGlsZCEgYXMgSFRNTERpdkVsZW1lbnRcbiAgICAgICkuc3R5bGUud2Via2l0TWFza0ltYWdlID0gYHVybCgnJHtjYW52YXMhLnRvRGF0YVVSTChcImJhc2U2NFwiKX0nKWA7XG4gICAgfSwgMTAwMCAvIDYwKTtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGNsZWFySW50ZXJ2YWwoaSk7XG4gICAgICBSdW5uZXIuc3RvcChydW5uZXIpO1xuICAgIH0sIHRpbWUpO1xuICAgIHJldHVybiBgYDtcbiAgfTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsU0FBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsTUFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQWdDLFNBQUFELHVCQUFBRyxHQUFBLFdBQUFBLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLEdBQUFELEdBQUEsS0FBQUUsT0FBQSxFQUFBRixHQUFBO0FBQ2hDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNlLFNBQVNHLGNBQWNBLENBQUEsRUFBdUM7RUFBQSxJQUF0Q0MsdUJBQStCLEdBQUFDLFNBQUEsQ0FBQUMsTUFBQSxRQUFBRCxTQUFBLFFBQUFFLFNBQUEsR0FBQUYsU0FBQSxNQUFHLEVBQUU7RUFDekUsT0FBTyxVQUFVRyxFQUFrQixFQUFFO0lBQ25DLE1BQU1DLE1BQU0sR0FBR0QsRUFBRSxDQUFDRSxZQUFZO0lBQzlCLE1BQU1DLEtBQUssR0FBR0gsRUFBRSxDQUFDSSxXQUFXO0lBQzVCLE1BQU1DLFNBQVMsR0FBR0osTUFBTSxHQUFHTCx1QkFBdUI7SUFDbEQsTUFBTVUsWUFBWSxHQUFHSCxLQUFLLEdBQUdFLFNBQVM7SUFDdEMsTUFBTUUsYUFBYSxHQUFHQyxJQUFJLENBQUNDLEtBQUssQ0FBQ0gsWUFBWSxDQUFDO0lBQzlDLE1BQU1JLFFBQVEsR0FBRyxJQUFBQyxjQUFTLEVBQ3hCZix1QkFBdUIsRUFDdkJXLGFBQWEsRUFDYkYsU0FDRixDQUFDO0lBQ0QsTUFBTU8sS0FBSyxHQUFHQyxnQkFBZ0IsQ0FBQ2IsRUFBRSxDQUFDLENBQUNjLGdCQUFnQixDQUNqRCw4QkFDRixDQUFDO0lBQ0QsTUFBTUMsSUFBSSxHQUFHSCxLQUFLLENBQUNJLFFBQVEsQ0FBQyxJQUFJLENBQUMsR0FDN0JDLE1BQU0sQ0FBQ0wsS0FBSyxDQUFDTSxPQUFPLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEdBQy9CRCxNQUFNLENBQUNMLEtBQUssQ0FBQ00sT0FBTyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FBQyxHQUFHLElBQUk7SUFDekMsTUFBTUMsTUFBTSxHQUFHQyxRQUFRLENBQUNDLGFBQWEsQ0FBQyxRQUFRLENBQUM7SUFDL0NGLE1BQU0sQ0FBQ2hCLEtBQUssR0FBR0gsRUFBRSxDQUFDSSxXQUFXLEdBQUcsRUFBRTtJQUNsQ2UsTUFBTSxDQUFDbEIsTUFBTSxHQUFHRCxFQUFFLENBQUNFLFlBQVksR0FBRyxFQUFFO0lBQ3BDO0lBQ0EsSUFBSW9CLE1BQU0sR0FBR0MsaUJBQU0sQ0FBQ0QsTUFBTTtNQUN4QkUsTUFBTSxHQUFHRCxpQkFBTSxDQUFDQyxNQUFNO01BQ3RCQyxNQUFNLEdBQUdGLGlCQUFNLENBQUNFLE1BQU07TUFDdEJDLE1BQU0sR0FBR0gsaUJBQU0sQ0FBQ0csTUFBTTtNQUN0QkMsU0FBUyxHQUFHSixpQkFBTSxDQUFDSSxTQUFTOztJQUU5QjtJQUNBLElBQUlDLE1BQU0sR0FBR04sTUFBTSxDQUFDTyxNQUFNLENBQUMsQ0FBQzs7SUFFNUI7SUFDQSxJQUFJQyxNQUFNLEdBQUdOLE1BQU0sQ0FBQ0ssTUFBTSxDQUFDO01BQ3pCRCxNQUFNLEVBQUVBLE1BQU07TUFDZEcsT0FBTyxFQUFFO1FBQ1BDLFVBQVUsRUFBRSxLQUFLO1FBQ2pCQyxVQUFVLEVBQUUsT0FBTztRQUNuQmhDLE1BQU0sRUFBRUQsRUFBRSxDQUFDRSxZQUFZO1FBQ3ZCQyxLQUFLLEVBQUVILEVBQUUsQ0FBQ0k7TUFDWixDQUFDO01BQ0RlLE1BQU0sRUFBRUEsTUFBTTtNQUNkZSxNQUFNLEVBQUU7UUFDTkMsR0FBRyxFQUFFO1VBQ0hDLENBQUMsRUFBRSxDQUFDO1VBQ0pDLENBQUMsRUFBRTtRQUNMLENBQUM7UUFDREMsR0FBRyxFQUFFO1VBQ0hGLENBQUMsRUFBRXBDLEVBQUUsQ0FBQ0ksV0FBVztVQUNqQmlDLENBQUMsRUFBRXJDLEVBQUUsQ0FBQ0U7UUFDUjtNQUNGO0lBQ0YsQ0FBQyxDQUFDO0lBQ0YsSUFBSXFDLE1BQU0sR0FBR2IsTUFBTSxDQUFDYyxTQUFTLENBQUMsQ0FBQyxFQUFFeEMsRUFBRSxDQUFDRSxZQUFZLEVBQUVGLEVBQUUsQ0FBQ0ksV0FBVyxHQUFHLENBQUMsRUFBRSxFQUFFLEVBQUU7TUFDeEUwQixNQUFNLEVBQUU7UUFDTlcsU0FBUyxFQUFFO01BQ2IsQ0FBQztNQUNEQyxLQUFLLEVBQUUsR0FBRztNQUNWQyxRQUFRLEVBQUU7SUFDWixDQUFDLENBQUM7SUFFRixNQUFNQyxVQUFVLEdBQUdsQyxRQUFRLENBQUNtQyxHQUFHLENBQUVDLENBQUMsSUFDaENwQixNQUFNLENBQUNxQixNQUFNLENBQ1hELENBQUMsQ0FBQ1YsQ0FBQyxHQUFHVSxDQUFDLENBQUNFLFFBQVEsR0FBRyxDQUFDLEdBQUl4QyxJQUFJLENBQUN5QyxNQUFNLENBQUMsQ0FBQyxHQUFHSCxDQUFDLENBQUNFLFFBQVEsR0FBSSxDQUFDLEVBQ3ZERixDQUFDLENBQUNULENBQUMsR0FBR1MsQ0FBQyxDQUFDRSxRQUFRLEdBQUcsQ0FBQyxHQUFJeEMsSUFBSSxDQUFDeUMsTUFBTSxDQUFDLENBQUMsR0FBR0gsQ0FBQyxDQUFDRSxRQUFRLEdBQUksQ0FBQyxFQUN2REYsQ0FBQyxDQUFDRSxRQUFRLEdBQUcsQ0FBQyxHQUFJeEMsSUFBSSxDQUFDeUMsTUFBTSxDQUFDLENBQUMsR0FBR0gsQ0FBQyxDQUFDRSxRQUFRLEdBQUksQ0FBQyxFQUNqRDtNQUNFRSxPQUFPLEVBQUUsR0FBRztNQUNacEIsTUFBTSxFQUFFO1FBQ05XLFNBQVMsRUFBRTtNQUNiO0lBQ0YsQ0FDRixDQUNGLENBQUM7O0lBRUQ7SUFDQWQsU0FBUyxDQUFDd0IsR0FBRyxDQUFDdkIsTUFBTSxDQUFDd0IsS0FBSyxFQUFFLENBQUMsR0FBR1IsVUFBVSxFQUFFTCxNQUFNLENBQUMsQ0FBQzs7SUFFcEQ7SUFDQWYsTUFBTSxDQUFDNkIsR0FBRyxDQUFDdkIsTUFBTSxDQUFDOztJQUVsQjtJQUNBLElBQUl3QixNQUFNLEdBQUc3QixNQUFNLENBQUNJLE1BQU0sQ0FBQyxDQUFDOztJQUU1QjtJQUNBSixNQUFNLENBQUM0QixHQUFHLENBQUNDLE1BQU0sRUFBRTFCLE1BQU0sQ0FBQztJQUUxQixNQUFNMkIsQ0FBQyxHQUFHQyxXQUFXLENBQUMsTUFBTTtNQUV4QnhELEVBQUUsQ0FBQ3lELGlCQUFpQixDQUNwQkMsS0FBSyxDQUFDQyxlQUFlLFdBQUFDLE1BQUEsQ0FBV3pDLE1BQU0sQ0FBRTBDLFNBQVMsQ0FBQyxRQUFRLENBQUMsT0FBSTtJQUNuRSxDQUFDLEVBQUUsSUFBSSxHQUFHLEVBQUUsQ0FBQztJQUNiQyxVQUFVLENBQUMsTUFBTTtNQUNmQyxhQUFhLENBQUNSLENBQUMsQ0FBQztNQUNoQjlCLE1BQU0sQ0FBQ3VDLElBQUksQ0FBQ1YsTUFBTSxDQUFDO0lBQ3JCLENBQUMsRUFBRXZDLElBQUksQ0FBQztJQUNSO0VBQ0YsQ0FBQztBQUNIIn0=
+exports.default = PhysicsSquares;
+//# sourceMappingURL=PhysicsSquares.js.map

package/dist/components/Transition/MasksFactory/PhysicsSquares.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhysicsSquares.js","sourceRoot":"","sources":["../../../../src/components/Transition/MasksFactory/PhysicsSquares.tsx"],"names":[],"mappings":"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"}

package/dist/components/Transition/MasksFactory/SquareToBalls.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Creates an svg that transitions from a square grid to rounded corners and them shrinks the balls to reveal the content
+ * @param amountOfVerticalSquares The amount of squares vertically to be shown
+ */
+export default function (amountOfVerticalSquares?: number): (el: HTMLDivElement) => string;

package/dist/components/Transition/MasksFactory/SquareToBalls.js

@@ -1,67 +1,48 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-exports.default = _default;
-var _server = require("react-dom/server");
-var _react = _interopRequireDefault(require("react"));
-var _utils = _interopRequireWildcard(require("./utils"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const server_1 = require("react-dom/server");
+const utils_1 = __importStar(require("./utils"));
 /**
  * Creates an svg that transitions from a square grid to rounded corners and them shrinks the balls to reveal the content
  * @param amountOfVerticalSquares The amount of squares vertically to be shown
  */
-function _default() {
-  let amountOfVerticalSquares = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
-  return function (el) {
-    const height = el.clientHeight;
-    const width = el.clientWidth;
-    const _ballsize = height / amountOfVerticalSquares;
-    const maximumBalls = width / _ballsize;
-    const amountOfBalls = Math.floor(maximumBalls);
-    const time = (0, _utils.getTime)(el);
-    const resultSvg = (0, _server.renderToString)( /*#__PURE__*/_react.default.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      id: Date.now().toString()
-    }, (0, _utils.default)(amountOfVerticalSquares, amountOfBalls, _ballsize).map(_ref => {
-      let {
-        ballSize,
-        x,
-        y
-      } = _ref;
-      return /*#__PURE__*/_react.default.createElement("rect", {
-        fill: "white"
-      }, /*#__PURE__*/_react.default.createElement("animate", {
-        attributeName: "rx",
-        attributeType: "XML",
-        values: "".concat(0, "px;", ballSize / 2, "px;").concat(ballSize / 2, "px"),
-        dur: "".concat(time, "ms")
-      }), /*#__PURE__*/_react.default.createElement("animate", {
-        attributeName: "x",
-        attributeType: "XML",
-        values: "".concat(x, "px;").concat(x, "px;").concat(x + ballSize / 2, "px"),
-        dur: "".concat(time, "ms")
-      }), /*#__PURE__*/_react.default.createElement("animate", {
-        attributeName: "y",
-        attributeType: "XML",
-        values: "".concat(y, "px;").concat(y, "px;").concat(y + ballSize / 2, "px"),
-        dur: "".concat(time, "ms")
-      }), /*#__PURE__*/_react.default.createElement("animate", {
-        attributeName: "width",
-        attributeType: "XML",
-        values: "".concat(ballSize, "px;").concat(ballSize, "px;", 0, "px"),
-        dur: "".concat(time, "ms")
-      }), /*#__PURE__*/_react.default.createElement("animate", {
-        attributeName: "height",
-        attributeType: "XML",
-        values: "".concat(ballSize, "px;").concat(ballSize, "px;", 0, "px"),
-        dur: "".concat(time, "ms")
-      }));
-    })));
-    return "url('data:image/svg+xml;charset=utf8,".concat(encodeURIComponent(resultSvg), "')");
-  };
+function default_1(amountOfVerticalSquares = 10) {
+    return function (el) {
+        const height = el.clientHeight;
+        const width = el.clientWidth;
+        const _ballsize = height / amountOfVerticalSquares;
+        const maximumBalls = width / _ballsize;
+        const amountOfBalls = Math.floor(maximumBalls);
+        const time = (0, utils_1.getTime)(el);
+        const resultSvg = (0, server_1.renderToString)((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", id: Date.now().toString(), children: (0, utils_1.default)(amountOfVerticalSquares, amountOfBalls, _ballsize).map(({ ballSize, x, y }) => {
+                return ((0, jsx_runtime_1.jsxs)("rect", { fill: "white", children: [(0, jsx_runtime_1.jsx)("animate", { attributeName: "rx", attributeType: "XML", values: `${0}px;${ballSize / 2}px;${ballSize / 2}px`, dur: `${time}ms` }), (0, jsx_runtime_1.jsx)("animate", { attributeName: "x", attributeType: "XML", values: `${x}px;${x}px;${x + ballSize / 2}px`, dur: `${time}ms` }), (0, jsx_runtime_1.jsx)("animate", { attributeName: "y", attributeType: "XML", values: `${y}px;${y}px;${y + ballSize / 2}px`, dur: `${time}ms` }), (0, jsx_runtime_1.jsx)("animate", { attributeName: "width", attributeType: "XML", values: `${ballSize}px;${ballSize}px;${0}px`, dur: `${time}ms` }), (0, jsx_runtime_1.jsx)("animate", { attributeName: "height", attributeType: "XML", values: `${ballSize}px;${ballSize}px;${0}px`, dur: `${time}ms` })] }));
+            }) }));
+        return `url('data:image/svg+xml;charset=utf8,${encodeURIComponent(resultSvg)}')`;
+    };
 }
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfc2VydmVyIiwicmVxdWlyZSIsIl9yZWFjdCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfdXRpbHMiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsIm5vZGVJbnRlcm9wIiwiV2Vha01hcCIsImNhY2hlQmFiZWxJbnRlcm9wIiwiY2FjaGVOb2RlSW50ZXJvcCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiY2FjaGUiLCJoYXMiLCJnZXQiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImRlc2MiLCJzZXQiLCJfZGVmYXVsdCIsImFtb3VudE9mVmVydGljYWxTcXVhcmVzIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwidW5kZWZpbmVkIiwiZWwiLCJoZWlnaHQiLCJjbGllbnRIZWlnaHQiLCJ3aWR0aCIsImNsaWVudFdpZHRoIiwiX2JhbGxzaXplIiwibWF4aW11bUJhbGxzIiwiYW1vdW50T2ZCYWxscyIsIk1hdGgiLCJmbG9vciIsInRpbWUiLCJnZXRUaW1lIiwicmVzdWx0U3ZnIiwicmVuZGVyVG9TdHJpbmciLCJjcmVhdGVFbGVtZW50IiwieG1sbnMiLCJpZCIsIkRhdGUiLCJub3ciLCJ0b1N0cmluZyIsImJ1aWxkR3JpZCIsIm1hcCIsIl9yZWYiLCJiYWxsU2l6ZSIsIngiLCJ5IiwiZmlsbCIsImF0dHJpYnV0ZU5hbWUiLCJhdHRyaWJ1dGVUeXBlIiwidmFsdWVzIiwiY29uY2F0IiwiZHVyIiwiZW5jb2RlVVJJQ29tcG9uZW50Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVHJhbnNpdGlvbi9NYXNrc0ZhY3RvcnkvU3F1YXJlVG9CYWxscy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgcmVuZGVyVG9TdHJpbmcgfSBmcm9tIFwicmVhY3QtZG9tL3NlcnZlclwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGJ1aWxkR3JpZCwgeyBnZXRUaW1lIH0gZnJvbSBcIi4vdXRpbHNcIjtcblxuLyoqXG4gKiBDcmVhdGVzIGFuIHN2ZyB0aGF0IHRyYW5zaXRpb25zIGZyb20gYSBzcXVhcmUgZ3JpZCB0byByb3VuZGVkIGNvcm5lcnMgYW5kIHRoZW0gc2hyaW5rcyB0aGUgYmFsbHMgdG8gcmV2ZWFsIHRoZSBjb250ZW50XG4gKiBAcGFyYW0gYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXMgVGhlIGFtb3VudCBvZiBzcXVhcmVzIHZlcnRpY2FsbHkgdG8gYmUgc2hvd25cbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gKGFtb3VudE9mVmVydGljYWxTcXVhcmVzOiBudW1iZXIgPSAxMCkge1xuICByZXR1cm4gZnVuY3Rpb24gKGVsOiBIVE1MRGl2RWxlbWVudCkge1xuICAgIGNvbnN0IGhlaWdodCA9IGVsLmNsaWVudEhlaWdodDtcbiAgICBjb25zdCB3aWR0aCA9IGVsLmNsaWVudFdpZHRoO1xuICAgIGNvbnN0IF9iYWxsc2l6ZSA9IGhlaWdodCAvIGFtb3VudE9mVmVydGljYWxTcXVhcmVzO1xuICAgIGNvbnN0IG1heGltdW1CYWxscyA9IHdpZHRoIC8gX2JhbGxzaXplO1xuICAgIGNvbnN0IGFtb3VudE9mQmFsbHMgPSBNYXRoLmZsb29yKG1heGltdW1CYWxscyk7XG5cbiAgICBjb25zdCB0aW1lID0gZ2V0VGltZShlbCk7XG5cbiAgICBjb25zdCByZXN1bHRTdmcgPSByZW5kZXJUb1N0cmluZyhcbiAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIGlkPXtEYXRlLm5vdygpLnRvU3RyaW5nKCl9PlxuICAgICAgICB7YnVpbGRHcmlkKGFtb3VudE9mVmVydGljYWxTcXVhcmVzLCBhbW91bnRPZkJhbGxzLCBfYmFsbHNpemUpLm1hcChcbiAgICAgICAgICAoeyBiYWxsU2l6ZSwgeCwgeSB9KSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8cmVjdCBmaWxsPVwid2hpdGVcIj5cbiAgICAgICAgICAgICAgICA8YW5pbWF0ZVxuICAgICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT1cInJ4XCJcbiAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZVR5cGU9XCJYTUxcIlxuICAgICAgICAgICAgICAgICAgdmFsdWVzPXtgJHswfXB4OyR7YmFsbFNpemUgLyAyfXB4OyR7YmFsbFNpemUgLyAyfXB4YH1cbiAgICAgICAgICAgICAgICAgIGR1cj17YCR7dGltZX1tc2B9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8YW5pbWF0ZVxuICAgICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT1cInhcIlxuICAgICAgICAgICAgICAgICAgYXR0cmlidXRlVHlwZT1cIlhNTFwiXG4gICAgICAgICAgICAgICAgICB2YWx1ZXM9e2Ake3h9cHg7JHt4fXB4OyR7eCArIGJhbGxTaXplIC8gMn1weGB9XG4gICAgICAgICAgICAgICAgICBkdXI9e2Ake3RpbWV9bXNgfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPGFuaW1hdGVcbiAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZU5hbWU9XCJ5XCJcbiAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZVR5cGU9XCJYTUxcIlxuICAgICAgICAgICAgICAgICAgdmFsdWVzPXtgJHt5fXB4OyR7eX1weDske3kgKyBiYWxsU2l6ZSAvIDJ9cHhgfVxuICAgICAgICAgICAgICAgICAgZHVyPXtgJHt0aW1lfW1zYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxhbmltYXRlXG4gICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPVwid2lkdGhcIlxuICAgICAgICAgICAgICAgICAgYXR0cmlidXRlVHlwZT1cIlhNTFwiXG4gICAgICAgICAgICAgICAgICB2YWx1ZXM9e2Ake2JhbGxTaXplfXB4OyR7YmFsbFNpemV9cHg7JHswfXB4YH1cbiAgICAgICAgICAgICAgICAgIGR1cj17YCR7dGltZX1tc2B9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8YW5pbWF0ZVxuICAgICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT1cImhlaWdodFwiXG4gICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVUeXBlPVwiWE1MXCJcbiAgICAgICAgICAgICAgICAgIHZhbHVlcz17YCR7YmFsbFNpemV9cHg7JHtiYWxsU2l6ZX1weDskezB9cHhgfVxuICAgICAgICAgICAgICAgICAgZHVyPXtgJHt0aW1lfW1zYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L3JlY3Q+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH1cbiAgICAgICAgKX1cbiAgICAgIDwvc3ZnPlxuICAgICk7XG5cbiAgICByZXR1cm4gYHVybCgnZGF0YTppbWFnZS9zdmcreG1sO2NoYXJzZXQ9dXRmOCwke2VuY29kZVVSSUNvbXBvbmVudChcbiAgICAgIHJlc3VsdFN2Z1xuICAgICl9JylgO1xuICB9O1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxPQUFBLEdBQUFDLE9BQUE7QUFDQSxJQUFBQyxNQUFBLEdBQUFDLHNCQUFBLENBQUFGLE9BQUE7QUFDQSxJQUFBRyxNQUFBLEdBQUFDLHVCQUFBLENBQUFKLE9BQUE7QUFBNkMsU0FBQUsseUJBQUFDLFdBQUEsZUFBQUMsT0FBQSxrQ0FBQUMsaUJBQUEsT0FBQUQsT0FBQSxRQUFBRSxnQkFBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLENBQUFDLFdBQUEsV0FBQUEsV0FBQSxHQUFBRyxnQkFBQSxHQUFBRCxpQkFBQSxLQUFBRixXQUFBO0FBQUEsU0FBQUYsd0JBQUFNLEdBQUEsRUFBQUosV0FBQSxTQUFBQSxXQUFBLElBQUFJLEdB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
+exports.default = default_1;
+//# sourceMappingURL=SquareToBalls.js.map

package/dist/components/Transition/MasksFactory/SquareToBalls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SquareToBalls.js","sourceRoot":"","sources":["../../../../src/components/Transition/MasksFactory/SquareToBalls.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAElD,iDAA6C;AAE7C;;;GAGG;AACH,mBAAyB,0BAAkC,EAAE;IAC3D,OAAO,UAAU,EAAkB;QACjC,MAAM,MAAM,GAAG,EAAE,CAAC,YAAY,CAAC;QAC/B,MAAM,KAAK,GAAG,EAAE,CAAC,WAAW,CAAC;QAC7B,MAAM,SAAS,GAAG,MAAM,GAAG,uBAAuB,CAAC;QACnD,MAAM,YAAY,GAAG,KAAK,GAAG,SAAS,CAAC;QACvC,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAE/C,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,SAAS,GAAG,IAAA,uBAAc,EAC9B,gCAAK,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,YAC9D,IAAA,eAAS,EAAC,uBAAuB,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC,GAAG,CAC/D,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;gBACrB,OAAO,CACL,kCAAM,IAAI,EAAC,OAAO,aAChB,oCACE,aAAa,EAAC,IAAI,EAClB,aAAa,EAAC,KAAK,EACnB,MAAM,EAAE,GAAG,CAAC,MAAM,QAAQ,GAAG,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAI,EACpD,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB,EACF,oCACE,aAAa,EAAC,GAAG,EACjB,aAAa,EAAC,KAAK,EACnB,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,GAAG,CAAC,IAAI,EAC7C,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB,EACF,oCACE,aAAa,EAAC,GAAG,EACjB,aAAa,EAAC,KAAK,EACnB,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,GAAG,CAAC,IAAI,EAC7C,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB,EACF,oCACE,aAAa,EAAC,OAAO,EACrB,aAAa,EAAC,KAAK,EACnB,MAAM,EAAE,GAAG,QAAQ,MAAM,QAAQ,MAAM,CAAC,IAAI,EAC5C,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB,EACF,oCACE,aAAa,EAAC,QAAQ,EACtB,aAAa,EAAC,KAAK,EACnB,MAAM,EAAE,GAAG,QAAQ,MAAM,QAAQ,MAAM,CAAC,IAAI,EAC5C,GAAG,EAAE,GAAG,IAAI,IAAI,GAChB,IACG,CACR,CAAC;YACJ,CAAC,CACF,GACG,CACP,CAAC;QAEF,OAAO,wCAAwC,kBAAkB,CAC/D,SAAS,CACV,IAAI,CAAC;IACR,CAAC,CAAC;AACJ,CAAC;AAzDD,4BAyDC"}

package/dist/components/Transition/MasksFactory/utils.d.ts

@@ -0,0 +1,8 @@
+export default function buildGrid(amountOfVerticalSquares: number, howManyHorizontalSquare: number, ballSize: number): {
+    x: number;
+    y: number;
+    ballSize: number;
+    column: number;
+    row: number;
+}[];
+export declare function getTime(el: HTMLDivElement): number;

package/dist/components/Transition/MasksFactory/utils.js

@@ -1,30 +1,32 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = buildGrid;
-exports.getTime = getTime;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTime = void 0;
 function buildGrid(amountOfVerticalSquares, howManyHorizontalSquare, ballSize) {
-  return new Array(howManyHorizontalSquare * amountOfVerticalSquares).fill(undefined).map((_, i) => {
-    const modX = Math.floor(i / howManyHorizontalSquare);
-    const modY = i - modX * howManyHorizontalSquare;
-    const ballsize = ballSize * 1.1;
-    const padding = (ballsize - ballSize) / 2;
-    const x = modY * ballSize - padding;
-    const y = modX * ballSize - padding;
-    return {
-      x,
-      y,
-      ballSize,
-      column: modY,
-      row: modX
-    };
-  });
+    return new Array(howManyHorizontalSquare * amountOfVerticalSquares)
+        .fill(undefined)
+        .map((_, i) => {
+        const modX = Math.floor(i / howManyHorizontalSquare);
+        const modY = i - modX * howManyHorizontalSquare;
+        const ballsize = ballSize * 1.1;
+        const padding = (ballsize - ballSize) / 2;
+        const x = modY * ballSize - padding;
+        const y = modX * ballSize - padding;
+        return {
+            x,
+            y,
+            ballSize,
+            column: modY,
+            row: modX,
+        };
+    });
 }
+exports.default = buildGrid;
 function getTime(el) {
-  const _time = getComputedStyle(el.firstElementChild).getPropertyValue("--animation-speed-transition") || "250ms";
-  const __time = _time.endsWith("ms") ? Number(_time.replace("ms", "")) : Number(_time.replace("s", "")) * 1000;
-  return __time + 50;
+    const _time = getComputedStyle(el.firstElementChild).getPropertyValue("--animation-speed-transition") || "250ms";
+    const __time = _time.endsWith("ms")
+        ? Number(_time.replace("ms", ""))
+        : Number(_time.replace("s", "")) * 1000;
+    return __time + 50;
 }
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJidWlsZEdyaWQiLCJhbW91bnRPZlZlcnRpY2FsU3F1YXJlcyIsImhvd01hbnlIb3Jpem9udGFsU3F1YXJlIiwiYmFsbFNpemUiLCJBcnJheSIsImZpbGwiLCJ1bmRlZmluZWQiLCJtYXAiLCJfIiwiaSIsIm1vZFgiLCJNYXRoIiwiZmxvb3IiLCJtb2RZIiwiYmFsbHNpemUiLCJwYWRkaW5nIiwieCIsInkiLCJjb2x1bW4iLCJyb3ciLCJnZXRUaW1lIiwiZWwiLCJfdGltZSIsImdldENvbXB1dGVkU3R5bGUiLCJmaXJzdEVsZW1lbnRDaGlsZCIsImdldFByb3BlcnR5VmFsdWUiLCJfX3RpbWUiLCJlbmRzV2l0aCIsIk51bWJlciIsInJlcGxhY2UiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UcmFuc2l0aW9uL01hc2tzRmFjdG9yeS91dGlscy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBidWlsZEdyaWQoXG4gIGFtb3VudE9mVmVydGljYWxTcXVhcmVzOiBudW1iZXIsXG4gIGhvd01hbnlIb3Jpem9udGFsU3F1YXJlOiBudW1iZXIsXG4gIGJhbGxTaXplOiBudW1iZXJcbikge1xuICByZXR1cm4gbmV3IEFycmF5KGhvd01hbnlIb3Jpem9udGFsU3F1YXJlICogYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXMpXG4gICAgLmZpbGwodW5kZWZpbmVkKVxuICAgIC5tYXAoKF8sIGkpID0+IHtcbiAgICAgIGNvbnN0IG1vZFggPSBNYXRoLmZsb29yKGkgLyBob3dNYW55SG9yaXpvbnRhbFNxdWFyZSk7XG4gICAgICBjb25zdCBtb2RZID0gaSAtIG1vZFggKiBob3dNYW55SG9yaXpvbnRhbFNxdWFyZTtcbiAgICAgIGNvbnN0IGJhbGxzaXplID0gYmFsbFNpemUgKiAxLjE7XG4gICAgICBjb25zdCBwYWRkaW5nID0gKGJhbGxzaXplIC0gYmFsbFNpemUpIC8gMjtcbiAgICAgIGNvbnN0IHggPSBtb2RZICogYmFsbFNpemUgLSBwYWRkaW5nO1xuICAgICAgY29uc3QgeSA9IG1vZFggKiBiYWxsU2l6ZSAtIHBhZGRpbmc7XG5cbiAgICAgIHJldHVybiB7XG4gICAgICAgIHgsXG4gICAgICAgIHksXG4gICAgICAgIGJhbGxTaXplLFxuICAgICAgICBjb2x1bW46IG1vZFksXG4gICAgICAgIHJvdzogbW9kWCxcbiAgICAgIH07XG4gICAgfSk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRUaW1lKGVsOiBIVE1MRGl2RWxlbWVudCkge1xuICBjb25zdCBfdGltZSA9XG4gICAgZ2V0Q29tcHV0ZWRTdHlsZShlbC5maXJzdEVsZW1lbnRDaGlsZCEpLmdldFByb3BlcnR5VmFsdWUoXG4gICAgICBcIi0tYW5pbWF0aW9uLXNwZWVkLXRyYW5zaXRpb25cIlxuICAgICkgfHwgXCIyNTBtc1wiO1xuICBjb25zdCBfX3RpbWUgPSBfdGltZS5lbmRzV2l0aChcIm1zXCIpXG4gICAgPyBOdW1iZXIoX3RpbWUucmVwbGFjZShcIm1zXCIsIFwiXCIpKVxuICAgIDogTnVtYmVyKF90aW1lLnJlcGxhY2UoXCJzXCIsIFwiXCIpKSAqIDEwMDA7XG4gIHJldHVybiBfX3RpbWUgKyA1MDtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFlLFNBQVNBLFNBQVNBLENBQy9CQyx1QkFBK0IsRUFDL0JDLHVCQUErQixFQUMvQkMsUUFBZ0IsRUFDaEI7RUFDQSxPQUFPLElBQUlDLEtBQUssQ0FBQ0YsdUJBQXVCLEdBQUdELHVCQUF1QixDQUFDLENBQ2hFSSxJQUFJLENBQUNDLFNBQVMsQ0FBQyxDQUNmQyxHQUFHLENBQUMsQ0FBQ0MsQ0FBQyxFQUFFQyxDQUFDLEtBQUs7SUFDYixNQUFNQyxJQUFJLEdBQUdDLElBQUksQ0FBQ0MsS0FBSyxDQUFDSCxDQUFDLEdBQUdQLHVCQUF1QixDQUFDO0lBQ3BELE1BQU1XLElBQUksR0FBR0osQ0FBQyxHQUFHQyxJQUFJLEdBQUdSLHVCQUF1QjtJQUMvQyxNQUFNWSxRQUFRLEdBQUdYLFFBQVEsR0FBRyxHQUFHO0lBQy9CLE1BQU1ZLE9BQU8sR0FBRyxDQUFDRCxRQUFRLEdBQUdYLFFBQVEsSUFBSSxDQUFDO0lBQ3pDLE1BQU1hLENBQUMsR0FBR0gsSUFBSSxHQUFHVixRQUFRLEdBQUdZLE9BQU87SUFDbkMsTUFBTUUsQ0FBQyxHQUFHUCxJQUFJLEdBQUdQLFFBQVEsR0FBR1ksT0FBTztJQUVuQyxPQUFPO01BQ0xDLENBQUM7TUFDREMsQ0FBQztNQUNEZCxRQUFRO01BQ1JlLE1BQU0sRUFBRUwsSUFBSTtNQUNaTSxHQUFHLEVBQUVUO0lBQ1AsQ0FBQztFQUNILENBQUMsQ0FBQztBQUNOO0FBRU8sU0FBU1UsT0FBT0EsQ0FBQ0MsRUFBa0IsRUFBRTtFQUMxQyxNQUFNQyxLQUFLLEdBQ1RDLGdCQUFnQixDQUFDRixFQUFFLENBQUNHLGlCQUFrQixDQUFDLENBQUNDLGdCQUFnQixDQUN0RCw4QkFDRixDQUFDLElBQUksT0FBTztFQUNkLE1BQU1DLE1BQU0sR0FBR0osS0FBSyxDQUFDSyxRQUFRLENBQUMsSUFBSSxDQUFDLEdBQy9CQyxNQUFNLENBQUNOLEtBQUssQ0FBQ08sT0FBTyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQyxHQUMvQkQsTUFBTSxDQUFDTixLQUFLLENBQUNPLE9BQU8sQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQUMsR0FBRyxJQUFJO0VBQ3pDLE9BQU9ILE1BQU0sR0FBRyxFQUFFO0FBQ3BCIn0=
+exports.getTime = getTime;
+//# sourceMappingURL=utils.js.map

package/dist/components/Transition/MasksFactory/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/Transition/MasksFactory/utils.ts"],"names":[],"mappings":";;;AAAA,SAAwB,SAAS,CAC/B,uBAA+B,EAC/B,uBAA+B,EAC/B,QAAgB;IAEhB,OAAO,IAAI,KAAK,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;SAChE,IAAI,CAAC,SAAS,CAAC;SACf,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACZ,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,uBAAuB,CAAC,CAAC;QACrD,MAAM,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,uBAAuB,CAAC;QAChD,MAAM,QAAQ,GAAG,QAAQ,GAAG,GAAG,CAAC;QAChC,MAAM,OAAO,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC1C,MAAM,CAAC,GAAG,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;QACpC,MAAM,CAAC,GAAG,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;QAEpC,OAAO;YACL,CAAC;YACD,CAAC;YACD,QAAQ;YACR,MAAM,EAAE,IAAI;YACZ,GAAG,EAAE,IAAI;SACV,CAAC;IACJ,CAAC,CAAC,CAAC;AACP,CAAC;AAvBD,4BAuBC;AAED,SAAgB,OAAO,CAAC,EAAkB;IACxC,MAAM,KAAK,GACT,gBAAgB,CAAC,EAAE,CAAC,iBAAkB,CAAC,CAAC,gBAAgB,CACtD,8BAA8B,CAC/B,IAAI,OAAO,CAAC;IACf,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;QACjC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACjC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1C,OAAO,MAAM,GAAG,EAAE,CAAC;AACrB,CAAC;AATD,0BASC"}