@onepercentio/one-ui 1.3.5 → 1.4.0

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

@@ -1,86 +1,96 @@
 "use strict";
-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"));
+
+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 }; }
 /**
  * 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(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 ``;
-    };
+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 "";
+  };
 }
-exports.default = PhysicsSquares;
-//# sourceMappingURL=PhysicsSquares.js.map
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfbWF0dGVySnMiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl91dGlscyIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiUGh5c2ljc1NxdWFyZXMiLCJhbW91bnRPZlZlcnRpY2FsU3F1YXJlcyIsImFyZ3VtZW50cyIsImxlbmd0aCIsInVuZGVmaW5lZCIsImVsIiwiaGVpZ2h0IiwiY2xpZW50SGVpZ2h0Iiwid2lkdGgiLCJjbGllbnRXaWR0aCIsIl9iYWxsc2l6ZSIsIm1heGltdW1CYWxscyIsImFtb3VudE9mQmFsbHMiLCJNYXRoIiwiZmxvb3IiLCJncmlkRGF0YSIsImJ1aWxkR3JpZCIsIl90aW1lIiwiZ2V0Q29tcHV0ZWRTdHlsZSIsImdldFByb3BlcnR5VmFsdWUiLCJ0aW1lIiwiZW5kc1dpdGgiLCJOdW1iZXIiLCJyZXBsYWNlIiwiY2FudmFzIiwiZG9jdW1lbnQiLCJjcmVhdGVFbGVtZW50IiwiRW5naW5lIiwiTWF0dGVyIiwiUmVuZGVyIiwiUnVubmVyIiwiQm9kaWVzIiwiQ29tcG9zaXRlIiwiZW5naW5lIiwiY3JlYXRlIiwicmVuZGVyIiwib3B0aW9ucyIsIndpcmVmcmFtZXMiLCJiYWNrZ3JvdW5kIiwiYm91bmRzIiwibWluIiwieCIsInkiLCJtYXgiLCJncm91bmQiLCJyZWN0YW5nbGUiLCJmaWxsU3R5bGUiLCJhbmdsZSIsImlzU3RhdGljIiwiZ3JpZEJvZGllcyIsIm1hcCIsImEiLCJjaXJjbGUiLCJiYWxsU2l6ZSIsInJhbmRvbSIsImRlbnNpdHkiLCJhZGQiLCJ3b3JsZCIsInJ1biIsInJ1bm5lciIsImkiLCJzZXRJbnRlcnZhbCIsImZpcnN0RWxlbWVudENoaWxkIiwic3R5bGUiLCJ3ZWJraXRNYXNrSW1hZ2UiLCJjb25jYXQiLCJ0b0RhdGFVUkwiLCJzZXRUaW1lb3V0IiwiY2xlYXJJbnRlcnZhbCIsInN0b3AiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UcmFuc2l0aW9uL01hc2tzRmFjdG9yeS9QaHlzaWNzU3F1YXJlcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IE1hdHRlciBmcm9tIFwibWF0dGVyLWpzXCI7XG5pbXBvcnQgYnVpbGRHcmlkIGZyb20gXCIuL3V0aWxzXCI7XG4vKipcbiAqIERPIE5PVCBEQVJFIFRPIFVTRSBUSElTIElGIFlPVSBIQVZFIEEgTUlOSU1BTCBSRVNQRUNUIEZPUiBQRVJGT1JNQU5DRVxuICogXG4gKiBDcmVhdGVzIGFuIHN2ZyB0aGF0IHRyYW5zaXRpb25zIGZyb20gYSBzcXVhcmUgZ3JpZCB0byByb3VuZGVkIGNvcm5lcnMgYW5kIHRoZW0gc2hyaW5rcyB0aGUgYmFsbHMgdG8gcmV2ZWFsIHRoZSBjb250ZW50XG4gKiBAcGFyYW0gYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXMgVGhlIGFtb3VudCBvZiBzcXVhcmVzIHZlcnRpY2FsbHkgdG8gYmUgc2hvd25cbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gUGh5c2ljc1NxdWFyZXMoYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXM6IG51bWJlciA9IDEwKSB7XG4gIHJldHVybiBmdW5jdGlvbiAoZWw6IEhUTUxEaXZFbGVtZW50KSB7XG4gICAgY29uc3QgaGVpZ2h0ID0gZWwuY2xpZW50SGVpZ2h0O1xuICAgIGNvbnN0IHdpZHRoID0gZWwuY2xpZW50V2lkdGg7XG4gICAgY29uc3QgX2JhbGxzaXplID0gaGVpZ2h0IC8gYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXM7XG4gICAgY29uc3QgbWF4aW11bUJhbGxzID0gd2lkdGggLyBfYmFsbHNpemU7XG4gICAgY29uc3QgYW1vdW50T2ZCYWxscyA9IE1hdGguZmxvb3IobWF4aW11bUJhbGxzKTtcbiAgICBjb25zdCBncmlkRGF0YSA9IGJ1aWxkR3JpZChcbiAgICAgIGFtb3VudE9mVmVydGljYWxTcXVhcmVzLFxuICAgICAgYW1vdW50T2ZCYWxscyxcbiAgICAgIF9iYWxsc2l6ZVxuICAgICk7XG4gICAgY29uc3QgX3RpbWUgPSBnZXRDb21wdXRlZFN0eWxlKGVsKS5nZXRQcm9wZXJ0eVZhbHVlKFxuICAgICAgXCItLWFuaW1hdGlvbi1zcGVlZC10cmFuc2l0aW9uXCJcbiAgICApO1xuICAgIGNvbnN0IHRpbWUgPSBfdGltZS5lbmRzV2l0aChcIm1zXCIpXG4gICAgICA/IE51bWJlcihfdGltZS5yZXBsYWNlKFwibXNcIiwgXCJcIikpXG4gICAgICA6IE51bWJlcihfdGltZS5yZXBsYWNlKFwic1wiLCBcIlwiKSkgKiAxMDAwO1xuICAgIGNvbnN0IGNhbnZhcyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJjYW52YXNcIik7XG4gICAgY2FudmFzLndpZHRoID0gZWwuY2xpZW50V2lkdGggLyAxMDtcbiAgICBjYW52YXMuaGVpZ2h0ID0gZWwuY2xpZW50SGVpZ2h0IC8gMTA7XG4gICAgLy8gbW9kdWxlIGFsaWFzZXNcbiAgICB2YXIgRW5naW5lID0gTWF0dGVyLkVuZ2luZSxcbiAgICAgIFJlbmRlciA9IE1hdHRlci5SZW5kZXIsXG4gICAgICBSdW5uZXIgPSBNYXR0ZXIuUnVubmVyLFxuICAgICAgQm9kaWVzID0gTWF0dGVyLkJvZGllcyxcbiAgICAgIENvbXBvc2l0ZSA9IE1hdHRlci5Db21wb3NpdGU7XG5cbiAgICAvLyBjcmVhdGUgYW4gZW5naW5lXG4gICAgdmFyIGVuZ2luZSA9IEVuZ2luZS5jcmVhdGUoKTtcblxuICAgIC8vIGNyZWF0ZSBhIHJlbmRlcmVyXG4gICAgdmFyIHJlbmRlciA9IFJlbmRlci5jcmVhdGUoe1xuICAgICAgZW5naW5lOiBlbmdpbmUsXG4gICAgICBvcHRpb25zOiB7XG4gICAgICAgIHdpcmVmcmFtZXM6IGZhbHNlLFxuICAgICAgICBiYWNrZ3JvdW5kOiBcImJsYWNrXCIsXG4gICAgICAgIGhlaWdodDogZWwuY2xpZW50SGVpZ2h0LFxuICAgICAgICB3aWR0aDogZWwuY2xpZW50V2lkdGgsXG4gICAgICB9LFxuICAgICAgY2FudmFzOiBjYW52YXMsXG4gICAgICBib3VuZHM6IHtcbiAgICAgICAgbWluOiB7XG4gICAgICAgICAgeDogMCxcbiAgICAgICAgICB5OiAwLFxuICAgICAgICB9LFxuICAgICAgICBtYXg6IHtcbiAgICAgICAgICB4OiBlbC5jbGllbnRXaWR0aCxcbiAgICAgICAgICB5OiBlbC5jbGllbnRIZWlnaHQsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0pO1xuICAgIHZhciBncm91bmQgPSBCb2RpZXMucmVjdGFuZ2xlKDAsIGVsLmNsaWVudEhlaWdodCwgZWwuY2xpZW50V2lkdGggKiAyLCAxMCwge1xuICAgICAgcmVuZGVyOiB7XG4gICAgICAgIGZpbGxTdHlsZTogXCJibGFja1wiLFxuICAgICAgfSxcbiAgICAgIGFuZ2xlOiAwLjEsXG4gICAgICBpc1N0YXRpYzogdHJ1ZSxcbiAgICB9KTtcblxuICAgIGNvbnN0IGdyaWRCb2RpZXMgPSBncmlkRGF0YS5tYXAoKGEpID0+XG4gICAgICBCb2RpZXMuY2lyY2xlKFxuICAgICAgICBhLnggKyBhLmJhbGxTaXplIC8gMiArIChNYXRoLnJhbmRvbSgpICogYS5iYWxsU2l6ZSkgLyAyLFxuICAgICAgICBhLnkgKyBhLmJhbGxTaXplIC8gMiArIChNYXRoLnJhbmRvbSgpICogYS5iYWxsU2l6ZSkgLyAyLFxuICAgICAgICBhLmJhbGxTaXplIC8gNCArIChNYXRoLnJhbmRvbSgpICogYS5iYWxsU2l6ZSkgLyA0LFxuICAgICAgICB7XG4gICAgICAgICAgZGVuc2l0eTogMC4xLFxuICAgICAgICAgIHJlbmRlcjoge1xuICAgICAgICAgICAgZmlsbFN0eWxlOiBcImJsYWNrXCIsXG4gICAgICAgICAgfSxcbiAgICAgICAgfVxuICAgICAgKVxuICAgICk7XG5cbiAgICAvLyBhZGQgYWxsIG9mIHRoZSBib2RpZXMgdG8gdGhlIHdvcmxkXG4gICAgQ29tcG9zaXRlLmFkZChlbmdpbmUud29ybGQsIFsuLi5ncmlkQm9kaWVzLCBncm91bmRdKTtcblxuICAgIC8vIHJ1biB0aGUgcmVuZGVyZXJcbiAgICBSZW5kZXIucnVuKHJlbmRlcik7XG5cbiAgICAvLyBjcmVhdGUgcnVubmVyXG4gICAgdmFyIHJ1bm5lciA9IFJ1bm5lci5jcmVhdGUoKTtcblxuICAgIC8vIHJ1biB0aGUgZW5naW5lXG4gICAgUnVubmVyLnJ1bihydW5uZXIsIGVuZ2luZSk7XG5cbiAgICBjb25zdCBpID0gc2V0SW50ZXJ2YWwoKCkgPT4ge1xuICAgICAgKFxuICAgICAgICBlbC5maXJzdEVsZW1lbnRDaGlsZCEgYXMgSFRNTERpdkVsZW1lbnRcbiAgICAgICkuc3R5bGUud2Via2l0TWFza0ltYWdlID0gYHVybCgnJHtjYW52YXMhLnRvRGF0YVVSTChcImJhc2U2NFwiKX0nKWA7XG4gICAgfSwgMTAwMCAvIDYwKTtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGNsZWFySW50ZXJ2YWwoaSk7XG4gICAgICBSdW5uZXIuc3RvcChydW5uZXIpO1xuICAgIH0sIHRpbWUpO1xuICAgIHJldHVybiBgYDtcbiAgfTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsU0FBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsTUFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQWdDLFNBQUFELHVCQUFBRyxHQUFBLFdBQUFBLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLEdBQUFELEdBQUEsS0FBQUUsT0FBQSxFQUFBRixHQUFBO0FBQ2hDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNlLFNBQVNHLGNBQWNBLENBQUEsRUFBdUM7RUFBQSxJQUF0Q0MsdUJBQStCLEdBQUFDLFNBQUEsQ0FBQUMsTUFBQSxRQUFBRCxTQUFBLFFBQUFFLFNBQUEsR0FBQUYsU0FBQSxNQUFHLEVBQUU7RUFDekUsT0FBTyxVQUFVRyxFQUFrQixFQUFFO0lBQ25DLE1BQU1DLE1BQU0sR0FBR0QsRUFBRSxDQUFDRSxZQUFZO0lBQzlCLE1BQU1DLEtBQUssR0FBR0gsRUFBRSxDQUFDSSxXQUFXO0lBQzVCLE1BQU1DLFNBQVMsR0FBR0osTUFBTSxHQUFHTCx1QkFBdUI7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

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

@@ -1,48 +1,67 @@
 "use strict";
-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;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-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"));
+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 }; }
 /**
  * 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_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)}')`;
-    };
+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), "')");
+  };
 }
-exports.default = default_1;
-//# sourceMappingURL=SquareToBalls.js.map
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfc2VydmVyIiwicmVxdWlyZSIsIl9yZWFjdCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfdXRpbHMiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsIm5vZGVJbnRlcm9wIiwiV2Vha01hcCIsImNhY2hlQmFiZWxJbnRlcm9wIiwiY2FjaGVOb2RlSW50ZXJvcCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiY2FjaGUiLCJoYXMiLCJnZXQiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImRlc2MiLCJzZXQiLCJfZGVmYXVsdCIsImFtb3VudE9mVmVydGljYWxTcXVhcmVzIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwidW5kZWZpbmVkIiwiZWwiLCJoZWlnaHQiLCJjbGllbnRIZWlnaHQiLCJ3aWR0aCIsImNsaWVudFdpZHRoIiwiX2JhbGxzaXplIiwibWF4aW11bUJhbGxzIiwiYW1vdW50T2ZCYWxscyIsIk1hdGgiLCJmbG9vciIsInRpbWUiLCJnZXRUaW1lIiwicmVzdWx0U3ZnIiwicmVuZGVyVG9TdHJpbmciLCJjcmVhdGVFbGVtZW50IiwieG1sbnMiLCJpZCIsIkRhdGUiLCJub3ciLCJ0b1N0cmluZyIsImJ1aWxkR3JpZCIsIm1hcCIsIl9yZWYiLCJiYWxsU2l6ZSIsIngiLCJ5IiwiZmlsbCIsImF0dHJpYnV0ZU5hbWUiLCJhdHRyaWJ1dGVUeXBlIiwidmFsdWVzIiwiY29uY2F0IiwiZHVyIiwiZW5jb2RlVVJJQ29tcG9uZW50Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVHJhbnNpdGlvbi9NYXNrc0ZhY3RvcnkvU3F1YXJlVG9CYWxscy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgcmVuZGVyVG9TdHJpbmcgfSBmcm9tIFwicmVhY3QtZG9tL3NlcnZlclwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGJ1aWxkR3JpZCwgeyBnZXRUaW1lIH0gZnJvbSBcIi4vdXRpbHNcIjtcblxuLyoqXG4gKiBDcmVhdGVzIGFuIHN2ZyB0aGF0IHRyYW5zaXRpb25zIGZyb20gYSBzcXVhcmUgZ3JpZCB0byByb3VuZGVkIGNvcm5lcnMgYW5kIHRoZW0gc2hyaW5rcyB0aGUgYmFsbHMgdG8gcmV2ZWFsIHRoZSBjb250ZW50XG4gKiBAcGFyYW0gYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXMgVGhlIGFtb3VudCBvZiBzcXVhcmVzIHZlcnRpY2FsbHkgdG8gYmUgc2hvd25cbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gKGFtb3VudE9mVmVydGljYWxTcXVhcmVzOiBudW1iZXIgPSAxMCkge1xuICByZXR1cm4gZnVuY3Rpb24gKGVsOiBIVE1MRGl2RWxlbWVudCkge1xuICAgIGNvbnN0IGhlaWdodCA9IGVsLmNsaWVudEhlaWdodDtcbiAgICBjb25zdCB3aWR0aCA9IGVsLmNsaWVudFdpZHRoO1xuICAgIGNvbnN0IF9iYWxsc2l6ZSA9IGhlaWdodCAvIGFtb3VudE9mVmVydGljYWxTcXVhcmVzO1xuICAgIGNvbnN0IG1heGltdW1CYWxscyA9IHdpZHRoIC8gX2JhbGxzaXplO1xuICAgIGNvbnN0IGFtb3VudE9mQmFsbHMgPSBNYXRoLmZsb29yKG1heGltdW1CYWxscyk7XG5cbiAgICBjb25zdCB0aW1lID0gZ2V0VGltZShlbCk7XG5cbiAgICBjb25zdCByZXN1bHRTdmcgPSByZW5kZXJUb1N0cmluZyhcbiAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIGlkPXtEYXRlLm5vdygpLnRvU3RyaW5nKCl9PlxuICAgICAgICB7YnVpbGRHcmlkKGFtb3VudE9mVmVydGljYWxTcXVhcmVzLCBhbW91bnRPZkJhbGxzLCBfYmFsbHNpemUpLm1hcChcbiAgICAgICAgICAoeyBiYWxsU2l6ZSwgeCwgeSB9KSA9PiB7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8cmVjdCBmaWxsPVwid2hpdGVcIj5cbiAgICAgICAgICAgICAgICA8YW5pbWF0ZVxuICAgICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT1cInJ4XCJcbiAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZVR5cGU9XCJYTUxcIlxuICAgICAgICAgICAgICAgICAgdmFsdWVzPXtgJHswfXB4OyR7YmFsbFNpemUgLyAyfXB4OyR7YmFsbFNpemUgLyAyfXB4YH1cbiAgICAgICAgICAgICAgICAgIGR1cj17YCR7dGltZX1tc2B9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8YW5pbWF0ZVxuICAgICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT1cInhcIlxuICAgICAgICAgICAgICAgICAgYXR0cmlidXRlVHlwZT1cIlhNTFwiXG4gICAgICAgICAgICAgICAgICB2YWx1ZXM9e2Ake3h9cHg7JHt4fXB4OyR7eCArIGJhbGxTaXplIC8gMn1weGB9XG4gICAgICAgICAgICAgICAgICBkdXI9e2Ake3RpbWV9bXNgfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPGFuaW1hdGVcbiAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZU5hbWU9XCJ5XCJcbiAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZVR5cGU9XCJYTUxcIlxuICAgICAgICAgICAgICAgICAgdmFsdWVzPXtgJHt5fXB4OyR7eX1weDske3kgKyBiYWxsU2l6ZSAvIDJ9cHhgfVxuICAgICAgICAgICAgICAgICAgZHVyPXtgJHt0aW1lfW1zYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxhbmltYXRlXG4gICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPVwid2lkdGhcIlxuICAgICAgICAgICAgICAgICAgYXR0cmlidXRlVHlwZT1cIlhNTFwiXG4gICAgICAgICAgICAgICAgICB2YWx1ZXM9e2Ake2JhbGxTaXplfXB4OyR7YmFsbFNpemV9cHg7JHswfXB4YH1cbiAgICAgICAgICAgICAgICAgIGR1cj17YCR7dGltZX1tc2B9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8YW5pbWF0ZVxuICAgICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT1cImhlaWdodFwiXG4gICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVUeXBlPVwiWE1MXCJcbiAgICAgICAgICAgICAgICAgIHZhbHVlcz17YCR7YmFsbFNpemV9cHg7JHtiYWxsU2l6ZX1weDskezB9cHhgfVxuICAgICAgICAgICAgICAgICAgZHVyPXtgJHt0aW1lfW1zYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L3JlY3Q+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH1cbiAgICAgICAgKX1cbiAgICAgIDwvc3ZnPlxuICAgICk7XG5cbiAgICByZXR1cm4gYHVybCgnZGF0YTppbWFnZS9zdmcreG1sO2NoYXJzZXQ9dXRmOCwke2VuY29kZVVSSUNvbXBvbmVudChcbiAgICAgIHJlc3VsdFN2Z1xuICAgICl9JylgO1xuICB9O1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxPQUFBLEdBQUFDLE9BQUE7QUFDQSxJQUFBQyxNQUFBLEdBQUFDLHNCQUFBLENBQUFGLE9BQUE7QUFDQSxJQUFBRyxNQUFBLEdBQUFDLHVCQUFBLENBQUFKLE9BQUE7QUFBNkMsU0FBQUsseUJBQUFDLFdBQUEsZUFBQUMsT0FBQSxrQ0FBQUMsaUJBQUEsT0FBQUQsT0FBQSxRQUFBRSxnQkFBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLENBQUFDLFdBQUEsV0FBQUEsV0FBQSxHQUFBRyxnQkFBQSxHQUFBRCxpQkFBQSxLQUFBRixXQUFBO0FBQUEsU0FBQUYsd0JBQUFNLEdBQUEsRUFBQUosV0FBQSxTQUFBQSxXQUFBLElBQUFJLEdB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

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

@@ -1,32 +1,30 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTime = void 0;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = buildGrid;
+exports.getTime = getTime;
 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;
 }
-exports.getTime = getTime;
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJidWlsZEdyaWQiLCJhbW91bnRPZlZlcnRpY2FsU3F1YXJlcyIsImhvd01hbnlIb3Jpem9udGFsU3F1YXJlIiwiYmFsbFNpemUiLCJBcnJheSIsImZpbGwiLCJ1bmRlZmluZWQiLCJtYXAiLCJfIiwiaSIsIm1vZFgiLCJNYXRoIiwiZmxvb3IiLCJtb2RZIiwiYmFsbHNpemUiLCJwYWRkaW5nIiwieCIsInkiLCJjb2x1bW4iLCJyb3ciLCJnZXRUaW1lIiwiZWwiLCJfdGltZSIsImdldENvbXB1dGVkU3R5bGUiLCJmaXJzdEVsZW1lbnRDaGlsZCIsImdldFByb3BlcnR5VmFsdWUiLCJfX3RpbWUiLCJlbmRzV2l0aCIsIk51bWJlciIsInJlcGxhY2UiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UcmFuc2l0aW9uL01hc2tzRmFjdG9yeS91dGlscy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBidWlsZEdyaWQoXG4gIGFtb3VudE9mVmVydGljYWxTcXVhcmVzOiBudW1iZXIsXG4gIGhvd01hbnlIb3Jpem9udGFsU3F1YXJlOiBudW1iZXIsXG4gIGJhbGxTaXplOiBudW1iZXJcbikge1xuICByZXR1cm4gbmV3IEFycmF5KGhvd01hbnlIb3Jpem9udGFsU3F1YXJlICogYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXMpXG4gICAgLmZpbGwodW5kZWZpbmVkKVxuICAgIC5tYXAoKF8sIGkpID0+IHtcbiAgICAgIGNvbnN0IG1vZFggPSBNYXRoLmZsb29yKGkgLyBob3dNYW55SG9yaXpvbnRhbFNxdWFyZSk7XG4gICAgICBjb25zdCBtb2RZID0gaSAtIG1vZFggKiBob3dNYW55SG9yaXpvbnRhbFNxdWFyZTtcbiAgICAgIGNvbnN0IGJhbGxzaXplID0gYmFsbFNpemUgKiAxLjE7XG4gICAgICBjb25zdCBwYWRkaW5nID0gKGJhbGxzaXplIC0gYmFsbFNpemUpIC8gMjtcbiAgICAgIGNvbnN0IHggPSBtb2RZICogYmFsbFNpemUgLSBwYWRkaW5nO1xuICAgICAgY29uc3QgeSA9IG1vZFggKiBiYWxsU2l6ZSAtIHBhZGRpbmc7XG5cbiAgICAgIHJldHVybiB7XG4gICAgICAgIHgsXG4gICAgICAgIHksXG4gICAgICAgIGJhbGxTaXplLFxuICAgICAgICBjb2x1bW46IG1vZFksXG4gICAgICAgIHJvdzogbW9kWCxcbiAgICAgIH07XG4gICAgfSk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRUaW1lKGVsOiBIVE1MRGl2RWxlbWVudCkge1xuICBjb25zdCBfdGltZSA9XG4gICAgZ2V0Q29tcHV0ZWRTdHlsZShlbC5maXJzdEVsZW1lbnRDaGlsZCEpLmdldFByb3BlcnR5VmFsdWUoXG4gICAgICBcIi0tYW5pbWF0aW9uLXNwZWVkLXRyYW5zaXRpb25cIlxuICAgICkgfHwgXCIyNTBtc1wiO1xuICBjb25zdCBfX3RpbWUgPSBfdGltZS5lbmRzV2l0aChcIm1zXCIpXG4gICAgPyBOdW1iZXIoX3RpbWUucmVwbGFjZShcIm1zXCIsIFwiXCIpKVxuICAgIDogTnVtYmVyKF90aW1lLnJlcGxhY2UoXCJzXCIsIFwiXCIpKSAqIDEwMDA7XG4gIHJldHVybiBfX3RpbWUgKyA1MDtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFlLFNBQVNBLFNBQVNBLENBQy9CQyx1QkFBK0IsRUFDL0JDLHVCQUErQixFQUMvQkMsUUFBZ0IsRUFDaEI7RUFDQSxPQUFPLElBQUlDLEtBQUssQ0FBQ0YsdUJBQXVCLEdBQUdELHVCQUF1QixDQUFDLENBQ2hFSSxJQUFJLENBQUNDLFNBQVMsQ0FBQyxDQUNmQyxHQUFHLENBQUMsQ0FBQ0MsQ0FBQyxFQUFFQyxDQUFDLEtBQUs7SUFDYixNQUFNQyxJQUFJLEdBQUdDLElBQUksQ0FBQ0MsS0FBSyxDQUFDSCxDQUFDLEdBQUdQLHVCQUF1QixDQUFDO0lBQ3BELE1BQU1XLElBQUksR0FBR0osQ0FBQyxHQUFHQyxJQUFJLEdBQUdSLHVCQUF1QjtJQUMvQyxNQUFNWSxRQUFRLEdBQUdYLFFBQVEsR0FBRyxHQUFHO0lBQy9CLE1BQU1ZLE9BQU8sR0FBRyxDQUFDRCxRQUFRLEdBQUdYLFFBQVEsSUFBSSxDQUFDO0lBQ3pDLE1BQU1hLENBQUMsR0FBR0gsSUFBSSxHQUFHVixRQUFRLEdBQUdZLE9BQU87SUFDbkMsTUFBTUUsQ0FBQyxHQUFHUCxJQUFJLEdBQUdQLFFBQVEsR0FBR1ksT0FBTztJQUVuQyxPQUFPO01BQ0xDLENBQUM7TUFDREMsQ0FBQztNQUNEZCxRQUFRO01BQ1JlLE1BQU0sRUFBRUwsSUFBSTtNQUNaTSxHQUFHLEVBQUVUO0lBQ1AsQ0FBQztFQUNILENBQUMsQ0FBQztBQUNOO0FBRU8sU0FBU1UsT0FBT0EsQ0FBQ0MsRUFBa0IsRUFBRTtFQUMxQyxNQUFNQyxLQUFLLEdBQ1RDLGdCQUFnQixDQUFDRixFQUFFLENBQUNHLGlCQUFrQixDQUFDLENBQUNDLGdCQUFnQixDQUN0RCw4QkFDRixDQUFDLElBQUksT0FBTztFQUNkLE1BQU1DLE1BQU0sR0FBR0osS0FBSyxDQUFDSyxRQUFRLENBQUMsSUFBSSxDQUFDLEdBQy9CQyxNQUFNLENBQUNOLEtBQUssQ0FBQ08sT0FBTyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQyxHQUMvQkQsTUFBTSxDQUFDTixLQUFLLENBQUNPLE9BQU8sQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQUMsR0FBRyxJQUFJO0VBQ3pDLE9BQU9ILE1BQU0sR0FBRyxFQUFFO0FBQ3BCIn0=